:root{--ink:#f4efe3;--muted:#b8b2a8;--void:#07080b;--panel:#111219;--violet:#a991ff;--cyan:#73e4df;--gold:#d7b46a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#2b1850 0,transparent 32%),var(--void);color:var(--ink);font:17px/1.6 Georgia,serif}.wrap{width:min(1180px,92vw);margin:auto}a{color:var(--cyan)}nav,footer{padding:1rem 0;border-bottom:1px solid #ffffff18}nav .wrap{display:flex;justify-content:space-between}header{padding:3.5rem 0 2rem}.eyebrow,.tag{font:700 .75rem/1.2 system-ui;letter-spacing:.15em;text-transform:uppercase;color:var(--gold)}h1{font-size:clamp(3.7rem,9vw,8rem);line-height:.8;margin:.5rem 0 1.2rem;font-weight:500}h1 em{color:var(--cyan)}h2{font-size:clamp(1.8rem,4vw,3.2rem);line-height:1.05}button,input,select{font:inherit}.lab{display:grid;grid-template-columns:260px 1fr;gap:1.25rem;padding-bottom:5rem}.side,.stage,.card,.storm-card{background:#111219e8;border:1px solid #ffffff18;padding:1.2rem}.side{align-self:start;position:sticky;top:1rem}.mode{display:block;width:100%;padding:.8rem;margin:.4rem 0;text-align:left;color:var(--ink);background:transparent;border:1px solid #ffffff25;cursor:pointer}.mode.active,.mode:hover{background:#35235b;border-color:var(--violet)}.meter{height:7px;background:#ffffff16;margin:1rem 0}.meter i{display:block;height:100%;background:linear-gradient(90deg,var(--violet),var(--cyan))}.tools{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1rem}.tools input,.tools select{flex:1;min-width:180px;padding:.7rem;background:#090b10;color:var(--ink);border:1px solid #ffffff25}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.card{text-align:center}.glyph{min-height:100px;display:grid;place-items:center;font:500 clamp(2.6rem,7vw,5rem)/1 Georgia,serif;color:var(--cyan);overflow-wrap:anywhere}.card h3{margin:.4rem 0}.hear{padding:.5rem .7rem;background:transparent;color:var(--cyan);border:1px solid #73e4df55;cursor:pointer}.card p{font-size:.92rem;color:var(--muted)}.storm-card{min-height:430px;display:grid;place-items:center;text-align:center;background:radial-gradient(circle,#36215a,#090a0f 68%)}.storm-card .glyph{font-size:clamp(5rem,18vw,12rem)}.controls{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;margin-top:1rem}.controls button,.answer,.action{padding:.8rem 1rem;background:#171923;color:var(--ink);border:1px solid #ffffff28;cursor:pointer}.answer{display:block;width:100%;text-align:left;margin:.55rem 0}.answer:hover,.action:hover{border-color:var(--cyan)}.feedback{padding:1rem;margin:1rem 0;background:#ffffff08;border-left:3px solid var(--gold)}.fine{color:var(--muted);font-size:.9rem}.sources{border:1px solid #ffffff18;padding:1.2rem;margin-bottom:4rem}.sources a{margin-right:1rem}@media(max-width:800px){.lab{grid-template-columns:1fr}.side{position:static}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.grid{grid-template-columns:1fr}h1{font-size:4rem}}