*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--bg: #0a0f1c;--surface: #131826;--surface2: #1e2536;--border: #2a3441;--border-light: #364152;--text: #f1f5f9;--text-muted: #a3acb9;--text-dim: #64748b;--accent: #fba119;--accent-solid: #e8930e;--accent-dim: rgba(251, 161, 25, .12);--accent-glow: rgba(251, 161, 25, .25);--green: #22d3a0;--green-solid: #0d9f72;--green-dim: rgba(34, 211, 160, .1);--red: #f87171;--red-dim: rgba(248, 113, 113, .1);--blue: #60a5fa;--blue-dim: rgba(96, 165, 250, .1);--yellow: #fbbf24;--yellow-solid: #b45309;--header-bg: rgba(10, 15, 28, .92);--backdrop: rgba(10, 15, 28, .65);--code-bg: #0a0f1c;--sidebar-w: 272px;--header-h: 56px;--code-panel-w: 440px;--radius: 8px;--font-mono: "IBM Plex Mono", monospace;--font-sans: "Sora", sans-serif;--para-font-size: 16px;--para-text: #ffffff;--strong-text: var(--accent)}[data-theme=light]{--bg: #f8f9fc;--surface: #ffffff;--surface2: #f0f2f7;--border: #e2e5ee;--border-light: #d0d4e3;--text: #111827;--text-muted: #4b5563;--text-dim: #9ca3af;--accent: #e8930e;--accent-solid: #e8930e;--accent-dim: rgba(232, 147, 14, .1);--accent-glow: rgba(232, 147, 14, .22);--green: #0d9f72;--green-solid: #0d9f72;--green-dim: rgba(13, 159, 114, .1);--red: #dc2626;--red-dim: rgba(220, 38, 38, .08);--blue: #2563eb;--blue-dim: rgba(37, 99, 235, .1);--yellow: #b45309;--yellow-solid: #b45309;--header-bg: rgba(248, 249, 252, .92);--backdrop: rgba(248, 249, 252, .65);--code-bg: #f1f3f8;--para-font-size: 16px;--para-text: var(--text);--strong-text: var(--accent)}.code-panel{background:var(--bg);border-left:1px solid var(--border)}.code-block-wrap{--cb-bg: #1a1d2e;--cb-header: #222638;--cb-border: #2e3350;--cb-text: #cdd5f0;--cb-text-dim: #5c6585;background:var(--cb-bg);border:1px solid var(--cb-border);border-radius:var(--radius);overflow:hidden;margin-bottom:20px}[data-theme=light] .code-block-wrap{--cb-bg: #21263a;--cb-header: #2b3149;--cb-border: #374060;--cb-text: #d4dcf5;--cb-text-dim: #6b7599;box-shadow:0 2px 12px #0000002e}.code-block-header{background:var(--cb-header);border-bottom:1px solid var(--cb-border);display:flex;align-items:center;justify-content:space-between;padding:8px 14px}.code-block-label{font-size:11px;font-weight:600;color:var(--cb-text-dim);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase}.code-tab-btn{padding:4px 12px;font-size:12px;font-weight:500;font-family:var(--font-sans);background:none;border:none;cursor:pointer;color:var(--cb-text-dim);border-bottom:2px solid transparent;transition:color .15s,border-color .15s!important}.code-tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.code-copy-btn{background:none;border:none;cursor:pointer;font-size:11px;font-family:var(--font-sans);padding:2px 8px;border-radius:4px;color:var(--cb-text-dim);transition:color .15s,background .15s!important}.code-copy-btn:hover{background:var(--cb-border);color:var(--cb-text)}.code-copy-btn.copied{color:#22d3a0!important}.code-block-wrap pre{padding:16px;overflow-x:auto;font-family:var(--font-mono);font-size:12px;line-height:1.7;margin:0;background:var(--cb-bg)!important;color:var(--cb-text)!important}*,*:before,*:after{transition:background-color .25s ease,border-color .25s ease,color .2s ease}button,a,input{transition:background-color .25s ease,border-color .25s ease,color .2s ease,transform .15s ease,box-shadow .15s ease,opacity .15s ease}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.6;font-size:14px;overflow-x:hidden}strong{color:var(--strong-text);font-weight:700}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.theme-toggle{position:relative;width:56px;height:28px;border-radius:100px;border:1.5px solid var(--border);background:var(--surface2);cursor:pointer;display:flex;align-items:center;padding:0 3px;flex-shrink:0;outline:none;transition:border-color .25s ease,background .25s ease,box-shadow .2s ease!important}.theme-toggle:hover{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.theme-toggle:focus-visible{box-shadow:0 0 0 3px var(--accent-glow)}.theme-toggle-track{position:absolute;inset:0;border-radius:100px;display:flex;align-items:center;justify-content:space-between;padding:0 6px;pointer-events:none}.theme-toggle-knob{width:20px;height:20px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:11px;box-shadow:0 1px 4px #00000040;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .25s ease!important;position:relative;z-index:1;flex-shrink:0}.theme-toggle-knob.light-mode{transform:translate(28px)}.theme-toggle-icons{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 5px;pointer-events:none}.theme-icon{font-size:11px;line-height:1;transition:opacity .2s ease!important}.menu-btn{display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid var(--border);background:var(--surface);cursor:pointer;flex-shrink:0;transition:background .15s,border-color .15s!important}.menu-btn:hover{background:var(--surface2);border-color:var(--accent)}.menu-btn svg{transition:none!important}.sidebar-backdrop{display:none;position:fixed;inset:0;z-index:89;background:#00000085;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar-backdrop.open{display:block}.sidebar-drawer{transform:translate(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1)!important}.sidebar-drawer.open{transform:translate(0)}@media(max-width:1100px){.sidebar-desktop{display:none!important}.main-content{margin-left:0!important}.section-grid{grid-template-columns:1fr!important}.code-panel{position:static!important;max-height:none!important;border-left:none!important;border-top:1px solid var(--border)!important;padding:32px 40px!important}.menu-btn{display:flex}.header-search{min-width:160px!important}}@media(max-width:768px){:root{--header-h: 52px}.header-search-text{display:none}.header-search-box{min-width:36px!important;max-width:36px!important;padding:6px!important;justify-content:center!important}.header-search-kbd,.header-badge{display:none}.section-left{padding:28px 20px!important}.code-panel{padding:24px 20px!important}.intro-inner{padding:40px 20px 36px!important}.intro-cards,.card-grid-2col,.field-row{grid-template-columns:1fr!important}.footer-inner{flex-direction:column!important;align-items:flex-start!important;padding:28px 20px!important}.sidebar-drawer{position:fixed!important;top:var(--header-h)!important;left:0!important;z-index:90!important;width:280px!important;height:calc(100vh - var(--header-h))!important;overflow-y:auto!important;box-shadow:4px 0 24px #00000059}}@media(max-width:480px){.section-left{padding:20px 14px!important}.code-panel{padding:18px 14px!important}.intro-inner{padding:28px 14px 24px!important}}.search-result-item{transition:background-color .15s ease}.search-result-item:hover{background-color:var(--surface2)}.header-search-box{color:var(--text-dim)}.header-search-box:hover{color:var(--text)}.header-search-box span{color:inherit}.header-search-box svg{stroke:currentColor}