:root{--bg: #08080c;--bg-elev: #14141c;--bg-card: #1c1c26;--bg-card-hi: #25252f;--text: #ffffff;--text-soft: #c5c4d3;--muted: #74748a;--border: rgba(255,255,255,.07);--border-hi: rgba(255,255,255,.14);--primary: #ffd24a;--primary-dark: #d9a526;--green: #34d399;--green-dark: #16a572;--red: #ff5470;--red-dark: #d93656;--blue: #5db4ff;--purple: #c084fc;--pink: #ff85a8;--orange: #ff9f43;--gold: #ffc800;--primary-soft: rgba(255,210,74,.15);--green-soft: rgba(52,211,153,.18);--red-soft: rgba(255,84,112,.18);--safe-top: env(safe-area-inset-top, 0);--safe-bot: env(safe-area-inset-bottom, 0);--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 8px 28px rgba(0,0,0,.4);--tab-h: 78px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}html,body{height:100%;overscroll-behavior:none;-webkit-overflow-scrolling:touch}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,system-ui,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:16px;font-feature-settings:"ss01" on,"cv11" on;letter-spacing:-.01em}#root{min-height:100vh;min-height:100dvh;max-width:480px;margin:0 auto;position:relative;background:var(--bg)}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}img{max-width:100%;display:block}*::-webkit-scrollbar{display:none}input,textarea{font-family:inherit}.topbar{position:sticky;top:0;z-index:10;padding:calc(var(--safe-top) + 8px) 18px 4px;background:#08080cdb;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);display:flex;flex-direction:column;gap:4px;border-bottom:1px solid transparent;transition:border-color .2s}.topbar-row{display:flex;align-items:center;justify-content:space-between}.topbar h1{font-size:17px;font-weight:700;letter-spacing:-.4px;display:flex;align-items:center;gap:8px}.topbar h1 img{width:26px;height:26px;border-radius:7px}.stats{display:flex;gap:10px;align-items:center}.stat-chip{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:700;background:var(--bg-card);padding:6px 11px;border-radius:999px}.tab-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:grid;grid-template-columns:repeat(5,1fr);padding:8px 8px calc(var(--safe-bot) + 6px);background:#08080ceb;backdrop-filter:blur(28px) saturate(200%);-webkit-backdrop-filter:blur(28px) saturate(200%);border-top:.5px solid var(--border);z-index:30;height:var(--tab-h)}.tab{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px;font-weight:600;color:var(--muted);padding:6px 4px;border-radius:12px;transition:color .15s,transform .12s}.tab svg{width:26px;height:26px;transition:transform .15s}.tab.active{color:var(--primary)}.tab.active svg{transform:scale(1.05)}.tab:active{transform:scale(.92)}.page{padding:14px 16px calc(var(--tab-h) + var(--safe-bot) + 16px);min-height:100vh;min-height:100dvh}.page-title{padding:4px 4px 18px}.page-title h1{font-size:32px;font-weight:800;letter-spacing:-.8px;line-height:1.1;margin-bottom:6px}.page-title p{font-size:14px;color:var(--muted);font-weight:500}.ready-card{margin-bottom:18px;padding:20px;border-radius:24px;background:linear-gradient(135deg,var(--bg-card),var(--bg-card-hi));position:relative;overflow:hidden}.ready-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.ready-label{font-size:13px;font-weight:700;color:var(--text-soft);text-transform:uppercase;letter-spacing:.5px}.ready-pct{font-size:36px;font-weight:900;letter-spacing:-1px}.ready-bar{height:14px;background:var(--bg);border-radius:999px;overflow:hidden;position:relative}.ready-bar>div{height:100%;border-radius:999px;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.ready-bar>div:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.ready-low{background:linear-gradient(90deg,var(--red),var(--orange))}.ready-mid{background:linear-gradient(90deg,var(--orange),var(--primary))}.ready-hi{background:linear-gradient(90deg,var(--primary),var(--green))}.ready-msg{margin-top:10px;font-size:12.5px;color:var(--muted);font-weight:600}.hero{margin-bottom:18px;padding:22px;border-radius:24px;background:radial-gradient(140% 100% at 0% 0%,rgba(255,255,255,.18),transparent 50%),linear-gradient(135deg,#c084fc,#ff85a8,#ff9f43);color:#fff;position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.hero h2{font-size:24px;font-weight:800;letter-spacing:-.5px;line-height:1.1;margin-bottom:6px}.hero p{font-size:13px;opacity:.95;line-height:1.4;font-weight:500}.hero .hero-row{display:flex;gap:10px;margin-top:16px}.hero-stat{flex:1;background:#ffffff2e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:12px 8px;text-align:center}.hero-stat .v{font-size:22px;font-weight:800;line-height:1}.hero-stat .l{font-size:10px;font-weight:700;opacity:.9;text-transform:uppercase;letter-spacing:.5px;margin-top:5px}.section-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);padding:16px 4px 10px}.map-grid{display:flex;flex-direction:column;gap:10px}.world-row{display:flex;align-items:center;gap:14px;background:var(--bg-card);padding:14px;border-radius:20px;width:100%;transition:background .15s,transform .1s}.world-row:active{transform:scale(.98);background:var(--bg-card-hi)}.world-row.locked{opacity:.42}.world-row.completed{background:linear-gradient(135deg,var(--green-soft),var(--bg-card))}.world-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0;background:var(--bg-card-hi)}.world-meta{flex:1;min-width:0}.world-meta h3{font-size:16px;font-weight:700;letter-spacing:-.2px;margin-bottom:4px}.world-meta .sub{font-size:12px;color:var(--muted);display:flex;gap:10px;align-items:center;font-weight:600}.world-meta .stars{color:var(--gold)}.chev{color:var(--muted);font-size:22px;font-weight:600;margin-right:-4px}.level-grid{padding-top:8px;display:flex;flex-direction:column;gap:12px}.level-row{display:flex;align-items:center;gap:14px;padding:14px;background:var(--bg-card);border-radius:18px;transition:background .15s,transform .1s;width:100%;text-align:left}.level-row:active{transform:scale(.98);background:var(--bg-card-hi)}.level-row.locked{opacity:.35}.level-row.boss{background:linear-gradient(135deg,#c084fc33,#ff9f432e)}.level-row.completed{background:linear-gradient(135deg,var(--green-soft),var(--bg-card))}.level-icon{width:50px;height:50px;border-radius:16px;background:var(--bg-card-hi);display:flex;align-items:center;justify-content:center;flex-shrink:0}.level-icon svg{width:24px;height:24px;stroke:var(--text);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.level-row.boss .level-icon{background:linear-gradient(135deg,var(--purple),var(--orange))}.level-row.boss .level-icon svg{stroke:#fff}.level-row.completed .level-icon{background:linear-gradient(135deg,var(--green),var(--green-dark))}.level-row.completed .level-icon svg{stroke:#fff}.level-meta{flex:1;min-width:0}.level-meta h4{font-size:15px;font-weight:700;letter-spacing:-.2px}.level-meta .desc{font-size:12px;color:var(--muted);margin-top:2px;font-weight:500}.level-stars{display:flex;gap:2px}.level-stars span{font-size:16px}.level-stars .filled{color:var(--gold)}.level-stars .empty{color:var(--border-hi)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 22px;border-radius:16px;font-weight:700;font-size:16px;letter-spacing:-.2px;background:var(--bg-card-hi);color:var(--text);transition:transform .08s,opacity .15s;-webkit-touch-callout:none}.btn:active{transform:scale(.97);opacity:.85}.btn-primary{background:var(--primary);color:#1a1500}.btn-success{background:var(--green);color:#002818}.btn-danger{background:var(--red);color:#fff}.btn-block{width:100%}.btn-lg{padding:18px 22px;font-size:17px;border-radius:18px}.cta-sticky{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;padding:12px 16px calc(var(--safe-bot) + 12px);background:linear-gradient(to bottom,transparent,var(--bg) 30%);z-index:25;pointer-events:none}.cta-sticky>*{pointer-events:auto}.q-container{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;padding:calc(var(--safe-top) + 12px) 16px calc(var(--safe-bot) + 16px);background:var(--bg)}.q-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.q-progress{flex:1;height:10px;background:var(--bg-card);border-radius:999px;overflow:hidden}.q-progress>div{height:100%;background:linear-gradient(90deg,var(--primary),var(--orange));border-radius:999px;transition:width .35s cubic-bezier(.4,0,.2,1)}.q-close,.q-coach{width:38px;height:38px;border-radius:50%;background:var(--bg-card);display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:600;flex-shrink:0;transition:transform .1s}.q-close:active,.q-coach:active{transform:scale(.92)}.q-image-wrap{background:var(--bg-card);border-radius:22px;padding:14px;min-height:180px;display:flex;align-items:center;justify-content:center;overflow:hidden}.q-image-wrap img{max-height:240px;width:auto;border-radius:12px;object-fit:contain}.q-text{font-size:18px;line-height:1.35;font-weight:600;margin:18px 4px 16px;letter-spacing:-.3px}.q-answers{display:flex;flex-direction:column;gap:10px;margin-top:auto}.q-answer{padding:16px;background:var(--bg-card);border-radius:16px;text-align:left;font-size:15px;line-height:1.4;font-weight:600;transition:all .15s;display:flex;align-items:flex-start;gap:12px}.q-answer:active{transform:scale(.98);background:var(--bg-card-hi)}.q-answer.correct{background:var(--green);color:#002818}.q-answer.wrong{background:var(--red);color:#fff;animation:shake .35s cubic-bezier(.36,.07,.19,.97)}.q-answer.disabled{opacity:.4;pointer-events:none}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}.q-answer .marker{flex-shrink:0;width:28px;height:28px;border-radius:8px;background:#ffffff14;text-align:center;line-height:28px;font-weight:800;font-size:13px}.q-answer.correct .marker,.q-answer.wrong .marker{background:#ffffff40}.q-explain{margin-top:12px;padding:14px;background:var(--bg-card);border-radius:14px;font-size:13px;line-height:1.5;color:var(--text-soft)}.q-explain strong{color:var(--text);font-weight:700}.tinder{padding:calc(var(--safe-top) + 14px) 16px calc(var(--safe-bot) + 16px);height:100vh;height:100dvh;display:flex;flex-direction:column}.tinder-card{flex:1;max-height:55vh;background:var(--bg-card);border-radius:24px;padding:20px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:var(--shadow-md);margin-top:14px;transition:background .15s}.tinder-card img{max-height:100%;max-width:100%;object-fit:contain}.tinder-actions{display:flex;gap:10px;margin-top:16px}.tinder-btn{flex:1;height:70px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex-direction:column;gap:3px;text-transform:uppercase;letter-spacing:.5px;transition:transform .1s}.tinder-btn:active{transform:scale(.96)}.tinder-btn.left{background:var(--red);color:#fff}.tinder-btn.up{background:var(--blue);color:#fff}.tinder-btn.right{background:var(--green);color:#002818}.summary{text-align:center;padding:64px 24px 30px}.summary .big{font-size:88px;margin-bottom:12px;animation:pop .55s cubic-bezier(.34,1.56,.64,1)}@keyframes pop{0%{transform:scale(0)}60%{transform:scale(1.18)}to{transform:scale(1)}}.summary .stars-row{display:flex;justify-content:center;gap:10px;margin:28px 0}.summary .stars-row span{font-size:56px;display:inline-block;animation:starPop .5s cubic-bezier(.34,1.56,.64,1) backwards}.summary .stars-row span:nth-child(1){animation-delay:.15s}.summary .stars-row span:nth-child(2){animation-delay:.35s}.summary .stars-row span:nth-child(3){animation-delay:.55s}.summary .stars-row .filled{color:var(--gold);filter:drop-shadow(0 0 12px rgba(255,200,0,.6))}.summary .stars-row .empty{color:var(--border-hi)}@keyframes starPop{0%{transform:scale(0) rotate(-60deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.summary h2{font-size:28px;font-weight:800;margin-bottom:8px;letter-spacing:-.5px}.summary p{color:var(--muted);margin-bottom:28px;font-weight:500;font-size:15px}.coach-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;align-items:flex-end;animation:fadeIn .25s}.coach-panel{width:100%;max-width:480px;margin:0 auto;background:var(--bg-card);border-top-left-radius:22px;border-top-right-radius:22px;padding:8px 18px calc(var(--safe-bot) + 22px);max-height:80vh;overflow-y:auto;box-shadow:0 -8px 40px #0009;animation:slideUp .28s cubic-bezier(.4,0,.2,1)}.coach-panel:before{content:"";display:block;width:36px;height:5px;background:var(--border-hi);border-radius:999px;margin:8px auto 16px}.coach-panel h3{display:flex;align-items:center;gap:10px;margin-bottom:14px;font-size:18px;font-weight:800;letter-spacing:-.3px}.coach-msg{font-size:14px;line-height:1.55;color:var(--text-soft);white-space:pre-wrap;background:var(--bg-elev);padding:14px;border-radius:14px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(60px)}to{transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.album-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:4px}.album-tile{aspect-ratio:1;background:var(--bg-card);border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform .12s}.album-tile:active{transform:scale(.94)}.album-tile.locked{background:var(--bg-elev)}.album-tile img{max-width:78%;max-height:78%;object-fit:contain}.album-tile.locked:before{content:"";width:32px;height:32px;background:var(--border-hi);border-radius:8px}.voice-blob{width:240px;height:240px;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--primary),var(--orange) 60%,transparent 80%);margin:70px auto 30px;animation:pulse 2.4s ease-in-out infinite;filter:blur(6px)}@keyframes pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.18);opacity:1}}.card{background:var(--bg-card);border-radius:20px;padding:18px}input[type=date],input[type=text],textarea,select{font:inherit;color:var(--text);background:var(--bg-card-hi);border:0;border-radius:14px;padding:14px;width:100%;font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none}input:focus,textarea:focus,select:focus{outline:2px solid var(--primary);outline-offset:2px}.onboard{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:radial-gradient(800px 400px at 50% -10%,rgba(255,201,75,.12),transparent 70%),radial-gradient(600px 300px at 50% 110%,rgba(192,132,252,.1),transparent 70%),var(--bg);display:flex;align-items:center;justify-content:center;padding:calc(var(--safe-top) + 24px) 18px calc(var(--safe-bot) + 24px)}.onboard-card{width:100%;max-width:360px;display:flex;flex-direction:column;align-items:center;text-align:center}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;overflow:hidden}.confetti span{position:absolute;top:-30px;display:inline-block;animation:confettiFall 2.6s linear forwards}@keyframes confettiFall{to{transform:translateY(110vh) rotate(720deg)}}.world-1 .world-icon{background:linear-gradient(135deg,#ff85a8,#ff5470)}.world-2 .world-icon{background:linear-gradient(135deg,#ffd24a,#ff9f43)}.world-3 .world-icon{background:linear-gradient(135deg,#5db4ff,#2b8cff)}.world-4 .world-icon{background:linear-gradient(135deg,#c084fc,#9d4dd6)}.world-5 .world-icon{background:linear-gradient(135deg,#34d399,#16a572)}.world-6 .world-icon{background:linear-gradient(135deg,#ff9f43,#d97400)}.world-7 .world-icon{background:linear-gradient(135deg,#ff5470,#c92929)}.world-8 .world-icon{background:linear-gradient(135deg,#ffc800,#d9a800)}.world-9 .world-icon{background:linear-gradient(135deg,#5db4ff,#1090c8)}.world-10 .world-icon{background:linear-gradient(135deg,#34d399,#2e8200)}.world-11 .world-icon{background:linear-gradient(135deg,#c084fc,#ff85a8)}.world-12 .world-icon{background:linear-gradient(135deg,#ff85a8,#c084fc)}.world-13 .world-icon{background:linear-gradient(135deg,#ff5470,#ff9f43)}.world-14 .world-icon{background:linear-gradient(135deg,#74748a,#4d4d62)}.world-15 .world-icon{background:linear-gradient(135deg,#ff5470,#c92929)}.world-16 .world-icon{background:linear-gradient(135deg,#ffd24a,#34d399)}.world-row.locked .world-icon{background:var(--bg-card-hi)!important}.bubble{max-width:85%;padding:10px 14px;border-radius:18px;font-size:15px;line-height:1.45;white-space:pre-wrap}.bubble.me{align-self:flex-end;background:var(--primary);color:#1a1500;border-bottom-right-radius:4px}.bubble.bot{align-self:flex-start;background:var(--bg-card);border-bottom-left-radius:4px}