@import "https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--bg:#0a0c10;--surface:#111318;--surface-elevated:#181b22;--heading:#e8edf5;--text:#8b95a5;--text-soft:#5a6478;--accent:#3fb950;--accent-hover:#56d364;--accent-subtle:#3fb9501a;--accent-glow:#3fb95026;--accent2:#d29922;--accent3:#58a6ff;--border:#ffffff0f;--border-hover:#ffffff1f;--border-accent:#3fb95040;--code-bg:#080a0e;--code-border:#ffffff0d;--header-bg:#0a0c10d9;--header-border:#ffffff0a;--card-hover:#ffffff05;--glass:#ffffff05;--radius:8px;--radius-sm:6px;--radius-lg:12px;--radius-xl:16px}[data-theme=light]{--bg:#f5f7fa;--surface:#fff;--surface-elevated:#f0f2f5;--heading:#1a1d23;--text:#5a6478;--text-soft:#8b95a5;--accent:#1a7f37;--accent-hover:#1f8b3e;--accent-subtle:#1a7f3714;--accent-glow:#1a7f3714;--accent2:#9a6700;--accent3:#0969da;--border:#00000014;--border-hover:#00000029;--border-accent:#1a7f3733;--code-bg:#f0f2f5;--code-border:#0000000f;--header-bg:#ffffffd9;--header-border:#0000000a;--card-hover:#00000003;--glass:#fffc}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:64px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,sans-serif;font-size:14px;line-height:1.65;transition:background .3s,color .3s}::selection{background:var(--accent-subtle);color:var(--heading)}code,pre{font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.85em}a{color:var(--accent);text-decoration:none;transition:color .15s,opacity .15s}a:hover{color:var(--accent-hover);opacity:.9}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:.5s cubic-bezier(.16,1,.3,1) both fadeUp}.stagger-item{animation:.4s cubic-bezier(.16,1,.3,1) both fadeUp}.glass-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .3s cubic-bezier(.16,1,.3,1);position:relative}.glass-card:before{content:"";border-radius:inherit;background:linear-gradient(135deg,var(--accent-subtle) 0%,transparent 50%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.glass-card:hover{border-color:var(--border-accent);box-shadow:0 8px 32px #0000004d,0 0 40px var(--accent-glow);transform:translateY(-2px)}.glass-card:hover:before{opacity:1}.code-block{background:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius);color:#e8edf5;padding:16px 20px;font-size:13px;line-height:1.7;position:relative;overflow-x:auto}.code-block:before{content:"$";color:var(--accent);opacity:.5;font-family:JetBrains Mono,monospace;font-size:13px;display:none;position:absolute;top:16px;left:16px}.code-block .copy-btn{cursor:pointer;background:var(--surface);border:1px solid var(--border);color:var(--text-soft);border-radius:4px;padding:3px 8px;font-family:inherit;font-size:11px;transition:all .2s;position:absolute;top:8px;right:8px}.code-block .copy-btn:hover{background:var(--card-hover);color:var(--heading)}.code-block .copy-btn.copied{color:var(--accent);background:#3fb95026;border-color:#3fb9504d}.code-keyword{color:#ff7b72}.code-string{color:#a5d6ff}.code-number{color:#fbbf24}.code-comment{color:#5a6478;font-style:italic}.code-operator{color:#ffa657}.bg-base{z-index:-5;background:var(--bg);position:fixed;inset:0}.bg-glow{z-index:-4;pointer-events:none;background:radial-gradient(800px at 20% 10%,#3fb9500f 0%,#0000 60%),radial-gradient(500px at 80% 80%,#d2992208 0%,#0000 50%);animation:25s ease-in-out infinite alternate ambient;position:fixed;inset:0}@keyframes ambient{0%{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.03)}to{opacity:.5;transform:scale(.97)}}.bg-grid{z-index:-3;pointer-events:none;background-image:linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(80% 70%,#000 20%,#0000 70%);mask-image:radial-gradient(80% 70%,#000 20%,#0000 70%)}.bg-scanline{z-index:-2;pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 2px 4px);position:fixed;inset:0}[data-theme=light] .bg-scanline{opacity:.3}.gradient-text{background:linear-gradient(135deg,var(--accent) 0%,var(--accent2) 50%,var(--accent3) 100%);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:7s infinite shift}@keyframes shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.progress-bar{z-index:200;background:linear-gradient(90deg,var(--accent),var(--accent2));height:2px;transition:width .1s linear;position:fixed;top:0;left:0}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:.6s linear infinite spin}kbd{color:var(--text-soft);background:#ffffff0f;border:1px solid #ffffff14;border-radius:4px;padding:2px 7px;font-family:inherit;font-size:10px;font-weight:600;display:inline-block}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.content-card{animation:.5s cubic-bezier(.16,1,.3,1) both fadeUp}tr:hover td{background:#3fb95008}.help-modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}@media (width<=640px){.desktop-nav{display:none!important}.mobile-nav-toggle{display:flex!important}.glass-card{border-radius:var(--radius)}.code-block{padding:14px 16px;font-size:12px}}@media (pointer:coarse){a,button{cursor:default}}@media print{header,footer,.bg-base,.bg-glow,.bg-grid,.bg-scanline,.progress-bar,.copy-btn{display:none!important}body{color:#000!important;background:#fff!important}}