:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f3f7fb;--background-top:#fcfdff;--background-bottom:#e8eef5;--foreground:#152030;--muted:#5b6b7d;--panel:#ffffffd1;--panel-strong:#fffffff0;--border:#4b5e7a29;--accent:#1d7f73;--accent-strong:#0f5f56;--status-border:#1d7f7329;--status-background:#1d7f7314;--status-text:#13574f;--nav-button:#ffffffa8;--nav-button-hover:#1d7f7314;--topbar-background:#f4f8fcd1;--ambient-left:#1d7f731f;--ambient-right:#79c4b41f;--tile-wash:#1d7f730f;--stack-card-background:#ffffffb8;--stack-item-background:#ffffffb8;--toggle-bg:#e7edf0;--toggle-border:#c8d5dc;--toggle-knob:#fff;--gold:#b98421;--shadow:0 28px 80px #2233541f}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#08111f;--background-top:#0b1324;--background-bottom:#040913;--foreground:#f3f7fb;--muted:#92a1b8;--panel:#0b1728d1;--panel-strong:#0f1f34f5;--border:#98b2d52e;--accent:#73e0c3;--accent-strong:#2bb4af;--status-border:#73e0c32e;--status-background:#73e0c312;--status-text:#d6fff1;--nav-button:#ffffff08;--nav-button-hover:#73e0c314;--topbar-background:#040a14ad;--ambient-left:#2bb4af24;--ambient-right:#73e0c31c;--tile-wash:#73e0c314;--stack-card-background:#08111fbd;--stack-item-background:#ffffff08;--toggle-bg:#273640;--toggle-border:#485b66;--toggle-knob:#f2f6f7;--gold:#e4b45f;--shadow:0 28px 80px #0107117a}*{box-sizing:border-box}html,body{min-height:100%}body{background:radial-gradient(circle at top left, var(--ambient-left), transparent 24%), radial-gradient(circle at top right, var(--ambient-right), transparent 28%), linear-gradient(180deg, var(--background-top) 0%, var(--background) 52%, var(--background-bottom) 100%);color:var(--foreground);margin:0;font-family:Aptos,Segoe UI Variable,Trebuchet MS,sans-serif}a{color:inherit;text-decoration:none}.app-shell{grid-template-rows:auto 1fr;min-height:100vh;display:grid;position:relative;overflow:hidden}.app-shell:before,.app-shell:after{content:"";filter:blur(20px);pointer-events:none;border-radius:999px;position:fixed;inset:auto}.app-shell:before{background:var(--ambient-left);width:260px;height:260px;top:88px;left:-72px}.app-shell:after{background:var(--ambient-right);width:300px;height:300px;bottom:80px;right:-80px}.topbar{z-index:10;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--topbar-background);justify-content:space-between;align-items:center;gap:20px;padding:18px 32px;display:flex;position:sticky;top:0}.brand{letter-spacing:.08em;text-transform:uppercase;font-size:18px;font-weight:700}.nav{flex-wrap:wrap;flex:1;justify-content:flex-end;align-items:center;gap:8px;display:flex}.nav a{border:1px solid var(--border);color:var(--muted);background:var(--nav-button);border-radius:999px;padding:9px 14px;font-size:14px;transition:border-color .18s,color .18s,background .18s,transform .18s}.nav a:hover{color:var(--foreground);border-color:var(--accent);background:var(--nav-button-hover);transform:translateY(-1px)}.theme-toggle{border:1px solid var(--toggle-border);background:var(--toggle-bg);cursor:pointer;border-radius:999px;flex:none;grid-template-columns:1fr 1fr;align-items:center;width:74px;height:38px;padding:3px;display:inline-grid;position:relative}.theme-toggle:before{background:var(--toggle-knob);content:"";border-radius:50%;width:30px;height:30px;transition:transform .16s;position:absolute;top:3px;left:3px;box-shadow:0 3px 10px #0000002e}:root[data-theme=dark] .theme-toggle:before{transform:translate(34px)}.theme-icon{z-index:1;width:18px;height:18px;margin:0 auto;display:block;position:relative}.theme-sun{border:2px solid var(--gold);border-radius:50%;transform:scale(.72)}.theme-sun:before,.theme-sun:after{border-top:2px solid var(--gold);border-bottom:2px solid var(--gold);content:"";position:absolute;inset:-7px 6px}.theme-sun:after{transform:rotate(90deg)}.theme-moon{box-shadow:inset 6px 0 0 var(--accent-strong);border-radius:50%}.workspace{width:min(1120px,100% - 32px);margin:0 auto;padding:56px 0 72px;position:relative}.page-heading{gap:10px;margin-bottom:32px;display:grid}.eyebrow{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;font-size:13px;font-weight:700}h1{letter-spacing:-.04em;max-width:780px;margin:0;font-size:clamp(32px,5vw,56px);line-height:.98}.lede{max-width:720px;color:var(--muted);margin:0;font-size:18px;line-height:1.6}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.tile{border:1px solid var(--border);background:linear-gradient(180deg, #ffffff0a, #fff0), var(--panel);min-height:140px;box-shadow:var(--shadow);border-radius:22px;padding:20px;position:relative;overflow:hidden}.tile:after{content:"";background:linear-gradient(135deg, var(--tile-wash), transparent 52%);pointer-events:none;position:absolute;inset:0}.tile h2{margin:0 0 8px;font-size:18px;position:relative}.tile p{color:var(--muted);margin:0;line-height:1.5;position:relative}.hero-card{border:1px solid var(--border);background:linear-gradient(135deg, var(--tile-wash), transparent 34%), linear-gradient(180deg, #ffffff0f, #ffffff03), var(--panel-strong);box-shadow:var(--shadow);border-radius:28px;margin-bottom:18px;padding:28px}.status-row{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.status-pill{border:1px solid var(--status-border);background:var(--status-background);color:var(--status-text);border-radius:999px;padding:9px 14px;font-size:13px}.stack-card{border:1px solid var(--border);background:var(--stack-card-background);box-shadow:var(--shadow);border-radius:24px;margin-top:22px;padding:22px}.stack-card h2{margin:0 0 14px;font-size:18px}.stack-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.stack-list article{border:1px solid var(--border);background:var(--stack-item-background);border-radius:18px;padding:16px}.stack-list h3{margin:0 0 6px;font-size:15px}.stack-list p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}@media (max-width:720px){.topbar{flex-wrap:wrap;align-items:flex-start;padding:16px}.nav{flex-basis:100%;order:3;justify-content:flex-start}.theme-toggle{width:66px}:root[data-theme=dark] .theme-toggle:before{transform:translate(26px)}.workspace{padding:32px 0 48px}.hero-card,.stack-card{padding:20px}}
