@import url("https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&family=JetBrains+Mono:wght@400;500&display=swap");:root{--bg-deep:#08080c;--bg-surface:#0e0e14;--bg-card:hsla(0,0%,100%,.025);--bg-card-hover:hsla(0,0%,100%,.04);--border:hsla(40,29%,59%,.1);--border-accent:rgba(212,168,85,.25);--text-primary:#e8e0d0;--text-secondary:hsla(40,29%,59%,.6);--text-muted:hsla(40,29%,59%,.35);--gold:#d4a855;--gold-dim:rgba(212,168,85,.6);--green:#50c88c;--green-dim:rgba(80,200,140,.15);--red:#dc5050;--red-dim:rgba(220,80,80,.12);--yellow:#dcb43c;--yellow-dim:rgba(220,180,60,.12);--blue:#60b8e0;--purple:#a080d0;--coral:#c08080;--font-display:"Instrument Serif",Georgia,serif;--font-body:"DM Sans",-apple-system,sans-serif;--font-mono:"JetBrains Mono","Courier New",monospace;--radius:12px;--radius-sm:8px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased}body{background:var(--bg-deep);color:var(--text-primary);font-family:var(--font-body);line-height:1.5;min-height:100dvh}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:hsla(40,29%,59%,.12);outline:none;cursor:pointer;touch-action:manipulation}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--gold);border:2px solid var(--bg-deep);box-shadow:0 0 8px rgba(212,168,85,.3);cursor:pointer}input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--gold);border:2px solid var(--bg-deep);box-shadow:0 0 8px rgba(212,168,85,.3);cursor:pointer}.slider-blue::-webkit-slider-thumb{background:var(--blue);box-shadow:0 0 8px rgba(96,184,224,.3)}.slider-blue::-moz-range-thumb{background:var(--blue);box-shadow:0 0 8px rgba(96,184,224,.3)}.slider-purple::-webkit-slider-thumb{background:var(--purple);box-shadow:0 0 8px rgba(160,128,208,.3)}.slider-purple::-moz-range-thumb{background:var(--purple);box-shadow:0 0 8px rgba(160,128,208,.3)}.slider-green::-webkit-slider-thumb{background:var(--green);box-shadow:0 0 8px rgba(80,200,140,.3)}.slider-green::-moz-range-thumb{background:var(--green);box-shadow:0 0 8px rgba(80,200,140,.3)}.slider-coral::-webkit-slider-thumb{background:var(--coral);box-shadow:0 0 8px hsla(0,34%,63%,.3)}.slider-coral::-moz-range-thumb{background:var(--coral);box-shadow:0 0 8px hsla(0,34%,63%,.3)}.slider-orange::-webkit-slider-thumb{background:#e8a040;box-shadow:0 0 8px rgba(232,160,64,.3)}.slider-orange::-moz-range-thumb{background:#e8a040;box-shadow:0 0 8px rgba(232,160,64,.3)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:border-color .2s}.card:hover{border-color:var(--border-accent)}.metric{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 16px}.metric.warn{background:var(--red-dim);border-color:rgba(220,80,80,.25)}.agi-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;cursor:pointer;text-align:left;font-family:var(--font-body);color:var(--text-secondary);transition:all .2s;width:100%}.agi-btn:hover{background:var(--bg-card-hover)}.agi-btn.active{border-color:var(--gold-dim);background:rgba(212,168,85,.06);color:var(--text-primary)}.phase-bar{display:flex;gap:0;border-radius:8px;overflow:hidden;border:1px solid var(--border)}.phase-segment{padding:10px 14px}.grid-3{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px}@media (min-width:768px){.grid-3{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr);gap:20px}}.grid-2{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px}@media (min-width:640px){.grid-2{grid-template-columns:1fr 1fr}}.grid-metrics{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}@media (min-width:640px){.grid-metrics{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.grid-metrics{grid-template-columns:repeat(6,1fr)}}.grid-agi{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px}@media (min-width:640px){.grid-agi{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.grid-agi{grid-template-columns:repeat(5,1fr)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .5s ease-out forwards;opacity:0}