pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}:root{--bg:#f3f5f9;--bg-strong:#fff;--panel:#ffffffd1;--panel-strong:#fff;--text:#142033;--text-soft:#526075;--border:#0e17261a;--accent:#0f7bff;--accent-soft:#d9e8ff;--shadow:0 24px 60px #111b2b14;--radius:24px;--font-sans:"Pretendard Variable", "SUIT Variable", "Inter", "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, monospace;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=dark]{--bg:#07111f;--bg-strong:#0c1627;--panel:#0e1726d1;--panel-strong:#0f1b2d;--text:#eef4ff;--text-soft:#99a8c0;--border:#ffffff1a;--accent:#78b6ff;--accent-soft:#78b6ff24;--shadow:0 24px 80px #00000047}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;font-family:var(--font-sans);color:var(--text);background:radial-gradient(circle at top left, #0f7bff1f, transparent 26%), linear-gradient(180deg, var(--bg) 0%, var(--bg-strong) 100%);margin:0}a,button,input,textarea{font:inherit}img{max-width:100%;display:block}button,input,textarea{background:0 0;border:0}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#root{min-height:100vh}.app-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:24px 0 64px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{z-index:100;background:var(--panel-strong);border-radius:999px;padding:12px 16px;top:20px;left:20px}.site-header,.site-nav,.hero-actions,.section-heading,.tag-list,.meta-row,.card-links,.footer-links,.article-actions{align-items:center;display:flex}.site-header,.section-heading{justify-content:space-between}.site-header{z-index:20;border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);background:#ffffff8f;border-radius:999px;gap:24px;margin-bottom:28px;padding:18px 20px;position:sticky;top:16px}:root[data-theme=dark] .site-header{background:#08101dc7}.brand-mark{gap:2px;font-weight:800;display:grid}.brand-mark small,.section-kicker,.meta-row,.page-copy,.microcopy{color:var(--text-soft)}.brand-mark span,.feature-link,.post-card-title,.nav-card strong,.timeline-item h3{letter-spacing:-.04em}.site-nav{gap:12px}.nav-link,.theme-button,.menu-button,.button-primary,.button-secondary,.code-copy-button{border-radius:999px;transition:transform .18s,background .18s,border-color .18s}.nav-link,.theme-button,.menu-button{color:var(--text-soft);padding:10px 14px}.nav-link.is-active{background:var(--accent-soft);color:var(--accent)}.menu-button{display:none}.theme-button,.button-secondary{border:1px solid var(--border);background:var(--panel);color:var(--text)}.button-primary,.button-secondary{justify-content:center;align-items:center;padding:12px 18px;display:inline-flex}.button-primary{color:#fff;background:linear-gradient(135deg,#0f7bff,#2cc4ff)}.button-primary:hover,.button-secondary:hover,.theme-button:hover,.nav-link:hover,.code-copy-button:hover{transform:translateY(-1px)}.main-shell,.section-row,.post-layout,.sidebar-stack,.contact-form,.timeline,.sidebar-links{gap:24px;display:grid}.hero-grid,.split-section,.info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.hero-panel,.feature-panel,.compact-panel,.post-card,.project-card,.article-panel,.toc-card,.nav-card,.state-card,.site-footer,.tag-directory-card,.timeline-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.hero-panel,.feature-panel,.compact-panel,.article-panel,.toc-card,.state-card,.site-footer{padding:28px}.hero-panel h1,.article-panel h1,.section-row h1,.section-row h2{letter-spacing:-.05em;margin:0;line-height:1.05}.hero-panel h1{max-width:12ch;font-size:clamp(2.5rem,7vw,4.6rem)}.hero-copy,.article-description,.post-card-summary,.project-card p,.policy-copy p{color:var(--text-soft);line-height:1.75}.post-grid,.project-grid,.tag-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.post-card,.project-card,.nav-card,.tag-directory-card{overflow:hidden}.post-card{min-height:100%;display:grid}.post-card-copy,.project-card{padding:24px}.post-card-title,.feature-link{font-size:1.5rem;font-weight:800}.post-card-image,.hero-image{aspect-ratio:16/9;object-fit:cover}.tag-list,.meta-row,.card-links,.footer-links{flex-wrap:wrap;gap:10px}.tag-badge,.stack-badge,.project-badge{background:var(--accent-soft);color:var(--accent);border-radius:999px;align-items:center;padding:8px 12px;font-size:.92rem;display:inline-flex}.meta-row{font-size:.92rem}.search-input-shell input,.contact-form input,.contact-form textarea{border:1px solid var(--border);background:var(--panel-strong);width:100%;color:var(--text);border-radius:18px;padding:14px 16px}.search-input-shell{width:min(320px,100%)}.post-layout{grid-template-columns:minmax(0,1.6fr) minmax(260px,.8fr);align-items:start}.article-panel{overflow:hidden}.sidebar-stack{position:sticky;top:112px}.toc-list,.markdown-body ul,.markdown-body ol{padding-left:20px}.toc-list{gap:10px;display:grid}.toc-depth-3{margin-left:12px}.markdown-body{font-size:1.04rem;line-height:1.9}.markdown-body h2,.markdown-body h3{margin-top:2.2em;margin-bottom:.8em;line-height:1.25}.markdown-body p,.markdown-body li{color:var(--text)}.markdown-body a{color:var(--accent)}.inline-code{background:var(--accent-soft);font-family:var(--font-mono);border-radius:999px;padding:2px 8px}.code-block-shell{background:#0d1117;border:1px solid #ffffff14;border-radius:22px;margin:1.5rem 0;position:relative;overflow:hidden}.code-copy-button{z-index:1;color:#fff;background:#ffffff14;border:1px solid #ffffff24;padding:8px 12px;position:absolute;top:14px;right:14px}.code-block-scroll{font-family:var(--font-mono);margin:0;padding:56px 18px 18px;overflow-x:auto}.article-actions{gap:12px;margin:24px 0 20px}.nav-card,.tag-directory-card{gap:8px;padding:22px;display:grid}.sidebar-link{border:1px solid #0000;border-radius:16px;padding:12px 14px}.sidebar-link.is-current{border-color:var(--border);background:var(--accent-soft)}.state-card{text-align:center}.loading-bar{background:linear-gradient(90deg,#0f7bff29,#0f7bff8f,#0f7bff29);border-radius:999px;width:140px;height:10px;margin:0 auto 18px;animation:1.2s ease-in-out infinite pulse}.site-footer{gap:20px;margin-top:40px;display:grid}.narrow-copy{width:min(820px,100%)}.timeline-item{padding:22px}.timeline-item span{color:var(--text-soft)}.contact-form label{gap:8px;display:grid}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes pulse{0%,to{opacity:.45}50%{opacity:1}}@media (width<=960px){.hero-grid,.split-section,.info-grid,.post-layout,.post-grid,.project-grid,.tag-directory{grid-template-columns:1fr}.sidebar-stack{position:static}}@media (width<=760px){.app-shell{width:min(100% - 20px,1180px);padding-top:18px}.site-header{border-radius:28px;align-items:flex-start}.menu-button{display:inline-flex}.site-nav{border:1px solid var(--border);background:var(--panel-strong);box-shadow:var(--shadow);border-radius:24px;flex-direction:column;align-items:stretch;padding:16px;display:none;position:absolute;top:calc(100% + 10px);left:0;right:0}.site-nav.is-open{display:flex}.section-heading{flex-direction:column;align-items:flex-start}.search-input-shell{width:100%}}