*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fdfbf7;--fg:#2c2c2c;--dim:#9c9789;--border:#ede9e1;--accent:#d97706;--toggle-bg:#f5f1eb;--toggle-hover:#ede9e1;--max-w:680px;--text-title:1.75rem;--text-h2:1.375rem;--text-body:1.125rem;--text-quote:1.063rem;--text-heading:1.25rem;--text-list-title:1.125rem;--text-nav:.9rem;--text-meta:.8rem}html.dark{--bg:#1e1e1e;--fg:#c8c4bc;--dim:#6b6760;--border:#333;--accent:#d97706;--toggle-bg:#2a2a2a;--toggle-hover:#333}*{transition:background-color .25s,color .25s,border-color .25s}@media (prefers-reduced-motion:reduce){*{transition:none!important}}html{-webkit-font-smoothing:antialiased;font-size:18px;line-height:1.7}body{background:var(--bg);color:var(--fg);background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000003 2px 4px);font-family:Pretendard Variable,Pretendard,-apple-system,sans-serif}main{max-width:var(--max-w);margin:0 auto;padding:3rem 1.5rem 4rem}html.dark body{background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff05 2px 4px)}a{color:var(--fg);text-decoration:none}header{z-index:10;border-bottom:1px solid var(--border);justify-content:center;align-items:center;height:3.5rem;padding:0 2rem;display:flex;position:relative}header h1{font-size:var(--text-heading);letter-spacing:-.03em;font-weight:700}header nav{font-size:var(--text-nav);color:var(--dim);gap:1.2rem;display:flex;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}header nav a{color:var(--dim)}header nav a:hover{color:var(--accent)}.theme-toggle{z-index:50;background:var(--toggle-bg);width:32px;height:32px;color:var(--fg);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;top:1rem;right:1rem}.theme-toggle:hover{background:var(--toggle-hover)}.theme-toggle svg{width:16px;height:16px}.icon-sun{display:none}html.dark .icon-sun,.icon-moon{display:block}html.dark .icon-moon{display:none}.posts{list-style:none}.posts li{border-bottom:1px solid var(--border);padding:1.3rem 0}.posts li:first-child{border-top:1px solid var(--border)}.posts a{font-weight:600;font-size:var(--text-list-title);letter-spacing:-.01em;line-height:1.45;display:block}.posts a:hover{color:var(--accent)}.posts time{font-size:var(--text-meta);color:var(--dim);margin-top:.2rem;display:block}article .post-title{font-size:var(--text-title);letter-spacing:-.025em;margin-bottom:.3rem;font-weight:700;line-height:1.3}article .meta{font-size:var(--text-meta);color:var(--dim);border-bottom:1px solid var(--border);margin-bottom:2.5rem;padding-bottom:1.5rem}article p{font-size:var(--text-body);margin-bottom:1.5rem}.post-body h2{font-size:var(--text-h2);letter-spacing:-.02em;margin-top:2.5rem;margin-bottom:.6rem;font-weight:700}.post-body h3{font-size:var(--text-body);letter-spacing:-.02em;margin-top:2rem;margin-bottom:.5rem;font-weight:700}.post-body hr{border:none;border-top:1px solid var(--border);margin:2.5rem 0}article img{border-radius:8px;max-width:100%;height:auto;margin:.8rem 0}article blockquote{border-left:2px solid var(--border);color:var(--dim);font-size:var(--text-quote);margin:1.5rem 0;padding-left:.9rem}article ul,article ol{font-size:var(--text-body);margin-bottom:1.5rem;padding-left:1.2rem}article li{margin-bottom:.25rem}article a{text-underline-offset:2.5px;text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);word-break:break-all}article a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);color:var(--accent)}article code{background:var(--toggle-bg);border-radius:4px;padding:.15rem .4rem;font-size:.85em}article pre{background:var(--toggle-bg);border-radius:8px;margin:1.5rem 0;padding:1rem;overflow-x:auto}article pre code{background:0 0;padding:0}.download{border:1px solid var(--border);background:var(--toggle-bg);border-radius:8px;justify-content:space-between;align-items:center;margin:1rem 0 1.5rem;padding:1rem 1.2rem;display:flex}.download .download-info{flex-direction:column;display:flex}.download .download-name{font-size:var(--text-nav);color:var(--fg);font-weight:600}.download .download-desc{font-size:var(--text-meta);color:var(--dim)}.download .download-btn{font-size:var(--text-meta);color:var(--bg);background:var(--fg);border-radius:6px;flex-shrink:0;padding:.4rem 1rem;font-weight:600;text-decoration:none;display:inline-block}.download .download-btn:hover{background:var(--accent);color:var(--bg)}.back{font-size:var(--text-nav);color:var(--dim);margin-top:3rem;text-decoration:none;display:inline-block}.back:hover{color:var(--accent)}footer{font-size:var(--text-nav);color:var(--dim);text-align:center;margin-top:5rem;line-height:1.8}footer a{color:var(--dim);text-decoration:none}footer a:hover{color:var(--accent)}.scroll-top{z-index:50;background:var(--toggle-bg);width:32px;height:32px;color:var(--fg);cursor:pointer;opacity:0;pointer-events:none;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;transition:opacity .25s,background-color .25s,color .25s;display:flex;position:fixed;bottom:1rem;right:1rem}.scroll-top.show{opacity:1;pointer-events:auto}.scroll-top:hover{background:var(--toggle-hover)}.landing{text-align:center;min-height:40vh;color:var(--dim);justify-content:center;align-items:center;font-size:.95rem;display:flex}