:root{--sun:#ffd63a;--sun-dark:#f5b800;--red:#ff4d4d;--red-dark:#e83838;--blue:#2e7cff;--blue-dark:#1e5fd9;--green:#22c55e;--green-dark:#16a34a;--purple:#a855f7;--orange:#ff8a3d;--gold:#f59e0b;--ink:#1a1a2e;--ink-2:#404058;--ink-3:#8a8aa0;--bg:#fffdf5;--bg-2:#fff4d6;--card:#fff;--line:#ebe6d1;--r-sm:10px;--r-md:16px;--r-lg:22px;--r-xl:28px;--shadow-sm:0 2px 0 #1a1a2e14;--shadow-md:0 4px 0 #1a1a2e1a, 0 8px 20px #1a1a2e0f;--shadow-lg:0 6px 0 #1a1a2e1f, 0 16px 40px #1a1a2e14;--font:"Nunito", ui-rounded, -apple-system, system-ui, sans-serif;--font-num:"Nunito", ui-rounded, system-ui, sans-serif}*{box-sizing:border-box}html,body{font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#f1eedf;margin:0;padding:0}button{font-family:var(--font);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none}input,textarea,select{font-family:var(--font);font-size:16px}.btn{letter-spacing:.01em;color:var(--ink);background:var(--sun);box-shadow:var(--shadow-sm), inset 0 -4px 0 #1a1a2e1a;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:14px 20px;font-size:16px;font-weight:800;transition:transform 60ms,box-shadow 60ms;display:inline-flex}.btn:active{transform:translateY(2px);box-shadow:0 0 #0000,inset 0 -2px #1a1a2e1a}.btn.lg{border-radius:20px;min-height:60px;padding:18px 24px;font-size:18px}.btn.secondary{box-shadow:var(--shadow-sm), inset 0 0 0 2px var(--ink), inset 0 -4px 0 #1a1a2e1a;background:#fff}.btn.ghost{box-shadow:none;color:var(--ink-2);background:0 0}.btn.red{background:var(--red);color:#fff}.btn.blue{background:var(--blue);color:#fff}.btn.green{background:var(--green);color:#fff}.btn.dark{background:var(--ink);color:#fff}.chip{background:var(--bg-2);color:var(--ink);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:800;display:inline-flex}.chip.red{color:var(--red-dark);background:#ffe0e0}.chip.blue{color:var(--blue-dark);background:#dde8ff}.chip.green{color:var(--green-dark);background:#d8f5e3}.chip.gold{color:#8a5e00;background:#ffe9b8}.chip.ink{background:var(--ink);color:var(--sun)}.card{background:var(--card);border-radius:var(--r-lg);box-shadow:var(--shadow-md);padding:16px}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:900}.scroll-hide::-webkit-scrollbar{display:none}.scroll-hide{scrollbar-width:none}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{opacity:1;transform:translateY(120vh)rotate(720deg)}}.confetti-piece{border-radius:2px;width:12px;height:16px;animation:linear forwards confetti-fall;position:absolute}@keyframes pop-in{0%{opacity:0;transform:scale(.6)rotate(-8deg)}60%{opacity:1;transform:scale(1.08)rotate(3deg)}to{opacity:1;transform:scale(1)rotate(0)}}.pop-in{animation:.45s cubic-bezier(.2,1.2,.3,1) forwards pop-in}@keyframes pulse-ring{0%{box-shadow:0 0 #ff4d4d8c}70%{box-shadow:0 0 0 18px #ff4d4d00}to{box-shadow:0 0 #ff4d4d00}}.pulse-ring{animation:1.6s infinite pulse-ring}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:.28s cubic-bezier(.2,1,.3,1) forwards slide-up}.track-pattern{background:repeating-linear-gradient(#0000 0 22px,#ffffff14 22px 24px)}html,body{height:100%}body{background:radial-gradient(circle at 0 0,#ffd63a2e,#0000 40%),radial-gradient(circle at 100% 100%,#2e7cff24,#0000 45%),#f1eedf;justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}#root{justify-content:center;align-items:center;display:flex}.phone-shell{background:#1a1a2e;border-radius:52px;width:390px;height:820px;padding:14px;position:relative;box-shadow:0 50px 100px #1a1a2e47,0 0 0 2px #0006,inset 0 0 0 2px #ffffff0f}.phone-screen{background:#f1eedf;border-radius:40px;width:100%;height:100%;position:relative;overflow:hidden}.phone-island{z-index:200;pointer-events:none;background:#000;border-radius:20px;width:110px;height:32px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.status-bar{height:50px;color:var(--ink);z-index:100;pointer-events:none;justify-content:space-between;align-items:center;padding:0 28px;font-size:15px;font-weight:800;display:flex;position:absolute;top:0;left:0;right:0}.status-right{align-items:center;gap:6px;display:flex}.status-right svg{display:block}.app-root{position:absolute;inset:50px 0 0}@media (width<=480px){body{padding:0}.phone-shell{width:100vw;height:100dvh;box-shadow:none;border-radius:0;padding:0}.phone-screen{border-radius:0}.phone-island,.status-bar{display:none}.app-root{top:0}}.caption{color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;pointer-events:none;font-size:12px;font-weight:800;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}@media (width<=480px){.caption{display:none}}