:root{--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size:17px;--line-height:1.6;--content-max:760px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--radius-s:10px;--radius-m:18px;--radius-l:28px;--ease:cubic-bezier(.2, .7, .2, 1);--dur-fast:.16s;--dur:.32s;--dur-slow:.6s;--bg:#f6f4ef;--bg-elev:#ffffff9e;--bg-elev-strong:#ffffffdb;--fg:#1c1f26;--fg-muted:#5b6070;--fg-faint:#8a8f9c;--line:#1c1f261a;--accent:#2f5d62;--accent-soft:#2f5d621f;--ok:#3f8f5a;--warn:#b7791f;--danger:#b4443d;--shadow:0 20px 60px #1c1f261a, 0 2px 8px #1c1f260f;--aurora-1:#2f5d6238;--aurora-2:#d6a06033;--aurora-3:#7882be2e}@media (prefers-color-scheme:dark){:root{--bg:#0f1115;--bg-elev:#181b2299;--bg-elev-strong:#181b22e6;--fg:#e8e3d8;--fg-muted:#a7a9b3;--fg-faint:#6e7280;--line:#e8e3d81a;--accent:#8fc1c6;--accent-soft:#8fc1c624;--ok:#6cc08b;--warn:#e0a84a;--danger:#e07a73;--shadow:0 24px 70px #00000073, 0 2px 8px #0000004d;--aurora-1:#2f5d6273;--aurora-2:#d6a06038;--aurora-3:#7882be4d}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}html{font-size:var(--font-size)}body{font-family:var(--font-sans);line-height:var(--line-height);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-s)}.backdrop{z-index:0;background:var(--bg);position:fixed;inset:0;overflow:hidden}.backdrop:before,.backdrop:after,.backdrop .blob{content:"";filter:blur(80px);will-change:transform;border-radius:50%;position:absolute}.backdrop:before{background:var(--aurora-1);width:60vmax;height:60vmax;animation:drift 38s var(--ease) infinite alternate;top:-20vmax;left:-15vmax}.backdrop:after{background:var(--aurora-2);width:50vmax;height:50vmax;animation:drift 46s var(--ease) infinite alternate-reverse;bottom:-20vmax;right:-15vmax}.backdrop .blob{background:var(--aurora-3);width:40vmax;height:40vmax;animation:drift 52s var(--ease) infinite alternate;top:30%;left:40%}@keyframes drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(6vmax,4vmax)scale(1.08)}}.shell{z-index:1;grid-template-rows:auto 1fr auto;height:100%;display:grid;position:relative}.topbar{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);display:flex}.brand{align-items:center;gap:var(--space-3);letter-spacing:.01em;color:var(--fg);font-weight:600;text-decoration:none;display:inline-flex}.brand-mark{background:var(--fg);width:28px;height:28px;color:var(--bg);box-shadow:var(--shadow);border-radius:50%;place-items:center;display:grid}.tabs{gap:var(--space-1);padding:var(--space-1);background:var(--bg-elev);-webkit-backdrop-filter:blur(14px)saturate(1.2);border:1px solid var(--line);border-radius:999px;display:inline-flex}.tab{padding:var(--space-2) var(--space-4);color:var(--fg-muted);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);white-space:nowrap;border-radius:999px}.tab[aria-selected=true]{background:var(--bg-elev-strong);color:var(--fg);box-shadow:0 1px 2px #0000000f}.tab:not(:disabled):hover{color:var(--fg)}.tab:disabled{color:var(--fg-faint)}.tab .soon{color:var(--fg-faint);margin-left:.4em;font-size:.72em}.profile{position:relative}.profile-btn{background:var(--bg-elev);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);width:40px;height:40px;transition:transform var(--dur-fast) var(--ease);border-radius:50%;place-items:center;display:grid}.profile-btn:hover{transform:translateY(-1px)}.menu{min-width:300px;padding:var(--space-2);border-radius:var(--radius-m);background:var(--bg-elev-strong);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);animation:pop var(--dur-fast) var(--ease);position:absolute;top:calc(100% + 8px);right:0}@keyframes pop{0%{opacity:0;transform:translateY(-4px)scale(.98)}}.menu-item{text-align:left;width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-s);justify-content:space-between;align-items:baseline;gap:var(--space-4);color:var(--fg);white-space:nowrap;display:flex}.menu-item:not(:disabled):hover{background:var(--accent-soft)}.menu-item:disabled{color:var(--fg-faint)}.menu-item.danger:not(:disabled){color:var(--danger)}.menu-hint{color:var(--fg-faint);font-size:.78em}.menu-sep{background:var(--line);height:1px;margin:var(--space-2) var(--space-2)}.stage{padding:var(--space-6);scrollbar-width:thin;scrollbar-color:var(--line) transparent;place-items:center;display:grid;overflow:auto}.card{width:min(100%, var(--content-max));border-radius:var(--radius-l);background:var(--bg-elev);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px)saturate(1.3);animation:rise var(--dur-slow) var(--ease) both;padding:clamp(1.5rem,4vw,3rem)}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--fg-faint);margin:0 0 var(--space-3);font-size:.8em}.title{letter-spacing:-.015em;margin:0 0 var(--space-6);font-size:clamp(1.6rem,3.6vw,2.4rem);font-weight:600;line-height:1.15}.lead{color:var(--fg);margin:0 0 var(--space-6);text-wrap:pretty;font-size:1.08em}.quiet{color:var(--fg-muted);margin:0}.note{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--line);color:var(--fg-muted);font-size:.95em}.statusbar{padding:var(--space-3) var(--space-6);color:var(--fg-faint);justify-content:space-between;align-items:center;font-size:.82em;display:flex}.status{align-items:center;gap:var(--space-2);display:inline-flex}.dot{background:var(--fg-faint);width:8px;height:8px;transition:background var(--dur) var(--ease);border-radius:50%}.dot.ok{background:var(--ok);box-shadow:0 0 0 4px color-mix(in srgb, var(--ok) 18%, transparent)}.dot.down{background:var(--danger)}@media (max-width:720px){.topbar{flex-wrap:wrap}.tabs{order:3;justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}:root[data-animations=off] *,:root[data-animations=off] :before,:root[data-animations=off] :after{transition:none!important;animation:none!important}
