@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-primary:#0a0c10;--bg-secondary:#11141c;--bg-tertiary:#171b26;--bg-card:#171b26b3;--bg-card-hover:#1e2433d9;--bg-glass:#11141ca6;--bg-nav:#0a0c10cc;--bg-elevated:#171b26eb;--chip-bg:#ffffff0d;--chip-bg-strong:#ffffff1a;--surface-hover:#ffffff14;--grid-empty:#ffffff0f;--backdrop:#000000bf;--photo-backdrop:#000;--border-subtle:#ffffff14;--border-medium:#ffffff29;--border-strong:#ffffff4d;--border-accent:#ff5a1f66;--accent-orange:#ff5a1f;--accent-orange-glow:#ff5a1f59;--accent-orange-light:#ff7d4d;--accent-orange-soft:#ff5a1f26;--accent-orange-soft-border:#ff5a1f4d;--accent-cyan:#00e5ff;--accent-cyan-glow:#00e5ff4d;--accent-cyan-soft:#00e5ff1f;--accent-cyan-soft-border:#00e5ff4d;--accent-green:#10b981;--accent-green-glow:#10b9814d;--accent-green-soft:#10b98126;--accent-green-soft-border:#10b98159;--accent-purple:#8b5cf6;--accent-purple-glow:#8b5cf64d;--danger:#ff5252;--danger-soft:#ff174426;--danger-soft-border:#ff17444d;--danger-cell:#ff174433;--danger-cell-border:#ff174480;--danger-legend:#ff1744b3;--gradient-fire:linear-gradient(135deg, #ff5a1f 0%, #ff1744 100%);--gradient-shield:linear-gradient(135deg, #00e5ff 0%, #3b82f6 100%);--gradient-success:linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-dark:linear-gradient(135deg, #171b26e6 0%, #11141cf2 100%);--gradient-avatar:linear-gradient(135deg, #ff5a1f33 0%, #00e5ff33 100%);--atmo-orange:#ff5a1f14;--atmo-cyan:#00e5ff0f;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-on-accent:#fff;--font-display:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--glass-shadow:0 8px 32px 0 #0000005e;--modal-shadow:0 24px 48px #00000080;--fab-shadow:0 4px 20px #00000080;--glow-orange:0 0 24px var(--accent-orange-glow);--glow-cyan:0 0 24px var(--accent-cyan-glow);--glow-green:0 0 24px var(--accent-green-glow);--z-base:1;--z-fab:40;--z-nav:50;--z-menu:60;--z-modal:1000;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-primary:#f6f7fb;--bg-secondary:#fff;--bg-tertiary:#eef1f7;--bg-card:#ffffffd1;--bg-card-hover:#fffffff5;--bg-glass:#ffffffb3;--bg-nav:#f6f7fbd9;--bg-elevated:#fffffff2;--chip-bg:#0f172a0d;--chip-bg-strong:#0f172a17;--surface-hover:#0f172a0f;--grid-empty:#0f172a0d;--backdrop:#0f172a73;--photo-backdrop:#e2e8f0;--border-subtle:#0f172a17;--border-medium:#0f172a29;--border-strong:#0f172a47;--border-accent:#d6400a59;--accent-orange:#d6400a;--accent-orange-glow:#d6400a38;--accent-orange-light:#b8360a;--accent-orange-soft:#d6400a1a;--accent-orange-soft-border:#d6400a47;--accent-cyan:#0284a8;--accent-cyan-glow:#0284a833;--accent-cyan-soft:#0284a81a;--accent-cyan-soft-border:#0284a847;--accent-green:#047857;--accent-green-glow:#04785733;--accent-green-soft:#0478571a;--accent-green-soft-border:#0478574d;--accent-purple:#6d28d9;--accent-purple-glow:#6d28d933;--danger:#c81e3c;--danger-soft:#c81e3c1a;--danger-soft-border:#c81e3c47;--danger-cell:#c81e3c24;--danger-cell-border:#c81e3c66;--danger-legend:#c81e3cbf;--gradient-fire:linear-gradient(135deg, #e2500f 0%, #d11b3c 100%);--gradient-shield:linear-gradient(135deg, #0284a8 0%, #2563eb 100%);--gradient-success:linear-gradient(135deg, #059669 0%, #047857 100%);--gradient-dark:linear-gradient(135deg, #fffffff2 0%, #eef1f7fa 100%);--gradient-avatar:linear-gradient(135deg, #e2500f2e 0%, #0284a82e 100%);--atmo-orange:#ff5a1f12;--atmo-cyan:#0096c80f;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-on-accent:#fff;--glass-shadow:0 8px 28px 0 #0f172a14;--modal-shadow:0 24px 48px #0f172a2e;--fab-shadow:0 4px 20px #0f172a26}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-primary);max-width:100vw;color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}body{flex-direction:column;min-height:100dvh;display:flex}body>main{flex:1 0 auto}.site-footer{border-top:1px solid var(--border-subtle);text-align:center;color:var(--text-muted);background:var(--bg-primary);flex-shrink:0;margin-top:4rem;padding:2.5rem 0;font-size:.85rem}body:before{content:"";background:radial-gradient(circle, var(--atmo-orange) 0%, #0000 70%);pointer-events:none;z-index:0;width:60vw;height:60vh;position:fixed;top:-20vh;left:20vw}body:after{content:"";background:radial-gradient(circle, var(--atmo-cyan) 0%, #0000 70%);pointer-events:none;z-index:0;width:50vw;height:50vh;position:fixed;bottom:-20vh;right:10vw}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}.container{width:100%;max-width:1200px;z-index:var(--z-base);margin:0 auto;padding:0 1.5rem;position:relative}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:all .25s cubic-bezier(.16,1,.3,1)}.glass-card:hover{border-color:var(--border-medium);background:var(--bg-card-hover)}.btn{font-family:var(--font-display);border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--gradient-fire);color:var(--text-on-accent);box-shadow:var(--glow-orange)}.btn-primary:hover:not(:disabled){box-shadow:0 0 32px var(--accent-orange-glow);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-medium)}.btn-secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong);transform:translateY(-1px)}.btn-cyan{background:var(--gradient-shield);color:var(--text-on-accent);box-shadow:var(--glow-cyan)}.btn-cyan:hover:not(:disabled){box-shadow:0 0 32px var(--accent-cyan-glow);transform:translateY(-2px)}.btn-danger{color:var(--danger);border:1px solid var(--danger-soft-border);background:0 0}.btn-danger:hover:not(:disabled){background:var(--danger-soft)}.btn-sm{border-radius:var(--radius-sm);padding:.4rem .85rem;font-size:.82rem}.btn-lg{border-radius:var(--radius-lg);padding:1rem 2rem;font-size:1.1rem}.icon-btn{border-radius:var(--radius-md);background:var(--bg-tertiary);border:1px solid var(--border-medium);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.icon-btn:hover{background:var(--surface-hover);border-color:var(--border-strong);color:var(--text-primary)}.segmented{border-radius:var(--radius-md);background:var(--bg-tertiary);border:1px solid var(--border-medium);gap:2px;padding:2px;display:inline-flex}.segmented button{color:var(--text-muted);font-family:var(--font-display);letter-spacing:.04em;border-radius:calc(var(--radius-md) - 3px);cursor:pointer;background:0 0;border:none;padding:.3rem .55rem;font-size:.75rem;font-weight:700;transition:all .18s}.segmented button:hover{color:var(--text-primary)}.segmented button[aria-pressed=true]{background:var(--gradient-fire);color:var(--text-on-accent)}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-fire{background:var(--accent-orange-soft);color:var(--accent-orange-light);border:1px solid var(--accent-orange-soft-border)}.badge-shield{background:var(--accent-cyan-soft);color:var(--accent-cyan);border:1px solid var(--accent-cyan-soft-border)}.badge-success{background:var(--accent-green-soft);color:var(--accent-green);border:1px solid var(--accent-green-soft-border)}.input-group{flex-direction:column;gap:.4rem;margin-bottom:1.25rem;display:flex}.input-label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.input-field{background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);outline:none;padding:.75rem 1rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:var(--accent-orange);box-shadow:0 0 0 3px var(--accent-orange-glow)}.navbar{z-index:var(--z-nav);background:var(--bg-nav);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);padding:1rem 0;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;gap:1rem;display:flex}.nav-actions{align-items:center;gap:.6rem;display:flex}.logo{font-family:var(--font-display);background:var(--gradient-fire);-webkit-text-fill-color:transparent;letter-spacing:-.02em;white-space:nowrap;-webkit-background-clip:text;background-clip:text;align-items:center;gap:.6rem;font-size:1.35rem;font-weight:900;display:flex}[data-session=in] .landing-gate{display:none}.help-fab{z-index:var(--z-fab);border-radius:var(--radius-full);box-shadow:var(--fab-shadow);background:var(--bg-elevated);border-color:var(--border-medium);align-items:center;gap:.4rem;padding:.6rem 1rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.menu-popover{background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-md);min-width:220px;box-shadow:var(--modal-shadow);z-index:var(--z-menu);padding:.4rem;position:absolute;top:calc(100% + .5rem);right:0}.menu-item{width:100%;color:var(--text-primary);font-family:var(--font-body);text-align:left;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:.6rem;padding:.6rem .7rem;font-size:.88rem;transition:background .15s;display:flex}.menu-item:hover{background:var(--surface-hover)}.menu-item.is-danger{color:var(--danger)}.modal-backdrop{background:var(--backdrop);-webkit-backdrop-filter:blur(8px);z-index:var(--z-modal);justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-lg);width:100%;max-width:520px;box-shadow:var(--modal-shadow);max-height:90vh;padding:2rem;overflow-y:auto}.notice{border-radius:var(--radius-md);align-items:center;gap:.5rem;padding:.75rem .9rem;font-size:.85rem;display:flex}.notice-info{background:var(--accent-cyan-soft);border:1px solid var(--accent-cyan-soft-border);color:var(--accent-cyan)}.notice-warn{background:var(--accent-orange-soft);border:1px solid var(--accent-orange-soft-border);color:var(--accent-orange-light)}.notice-error{background:var(--danger-soft);border:1px solid var(--danger-soft-border);color:var(--danger)}.notice-success{background:var(--accent-green-soft);border:1px solid var(--accent-green-soft-border);color:var(--accent-green)}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px var(--accent-orange-glow)}50%{box-shadow:0 0 30px var(--accent-orange-glow)}}.pulse-active{animation:2.5s infinite pulseGlow}@media (prefers-reduced-motion:reduce){.pulse-active{animation:none}*{transition-duration:.01ms!important}}