:root{--canvas-black: #131313;--absolute-black: #000000;--surface-slate: #1f1f1f;--hazard-white: #f5f5f5;--text-primary: #f5f5f5;--text-secondary: rgba(245, 245, 245, .65);--text-muted: rgba(245, 245, 245, .45);--jelly-mint: #3cffd0;--verge-ultraviolet: #5200ff;--tile-yellow: #ffe14d;--tile-orange: #ff8a3c;--tile-red: #ff4d6d;--tile-pink: #ff8fb1;--tile-electric: #4040ff;--tile-purple: #b48cff;--purple-rule: rgba(82, 0, 255, .45);--severity-minimal: #3cffd0;--severity-mild: #ffe14d;--severity-moderate: #ff8a3c;--severity-severe: #ff4d6d;--border-hairline: 1px solid rgba(255, 255, 255, .18);--radius-pill: 999px;--radius-card: 12px;--radius-feature: 20px;--radius-big: 30px;--font-display: "Anton", "Helvetica Neue", sans-serif;--font-sans: "Space Grotesk", "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", monospace;--font-serif: "Newsreader", Georgia, serif}*{box-sizing:border-box}html,body,#root{margin:0;background:var(--canvas-black);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}.col{display:flex;flex-direction:column}.row{display:flex;flex-direction:row}.row.between{justify-content:space-between}.row.center{align-items:center}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.text-secondary{color:var(--text-secondary)}.text-mint{color:var(--jelly-mint)}.text-yellow{color:var(--tile-yellow)}.text-red{color:var(--tile-red)}.text-purple{color:var(--tile-purple)}.mono{font-family:var(--font-mono)}.serif{font-family:var(--font-serif)}.display{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-1px}.kicker{font:600 11px/1 var(--font-mono);letter-spacing:1.6px;text-transform:uppercase;color:var(--text-secondary);display:inline-block}.eyebrow{font:600 12px/1 var(--font-mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--text-secondary)}.whisper-cap{font:500 12px/1.4 var(--font-mono);letter-spacing:1.4px;text-transform:uppercase}.heading-sm{font:700 18px/1.2 var(--font-sans)}.topnav{display:flex;align-items:center;justify-content:space-between;padding:18px 48px;border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;background:var(--canvas-black);z-index:50}.wordmark{font-family:var(--font-display);font-size:28px;letter-spacing:-.5px;text-transform:uppercase}.wordmark .accent{color:var(--jelly-mint)}.nav-links{display:flex;list-style:none;gap:28px;margin:0;padding:0}.nav-links a{font:600 11px/1 var(--font-mono);letter-spacing:1.6px;text-transform:uppercase;color:var(--text-secondary);padding:8px 0;border-bottom:2px solid transparent}.nav-links a.active,.nav-links a:hover{color:var(--text-primary);border-bottom-color:var(--jelly-mint)}.nav-actions{display:flex;align-items:center;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:var(--radius-pill);border:none;font:700 13px/1 var(--font-mono);letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:transform 80ms ease,opacity .12s ease}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--jelly-mint);color:var(--absolute-black)}.btn-primary:hover{background:#5dffda}.btn-secondary{background:var(--surface-slate);color:var(--text-primary);border:1px solid rgba(255,255,255,.18)}.btn-secondary:hover{background:#2a2a2a}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{color:var(--text-primary)}.btn-outline-mint{background:transparent;color:var(--jelly-mint);border:1px solid var(--jelly-mint)}.btn-outline-mint:hover{background:#3cffd014}.btn-danger{background:var(--tile-red);color:var(--text-primary)}.card{background:var(--surface-slate);border-radius:var(--radius-card);padding:24px;border:1px solid rgba(255,255,255,.08)}.card-outline{background:var(--canvas-black);border:var(--border-hairline);border-radius:var(--radius-feature);padding:28px}.tag{display:inline-flex;align-items:center;padding:6px 10px;font:700 10px/1 var(--font-mono);letter-spacing:1.5px;text-transform:uppercase;border-radius:var(--radius-pill);background:var(--surface-slate);color:var(--text-secondary)}.tag-mint{background:#3cffd01f;color:var(--jelly-mint)}.tag-yellow{background:#ffe14d1f;color:var(--tile-yellow)}.tag-orange{background:#ff8a3c24;color:var(--tile-orange)}.tag-red{background:#ff4d6d24;color:var(--tile-red)}.tag-purple{background:#5200ff1f;color:var(--tile-purple)}.progress{height:6px;border-radius:var(--radius-pill);background:#ffffff14;overflow:hidden;flex:1}.progress .fill{height:100%;background:var(--jelly-mint);transition:width .2s ease}.option{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:18px 20px;background:var(--surface-slate);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-card);cursor:pointer;transition:border-color .12s ease,background .12s ease}.option:hover{border-color:#3cffd066}.option.selected{background:#3cffd00f;border-color:var(--jelly-mint)}.option .dot{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.4);flex-shrink:0}.option.selected .dot{border-color:var(--jelly-mint);background:var(--jelly-mint);box-shadow:inset 0 0 0 3px var(--canvas-black)}.option .label{font:500 16px/1.3 var(--font-sans)}.option .score{font:600 12px/1 var(--font-mono);letter-spacing:1.3px;color:var(--text-secondary)}.severity{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--radius-pill);font:700 12px/1 var(--font-mono);letter-spacing:1.5px;text-transform:uppercase}.severity:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.severity.minimal{color:var(--severity-minimal);background:#3cffd014}.severity.mild{color:var(--severity-mild);background:#ffe14d14}.severity.moderate{color:var(--severity-moderate);background:#ff8a3c14}.severity.severe{color:var(--severity-severe);background:#ff4d6d14}.trend-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:var(--radius-pill);font:700 12px/1 var(--font-mono);letter-spacing:1.5px;text-transform:uppercase}.trend-badge.improving{background:#3cffd014;color:var(--jelly-mint);border:1px solid var(--jelly-mint)}.trend-badge.stable{background:#ffffff0a;color:var(--text-secondary);border:1px solid rgba(255,255,255,.18)}.trend-badge.declining{background:#ff4d6d14;color:var(--tile-red);border:1px solid var(--tile-red)}.field{display:flex;flex-direction:column;gap:8px}.field label{font:600 11px/1 var(--font-mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--text-secondary)}.field input,.field textarea,.field select{padding:12px 16px;background:var(--surface-slate);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-card);color:var(--text-primary);font-size:15px;outline:none;transition:border-color .12s ease}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--jelly-mint)}.field textarea{min-height:96px;resize:vertical}.alert-row{display:grid;grid-template-columns:auto 1fr auto auto auto;gap:18px;align-items:center;padding:18px 22px;background:var(--surface-slate);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-card)}.alert-row .priority-dot{width:12px;height:12px;border-radius:50%}.alert-row .priority-dot.urgent{background:var(--tile-red);box-shadow:0 0 12px var(--tile-red)}.alert-row .priority-dot.high{background:var(--tile-orange)}.alert-row .priority-dot.medium{background:var(--tile-yellow)}.alert-row .priority-dot.low{background:var(--jelly-mint)}.live-pulse{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--radius-pill);background:#3cffd014;border:1px solid var(--jelly-mint);font:600 10px/1 var(--font-mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--jelly-mint)}.live-pulse:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--jelly-mint);box-shadow:0 0 6px var(--jelly-mint);animation:pulse 1.4s infinite}@keyframes pulse{50%{opacity:.35;transform:scale(.85)}}.toast{position:fixed;bottom:24px;right:24px;padding:16px 20px;background:var(--surface-slate);border:1px solid var(--jelly-mint);border-radius:var(--radius-card);font:600 13px/1.4 var(--font-sans);z-index:100;max-width:360px}.toast.error{border-color:var(--tile-red)}.empty{padding:64px 24px;text-align:center;color:var(--text-secondary);border:1px dashed rgba(255,255,255,.18);border-radius:var(--radius-card)}