:root{color-scheme:dark;--bg: #070a12;--fg: #e9eeff;--muted: rgba(233, 238, 255, .68);--card: rgba(255, 255, 255, .06);--card-2: rgba(255, 255, 255, .09);--border: rgba(255, 255, 255, .12);--shadow: rgba(0, 0, 0, .35);--accent: #7c5cff;--accent-2: #2dd4bf;--danger: #fb7185;--radius: 16px;--container: 1240px;--ease: cubic-bezier(.2, .8, .2, 1);--page-gutter: clamp(.65rem, 1.8vw, 1.15rem);--section-inline: clamp(.35rem, 1.1vw, .75rem)}:root[data-theme=light]{color-scheme:light;--bg: #f7f8ff;--fg: #0b1020;--muted: rgba(11, 16, 32, .7);--card: rgba(255, 255, 255, .8);--card-2: rgba(255, 255, 255, .92);--border: rgba(11, 16, 32, .12);--shadow: rgba(11, 16, 32, .12);--accent: #5b5cff;--accent-2: #0ea5e9;--danger: #e11d48}*{box-sizing:border-box}html{height:100%;overflow-x:clip}body{margin:0;min-height:100%;width:100%;max-width:100vw;overflow-x:clip;overflow-y:auto;background:radial-gradient(1200px 800px at 20% -10%,rgba(124,92,255,.25),transparent 60%),radial-gradient(1000px 700px at 95% 10%,rgba(45,212,191,.18),transparent 60%),var(--bg);color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";letter-spacing:-.01em}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 80%,transparent)}.app-bg{min-height:100dvh;width:100%;max-width:100vw;overflow-x:clip;display:grid;grid-template-rows:auto 1fr auto}.shell{width:100%;max-width:min(var(--container),calc(100vw - (var(--page-gutter) * 2)));margin:0 auto;padding:2rem 0 3rem;min-width:0}.topbar{position:sticky;top:0;z-index:10;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:color-mix(in srgb,var(--bg) 72%,transparent);border-bottom:1px solid var(--border);display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;min-width:0;width:100%;max-width:100vw;padding:.9rem 1rem}.brand{font-weight:750;letter-spacing:-.03em;padding:.4rem .65rem;border-radius:999px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 40%,transparent),transparent);border:1px solid var(--border);text-decoration:none;color:inherit}.brand:hover{text-decoration:none}.nav{display:flex;gap:.85rem;align-items:center;justify-content:flex-start;flex-wrap:wrap;min-width:0}.nav a{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .6rem;border-radius:999px;color:var(--muted);text-decoration:none;line-height:1;transition:background .22s var(--ease),color .22s var(--ease)}.nav .nav-icon{display:inline-flex;align-items:center;justify-content:center;font-size:1.15rem;opacity:.9}.nav a.active,.nav a:hover{color:var(--fg);background:color-mix(in srgb,var(--card) 70%,transparent);text-decoration:none}.topbar-actions{display:flex;justify-content:flex-end;gap:.55rem;min-width:0}.icon-btn{appearance:none;border:1px solid var(--border);border-radius:999px;width:38px;height:38px;display:grid;place-items:center;background:color-mix(in srgb,var(--card) 75%,transparent);color:var(--fg);cursor:pointer;transition:transform .18s var(--ease),background .22s var(--ease)}.icon-btn:hover{transform:translateY(-1px);background:var(--card-2)}.icon{width:18px;height:18px}.msr{font-family:Material Symbols Rounded;font-weight:600;font-style:normal;font-size:20px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";font-variation-settings:"FILL" 0,"wght" 600,"GRAD" 0,"opsz" 24;-webkit-font-smoothing:antialiased}.menu-btn{display:none}.mobile-overlay{position:fixed;inset:0;background:#00000059;z-index:20}.mobile-drawer{position:fixed;left:var(--page-gutter);top:calc(.9rem + 52px);z-index:30;width:min(92vw,360px);border:1px solid var(--border);background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:18px;box-shadow:0 28px 90px var(--shadow);padding:.6rem;display:grid;gap:.25rem}.mobile-drawer a{display:flex;align-items:center;gap:.5rem;padding:.7rem .75rem;border-radius:14px;color:color-mix(in srgb,var(--fg) 92%,transparent);text-decoration:none;line-height:1}.mobile-drawer .nav-icon{display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem;opacity:.9}.mobile-drawer a.active,.mobile-drawer a:hover{background:color-mix(in srgb,var(--card) 70%,transparent);text-decoration:none}.mobile-drawer .mobile-meta{display:none}.muted{color:var(--muted);font-size:.95rem}.btn{appearance:none;border:1px solid var(--border);border-radius:999px;padding:.45rem .7rem;background:var(--card);color:var(--fg);box-shadow:0 10px 30px var(--shadow);cursor:pointer;text-decoration:none;display:inline-block;transition:transform .18s var(--ease),background .22s var(--ease)}a.btn:hover{text-decoration:none}.btn:hover{transform:translateY(-1px);background:var(--card-2)}.btn.ghost{background:transparent;box-shadow:none}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 30px 80px var(--shadow)}.footer{width:100%;max-width:min(var(--container),calc(100vw - (var(--page-gutter) * 2)));margin:0 auto;min-width:0;padding:1.2rem 0 1.6rem;border-top:1px solid var(--border);color:var(--muted);display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.footer a{color:color-mix(in srgb,var(--fg) 85%,transparent);text-decoration:none}.footer a:hover{text-decoration:none}.sep{opacity:.5}@media(max-width:760px){.topbar{grid-template-columns:auto auto 1fr;grid-template-rows:auto}.topbar .menu-btn{grid-column:1}.topbar .brand{grid-column:2}.topbar .nav-desktop{display:none}.topbar-actions{grid-column:3;justify-content:flex-end}.menu-btn{display:inline-grid}}