*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--navy: #0f1c2e;--navy2: #1a2d45;--navy3: #243858;--amber: #e8a83e;--amber2: #f5c96a;--green: #4caf82;--cream: #f5f0e8;--muted: #8a9bb0;--dim: #4a5a6e;--red: #e07070;--s0: #85b7eb;--s1: #4caf82;--s2: #e8a83e;--s3: #c084fc;--s4: #7dd4fc;--s5: #e07070;--s0-bg: rgba(55,138,221,.22);--s1-bg: rgba(76,175,130,.22);--s2-bg: rgba(232,168,62,.22);--s3-bg: rgba(174,109,236,.22);--s4-bg: rgba(100,200,255,.14);--s5-bg: rgba(224,112,112,.22);--av0-bg: rgba(100,180,255,.18);--av0-c: #6ab4ff;--av1-bg: rgba(76,175,130,.18);--av1-c: #4caf82;--av2-bg: rgba(232,168,62,.18);--av2-c: #e8a83e;--av3-bg: rgba(192,132,252,.18);--av3-c: #c084fc;--av4-bg: rgba(125,212,252,.18);--av4-c: #7dd4fc;--font-serif: "DM Serif Display", Georgia, serif;--font-sans: "DM Sans", system-ui, sans-serif;--safe-top: max(16px, env(safe-area-inset-top));--safe-bot: max(20px, env(safe-area-inset-bottom));--safe-left: max(0px, env(safe-area-inset-left));--safe-right: max(0px, env(safe-area-inset-right));--tap-min: 48px}html,body,#root{height:100%;background:var(--navy);color:var(--cream);font-family:var(--font-sans);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}body{overscroll-behavior:none}::-webkit-scrollbar{display:none}*{scrollbar-width:none}.serif{font-family:var(--font-serif)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes pop{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutLeft{0%{transform:translate(0)}to{transform:translate(-28%)}}@keyframes btn-glow{0%,to{box-shadow:0 0 #e8a83e80}50%{box-shadow:0 0 0 12px #e8a83e00}}@keyframes btn-glow-green{0%,to{box-shadow:0 0 #4caf8280}50%{box-shadow:0 0 0 12px #4caf8200}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.btn-primary{width:100%;min-height:var(--tap-min);padding:14px 20px;background:var(--amber);color:var(--navy);border:none;border-radius:14px;font-size:16px;font-weight:700;font-family:var(--font-sans);cursor:pointer;transition:background .15s,transform .1s;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary:active{transform:scale(.97)}.btn-primary:hover{background:var(--amber2)}.btn-primary.green{background:var(--green);color:#fff}.btn-primary.green:hover{background:#5dc996}.btn-primary.glow{animation:btn-glow 2s ease-in-out infinite}.btn-primary.green.glow{animation:btn-glow-green 2s ease-in-out infinite}.btn-ghost{width:100%;min-height:var(--tap-min);padding:12px 20px;background:transparent;border:1.5px solid rgba(255,255,255,.16);border-radius:14px;color:var(--cream);font-size:15px;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:border-color .15s,background .15s;display:flex;align-items:center;justify-content:center;gap:8px}.btn-ghost:active{background:#ffffff0f}.card{background:var(--navy2);border:1px solid rgba(255,255,255,.09);border-radius:14px}.prog-track{height:4px;background:#ffffff14;border-radius:2px;overflow:hidden}.prog-fill{height:100%;background:var(--amber);border-radius:2px;transition:width .35s cubic-bezier(.4,0,.2,1)}