*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0a0a;--bg-secondary:#111;--bg-card:#1a1a1a;--accent:#6c63ff;--accent-light:#8b85ff;--text-primary:#fff;--text-secondary:#999;--text-muted:#555;--success:#4caf50;--warning:#ff9800;--danger:#f44336;--border:#2a2a2a;--bar-conceptual:#6c63ff;--bar-physical:#00d4aa}body{background-color:var(--bg-primary);color:var(--text-primary);max-width:430px;min-height:100vh;margin:0 auto;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}button{cursor:pointer;border:none;outline:none}input,textarea{border:none;outline:none}a{color:inherit;text-decoration:none}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base:#08080f;--bg-surface:#0d0d1a;--bg-elevated:#141428;--bg-overlay:#1a1a35;--border-subtle:#1e1e3a;--border-medium:#2a2a4a;--border-strong:#3a3a6a;--text-primary:#f0f0ff;--text-secondary:#9090b0;--text-muted:#5a5a7a;--accent-gold:#d4a853;--accent-gold-light:#f0c97a;--accent-indigo:#6366f1;--accent-emerald:#10b981;--accent-red:#ef4444;--font-display:"Sora", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--shadow-card:0 1px 3px #00000080, 0 0 0 1px #ffffff0a;--shadow-elevated:0 4px 12px #0009, 0 0 0 1px #ffffff0f}html,body,#root{background:var(--bg-base);height:100%}body{font-family:var(--font-body);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{background:0 0;width:0}:focus-visible{outline:2px solid var(--accent-gold);outline-offset:2px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fillBar{0%{width:0%}to{width:var(--target-width)}}@keyframes loadbar{0%{width:0%}20%{width:30%}50%{width:60%}80%{width:85%}to{width:92%}}.fade-up{animation:.2s forwards fadeUp}@keyframes cardEntrance{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scorePulse{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes scoreShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes correctBounce{0%{transform:scale(1)}40%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes barGlow{0%{box-shadow:0 0 #6366f100}50%{box-shadow:0 0 12px #6366f180}to{box-shadow:0 0 6px #6366f133}}@keyframes particleFade{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(var(--tx),var(--ty)) scale(0)}}.card-enter{animation:.3s forwards cardEntrance}button:active{transform:scale(.97);transition:transform .1s!important}.section-label{letter-spacing:2px;text-transform:uppercase;font-size:9px;font-weight:700;font-family:var(--font-body);color:var(--text-muted)}