:root{--bg-primary: #020617;--bg-secondary: rgba(15, 23, 42, .5);--bg-tertiary: #0f172a;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #475569;--border-primary: rgba(255, 255, 255, .08);--border-secondary: #1e293b;--accent-primary: #6366f1;--accent-light: #a5b4fc;--accent-hover: #818cf8;--accent-bg: rgba(99, 102, 241, .08);--accent-border: rgba(99, 102, 241, .15);--accent-secondary: #f97316;--glass-bg: rgba(2, 6, 23, .6);--glass-card-bg: rgba(255, 255, 255, .02);--glass-card-hover: rgba(255, 255, 255, .04);--glass-card-border: rgba(255, 255, 255, .06);--card-shadow: 0 25px 50px -12px rgba(0, 0, 0, .5);--code-bg: #0c1222;--code-border: rgba(255, 255, 255, .06);--code-inline-bg: rgba(99, 102, 241, .08);--code-inline-color: #a5b4fc;--code-inline-border: rgba(99, 102, 241, .1);--blockquote-bg: rgba(99, 102, 241, .04);--search-bg: #0f172a;--search-overlay: rgba(0, 0, 0, .6);--search-input-color: #f1f5f9;--kbd-bg: #020617;--kbd-border: #1e293b;--kbd-color: #475569;--nav-bg: rgba(2, 6, 23, .6);--nav-input-bg: rgba(15, 23, 42, .5);--sidebar-hover: rgba(255, 255, 255, .03);--dot-opacity: .5;--code-shadow: 0 4px 24px -4px rgba(0, 0, 0, .4);--hero-badge-bg: rgba(15, 23, 42, .8);--hero-badge-border: #1e293b;--pip-bg: #020617;--pip-dollar: #475569;--pip-cmd: #818cf8;--pip-copy-bg: #0f172a;--editor-bar-bg: rgba(15, 23, 42, .8);--editor-sidebar-bg: rgba(2, 6, 23, .4);--editor-body-bg: rgba(2, 6, 23, .6);--editor-body-color: #f8f8f2;--editor-tab-label: #475569;--editor-tab-active-bg: rgba(99, 102, 241, .1);--editor-tab-active-border: rgba(99, 102, 241, .2);--editor-tab-inactive: #64748b;--editor-line-num: #334155;--comparison-header-bg: #0f172a;--comparison-body-bg: #020617;--comparison-body-color: #f8f8f2;--comparison-label: #64748b;--comparison-boilerplate: #334155;--phone-bg: #020617;--phone-border: #0f172a;--phone-notch-bg: #0f172a;--phone-notch-inner: #020617;--phone-label: #475569;--phone-counter-bg: rgba(99, 102, 241, .1);--social-color: #475569;--social-hover: var(--text-primary);font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";scroll-behavior:smooth}body.light-mode{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--border-primary: rgba(0, 0, 0, .1);--border-secondary: #e2e8f0;--accent-primary: #4f46e5;--accent-light: #4338ca;--accent-hover: #4338ca;--accent-bg: rgba(79, 70, 229, .06);--accent-border: rgba(79, 70, 229, .2);--glass-bg: rgba(255, 255, 255, .85);--glass-card-bg: rgba(255, 255, 255, .7);--glass-card-hover: rgba(255, 255, 255, .9);--glass-card-border: rgba(0, 0, 0, .1);--card-shadow: 0 10px 30px -10px rgba(0, 0, 0, .12);--code-bg: #1e293b;--code-border: rgba(0, 0, 0, .12);--code-inline-bg: rgba(79, 70, 229, .08);--code-inline-color: #3730a3;--code-inline-border: rgba(79, 70, 229, .15);--blockquote-bg: rgba(79, 70, 229, .05);--search-bg: #ffffff;--search-overlay: rgba(0, 0, 0, .3);--search-input-color: #0f172a;--kbd-bg: #f1f5f9;--kbd-border: #cbd5e1;--kbd-color: #475569;--nav-bg: rgba(255, 255, 255, .85);--nav-input-bg: rgba(241, 245, 249, .9);--sidebar-hover: rgba(0, 0, 0, .04);--dot-opacity: .7;--code-shadow: 0 8px 30px -6px rgba(0, 0, 0, .25);--hero-badge-bg: #ffffff;--hero-badge-border: #e2e8f0;--pip-bg: #ffffff;--pip-dollar: #64748b;--pip-cmd: #4f46e5;--pip-copy-bg: #f1f5f9;--editor-bar-bg: #f1f5f9;--editor-sidebar-bg: #f8fafc;--editor-body-bg: #1e293b;--editor-body-color: #e2e8f0;--editor-tab-label: #475569;--editor-tab-active-bg: rgba(79, 70, 229, .1);--editor-tab-active-border: rgba(79, 70, 229, .2);--editor-tab-inactive: #64748b;--editor-line-num: #64748b;--comparison-header-bg: #ffffff;--comparison-body-bg: #1e293b;--comparison-body-color: #e2e8f0;--comparison-label: #475569;--comparison-boilerplate: #64748b;--phone-bg: #ffffff;--phone-border: #e2e8f0;--phone-notch-bg: #f1f5f9;--phone-notch-inner: #ffffff;--phone-label: #64748b;--phone-counter-bg: rgba(79, 70, 229, .08);--social-color: #64748b;--social-hover: var(--text-primary)}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s,color .3s}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:10px;border:2px solid var(--bg-primary);opacity:.5}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.bg-grid{background-image:radial-gradient(circle at 1px 1px,var(--border-primary) 1px,transparent 0);background-size:40px 40px}article p{margin-bottom:1.25rem;color:var(--text-secondary);line-height:1.75;font-size:.9375rem}article h1{font-size:2.25rem;font-weight:900;color:var(--text-primary);margin-bottom:.5rem;letter-spacing:-.04em;line-height:1.1}article h1+p,article h1+.subtitle{color:var(--text-secondary);font-size:1.05rem;margin-bottom:2.5rem}article h2{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin-top:3rem;margin-bottom:1rem;letter-spacing:-.025em;padding-bottom:.5rem;border-bottom:1px solid var(--border-primary)}article h3{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin-top:2rem;margin-bottom:.75rem}article ul{margin-bottom:1.5rem;list-style-type:disc;padding-left:1.25rem;color:var(--text-secondary)}article ul li{margin-bottom:.5rem;line-height:1.75;font-size:.9375rem}article ol{margin-bottom:1.5rem;list-style-type:decimal;padding-left:1.25rem;color:var(--text-secondary)}article ol li{margin-bottom:.5rem;line-height:1.75;font-size:.9375rem}article code{background-color:var(--code-inline-bg);padding:.15rem .4rem;border-radius:.25rem;color:var(--code-inline-color);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.8125rem;border:1px solid var(--code-inline-border)}article pre code{background-color:transparent;padding:0;border-radius:0;color:inherit;font-size:inherit;border:none}article table{width:100%;text-align:left;border-collapse:collapse;margin:2rem 0;font-size:.875rem}article th{border-bottom:1px solid var(--border-primary);padding:.75rem 1rem .75rem 0;font-weight:700;color:var(--text-primary);font-size:.8125rem;text-transform:uppercase;letter-spacing:.05em}article td{border-bottom:1px solid var(--border-primary);padding:.75rem 1rem .75rem 0;color:var(--text-secondary)}article td code{font-size:.75rem}article a{color:var(--accent-hover);text-decoration:none;transition:color .15s}article a:hover{color:var(--accent-light);text-decoration:underline}article blockquote{border-left:3px solid var(--accent-primary);padding:.75rem 1rem;margin:1.5rem 0;background:var(--blockquote-bg);border-radius:0 8px 8px 0}article blockquote p{margin-bottom:0;color:var(--text-secondary);font-size:.875rem}article hr{border:none;border-top:1px solid var(--border-primary);margin:3rem 0}aside::-webkit-scrollbar{width:3px}aside::-webkit-scrollbar-track{background:transparent}aside::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:3px}aside::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.theme-toggle{padding:8px;border-radius:10px;background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-primary);cursor:pointer;transition:all .2s}.theme-toggle:hover{transform:scale(1.05);border-color:var(--accent-primary);color:var(--text-primary)}.nav-link{color:var(--text-secondary);transition:all .2s;padding:.5rem 0;border-bottom:2px solid transparent}.nav-link:hover{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.sidebar-link{color:var(--text-secondary);transition:all .15s}.sidebar-link:hover{color:var(--text-primary);background:var(--sidebar-hover)}.sidebar-link.active{color:var(--accent-primary);background:var(--accent-bg);border-color:var(--accent-border)}.sidebar-dot{background:var(--border-secondary);transition:background .15s}.sidebar-link:hover .sidebar-dot{background:var(--text-muted)}.sidebar-link.active .sidebar-dot{background:var(--accent-primary);box-shadow:0 0 6px #6366f199}.version-badge{background:var(--accent-bg);border:1px solid var(--accent-border)}.divider{background:var(--border-primary)}.codehilite{background:var(--code-bg)!important;border-radius:12px;overflow:hidden;margin:1.5rem 0;border:1px solid var(--code-border);box-shadow:var(--code-shadow);position:relative}.codehilite:before{content:"";display:block;height:36px;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.04)}.codehilite:after{content:"";position:absolute;top:14px;left:16px;width:8px;height:8px;border-radius:50%;background:#ff5f56;box-shadow:14px 0 #ffbd2e,28px 0 #27c93f;opacity:var(--dot-opacity)}.codehilite pre{padding:1.25rem 1.5rem!important;margin:0!important;overflow-x:auto;font-size:.8rem;line-height:1.65;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-weight:400;letter-spacing:-.01em;background-color:transparent!important;color:#f8f8f2!important}.glass-card{background:var(--glass-card-bg);border:1px solid var(--glass-card-border);transition:all .2s}.glass-card:hover{background:var(--glass-card-hover);border-color:var(--accent-border);box-shadow:0 4px 20px -4px #6366f11a}