*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;min-height:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#fff;background:#0b1026;user-select:none}body{overflow-x:hidden}h1,h2,h3{margin:0;font-weight:800;letter-spacing:.5px}p{margin:0}.sky{position:fixed;inset:0;background:radial-gradient(ellipse at top,#1b2455,#0b1026 60%,#05071a);z-index:-3}.stars,.stars2,.stars3{position:fixed;inset:0;z-index:-2;pointer-events:none}.stars:before,.stars2:before,.stars3:before{content:"";position:absolute;inset:-50%;background-repeat:repeat;background-image:radial-gradient(1px 1px at 20px 30px,#fff,transparent),radial-gradient(1px 1px at 40px 70px,#fff,transparent),radial-gradient(1.5px 1.5px at 90px 40px,#fff,transparent),radial-gradient(1px 1px at 130px 80px,#fff,transparent),radial-gradient(1px 1px at 160px 120px,#fff,transparent),radial-gradient(2px 2px at 200px 60px,#fff,transparent);background-size:220px 220px;opacity:.7;animation:drift 90s linear infinite}.stars2:before{background-size:300px 300px;opacity:.5;animation-duration:140s}.stars3:before{background-size:420px 420px;opacity:.35;animation-duration:220s}@keyframes drift{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.app{position:relative;min-height:100dvh;width:100%;display:flex;flex-direction:column;padding:max(12px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));max-width:560px;margin:0 auto}.screen{flex:1;display:flex;flex-direction:column;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:10px}.hi{font-size:22px;font-weight:800}.hi .wave{display:inline-block;animation:wave 2.5s infinite;transform-origin:70% 70%}@keyframes wave{0%,50%,to{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}}.profile-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:6px 12px;font-weight:700;font-size:13px;display:flex;align-items:center;gap:6px;color:#fff;cursor:pointer}.profile-btn:active{transform:scale(.96)}.card{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:16px;backdrop-filter:blur(6px);margin-bottom:10px}.card.hot{background:linear-gradient(135deg,#ffd86b2e,#ff6ec72e);border-color:#ffd86b59}.label{font-size:12px;color:#b9c0e8;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:8px}.sub{font-size:13px;color:#c8d0ff}.choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:6px}.chip{background:#ffffff14;border:1.5px solid rgba(255,255,255,.15);color:#fff;border-radius:12px;padding:10px 6px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .1s,background .2s,border-color .2s}.chip:hover{background:#ffffff24}.chip.selected{background:linear-gradient(135deg,#ff6ec7,#7af2ff);color:#0b1026;border-color:transparent;box-shadow:0 6px 20px #7af2ff4d}.chip:active{transform:scale(.96)}.stepper{display:flex;align-items:center;gap:10px;background:#0003;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:6px;width:fit-content}.stepper button{width:40px;height:40px;border-radius:10px;border:none;background:#ffffff1a;color:#fff;font-size:20px;font-weight:800;cursor:pointer}.stepper button:active{transform:scale(.92)}.stepper .val{min-width:50px;text-align:center;font-size:20px;font-weight:800}.big-btn{width:100%;padding:16px;font-size:18px;font-weight:800;border:none;border-radius:16px;color:#0b1026;background:linear-gradient(135deg,#ffd86b,#f96);cursor:pointer;box-shadow:0 8px 24px #ff996659;transition:transform .1s}.big-btn:active{transform:scale(.97)}.big-btn.ghost{background:#ffffff14;color:#fff;border:1.5px solid rgba(255,255,255,.15);box-shadow:none}.big-btn.daily{background:linear-gradient(135deg,#ffd86b,#ff6ec7);color:#0b1026}.big-btn.danger{background:#ff646426;color:#ff9a9a;border:1px solid rgba(255,100,100,.3);box-shadow:none}.btn-row{display:flex;gap:8px}.btn-row>*{flex:1}.welcome-wrap{text-align:center;margin-top:8vh}.title{font-size:clamp(36px,8vw,52px);background:linear-gradient(135deg,#ffd86b,#ff6ec7 60%,#7af2ff);-webkit-background-clip:text;background-clip:text;color:transparent}.rocket-emoji{font-size:76px;display:inline-block;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-14px) rotate(-4deg)}}.text-input{width:100%;padding:14px 16px;font-size:20px;border-radius:14px;background:#0000004d;border:2px solid rgba(255,255,255,.2);color:#fff;text-align:center;font-weight:700;outline:none}.text-input:focus{border-color:#7af2ff}.text-input:disabled{opacity:.6}.text-input.left{text-align:left}.auth-field{margin-bottom:10px}.auth-field .label{margin-bottom:4px}.auth-links{display:flex;flex-direction:column;gap:8px;margin-top:14px;text-align:center}.text-link{background:none;border:none;color:#7af2ff;font-size:14px;font-weight:700;text-decoration:underline;cursor:pointer;padding:4px}.consent-row{display:flex;align-items:flex-start;gap:8px;margin:12px 0;text-align:left;font-size:13px;color:#c8d0ff}.consent-row input{margin-top:3px;width:18px;height:18px;flex-shrink:0}.consent-row a{color:#7af2ff}.topbar{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-bottom:10px}.stat{background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:8px 6px;text-align:center}.stat .k{font-size:11px;color:#b9c0e8;text-transform:uppercase;letter-spacing:1px}.stat .v{font-size:18px;font-weight:800}.rocket-track{position:relative;height:80px;margin:6px 0 10px;border-radius:14px;background:linear-gradient(90deg,#ffffff0d,#ffffff1a);border:1px solid rgba(255,255,255,.1);overflow:hidden}.rocket{position:absolute;bottom:6px;left:0;font-size:40px;transform:translate(0) rotate(-10deg);transition:transform .5s cubic-bezier(.2,.9,.3,1.4);filter:drop-shadow(0 6px 10px rgba(0,0,0,.35))}.planet{position:absolute;right:8px;bottom:10px;font-size:36px}.flame{position:absolute;font-size:20px;bottom:10px;opacity:.85}.question-card{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:20px;margin-bottom:10px;min-height:180px}.question{font-size:clamp(38px,10vw,60px);font-weight:900;text-align:center}.answer-box{margin-top:14px;min-width:140px;padding:10px 18px;border-radius:16px;background:#00000040;border:2px solid rgba(255,255,255,.2);text-align:center;font-size:32px;font-weight:800;min-height:54px;letter-spacing:2px}.answer-box.correct{border-color:#7cf39b;box-shadow:0 0 30px #7cf39b66}.answer-box.wrong{border-color:#ff7a7a;animation:shake .4s}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.key{padding:14px 0;border-radius:12px;font-size:22px;font-weight:800;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#fff;cursor:pointer;transition:transform .08s,background .15s}.key:hover{background:#ffffff2e}.key:active{transform:scale(.94)}.key.minus{background:#ffb47826}.key.back{background:#ff787826}.result{text-align:center;margin-top:4vh}.result .big{font-size:56px;margin:6px 0}.stars-row{font-size:48px;letter-spacing:6px;margin:6px 0 12px}.summary{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:8px}.summary .stat{background:#ffffff14}.badge{display:inline-block;margin-top:10px;padding:8px 14px;border-radius:999px;background:linear-gradient(135deg,#ffd86b,#ff6ec7);color:#0b1026;font-weight:800;font-size:14px}.profile-row{display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);margin-bottom:8px;cursor:pointer}.profile-row.active{border-color:#7af2ff;background:#7af2ff1a}.profile-row .name{font-weight:800;font-size:16px}.profile-row .meta{font-size:12px;color:#b9c0e8}.icon-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;border-radius:10px;padding:6px 10px;font-size:13px;font-weight:700;cursor:pointer}.streak-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#ff6ec733;border:1px solid rgba(255,110,199,.4);font-size:13px;font-weight:800}.trophy{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#ffd86b2e;border:1px solid rgba(255,216,107,.4);font-size:12px;font-weight:700}.row{display:flex;gap:8px;align-items:center}.sp{flex:1}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#000000b3;padding:10px 16px;border-radius:999px;font-weight:700;z-index:10;opacity:0;transition:opacity .3s;max-width:86%}.toast.show{opacity:1}.confetti{position:fixed;inset:0;pointer-events:none;z-index:5;overflow:hidden}.piece{position:absolute;width:10px;height:14px;top:-20px;animation:fall linear forwards}@keyframes fall{to{transform:translateY(110vh) rotate(720deg);opacity:.9}}.flystar{position:fixed;font-size:28px;pointer-events:none;z-index:6;animation:flyStar .9s ease-out forwards}@keyframes flyStar{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.4);opacity:0}}body.theme-ocean{background:#04243a}body.theme-ocean .sky{background:radial-gradient(ellipse at top,#0b4a6b,#04243a 60%,#001222)}body.theme-jungle{background:#0a241b}body.theme-jungle .sky{background:radial-gradient(ellipse at top,#1b5a3c,#0a241b 60%,#021608)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat-tile{background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px 8px;text-align:center}.stat-tile .stat-icon{font-size:24px;line-height:1}.stat-tile .stat-val{font-size:22px;font-weight:900;margin-top:4px;color:#fff}.stat-tile .stat-lbl{font-size:11px;color:#b9c0e8;margin-top:2px;line-height:1.2}.activity-cal{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:10px}.cal-cell{aspect-ratio:1;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);position:relative;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#ffffff73;cursor:help}.cal-cell.level-1{background:#7af2ff38;border-color:#7af2ff80;color:#fff}.cal-cell.level-2{background:#ffd86b59;border-color:#ffd86bb3;color:#2a1a00}.cal-cell.level-3{background:linear-gradient(135deg,#ff6ec7,#ffd86b);border-color:#ffd86bcc;color:#2a1a00}.cal-day{line-height:1}.cal-legend{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:11px;color:#b9c0e8}.cal-legend .cal-cell{width:16px;height:16px;min-width:16px;aspect-ratio:1;border-radius:4px;cursor:default}.pr-row{margin-bottom:12px}.pr-row:last-child{margin-bottom:0}.pr-level{font-size:13px;font-weight:700;color:#c8d0ff;margin-bottom:6px}.pr-cells{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.pr-cell{background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:8px 4px;text-align:center;min-height:64px;display:flex;flex-direction:column;justify-content:center}.pr-cell.empty{opacity:.4}.pr-cell .pr-op{font-size:16px;font-weight:800;line-height:1}.pr-cell .pr-stars{font-size:11px;margin-top:4px;line-height:1}.pr-cell .pr-meta{font-size:9px;color:#b9c0e8;margin-top:2px;line-height:1.2}.pr-cell .dash{font-size:11px;color:#fff6;margin-top:4px}.badge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.badge-cell{background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:10px 6px;text-align:center}.badge-cell.locked{opacity:.45}.badge-cell.earned{background:linear-gradient(135deg,#ffd86b2e,#ff6ec724);border-color:#ffd86b66}.badge-cell-emoji{font-size:26px;line-height:1}.badge-cell-label{font-size:10px;color:#d5d9ff;margin-top:4px;line-height:1.2}.badge-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.badge-item{display:flex;align-items:center;gap:10px;background:#ffffff14;border-radius:12px;padding:8px 10px;text-align:left}.badge-item-emoji{font-size:26px;line-height:1}.badge-item-label{font-size:13px;font-weight:800;color:#fff}.badge-item-desc{font-size:11px;color:#b9c0e8;margin-top:1px}.recent-row{display:flex;gap:10px;align-items:center;padding:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:12px;margin-bottom:6px}.recent-row:last-child{margin-bottom:0}.recent-when{min-width:50px;text-align:center}.recent-when .recent-date{font-size:12px;font-weight:700;color:#fff}.recent-when .recent-time{font-size:10px;color:#8b94c4}.recent-info{flex:1;min-width:0}.recent-info .recent-mode{font-size:13px;font-weight:700;color:#fff}.recent-info .recent-meta{font-size:11px;color:#b9c0e8;margin-top:1px}.recent-stars{font-size:14px;white-space:nowrap}.profile-row .prof-info{min-width:0;flex:1}.profile-row .prof-actions{display:flex;gap:6px;align-items:center}.icon-btn.ghost{background:#ffffff0a;border-color:#ffffff1a}.icon-btn.ghost:hover{background:#ffffff1a}