:root{color-scheme:dark;--bg: #111;--bg-raised: #1a1a1a;--bg-soft: #222;--text: #e0e0e0;--text-soft: #cfcfcf;--text-muted: #888;--line: #2a2a2a;--line-strong: #444;--accent: #8ee88e;--accent-soft: rgba(142, 232, 142, .1);--code-bg: #1a1a1a;--shadow: rgba(0, 0, 0, .32);--body-font: Inter, Pretendard, "Noto Sans KR", "Apple SD Gothic Neo", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono-font: "JetBrains Mono", "Cascadia Code", "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--body-font);font-size:16px;line-height:1.75;letter-spacing:0;text-rendering:optimizeLegibility}a{color:inherit;text-decoration-color:#8ee88e59;text-underline-offset:.22em;transition:color .16s ease,text-decoration-color .16s ease}a:hover{color:var(--accent);text-decoration-color:var(--accent)}::selection{background:var(--accent-soft);color:var(--text)}.site-shell{width:min(100% - 32px,860px);margin:0 auto}.site-header{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line);backdrop-filter:blur(16px);background:#111111e6}.nav{display:flex;align-items:center;justify-content:space-between;min-height:72px}.brand{position:relative;display:inline-flex;align-items:center;gap:.55rem;color:var(--text);font-family:var(--mono-font);font-size:1.1rem;font-weight:700;text-decoration:none}.brand:before{content:"";width:1.5rem;height:1.5rem;border-radius:50%;background:url(/favicon-32.png) center / cover no-repeat;box-shadow:0 0 10px #00000047;flex:0 0 auto}.brand:after{content:attr(data-glitch);position:absolute;left:2.05rem;top:50%;color:var(--accent);font-family:var(--mono-font);font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:1;opacity:0;pointer-events:none;text-shadow:-1px 0 rgba(127,230,138,.76),1px 0 rgba(140,210,255,.34);transform:translateY(-50%);white-space:nowrap;animation:brand-glitch 5.8s steps(1,end) infinite}.brand:hover:after,.brand:focus-visible:after{animation-duration:1.4s}.nav-links{display:flex;align-items:center;gap:1rem;color:var(--text-soft);font-family:var(--mono-font);font-size:.82rem}.nav-links a{text-decoration:none}main{padding:24px 0 34px}.hero{display:grid;gap:2rem;padding:22px 0 58px;border-bottom:1px solid var(--line)}.eyebrow,.section-label,.post-date,.tag{font-family:var(--mono-font);font-size:.76rem;color:var(--text-muted)}.eyebrow{color:var(--accent)}h1,h2,h3{margin:0;color:var(--text);line-height:1.18}.hero h1{max-width:13ch;font-size:clamp(2.4rem,7vw,5.2rem);letter-spacing:-.045em}.hero-copy{max-width:650px;margin:0;color:var(--text-soft);font-size:1.08rem}.hero-links{display:flex;flex-wrap:wrap;gap:.65rem}.pill{display:inline-flex;align-items:center;gap:.45rem;min-height:36px;padding:0 .72rem;border:1px solid var(--line-strong);border-radius:8px;background:#13171cb3;color:var(--text-soft);font-family:var(--mono-font);font-size:.78rem;text-decoration:none}.pill:hover{border-color:#8ee88e99;background:var(--accent-soft);color:var(--text)}.section{padding:42px 0 24px;border-bottom:1px solid var(--line)}.home-posts{padding-top:0}.section:last-child{border-bottom:0}.section-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:20px}.section h2{font-size:1rem;font-family:var(--mono-font);font-weight:700}.post-list{display:grid;gap:0}.post-card{display:grid;gap:.4rem;padding:14px 0}.post-card:first-child{padding-top:0}.post-card:last-child{padding-bottom:8px}.post-card h3{font-size:1.12rem}.post-index-card{position:relative;grid-template-columns:minmax(0,1fr);gap:.4rem;--post-date-offset: 18px}.post-index-card:first-child{--post-date-offset: 0px}.post-index-date{position:absolute;top:calc(var(--post-date-offset) + .13rem);right:calc(100% + 1.2rem);width:132px;text-align:right;white-space:nowrap}.post-index-body{display:grid;gap:.48rem;min-width:0;padding-left:.95rem;border-left:1px solid rgba(142,232,142,.64)}.post-index-body .tagged-line{margin-top:0}.post-card h3 a{text-decoration:none}.post-card p{max-width:680px;margin:0;color:var(--text-soft)}.tags{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.2rem}.tagged-line{max-width:680px;margin:.2rem 0 0;color:var(--text-muted);font-family:var(--mono-font);font-size:.76rem;line-height:1.55}.tagged-line a{color:var(--text-muted);text-decoration:none;transition:color .16s ease}.tagged-line a:hover{color:var(--accent)}.tag{display:inline-flex;align-items:center;padding:.1rem .45rem;border:1px solid var(--line);border-radius:6px;background:var(--bg-raised);color:var(--text-muted);cursor:pointer;font-weight:400;line-height:1.45;text-decoration:none;transition:background .16s ease,border-color .16s ease,color .16s ease}.tag:hover,.tag:focus-visible{border-color:var(--line-strong);background:var(--bg-soft);color:#7fe68a;outline:none;text-decoration:none}.about-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(180px,.6fr);gap:2rem}.about-grid p{margin:0;color:var(--text-soft)}.signal-list{margin:0;padding:0;list-style:none;color:var(--text-soft);font-family:var(--mono-font);font-size:.86rem}.signal-list li+li{margin-top:.5rem}.signal-list li:before{content:"> ";color:var(--accent)}.about-copy{max-width:620px;color:var(--text);font-size:1.02rem;line-height:1.75}.signal-link{display:inline-flex;align-items:center;gap:.45rem;color:var(--text-soft);text-decoration:none}.signal-link:hover,.signal-link:focus-visible{color:var(--accent);text-decoration:none;outline:none}.signal-icon{width:1rem;height:1rem;fill:currentColor;opacity:.78}.post-shell{display:grid;grid-template-columns:minmax(0,720px) 220px;gap:48px;align-items:start;width:min(100vw - 32px,988px);margin-left:calc((100% - min(100%,720px))/2)}.post-layout{width:min(100%,720px);margin:0}.post-toc{position:sticky;top:104px;max-height:calc(100vh - 128px);overflow:auto;padding-left:1rem;border-left:1px solid var(--line);color:var(--text-muted);font-family:var(--mono-font);font-size:.76rem}.post-toc-title{margin-bottom:.55rem;color:var(--text-soft);font-weight:700}.post-toc nav{display:grid;gap:.38rem}.post-toc-link{position:relative;color:var(--text-muted);line-height:1.45;text-decoration:none;transition:color .16s ease}.post-toc-link:before{content:"> ";color:var(--accent);opacity:0;transition:opacity .16s ease}.post-toc-link:hover:before{opacity:1}.post-toc-link.is-active{color:var(--accent)}.post-toc-link.is-active:before{opacity:1}.post-toc-link.depth-3{padding-left:.85rem}.post-header{margin-bottom:34px;padding-bottom:28px;border-bottom:1px solid var(--line)}.post-header h1{margin-top:.6rem;font-size:clamp(2rem,5vw,3.6rem);letter-spacing:-.04em}.post-content{color:var(--text)}.post-content p,.post-content ul,.post-content ol,.post-content blockquote,.post-content pre,.post-content table{margin:0 0 1.35rem}.post-content h2{scroll-margin-top:104px;margin:2rem 0 .75rem;font-size:1.5rem;letter-spacing:-.02em}.post-content h3{scroll-margin-top:104px;margin:1.55rem 0 .65rem;font-size:1.18rem}.post-content ul,.post-content ol{padding-left:1.35rem}.post-content li+li{margin-top:.35rem}.post-content code{padding:.1rem .32rem;border:1px solid #444;border-radius:4px;background:var(--code-bg);color:#e8e8e8;font-family:Cascadia Mono,Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:.84em;font-weight:400}.post-content pre{overflow-x:auto;padding:1rem;border:1px solid var(--line);border-radius:8px;background:var(--code-bg)!important;box-shadow:0 18px 50px var(--shadow)}.post-content pre code{padding:0;border:0;background:transparent!important;color:inherit;font-size:.88rem;font-weight:400}.post-content blockquote{padding-left:1rem;border-left:2px solid var(--accent);color:var(--text-soft)}.post-content table{width:100%;border-collapse:collapse;font-size:.92rem}.post-content th,.post-content td{padding:.55rem .65rem;border:1px solid var(--line)}.tags-page{padding-top:0}.tag-cloud{display:flex;flex-wrap:wrap;gap:.45rem;margin:0 0 3.4rem}.tag-cloud a{display:inline-flex;align-items:baseline;gap:.45rem;min-height:32px;padding:0 .7rem;border:1px solid var(--line);border-radius:6px;background:var(--bg-raised);color:var(--text-soft);font-family:var(--mono-font);font-size:.78rem;text-decoration:none}.tag-cloud a:hover{border-color:var(--line-strong);background:var(--bg-soft);color:var(--text)}.tag-groups{display:grid;gap:2.25rem}.tag-group{scroll-margin-top:96px}.tag-group h2{position:relative;margin-bottom:.85rem;font-family:var(--mono-font);font-size:1.1rem}.tag-group h2:before{content:"#";position:absolute;left:-1rem;color:var(--accent)}.tag-post-list{margin:0;padding:0;list-style:none}.tag-post-list li{position:relative;display:grid;gap:.2rem;padding:0 0 1rem}.tag-post-list li+li{padding-top:1rem;border-top:1px solid var(--line)}.tag-post-list time{color:var(--text-muted);font-family:var(--mono-font);font-size:.76rem}.tag-post-list a{width:fit-content;color:var(--text);font-size:1.05rem;font-weight:700;text-decoration:none}@keyframes brand-glitch{0%,82%,to{opacity:0;transform:translateY(-50%);clip-path:inset(0 0 0 0)}83%{opacity:.72;transform:translate(-1px,-50%);clip-path:inset(0 0 62% 0)}84%{opacity:.26;transform:translate(1px,-50%);clip-path:inset(40% 0 30% 0)}85%{opacity:.62;transform:translate(-2px,-50%);clip-path:inset(68% 0 6% 0)}86%{opacity:0;transform:translateY(-50%)}}@media(prefers-reduced-motion:reduce){.brand:after{animation:none}}@media(max-width:1180px){.post-shell{display:block;width:min(100%,720px);margin:0 auto}.post-toc{display:none}}@media(max-width:680px){.site-shell{width:min(100% - 24px,860px)}.nav{align-items:flex-start;flex-direction:column;justify-content:center;gap:.65rem;min-height:92px}.nav-links{gap:.8rem;overflow-x:auto;width:100%;padding-bottom:.2rem}main{padding-top:22px}.hero{padding-bottom:44px}.about-grid{grid-template-columns:1fr}.post-index-card{grid-template-columns:1fr;gap:.35rem}.post-index-date{position:static;width:auto;padding-top:0;text-align:left}.post-index-body{padding-left:0;border-left:0}}