*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #FFFFFF;--bg-secondary: #F5F5F5;--bg-elevated: #F5F5F5;--bg-surface: #F5F5F5;--text-primary: #111111;--text-secondary: #737373;--text-muted: #737373;--border: #E5E5E5;--accent: #0055FF;--accent-sky: #0055FF;--accent-subtle: rgba(0, 85, 255, .06);--accent-mid: rgba(0, 85, 255, .14);--code-bg: #F5F5F5;--code-text: #111111;--ease: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--duration: .15s;--duration-slow: .2s;--font: "Inter", "Noto Sans JP", "Noto Sans KR", system-ui, -apple-system, sans-serif;--font-mono: "SF Mono", ui-monospace, monospace;--sidebar-w: 280px;--nav-h: 56px}[data-theme=dark]{--bg-primary: #000000;--bg-secondary: #111111;--bg-elevated: #111111;--bg-surface: #111111;--text-primary: #E8E6E3;--text-secondary: #908E8B;--text-muted: #908E8B;--border: #222222;--code-bg: #111111;--code-text: #E8E6E3}::selection{background:var(--accent);color:#fff}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font);font-weight:400;color:var(--text-primary);background:var(--bg-primary);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-numeric:tabular-nums}[hidden]{display:none!important}.nav-logo:focus-visible,.nav-links a:focus-visible,.control-btn:focus-visible,.lang-btn:focus-visible,.github-star:focus-visible,.sidebar-link:focus-visible,.search-result:focus-visible,.toc-link:focus-visible,.copy-code-btn:focus-visible,.mobile-menu-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.mobile-menu-btn{display:none;position:fixed;top:max(env(safe-area-inset-top,0px),.75rem);left:max(env(safe-area-inset-left,0px),.75rem);z-index:200;height:34px;padding:0 .75rem;font-family:var(--font-mono);font-size:.75rem;font-weight:600;text-transform:uppercase;background:var(--bg-primary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);align-items:center;justify-content:center;cursor:pointer}.mobile-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;z-index:98;opacity:0;transition:opacity .3s}body.mobile-menu-open .mobile-overlay{display:block;opacity:1}.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);z-index:100;display:flex;justify-content:space-between;align-items:center;padding:0 max(env(safe-area-inset-right,0px),2rem) 0 max(env(safe-area-inset-left,0px),2rem);padding-top:env(safe-area-inset-top,0px);background:var(--bg-secondary);border-bottom:1px solid var(--border);transition:background var(--duration-slow) var(--ease),border-color var(--duration-slow) var(--ease)}[data-theme=dark] .nav{background:var(--bg-secondary)}.nav-left{display:flex;align-items:center;gap:.75rem}.nav-logo{color:var(--text-primary);text-decoration:none;display:flex;align-items:center;flex-shrink:0}.logo-mark{flex-shrink:0;transform:translateY(-1px)}.nav-section{font-weight:500;color:var(--text-secondary);white-space:nowrap}.nav-links{display:flex;align-items:center;gap:1.5rem;margin-left:1.25rem}.nav-links a{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:1rem;transition:color var(--duration) var(--ease);position:relative}.nav-links a:after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:1px;background:var(--accent);transition:width .3s var(--ease-out)}.nav-controls{display:flex;align-items:stretch;gap:.5rem}.control-btn{background:transparent;border:none;color:var(--text-muted);width:34px;height:34px;border-radius:8px;cursor:pointer;transition:color var(--duration) var(--ease);display:flex;align-items:center;justify-content:center}.theme-icon{display:none}[data-theme=dark] .theme-moon,[data-theme=light] .theme-sun{display:block}.lang-switcher{display:flex;align-items:center;gap:2px;background:var(--bg-elevated);border-radius:8px;padding:3px;border:none}.lang-btn{background:transparent;border:none;color:var(--text-muted);padding:.35rem .55rem;border-radius:6px;font-family:var(--font);font-size:.7rem;font-weight:600;cursor:pointer;transition:all var(--duration) var(--ease)}.lang-btn.active{background:var(--text-primary);color:var(--bg-primary)}.github-star{display:inline-flex;align-items:center;gap:2px;padding:3px;background:var(--bg-elevated);border:none;border-radius:8px;overflow:hidden;text-decoration:none;transition:opacity var(--duration) var(--ease)}.github-star:hover{opacity:.8}.github-star .gh-logo{display:flex;align-items:center;padding:.35rem .45rem;border-radius:6px;color:var(--text-primary)}.github-star .gh-stars{display:flex;align-items:center;gap:.3rem;padding:.35rem .5rem;background:var(--bg-secondary);border-radius:6px;color:var(--text-secondary);font-family:var(--font-mono);font-size:.78rem;font-weight:600}.github-star .gh-stars:has(.star-count:empty){display:none}.search-results{max-height:300px;overflow-y:auto;border-bottom:1px solid var(--border)}.search-result{display:block;padding:.625rem 1.25rem;text-decoration:none;border-bottom:1px solid var(--border);transition:background .15s var(--ease)}.search-result-title{display:block;font-size:.85rem;font-weight:600;color:var(--text-primary);margin-bottom:.15rem}.search-result-snippet{display:block;font-size:.75rem;color:var(--text-muted);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-empty{padding:.75rem 1.25rem;font-size:.82rem;color:var(--text-muted)}.layout{display:flex;min-height:100vh;padding-top:var(--nav-h)}.sidebar{width:var(--sidebar-w);background:var(--bg-secondary);border-right:1px solid var(--border);position:fixed;top:var(--nav-h);left:0;bottom:0;overflow-y:auto;z-index:90;transition:background var(--duration-slow) var(--ease),border-color var(--duration-slow) var(--ease);display:flex;flex-direction:column}.sidebar-search{position:relative;padding:1.25rem;border-bottom:1px solid var(--border)}.sidebar-search input{width:100%;padding:.5rem .75rem .5rem 2.125rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;font-family:var(--font);font-size:.85rem;color:var(--text-primary);outline:none;transition:all var(--duration) var(--ease)}.sidebar-search input::placeholder{color:var(--text-muted)}.sidebar-search input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-subtle)}.search-icon{position:absolute;left:2rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.sidebar-nav{flex:1;padding:1rem .75rem}.sidebar-section{margin-bottom:1.25rem}.sidebar-heading{display:block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.375rem;padding:0 .75rem}.sidebar-link{display:flex;align-items:center;justify-content:space-between;color:var(--text-secondary);text-decoration:none;font-size:.88rem;font-weight:500;padding:.4rem .75rem;margin-bottom:1px;border-radius:6px;transition:all .15s var(--ease)}.sidebar-link.active{color:var(--text-primary);background:transparent;font-weight:600;border-left:2px solid var(--accent);border-radius:0}.sidebar-footer{padding:.75rem;border-top:1px solid var(--border)}.content-area{flex:1;margin-left:var(--sidebar-w);display:flex;justify-content:center;transition:margin-left .3s}main{flex:1;max-width:720px;padding:2.5rem 3rem 5rem;margin:0 auto}.toc{width:200px;flex-shrink:0;position:sticky;top:calc(var(--nav-h) + 2rem);align-self:flex-start;max-height:calc(100vh - var(--nav-h) - 4rem);overflow-y:auto;padding:0 1rem 2rem 1.5rem;border-left:1px solid var(--border)}.toc-heading{display:block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.625rem}.toc-link{display:block;font-size:.8rem;color:var(--text-muted);text-decoration:none;padding:.2rem 0 .2rem .75rem;border-left:1px solid var(--border);line-height:1.5;transition:color .15s,border-color .15s}.toc-link.active{color:var(--accent);border-left-color:var(--accent)}.toc-link.toc-h3{padding-left:1.5rem;font-size:.75rem}main h1{font-family:var(--font);font-size:2.2rem;font-weight:800;letter-spacing:-.03em;margin-bottom:1.5rem;line-height:1.2;color:var(--text-primary)}main h2{font-family:var(--font);font-size:1.4rem;font-weight:700;margin-top:3rem;margin-bottom:1rem;letter-spacing:-.015em;color:var(--text-primary);padding-bottom:.5rem;border-bottom:1px solid var(--border)}main h3{font-family:var(--font);font-size:1.125rem;font-weight:700;margin-top:2rem;margin-bottom:1rem;color:var(--text-primary)}main h4{font-family:var(--font);font-size:1rem;font-weight:700;margin-top:1.5rem;margin-bottom:.5rem;color:var(--text-primary)}main p{margin-bottom:1.5rem;color:var(--text-secondary);line-height:1.75}main a{color:var(--accent);font-weight:500;text-decoration:none;transition:color var(--duration) var(--ease)}main ul,main ol{margin-bottom:1.5rem;padding-left:1.5rem}main li{margin-bottom:.4rem;color:var(--text-secondary);line-height:1.7}main li::marker{color:var(--accent)}main strong{font-weight:700;color:var(--text-primary)}main hr{border:none;border-top:1px solid var(--border);margin:2rem 0}.code-wrapper{position:relative;margin-bottom:1.5rem}.code-wrapper pre{background:var(--bg-surface);color:var(--code-text);font-family:var(--font-mono);font-size:.82rem;line-height:1.75;padding:1.125rem 1.25rem;border-radius:4px;overflow-x:auto;border:1px solid var(--border)}[data-theme=dark] .code-wrapper pre{border-color:#222}.code-wrapper pre code{background:none;padding:0;font-size:inherit;color:inherit;font-family:inherit}.copy-code-btn{position:absolute;top:.625rem;right:.625rem;background:var(--bg-primary);border:1px solid var(--border);color:var(--text-muted);width:30px;height:30px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.6;transition:all .2s var(--ease)}.copy-code-btn.copied{background:var(--accent);color:#fff;border-color:var(--accent);opacity:1}main code{font-family:var(--font-mono);font-size:.85em;background:var(--accent-subtle);color:var(--accent);padding:.15em .4em;border-radius:4px;font-weight:500}[data-theme=dark] main code{background:#2563eb1f}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}main pre code{background:none;color:inherit;padding:0;font-weight:inherit}.tk-kw{color:#7c3aed}.tk-fn{color:#2563eb}.tk-str{color:#16a34a}.tk-cm{color:#9ca3af;font-style:italic}.tk-num{color:#ea580c}.tk-type{color:#ca8a04}.tk-op{color:#0891b2}[data-theme=dark] .tk-kw{color:#c678dd}[data-theme=dark] .tk-fn{color:#61afef}[data-theme=dark] .tk-str{color:#98c379}[data-theme=dark] .tk-cm{color:#5c6370}[data-theme=dark] .tk-num{color:#d19a66}[data-theme=dark] .tk-type{color:#e5c07b}[data-theme=dark] .tk-op{color:#56b6c2}main table{width:100%;border-collapse:collapse;margin-bottom:1.5rem;font-size:.88rem;border-radius:8px;overflow:hidden;border:1px solid var(--border)}main th{text-align:left;font-weight:700;padding:.75rem 1rem;background:var(--bg-secondary);color:var(--text-primary);border-bottom:2px solid var(--accent);font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}main td{padding:.625rem 1rem;border-bottom:1px solid var(--border);vertical-align:top;color:var(--text-secondary)}main tr:last-child td{border-bottom:none}main td code{font-size:.8em}main blockquote{background:var(--accent-subtle);border-left:3px solid var(--accent);padding:.875rem 1.125rem;border-radius:0 6px 6px 0;margin-bottom:1.25rem}[data-theme=dark] main blockquote{background:#2563eb14}main blockquote p{margin:0;color:var(--text-secondary)}main blockquote p:last-child{margin-bottom:0}.error-page{text-align:center;padding:4rem 2rem}.error-page h1{font-size:3.5rem;color:var(--accent);margin-bottom:.75rem}.error-page p{font-size:1.1rem;margin-bottom:2rem}.error-page a{display:inline-block;padding:.625rem 1.25rem;background:var(--accent);color:#fff;border-radius:8px;font-weight:600;text-decoration:none;transition:background var(--duration) var(--ease)}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}@media(max-width:1200px){.toc{display:none}}@media(max-width:1024px){main{padding:2rem 2rem 4rem}}@media(max-width:768px){.mobile-menu-btn{display:flex}.content-area{margin-left:0}.nav{padding:0 max(env(safe-area-inset-right,0px),1rem);padding-left:max(env(safe-area-inset-left,0px),3.5rem);padding-top:env(safe-area-inset-top,0px)}.nav-links{display:none}.sidebar{transform:translate(-100%);transition:transform .3s var(--ease-out);top:0;padding-top:calc(var(--nav-h) + env(safe-area-inset-top,0px));padding-bottom:env(safe-area-inset-bottom,0px);z-index:99;background:var(--bg-primary)}body.mobile-menu-open .sidebar{transform:translate(0)}main{margin-left:0;padding:1.5rem max(env(safe-area-inset-right,0px),1.5rem) 4rem max(env(safe-area-inset-left,0px),1.5rem);padding-bottom:max(env(safe-area-inset-bottom,0px),4rem)}main h1{font-size:1.75rem}main h2{font-size:1.2rem}}@media(max-width:480px){.nav-section{display:none}main{padding:1rem max(env(safe-area-inset-right,0px),1rem) 3rem max(env(safe-area-inset-left,0px),1rem);padding-bottom:max(env(safe-area-inset-bottom,0px),3rem)}.code-wrapper pre{font-size:.78rem;padding:.875rem}}