:root{--bg-obsidian: #0a0a0f;--surface-glass: rgba(20, 20, 25, .68);--surface-elevated: rgba(28, 28, 38, .82);--border-subtle: rgba(255, 255, 255, .08);--border-cyan: rgba(0, 229, 255, .35);--accent-cyan: #00e5ff;--accent-purple: #b24bf3;--accent-emerald: #00e676;--accent-amber: #ffab00;--accent-crimson: #ff3366;--text-primary: #ffffff;--text-secondary: #8e8ea0;--font-display: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-obsidian);background-image:radial-gradient(circle at 12% 14%,rgba(178,75,243,.14),transparent 36%),radial-gradient(circle at 88% 18%,rgba(0,229,255,.12),transparent 38%),radial-gradient(circle at 50% 85%,rgba(178,75,243,.08),transparent 45%);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;-webkit-font-smoothing:antialiased}.cockpit-shell{max-width:1440px;margin:0 auto;padding:24px 28px 64px}.topbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;background:var(--surface-glass);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:16px;margin-bottom:24px}.brand-lockup{display:flex;align-items:center;gap:14px}.brand-orb{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#00e5ff38,#b24bf347);border:1px solid var(--border-cyan);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:700;color:var(--accent-cyan);font-size:.92rem}.brand-title{font-family:var(--font-display);font-size:1.45rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary);line-height:1.1}.brand-subtitle{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.18em;color:var(--accent-cyan);text-transform:uppercase;margin-top:3px}.telemetry-badges{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.pill-badge{font-family:var(--font-mono);font-size:.74rem;padding:6px 12px;border-radius:999px;background:#ffffff0a;border:1px solid var(--border-subtle);color:var(--text-secondary)}.pill-badge.cyan{color:var(--accent-cyan);border-color:var(--border-cyan);background:#00e5ff14}.pill-badge.emerald{color:var(--accent-emerald);border-color:#00e67659;background:#00e67614}.nav-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.nav-tab{font-family:var(--font-display);font-size:.92rem;font-weight:600;padding:11px 18px;border-radius:12px;border:1px solid var(--border-subtle);background:var(--surface-glass);color:var(--text-secondary);cursor:pointer;transition:all .18s ease}.nav-tab:hover{color:var(--text-primary);border-color:#ffffff38}.nav-tab.active{color:var(--bg-obsidian);background:linear-gradient(135deg,var(--accent-cyan),#69f0ae);border-color:transparent;font-weight:700}.glass-panel{background:var(--surface-glass);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:16px;padding:22px;margin-bottom:22px}.section-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.section-title{font-family:var(--font-display);font-size:1.2rem;font-weight:700}.section-desc{color:var(--text-secondary);font-size:.88rem;margin-top:4px}.choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px}.choice-card{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:14px;padding:18px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;justify-content:space-between;gap:12px}.choice-card.selected{border-color:var(--accent-cyan);box-shadow:0 0 24px #00e5ff1f}.choice-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.choice-name{font-family:var(--font-display);font-size:1.1rem;font-weight:700}.choice-price{font-family:var(--font-mono);font-size:.82rem;color:var(--accent-cyan)}.choice-assets{font-size:.82rem;color:var(--text-secondary);line-height:1.45}.choice-meta{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:.72rem;color:var(--text-secondary);padding-top:10px;border-top:1px solid var(--border-subtle)}.controls-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px}.control-card{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px}.control-code-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.control-code{font-family:var(--font-mono);font-size:.78rem;font-weight:600;color:var(--accent-cyan)}.control-title{font-family:var(--font-display);font-size:.98rem;font-weight:700}.control-summary{font-size:.8rem;color:var(--text-secondary);line-height:1.45}.slider-box{background:#0a0a0fa6;border:1px solid rgba(178,75,243,.28);border-radius:10px;padding:12px;margin-top:4px}.slider-header{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.75rem;color:#e0b0ff;margin-bottom:6px}.slider-input{width:100%;accent-color:var(--accent-cyan);cursor:pointer}.uat-table{width:100%;border-collapse:collapse;font-size:.83rem}.uat-table th,.uat-table td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--border-subtle)}.uat-table th{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;color:var(--text-secondary)}.btn-primary{font-family:var(--font-display);font-weight:700;font-size:.86rem;padding:9px 16px;border-radius:10px;border:none;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));color:#fff;cursor:pointer}.btn-secondary{font-family:var(--font-mono);font-size:.76rem;padding:7px 12px;border-radius:8px;border:1px solid var(--border-cyan);background:#00e5ff14;color:var(--accent-cyan);cursor:pointer}.verdict-pass{font-family:var(--font-mono);font-size:.74rem;color:var(--accent-emerald)}.verdict-deny{font-family:var(--font-mono);font-size:.74rem;color:var(--accent-amber)}.mono-pre{font-family:var(--font-mono);font-size:.75rem;background:#08080cd9;border:1px solid var(--border-subtle);border-radius:10px;padding:14px;overflow-x:auto;color:#d6deeb;line-height:1.5}
