.cs-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 12px 7px 10px;background:#fff;border:none;border-radius:999px;box-shadow:var(--shadow-md);cursor:pointer;font-family:var(--font),"Nunito",sans-serif;font-weight:700;font-size:14px;color:var(--ink);-webkit-tap-highlight-color:transparent;transition:transform .12s ease,box-shadow .12s ease}.cs-chip:active{transform:scale(.96);box-shadow:var(--shadow-lg)}.cs-chip-flag{font-size:18px;line-height:1}.cs-chip-label{letter-spacing:.01em}.cs-chevron{color:var(--ink-soft);flex-shrink:0;margin-top:1px;transition:transform .2s ease}.cs-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none}.cs-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;pointer-events:all;animation:cs-fade-in .22s ease forwards}@keyframes cs-fade-in{0%{opacity:0}to{opacity:1}}.cs-sheet{position:relative;z-index:1;background:#fff;border-radius:24px 24px 0 0;box-shadow:var(--shadow-lg, 0 12px 34px rgba(31,33,68,.12));padding:16px 20px 0;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));pointer-events:all;animation:cs-slide-up .28s cubic-bezier(.32,.72,0,1) forwards}@keyframes cs-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cs-sheet-handle{width:40px;height:4px;border-radius:2px;background:var(--line, #EAEAF2);margin:0 auto 16px}.cs-title{font-family:var(--display, "Baloo 2"),cursive;font-size:18px;font-weight:800;color:var(--ink, #25263A);margin:0 0 12px;text-align:center}.cs-list{list-style:none;margin:0;padding:0}.cs-list li+li{border-top:1px solid var(--line, #EAEAF2)}.cs-row{display:flex;align-items:center;gap:14px;width:100%;min-height:64px;padding:12px 4px;background:none;border:none;cursor:pointer;font-family:var(--font, "Nunito"),sans-serif;color:var(--ink, #25263A);-webkit-tap-highlight-color:transparent;text-align:left;transition:background .12s ease}.cs-row:active{background:var(--bg-soft, #F4F5FA);border-radius:12px}.cs-row-flag{font-size:32px;line-height:1;flex-shrink:0}.cs-row-text{flex:1;display:flex;flex-direction:column;gap:2px}.cs-row-name{font-weight:800;font-size:16px;line-height:1.2}.cs-row-sub{font-size:13px;font-weight:600;color:var(--ink-soft, #757688);line-height:1.2}.cs-row.on .cs-row-name{color:var(--brand, #12B074)}.cs-check{flex-shrink:0}.rt-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(14px + env(safe-area-inset-top)) 18px 2px}.rt-hello{font-family:var(--display);font-weight:800;font-size:20px;letter-spacing:-.01em}.rt-sub{font-size:13.5px;font-weight:700;color:var(--ink-soft);margin-top:2px}.rt-chips{display:flex;gap:8px;padding:8px 18px 10px}.rt-regen{font-style:normal;font-size:11px;font-weight:800;color:var(--ink-faint);margin-left:4px}.rt-scroll{padding:2px 16px calc(24px + env(safe-area-inset-bottom))}.rt-unit{margin-bottom:6px}.rt-unit-head{display:flex;align-items:center;gap:11px;background:var(--brand-soft);border-radius:var(--radius);padding:11px 14px;margin:10px 0 12px}.rt-unit-num{flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:800;font-size:14px}.rt-unit-tx{flex:1;min-width:0;display:flex;flex-direction:column}.rt-unit-title{font-family:var(--display);font-weight:800;font-size:16.5px;color:var(--brand-dark);line-height:1.15}.rt-unit-pa{font-size:13px;font-weight:700;color:var(--ink-soft);margin-top:1px}.rt-unit-count{font-weight:800;font-size:13px;color:var(--brand-dark)}.rt-rail{position:relative;padding-left:46px}.rt-rail:before{content:"";position:absolute;left:19px;top:6px;bottom:6px;width:4px;border-radius:2px;background:var(--line-dark)}.rt-row{position:relative;margin-bottom:12px}.rt-stop{position:absolute;left:-46px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;background:var(--bg);border:2px solid var(--line-dark);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:800;font-size:14px;color:var(--ink-faint);z-index:1;margin-left:2px}.rt-stop.done{background:var(--brand);border-color:var(--brand);color:#fff;font-size:15px}.rt-stop.current{width:42px;height:42px;margin-left:-2px;background:#e8710c;border:3px solid #FAD9BD;color:#fff;font-size:15px;animation:rt-pulse 1.6s ease infinite}.rt-stop.prize{font-size:15px}.rt-stop.prize.ready{border-color:var(--gold);background:#fff6dc;animation:rt-pulse 1.6s ease infinite}@keyframes rt-pulse{0%,to{box-shadow:0 0 #e8710c59}50%{box-shadow:0 0 0 9px #e8710c00}}.rt-card{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;background:var(--bg);border:2px solid var(--line);border-bottom-width:4px;border-radius:14px;padding:12px 14px;font-family:var(--font)}button.rt-card{cursor:pointer}button.rt-card:active{transform:translateY(2px)}.rt-card-title{font-weight:800;font-size:15.5px;color:var(--ink);line-height:1.2}.rt-card-title.big{font-family:var(--display);font-size:18px}.rt-card-note{font-size:12.5px;font-weight:700;color:var(--ink-faint)}.rt-card-note.ok{color:var(--brand-dark)}.rt-card-note.gold{color:var(--gold-dark)}.rt-card.done{opacity:.78}.rt-card.locked{opacity:.6}.rt-card.current{border-color:#e8710c;border-bottom-width:4px;box-shadow:var(--shadow-md)}.rt-card-next{font-size:11.5px;font-weight:800;letter-spacing:.5px;color:#b45309}.rt-start{margin-top:9px;width:100%;padding:13px;background:#e8710c;color:#fff;border:none;border-radius:12px;font-family:var(--font);font-weight:800;font-size:16px;box-shadow:0 4px #b45309;cursor:pointer;transition:transform .05s,box-shadow .05s}.rt-start:active{transform:translateY(4px);box-shadow:0 0 #b45309}.rt-card.prize.ready{border-color:var(--gold);background:#fffbef}.rt-track-head{font-family:var(--display);font-weight:800;font-size:14px;letter-spacing:.3px;color:var(--ink-soft);margin:16px 2px 2px;padding-top:6px}.rt-track-head.exam{color:#8a6d1b;margin-top:8px}.rt-unit.exam .rt-unit-head{background:linear-gradient(135deg,#fff6dc,#ffedb8);border:1.5px solid #F3D889}.rt-unit.exam .rt-unit-num{background:linear-gradient(180deg,#ffd75e,#e0a800);color:#4a3a00}.rt-unit.exam .rt-unit-title{color:#131f3d}.rt-unit.exam .rt-unit-count{color:#8a6d1b}.rt-unit-head{background:linear-gradient(135deg,var(--brand-soft),var(--brand-tint) 70%);border:1.5px solid #D3F0E2;box-shadow:0 3px 10px #12b07412}.rt-unit-num{width:34px;height:34px;font-size:15px;background:linear-gradient(180deg,#17C182,var(--brand-dark));box-shadow:0 0 0 3px #ffffffbf,0 2px 6px #0c8e5c59}.rt-card{border-radius:16px;box-shadow:0 2px 8px #1f21440d;transition:transform .08s,box-shadow .12s}button.rt-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.rt-card.done{opacity:1;background:linear-gradient(135deg,#f2fbf7,#fff 65%);border-color:#cdefdf}.rt-card.done .rt-card-title{color:var(--ink-soft)}.rt-card.locked{opacity:.62}.rt-card.current{background:linear-gradient(180deg,#fffdf9,#fff8f0);border-color:#f0912e;box-shadow:0 6px 22px #e8710c29;animation:rt-card-breathe 2.6s ease-in-out infinite}@keyframes rt-card-breathe{0%,to{box-shadow:0 6px 22px #e8710c24}50%{box-shadow:0 8px 30px #e8710c42}}.rt-start{background:linear-gradient(180deg,#fa8b31,#e8710c 55%,#d2620a);font-family:var(--display);letter-spacing:.2px}.rt-start:hover{filter:brightness(1.05)}.rt-card.prize.ready{background:linear-gradient(135deg,#fffbef,#fff3ce);box-shadow:0 4px 16px #ffc93c40}.rt-hero{background:radial-gradient(420px 190px at 82% -30%,rgba(255,255,255,.22),transparent 60%),radial-gradient(300px 160px at 8% 120%,rgba(255,201,60,.18),transparent 55%),linear-gradient(160deg,#10a96e,#0c8e5c 62%,#0a7a4f);border-radius:0 0 26px 26px;padding-bottom:14px;box-shadow:0 10px 26px #0c8e5c40;margin-bottom:6px}.rt-hero .rt-hello{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.12)}.rt-hero .rt-sub{color:#ffffffd9}.rt-hero .stat{background:#fffffff0;border-color:transparent;box-shadow:0 3px #0000001f}.rt-unit .rt-unit-head{border:none;padding:14px 16px;border-radius:18px;background-image:radial-gradient(140px 70px at 92% -20%,rgba(255,255,255,.25),transparent 60%),radial-gradient(rgba(255,255,255,.14) 1.6px,transparent 1.6px);background-size:auto,18px 18px}.rt-unit .rt-unit-title{color:#fff;font-size:17.5px;text-shadow:0 1px 2px rgba(0,0,0,.14)}.rt-unit .rt-unit-pa{color:#ffffffe0}.rt-unit .rt-unit-count{color:#fff;background:#00000029;padding:4px 10px;border-radius:99px;font-size:12.5px}.rt-unit .rt-unit-num{background:#ffffff3d;color:#fff;box-shadow:inset 0 0 0 2px #ffffffa6;width:36px;height:36px;font-size:16px}.rt-unit.tone-0 .rt-unit-head{background-color:#12b074;box-shadow:0 5px #0b7a50,0 10px 22px #12b0744d}.rt-unit.tone-1 .rt-unit-head{background-color:#1cb0f6;box-shadow:0 5px #1178ac,0 10px 22px #1cb0f64d}.rt-unit.tone-2 .rt-unit-head{background-color:#a66bff;box-shadow:0 5px #7141c4,0 10px 22px #a66bff4d}.rt-unit.tone-3 .rt-unit-head{background-color:#0ebfbf;box-shadow:0 5px #0a8686,0 10px 22px #0ebfbf4d}.rt-unit.exam .rt-unit-head{background-color:#ffc93c;background-image:radial-gradient(140px 70px at 92% -20%,rgba(255,255,255,.4),transparent 60%),radial-gradient(rgba(255,255,255,.28) 1.6px,transparent 1.6px);background-size:auto,18px 18px;box-shadow:0 5px #c79312,0 10px 22px #ffc93c61;border:none}.rt-unit.exam .rt-unit-title{color:#1e2b4d;text-shadow:none}.rt-unit.exam .rt-unit-pa{color:#1e2b4dbf}.rt-unit.exam .rt-unit-count{color:#1e2b4d;background:#ffffff80}.rt-unit.exam .rt-unit-num{background:#1e2b4d;color:#ffd75e;box-shadow:inset 0 0 0 2px #fff6}.rt-track-head{font-size:15px;color:var(--ink);margin:20px 4px 4px}.rt-track-head.exam{color:#8a6d1b}.rt-rail{padding-left:54px}.rt-rail:before{left:22px;width:6px;background:#e3e4ef}.rt-stop{left:-54px;width:44px;height:44px;border:none;font-size:16px;background:#fff;box-shadow:0 4px #d2d3e0,0 2px 8px #1f214414}.rt-stop.done{background:linear-gradient(180deg,#17c182,#0fa167);box-shadow:0 4px #0b7a50,0 2px 8px #12b07440;color:#fff;font-size:17px}.rt-stop.current{width:54px;height:54px;margin-left:-3px;background:linear-gradient(180deg,#ffb020,#e8710c);border:none;color:#fff;font-size:18px;box-shadow:0 5px #b45309,0 4px 14px #e8710c66;animation:rt-bob 1.4s ease-in-out infinite}@keyframes rt-bob{0%,to{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 5px))}}.rt-stop.prize{font-size:18px;box-shadow:0 4px #d2d3e0,0 2px 8px #1f214414}.rt-stop.prize.ready{background:linear-gradient(180deg,#ffe9a8,#ffc93c);box-shadow:0 4px #c79312,0 4px 14px #ffc93c73;animation:rt-wiggle 1.1s ease-in-out infinite}@keyframes rt-wiggle{0%,to{transform:translateY(-50%) rotate(0)}25%{transform:translateY(-50%) rotate(-9deg)}75%{transform:translateY(-50%) rotate(9deg)}}.rt-row{animation:rt-rise .32s ease both}@keyframes rt-rise{0%{opacity:0;transform:translateY(8px)}}.rt-card{border-bottom-width:5px}button.rt-card:active{transform:translateY(3px);border-bottom-width:2px}.rt-card.current{position:relative;padding-right:86px;overflow:visible}.rt-current-bol{position:absolute;right:12px;top:-24px;filter:drop-shadow(0 6px 10px rgba(31,33,68,.25));animation:rt-bol-bob 2.2s ease-in-out infinite;pointer-events:none}@keyframes rt-bol-bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)}}.rt-card-next{font-size:12px;letter-spacing:1.2px;color:#e8710c;background:#fff1e0;padding:3px 10px;border-radius:99px;width:fit-content;margin-bottom:2px}.rt-card.current .rt-card-title.big{font-size:20px}.rt-start{margin-top:11px;padding:15px;font-size:17px;text-transform:uppercase;letter-spacing:.6px;border-radius:14px;box-shadow:0 5px #b45309,0 8px 18px #e8710c4d}.rt-start:active{transform:translateY(5px);box-shadow:0 0 #b45309}.cef-sec{margin:14px 0}.cef-head{width:100%;display:flex;align-items:center;gap:12px;background:#fff;border:none;border-radius:18px;padding:14px 16px;text-align:left;box-shadow:0 3px 12px #1f214412,0 5px #1f21440a;transition:transform .08s,box-shadow .12s}.cef-head:active{transform:translateY(2px);box-shadow:0 1px #1f21440a}.cef-sec.open .cef-head{border-radius:18px 18px 0 0;box-shadow:0 3px 12px #1f21440f}.cef-badge{flex:0 0 auto;width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:800;font-size:17px;color:#fff;background:linear-gradient(180deg,#17C182,var(--brand-dark));box-shadow:inset 0 0 0 2px #fff9,0 2px 6px #0c8e5c4d}.cef-badge.exam{background:linear-gradient(180deg,#ffd75e,#e0a800);color:#1e2b4d;font-size:22px;box-shadow:inset 0 0 0 2px #ffffff80,0 2px 6px #e0a80059}.cef-tx{flex:1;min-width:0;display:flex;flex-direction:column}.cef-title{font-family:var(--display);font-weight:800;font-size:17px;color:var(--ink);line-height:1.15}.cef-here{font-style:normal;font-size:12px;font-weight:800;color:#e8710c;margin-left:6px}.cef-pa{font-size:13px;font-weight:700;color:var(--ink-soft);margin-top:1px}.cef-prog{font-weight:800;font-size:13px;color:var(--ink-soft);background:var(--bg-soft);padding:4px 10px;border-radius:99px}.cef-chev{font-size:16px;color:var(--ink-faint);font-weight:900;margin-left:2px}.cef-body{background:#ffffff59;border-radius:0 0 18px 18px;padding:6px 12px 12px;animation:cef-open .22s ease}@keyframes cef-open{0%{opacity:0;transform:translateY(-6px)}}.cef-body .rt-unit:first-child{margin-top:4px}.exam-banner{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#1e2b4d,#2b3a63);border-radius:18px;padding:14px 14px 14px 16px;margin:2px 0 12px;box-shadow:0 6px 18px #1e2b4d47}.exam-banner .eb-ic{flex:0 0 auto;width:44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:24px;background:linear-gradient(180deg,#ffd75e,#e0a800);box-shadow:inset 0 0 0 2px #fff6}.eb-tx{flex:1;min-width:0}.eb-title{font-family:var(--display);font-weight:800;font-size:17px;color:#fff;line-height:1.15}.eb-sub{font-size:12.5px;font-weight:700;color:#b9c4e0;margin-top:2px}.eb-set{flex:0 0 auto;position:relative;cursor:pointer;background:#ffd75e;color:#1e2b4d;font-family:var(--font);font-weight:900;font-size:12.5px;padding:9px 12px;border-radius:11px;box-shadow:0 3px #c79312}.eb-set:active{transform:translateY(3px);box-shadow:0 0 #c79312}.eb-set input[type=date]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;border:none;cursor:pointer}.place-banner{background:linear-gradient(135deg,#17C083,var(--brand));border-radius:18px;padding:14px 15px;margin:2px 0 12px;box-shadow:0 6px 18px #0c8e5c47}.pb-top{display:flex;align-items:flex-start;gap:12px}.pb-ic{flex:0 0 auto;width:44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:24px;background:#fff3;box-shadow:inset 0 0 0 2px #ffffff59}.pb-tx{flex:1;min-width:0}.pb-title{font-family:var(--display);font-weight:800;font-size:17px;color:#fff;line-height:1.15}.pb-sub{font-size:12.5px;font-weight:700;color:#ffffffeb;margin-top:3px;line-height:1.4}.pb-actions{display:flex;gap:10px;margin-top:12px}.pb-skip{flex:1;border:none;cursor:pointer;background:#fff;color:var(--brand-dark);font-family:var(--font);font-weight:900;font-size:14px;padding:11px 12px;border-radius:13px;box-shadow:0 3px #0000001f}.pb-skip:active{transform:translateY(3px);box-shadow:0 0 #0000001f}.pb-stay{flex:0 0 auto;border:none;cursor:pointer;background:transparent;color:#fffffff2;font-family:var(--font);font-weight:800;font-size:13px;padding:11px 6px}.pb-stay:active{opacity:.7}.ch-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(14px + env(safe-area-inset-top)) 18px 4px}.ch-hello{font-family:var(--display);font-weight:800;font-size:21px;letter-spacing:-.02em}.ch-sub{font-size:13px;font-weight:700;color:var(--ink-soft);margin-top:1px}.ch-chips{display:flex;gap:8px;padding:8px 18px 10px}.ch-regen{font-style:normal;font-size:11px;font-weight:800;color:var(--ink-faint);margin-left:4px}.ch-scroll{padding:4px 16px calc(20px + env(safe-area-inset-bottom))}.ch-hero{background:linear-gradient(135deg,#0f6e56,#0b5a47);border-radius:var(--radius-lg);padding:18px 16px 16px;margin-bottom:14px;box-shadow:var(--shadow-md)}.ch-hero-top{display:flex;align-items:center;gap:14px}.ch-hero-label{font-size:11.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#9fe1cb}.ch-hero-title{font-family:var(--display);font-weight:800;font-size:20px;color:#fff;line-height:1.15}.ch-hero-sub{font-size:13px;font-weight:700;color:#c9efe0;margin-top:2px}.ch-continue{display:block;width:100%;margin-top:14px;padding:13px 16px;background:#fff;color:#0b5a47;font-family:var(--font);font-weight:800;font-size:15.5px;border-radius:13px;border:none;box-shadow:0 4px #0000002e;text-align:center;cursor:pointer;transition:transform .05s,box-shadow .05s}.ch-continue:active{transform:translateY(4px);box-shadow:0 0 #0000002e}.ch-ring{flex:0 0 auto}.ch-ring .ring-track{fill:none;stroke:#ffffff38;stroke-width:6}.ch-ring .ring-val{fill:none;stroke:#ffc93c;stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .5s cubic-bezier(.2,.8,.2,1)}.ch-ring .ring-tx{font-family:var(--display);font-weight:800;font-size:13px;fill:#fff}.q-card{background:var(--bg);border:2px solid var(--line);border-bottom-width:4px;border-radius:var(--radius);padding:13px 14px 6px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.q-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.q-title{font-family:var(--display);font-weight:800;font-size:16.5px}.q-sub{font-size:11.5px;font-weight:800;color:var(--ink-faint)}.q-row{display:flex;align-items:center;gap:11px;padding:8px 0;border-top:1px solid var(--line)}.q-row.claimed{opacity:.55}.q-ic{font-size:21px;flex:0 0 auto}.q-mid{flex:1;min-width:0}.q-label{font-weight:800;font-size:13.5px}.q-bar{height:8px;background:var(--line);border-radius:99px;margin-top:5px;overflow:hidden}.q-bar>div{height:100%;background:var(--gold);border-radius:99px;transition:width .4s cubic-bezier(.2,.8,.2,1)}.q-count{font-weight:800;font-size:12.5px;color:var(--ink-faint);flex:0 0 auto}.q-check{font-weight:800;font-size:16px;color:var(--brand);flex:0 0 auto}.q-claim{flex:0 0 auto;border:none;cursor:pointer;background:var(--gold);color:#5a4500;font-family:var(--font);font-weight:800;font-size:13px;border-radius:99px;padding:7px 13px;box-shadow:0 3px 0 var(--gold-dark);animation:q-bounce 1.2s ease infinite}@keyframes q-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.ch-list-label{font-size:12px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--ink-faint);margin:2px 4px 8px}.ch-item{background:var(--bg);border:2px solid var(--line);border-bottom-width:4px;border-radius:var(--radius);margin-bottom:10px;overflow:hidden}.ch-item.active{border-color:var(--brand)}.ch-item.locked{opacity:.6}.ch-item-head{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;background:none;border:none;text-align:left;font-family:var(--font);cursor:pointer}.ch-item-badge{flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:var(--bg-soft);border:2px solid var(--line);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:800;font-size:14.5px;color:var(--ink-soft)}.ch-item.active .ch-item-badge{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-dark)}.ch-item.complete .ch-item-badge{background:var(--brand);border-color:var(--brand);color:#fff}.ch-item-tx{flex:1;min-width:0;display:flex;flex-direction:column}.ch-item-title{font-weight:800;font-size:15px;color:var(--ink)}.ch-item-sub{font-size:12px;font-weight:700;color:var(--ink-soft);margin-top:1px}.ch-item-chev{font-size:14px;color:var(--ink-faint);font-weight:800}.ch-lessons{border-top:1px solid var(--line);padding:4px 10px 10px}.ch-lesson{display:flex;align-items:center;gap:10px;width:100%;padding:10px 8px;background:none;border:none;border-radius:10px;font-family:var(--font);text-align:left;cursor:pointer}.ch-lesson:active{background:var(--bg-soft)}.ch-lesson:disabled{cursor:default;opacity:.5}.ch-lesson-ic{flex:0 0 auto;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:800;background:var(--bg-soft);color:var(--ink-soft)}.ch-lesson.done .ch-lesson-ic{background:var(--brand-soft);color:var(--brand-dark)}.ch-lesson.current .ch-lesson-ic{background:var(--brand);color:#fff}.ch-lesson-title{flex:1;font-weight:800;font-size:14px;color:var(--ink)}.ch-lesson-tag{font-size:11px;font-weight:800;color:var(--brand-dark);background:var(--brand-soft);border-radius:99px;padding:3px 9px}.goal-card{display:flex;align-items:center;gap:14px;background:#fff;border:2px solid var(--line);border-bottom-width:4px;border-radius:var(--radius);padding:14px 16px;margin:4px 0 16px;box-shadow:var(--shadow-sm)}.goal-ring{flex-shrink:0}.goal-ring .ring-bg{fill:none;stroke:var(--line);stroke-width:7}.goal-ring .ring-fg{fill:none;stroke:var(--brand);stroke-width:7;stroke-linecap:round;transition:stroke-dashoffset .6s cubic-bezier(.2,.8,.2,1)}.goal-ring .ring-fg.done{stroke:var(--gold)}.goal-ring .ring-label{font-family:var(--display);font-weight:800;font-size:15px;fill:var(--ink)}.goal-tx{flex:1}.goal-title{font-family:var(--display);font-weight:800;font-size:17px;color:var(--ink)}.goal-sub{font-size:13.5px;font-weight:700;color:var(--ink-soft);margin-top:2px}.ach-head{display:flex;align-items:baseline;justify-content:space-between;margin:4px 2px 12px}.ach-title{font-family:var(--display);font-weight:800;font-size:20px;margin:0}.ach-count{font-weight:800;font-size:14px;color:var(--brand-dark);background:var(--brand-soft);padding:4px 11px;border-radius:99px}.ach-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.ach-badge{text-align:center;background:#fff;border:2px solid var(--line);border-bottom-width:4px;border-radius:14px;padding:12px 6px 10px;opacity:.55;filter:grayscale(.7);transition:transform .1s}.ach-badge.on{opacity:1;filter:none;border-color:var(--gold)}.ach-badge .ach-ic{font-size:30px;line-height:1.1}.ach-badge .ach-name{font-family:var(--display);font-weight:800;font-size:13px;color:var(--ink);margin-top:4px;line-height:1.15}.ach-badge .ach-desc{font-size:10.5px;font-weight:700;color:var(--ink-faint);margin-top:3px;line-height:1.2}.share-section{margin-top:22px;text-align:center}.share-title{font-family:var(--display);font-weight:800;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 10px}.share-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.share-chip{display:inline-flex;align-items:center;gap:8px;cursor:pointer;border:none;border-radius:14px;padding:12px 16px;font-family:var(--font);font-weight:800;font-size:14px;color:#fff;transition:transform .06s ease,box-shadow .06s ease}.share-chip:active{transform:translateY(3px)}.share-chip:disabled{opacity:.65}.share-chip .sc-ic{font-size:18px}.share-chip.streak{background:linear-gradient(135deg,#17c083,#0c8e5c);box-shadow:0 4px #0a7a4e}.share-chip.streak:active{box-shadow:0 1px #0a7a4e}.share-chip.words{background:linear-gradient(135deg,#e7a93a,#c07c15);box-shadow:0 4px #9e6410}.share-chip.words:active{box-shadow:0 1px #9e6410}.share-chip.exam{background:linear-gradient(135deg,#4a5fa6,#2b3a63);box-shadow:0 4px #212c4d}.share-chip.exam:active{box-shadow:0 1px #212c4d}.share-hint{font-size:12.5px;font-weight:600;color:var(--ink-faint);margin:12px 0 0}.league-card{display:flex;align-items:center;gap:12px;width:100%;background:linear-gradient(135deg,#fff9e8,#fff3cf);border:1.5px solid #f2dfa4;border-radius:16px;padding:13px 14px;margin:2px 0 16px;cursor:pointer;font:inherit;text-align:left;color:inherit;box-shadow:0 2px 8px #96781414}.league-card:active{transform:scale(.985)}.league-card .lg-ic{flex:0 0 auto}.league-card .lg-tx{flex:1;min-width:0}.league-card .lg-title{font-weight:800;font-size:15px;color:#4d3f10}.league-card .lg-sub{font-size:12.5px;color:#8a6d1b;margin-top:1px}.league-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0f191473;display:flex;align-items:flex-end;justify-content:center}.league-panel{background:#f6f7fb;width:100%;max-width:560px;max-height:88dvh;overflow-y:auto;border-radius:22px 22px 0 0;padding:18px 18px calc(20px + env(safe-area-inset-bottom));animation:league-up .22s ease-out}@keyframes league-up{0%{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}.league-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.league-title{font-size:21px;font-weight:800;margin:0}.league-sub{font-size:13px;color:#5d5e70;margin:2px 0 0}.league-close{border:none;background:#e8e9f0;color:#444;width:34px;height:34px;border-radius:50%;font-size:15px;cursor:pointer;flex:0 0 auto}.league-me{display:flex;align-items:center;gap:12px;background:#fff;border:1.5px solid #e4e5ee;border-radius:16px;padding:13px 14px}.lg-me-tier{font-weight:800;font-size:15px}.lg-me-xp{font-size:13px;color:#5d5e70}.league-note{font-size:12.5px;color:#12805c;margin:8px 2px 14px;font-weight:600}.league-state{text-align:center;color:#5d5e70;font-size:14px;padding:26px 0}.league-list{display:flex;flex-direction:column;gap:7px}.league-row{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid #e8e9f0;border-radius:13px;padding:10px 13px}.league-row.top{border-color:#f0dfa8;background:#fffdf4}.league-row.me{border-color:#12b074;background:#eefaf4}.lr-rank{width:30px;text-align:center;font-weight:800;font-size:15px;flex:0 0 auto}.lr-name{flex:1;min-width:0;font-weight:700;font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lr-xp{font-weight:800;font-size:14px;color:#0c8e5c;flex:0 0 auto}.tb-bar{flex:0 0 auto;display:flex;flex-direction:row;align-items:stretch;background:#ffffffeb;backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-top:1px solid var(--line);box-shadow:0 -4px 18px #1f214412,0 -1px 0 var(--line);padding-bottom:env(safe-area-inset-bottom);position:relative;z-index:20}.tb-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:56px;padding:10px 4px 8px;position:relative;color:var(--ink-faint);font-family:var(--font);font-weight:800;font-size:10.5px;letter-spacing:.25px;text-transform:uppercase;background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .18s ease}.tb-ic{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;transition:transform .2s cubic-bezier(.2,.9,.3,1.45),background .18s ease,color .18s ease}.tb-label{display:block;font-family:var(--font);font-weight:800;font-size:10px;letter-spacing:.3px;line-height:1;transition:color .18s ease}.tb-item:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%) scaleX(0);width:32px;height:3px;border-radius:0 0 4px 4px;background:var(--brand);transition:transform .22s cubic-bezier(.34,1.56,.64,1)}.tb-item.on{color:var(--brand-dark)}.tb-item.on:before{transform:translate(-50%) scaleX(1)}.tb-item.on .tb-ic{transform:translateY(-2px);color:var(--brand)}.tb-item.on .tb-label{color:var(--brand-dark)}.tb-item:active .tb-ic{transform:scale(.84)}.tb-item:not(.on) .tb-ic{color:var(--ink-faint);opacity:.85}@media (hover: hover){.tb-item:not(.on):hover .tb-ic{color:var(--ink-soft);background:var(--bg-soft);opacity:1}.tb-item:not(.on):hover .tb-label{color:var(--ink-soft)}}.tb-bar{box-shadow:0 -6px 24px #1f214412;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.tb-item{transition:transform .08s}.tb-item:active{transform:scale(.94)}.tb-item.on:after{content:"";position:absolute;top:6px;bottom:6px;left:50%;transform:translate(-50%);width:min(110px,84%);background:var(--brand-soft);border-radius:14px;z-index:-1}.tb-item.on{position:relative;z-index:0}.tb-item.on .tb-ic{animation:tab-pop .32s cubic-bezier(.2,.9,.3,1.5)}@keyframes tab-pop{50%{transform:scale(1.22) translateY(-2px)}}.legal-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:var(--bg);display:flex;flex-direction:column;animation:legal-in .22s ease}@keyframes legal-in{0%{transform:translate(8%);opacity:0}to{transform:translate(0);opacity:1}}.legal-bar{display:flex;align-items:center;justify-content:space-between;padding:calc(10px + env(safe-area-inset-top)) 12px 10px;border-bottom:1px solid var(--line);background:var(--bg)}.legal-back{width:34px;height:34px;border:none;background:var(--bg-soft);border-radius:50%;font-size:22px;font-weight:800;line-height:1;color:var(--ink);cursor:pointer}.legal-bar-title{font-family:var(--display);font-weight:800;font-size:16px}.legal-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:18px 20px calc(40px + env(safe-area-inset-bottom));max-width:var(--maxw);width:100%;margin:0 auto}.legal-h1{font-family:var(--display);font-weight:800;font-size:26px;margin:4px 0 2px}.legal-updated{font-size:13px;color:var(--ink-faint);font-weight:700;margin:0 0 18px}.legal-sec{margin-bottom:18px}.legal-h2{font-family:var(--display);font-weight:800;font-size:17px;margin:0 0 6px;color:var(--ink)}.legal-p{font-size:14.5px;line-height:1.55;color:var(--ink-soft);margin:0 0 8px;font-weight:600}:root{--brand: #12B074;--brand-dark: #0C8E5C;--brand-soft: #E6F8F0;--brand-tint: #F1FBF7;--gold: #FFC93C;--gold-dark: #E0A800;--coral: #FF5D6C;--coral-dark: #E03E50;--ink: #25263A;--ink-soft: #757688;--ink-faint: #A6A7B6;--line: #EAEAF2;--line-dark: #D2D3E0;--bg: #FFFFFF;--bg-soft: #F4F5FA;--blue: #1CB0F6;--blue-dark: #1690CC;--blue-soft: #E8F7FE;--purple: #A66BFF;--radius: 16px;--radius-lg: 20px;--shadow-sm: 0 2px 8px rgba(31,33,68,.06);--shadow-md: 0 6px 20px rgba(31,33,68,.08);--shadow-lg: 0 12px 34px rgba(31,33,68,.12);--maxw: 460px;--font: "Nunito", "Noto Sans Gurmukhi", system-ui, -apple-system, sans-serif;--display: "Baloo 2", "Baloo Paaji 2", var(--font)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{font-family:var(--font);color:var(--ink);background:var(--bg-soft);overscroll-behavior:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;letter-spacing:-.01em}#root{min-height:100vh}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}button{font-family:var(--font);cursor:pointer;border:none;background:none}.gurmukhi{font-family:Noto Sans Gurmukhi,Nunito,sans-serif;letter-spacing:0;line-height:1.5}.app{width:100%;max-width:100%;margin:0 auto;height:100vh;height:100dvh;background:var(--bg-soft);display:flex;flex-direction:column;position:relative;overflow:hidden}:root{--content-w: 100%}@media (min-width: 540px){:root{--content-w: 640px}.app>*{width:100%;max-width:var(--content-w);margin-inline:auto}.app>.tb-bar{max-width:100%}.app>.chest-toast{max-width:none}}.boot{gap:18px}.boot-word{font-family:var(--display);font-weight:800;font-size:30px;letter-spacing:-.02em;color:var(--brand-dark)}.boot-dots{display:flex;gap:7px}.boot-dots span{width:9px;height:9px;border-radius:50%;background:var(--brand);animation:boot-bounce 1s ease-in-out infinite}.boot-dots span:nth-child(2){animation-delay:.15s}.boot-dots span:nth-child(3){animation-delay:.3s}@keyframes boot-bounce{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-6px)}}.tab-host{flex:1;min-height:0;display:flex;flex-direction:column}.tab-host>*{flex:1;min-height:0}.tabbar{flex:0 0 auto;display:flex;background:#ffffffeb;backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-top:1px solid var(--line);box-shadow:0 -6px 20px #1f21440d;padding-bottom:env(safe-area-inset-bottom);z-index:20}.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 0 8px;color:var(--ink-faint);font-weight:800;font-size:11px;letter-spacing:.2px;position:relative;transition:color .18s}.tab .tab-ic{font-size:23px;line-height:1;filter:grayscale(1) opacity(.5);transition:filter .18s,transform .18s cubic-bezier(.2,.9,.3,1.4)}.tab.on{color:var(--brand-dark)}.tab.on .tab-ic{filter:none;transform:translateY(-2px) scale(1.06)}.tab.on:before{content:"";position:absolute;top:4px;width:30px;height:4px;border-radius:99px;background:var(--brand)}.tab:active .tab-ic{transform:scale(.86)}.tab-page{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px 20px calc(28px + env(safe-area-inset-bottom));background:var(--bg-soft)}.tab-title{font-family:var(--display);font-weight:800;font-size:26px;margin:8px 0 18px;letter-spacing:-.02em}.pr-card{width:100%;display:flex;align-items:center;gap:14px;text-align:left;padding:16px 18px;border:none;cursor:pointer;border-radius:var(--radius-lg);background:linear-gradient(135deg,#17C083,var(--brand));box-shadow:0 6px 0 var(--brand-dark),var(--shadow-md);color:#fff;transition:transform .06s ease,box-shadow .06s ease}.pr-card:active{transform:translateY(4px);box-shadow:0 2px 0 var(--brand-dark),var(--shadow-sm)}.pr-card-ic{font-size:30px;line-height:1;flex-shrink:0}.pr-card-tx{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.pr-card-title{font-family:var(--display);font-weight:800;font-size:18px}.pr-card-sub{font-size:12.5px;font-weight:600;opacity:.92}.pr-card-count{flex-shrink:0;min-width:34px;height:34px;padding:0 8px;display:flex;align-items:center;justify-content:center;border-radius:99px;background:#ffffff38;font-family:var(--display);font-weight:800;font-size:16px}.pr-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:28px 8px 8px}.pr-empty-title{font-family:var(--display);font-weight:800;font-size:19px;margin-top:4px}.pr-note{margin-top:18px;color:var(--ink-faint);font-size:12.5px;font-weight:600;text-align:center;line-height:1.5}.learn-page{height:100%;display:flex;flex-direction:column;background:var(--bg-soft)}.learn-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;font-family:var(--font);font-weight:800;font-size:16px;letter-spacing:.4px;text-transform:uppercase;color:#fff;background:var(--brand);border-radius:14px;box-shadow:0 4px 0 var(--brand-dark);transition:transform .04s,box-shadow .04s,background .15s,opacity .15s;-webkit-user-select:none;user-select:none}.btn:active{transform:translateY(4px);box-shadow:0 0 0 var(--brand-dark)}.btn:disabled{opacity:.45;box-shadow:0 4px 0 var(--brand-dark);pointer-events:none}.btn.gold{background:var(--gold);color:#5a4500;box-shadow:0 4px 0 var(--gold-dark)}.btn.coral{background:var(--coral);box-shadow:0 4px 0 var(--coral-dark)}.btn.blue{background:var(--blue);box-shadow:0 4px 0 var(--blue-dark)}.btn.ghost{background:#fff;color:var(--ink-soft);border:2px solid var(--line);box-shadow:0 4px 0 var(--line)}.btn.ghost:active{box-shadow:0 0 0 var(--line)}.topbar{display:flex;align-items:center;gap:12px;padding:calc(14px + env(safe-area-inset-top)) 16px 8px}.progress-track{flex:1;height:16px;background:var(--line);border-radius:99px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--brand),#1ED285);border-radius:99px;transition:width .4s cubic-bezier(.2,.8,.2,1);box-shadow:inset 0 -3px #0000001a,inset 0 3px #ffffff40}.topbar .stat{padding:5px 10px;border-radius:99px;background:var(--bg-soft);font-size:16px}.stat{display:inline-flex;align-items:center;gap:5px;font-weight:900;font-size:18px}.stat .ic{font-size:20px}.stat.heart{color:var(--coral)}.stat.streak{color:var(--gold-dark)}.close-x{font-size:26px;color:var(--ink-soft);font-weight:800;line-height:1;padding:0 4px;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.screen{flex:1;min-height:0;display:flex;flex-direction:column;padding:0 20px}.center{align-items:center;justify-content:center;text-align:center}.title{font-family:var(--display);font-weight:800;font-size:26px;margin:0 0 6px}.subtitle{color:var(--ink-soft);font-weight:700;font-size:16px;margin:0}.spacer{flex:1}.footer{padding:16px 20px calc(20px + env(safe-area-inset-bottom))}.fade-in{animation:fade .3s ease both}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.pop-in{animation:pop .5s cubic-bezier(.18,.89,.32,1.28) both}@keyframes pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.confetti-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.confetti{position:absolute;top:-20px;width:11px;height:16px;border-radius:2px;opacity:.9;animation-name:confetti-fall;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes confetti-fall{0%{top:-20px;opacity:1}to{top:110%;opacity:.9}}.screen.center>*:not(.confetti-layer){position:relative;z-index:1}.ob-body{flex:1;min-height:0;display:flex;flex-direction:column;padding:6px 20px}.ob-scroll{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.ob-cta{flex:0 0 auto;padding:12px 0 calc(24px + env(safe-area-inset-bottom))}.ob-top{display:flex;align-items:center;gap:12px;padding:calc(14px + env(safe-area-inset-top)) 18px 6px}.ob-progress{flex:1;height:12px;background:var(--line);border-radius:99px;overflow:hidden}.ob-progress>div{height:100%;background:linear-gradient(90deg,var(--brand),#1ED285);border-radius:99px;transition:width .45s cubic-bezier(.2,.8,.2,1);box-shadow:inset 0 -2px #00000014}.ob-hero{width:180px;height:180px;border-radius:50%;background:radial-gradient(circle at 50% 38%,var(--brand-soft),#fff 72%);display:flex;align-items:center;justify-content:center;margin:0 auto}.ob-row{display:flex;align-items:flex-end;gap:10px;margin:6px 0 22px}.ob-bubble{position:relative;background:#fff;border:2px solid var(--line);border-radius:18px;padding:14px 16px;font-weight:800;font-size:16px;color:var(--ink);flex:1;line-height:1.35}.ob-bubble:before{content:"";position:absolute;left:-9px;bottom:16px;width:14px;height:14px;background:#fff;border-left:2px solid var(--line);border-bottom:2px solid var(--line);transform:rotate(45deg)}.choice{display:flex;align-items:center;gap:14px;width:100%;padding:16px;margin-bottom:12px;background:#fff;border:2px solid var(--line);border-bottom-width:4px;border-radius:var(--radius);font-weight:800;font-size:17px;color:var(--ink);text-align:left;box-shadow:var(--shadow-sm);transition:transform .12s,border-color .12s,background .12s,box-shadow .12s}.choice:active{transform:translateY(2px);border-bottom-width:2px;box-shadow:none}.choice.sel{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-dark)}.choice .emoji{font-size:26px}.prompt-row{display:flex;align-items:flex-start;gap:12px;margin:8px 0 24px}.bubble{position:relative;background:#fff;border:2px solid var(--line);border-radius:var(--radius);padding:14px 16px;font-weight:800;font-size:20px;box-shadow:var(--shadow-sm);flex:1}.bubble:before{content:"";position:absolute;left:-9px;top:18px;width:14px;height:14px;background:#fff;border-left:2px solid var(--line);border-bottom:2px solid var(--line);transform:rotate(45deg)}.opt-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.opt{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 12px;background:#fff;border:2px solid var(--line);border-bottom-width:4px;border-radius:var(--radius);font-weight:800;font-size:17px;color:var(--ink);box-shadow:var(--shadow-sm);transition:transform .12s,border-color .12s,background .12s,box-shadow .12s}.opt:active{transform:translateY(2px);border-bottom-width:2px;box-shadow:none}.opt.sel{border-color:var(--blue);background:var(--blue-soft);color:var(--blue-dark)}.opt .emoji{font-size:40px}.answer-area{min-height:64px;border-bottom:2px solid var(--line);display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start;padding:8px 0 16px;margin-bottom:20px}.bank{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:11px 15px;background:#fff;border:2px solid var(--line);border-bottom-width:4px;border-radius:13px;font-weight:800;font-size:16px;color:var(--ink);box-shadow:var(--shadow-sm);transition:transform .1s,box-shadow .1s,background .1s}.chip:active{transform:translateY(2px);box-shadow:none}.chip.used{background:var(--line);border-color:var(--line);color:transparent}.chip.placed{border-color:var(--blue)}.match-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.match-col{display:flex;flex-direction:column;gap:12px}.match{padding:16px 10px;background:#fff;border:2px solid var(--line);border-bottom-width:4px;border-radius:var(--radius);font-weight:800;font-size:17px;box-shadow:var(--shadow-sm);transition:transform .12s,border-color .12s,background .12s,box-shadow .12s}.match:active{transform:translateY(2px);box-shadow:none}.match.sel{border-color:var(--blue);background:#e8f7fe}.match.done{opacity:.3;pointer-events:none}.wrong-shake{animation:shake .35s;border-color:var(--coral)!important}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.hear-btn{margin-top:8px;padding:6px 12px;border-radius:99px;background:#e8f7fe;color:var(--blue-dark);font-weight:800;font-size:13px;border:2px solid #C5ECFB}.hear-btn:active{transform:translateY(1px)}.mic-btn{width:96px;height:96px;border-radius:50%;background:var(--brand);color:#fff;font-size:40px;box-shadow:0 6px 0 var(--brand-dark);transition:transform .06s,box-shadow .06s}.mic-btn:disabled{opacity:.9}.mic-btn.listening{background:var(--coral);box-shadow:0 6px 0 var(--coral-dark);animation:pulse 1s infinite}.mic-btn.confirm.said{background:var(--gold);color:#5a4500;box-shadow:0 6px 0 var(--gold-dark)}@keyframes pulse{0%{box-shadow:0 6px 0 var(--coral-dark),0 0 #ff6b6b80}70%{box-shadow:0 6px 0 var(--coral-dark),0 0 0 22px #ff6b6b00}to{box-shadow:0 6px 0 var(--coral-dark),0 0 #ff6b6b00}}.feedback{padding:18px 20px calc(20px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;box-shadow:0 -8px 26px #1f214414;animation:fb-up .26s cubic-bezier(.2,.8,.2,1) both}@keyframes fb-up{0%{transform:translateY(16px)}to{transform:translateY(0)}}.feedback.correct{background:var(--brand-soft)}.feedback.wrong{background:#ffe9ec}.feedback-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:var(--display);font-weight:800;font-size:22px;margin-bottom:6px;letter-spacing:-.01em}.replay-btn{width:40px;height:40px;border-radius:50%;flex:0 0 auto;background:#fff;border:2px solid var(--line);font-size:18px}.replay-btn:active{transform:scale(.92)}.feedback-answer{margin:2px 0 6px;font-weight:800;font-size:18px}.feedback-explain{margin:0 0 12px;font-weight:700;font-size:14px;color:var(--ink-soft);line-height:1.4}.feedback.correct .feedback-explain,.feedback.correct .feedback-head{color:var(--brand-dark)}.feedback.wrong .feedback-head{color:var(--coral-dark)}.teach-eyebrow{flex:1;text-align:center;font-family:var(--display);font-weight:800;font-size:13px;color:var(--ink-faint);letter-spacing:.02em}.teach-screen{padding-top:10px;overflow-y:auto}.teach-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}.teach-title-wrap{flex:1;min-width:0;padding-top:4px}.teach-title{font-family:var(--display);font-weight:800;font-size:24px;letter-spacing:-.02em;margin:0 0 6px}.teach-intro{font-weight:700;font-size:14.5px;color:var(--ink-soft);line-height:1.5;margin:0 0 4px}.teach-intro-pa{font-weight:700;font-size:14px;color:var(--ink-faint);line-height:1.5;margin:0}.teach-label{font-family:var(--display);font-weight:800;font-size:12px;color:var(--ink-faint);letter-spacing:.06em;text-transform:uppercase;margin:4px 0 10px}.teach-list{display:flex;flex-direction:column;gap:10px}.teach-item{width:100%;text-align:left;display:flex;flex-direction:column;gap:4px;background:#fff;border:2px solid var(--line);border-bottom-width:4px;border-radius:var(--radius);padding:12px 14px;box-shadow:var(--shadow-sm);transition:transform .1s,box-shadow .1s,border-color .1s}.teach-item:active{transform:translateY(2px);border-bottom-width:2px;box-shadow:none;border-color:var(--brand)}.teach-item-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.teach-pa{font-weight:800;font-size:19px;color:var(--ink)}.teach-say{font-size:16px;opacity:.6;flex:0 0 auto}.teach-item-bot{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.teach-roman{font-size:12.5px;font-weight:700;color:var(--ink-faint);font-style:italic}.teach-en{font-weight:800;font-size:15px;color:var(--brand-dark)}.teach-tip{margin:16px 0 4px;padding:12px 14px;border-radius:var(--radius);background:var(--brand-tint);border:1px solid var(--brand-soft);font-weight:700;font-size:13.5px;color:var(--brand-dark);line-height:1.5}.gap-sentence{font-weight:800;font-size:22px;line-height:1.8;color:var(--ink);margin:8px 0 26px;text-align:center}.gap-slot{display:inline-block;min-width:62px;padding:2px 12px;margin:0 2px;border-bottom:3px solid var(--blue);border-radius:6px 6px 0 0;background:var(--blue-soft);color:var(--blue-dark);text-align:center;vertical-align:baseline}.gap-slot:empty:before{content:" "}.gap-slot.filled{background:#e8f7fe}.gap-options{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.listen-play-wrap{display:flex;align-items:center;justify-content:center;gap:14px;margin:10px 0 6px}.listen-play{width:84px;height:84px;border-radius:50%;background:var(--blue);color:#fff;font-size:34px;box-shadow:0 6px 0 var(--blue-dark);transition:transform .06s,box-shadow .06s}.listen-play:active{transform:translateY(4px);box-shadow:0 2px 0 var(--blue-dark)}.home-head{display:flex;align-items:center;justify-content:space-between;padding:calc(14px + env(safe-area-inset-top)) 16px 12px;position:sticky;top:0;z-index:5;background:#fff;border-bottom:1px solid var(--line)}.home-stats{display:flex;gap:8px;align-items:center}.home-stats .stat{font-size:15px;gap:3px;padding:5px 9px;border-radius:99px;background:var(--bg-soft)}.home-stats .stat .ic{font-size:16px}.home-stats .stat svg{display:block}.home-stats .stat.streak{color:#ff7a1e}.home-stats .stat.gold{color:var(--gold-dark)}.home-stats .stat.heart{color:var(--coral)}.band-note{font-size:12px;opacity:.85;margin-top:6px;font-weight:700}.lang-switch{font-weight:900;font-size:14px;color:var(--brand-dark);background:var(--brand-soft);border:2px solid #BfeBd8;border-radius:99px;padding:5px 11px}.lang-switch:active{transform:translateY(1px)}.unit-banner{margin:18px 16px 8px;padding:16px 18px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--brand),#0FA26B);color:#fff;box-shadow:var(--shadow-md),inset 0 -3px #00000014;display:flex;flex-direction:column;gap:1px}.unit-banner h3{margin:0;font-family:var(--display);font-size:19px;letter-spacing:-.01em}.unit-banner p{margin:0;opacity:.92;font-weight:700;font-size:13px}.path{display:flex;flex-direction:column;align-items:center;padding:6px 0 22px;gap:5px}.node-wrap{position:relative}.node{width:80px;height:74px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:900;color:#fff;background:radial-gradient(circle at 50% 35%,#1ED285,var(--brand));box-shadow:0 7px 0 var(--brand-dark),var(--shadow-sm);transition:transform .08s,box-shadow .08s}.node:active{transform:translateY(5px);box-shadow:0 2px 0 var(--brand-dark)}.node.locked{background:#dddee8;box-shadow:0 7px #c2c3d2;color:#fff}.node.done{background:radial-gradient(circle at 50% 35%,#FFD968,var(--gold));box-shadow:0 7px 0 var(--gold-dark),var(--shadow-sm);color:#fff}.node-label{text-align:center;font-weight:800;font-size:13px;color:var(--ink-soft);margin-top:3px;max-width:140px}.start-pop{position:absolute;top:-44px;left:50%;transform:translate(-50%);background:#fff;color:var(--brand-dark);font-weight:900;font-size:12px;letter-spacing:.5px;padding:7px 14px;border-radius:12px;white-space:nowrap;box-shadow:var(--shadow-md);animation:bob 1.4s ease-in-out infinite}@keyframes bob{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-4px)}}.start-pop:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%) rotate(45deg);width:12px;height:12px;background:#fff;border-right:2px solid var(--line);border-bottom:2px solid var(--line)}.band-card{margin:16px 20px;padding:18px 20px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#2a2f52,#1c2140);color:#fff;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.band-card:after{content:"";position:absolute;right:-30px;top:-30px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(255,201,60,.22),transparent 70%)}.band-card .label{font-weight:800;font-size:12px;opacity:.75;text-transform:uppercase;letter-spacing:.6px}.band-card .val{font-family:var(--display);font-weight:800;font-size:32px;letter-spacing:-.01em}.band-bar{height:10px;background:#ffffff2e;border-radius:99px;margin-top:8px;overflow:hidden}.band-bar>div{height:100%;background:linear-gradient(90deg,var(--gold),#FFE08A);border-radius:99px;transition:width .5s cubic-bezier(.2,.8,.2,1)}.result-stat{flex:1;border-radius:var(--radius);padding:12px;text-align:center;border:3px solid var(--gold);background:var(--gold);box-shadow:var(--shadow-md)}.result-stat.blue{border-color:var(--blue);background:var(--blue)}.result-stat .rs-label{color:#fffffff2;font-weight:800;font-size:12px;text-transform:uppercase}.result-stat .rs-val{color:#fff;font-family:var(--display);font-weight:800;font-size:24px;display:flex;align-items:center;justify-content:center;gap:4px}.result-inner{background:#fff;border-radius:13px;padding:8px 4px;margin-top:6px}.result-inner .rs-val{color:var(--gold-dark)}.result-stat.blue .result-inner .rs-val{color:var(--blue-dark)}.lesson-q{font-family:var(--display);font-weight:800;font-size:22px;margin:4px 0 16px}.bubble-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.bubble .roman{font-size:14px;color:var(--ink-soft);font-weight:700;margin-top:2px}.say-btn{width:34px;height:34px;border-radius:50%;flex:0 0 auto;background:var(--brand-soft);border:2px solid #BfeBd8;color:var(--brand-dark);font-size:15px;display:flex;align-items:center;justify-content:center}.say-btn:active{transform:scale(.9)}.opt{min-height:116px;justify-content:center}.choice{min-height:64px}.profile-hero{text-align:center;padding:8px 0 6px}.profile-name{font-family:var(--display);font-weight:800;font-size:24px;margin:6px 0 2px}.profile-goal{color:var(--ink-soft);font-weight:700;font-size:14px;margin:0 0 4px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.stat-card{background:#fff;border:2px solid var(--line);border-bottom-width:4px;border-radius:var(--radius);padding:16px;text-align:center;box-shadow:var(--shadow-sm)}.stat-card .stat-ic{font-size:28px}.stat-card .stat-val{font-family:var(--display);font-weight:800;font-size:26px;margin-top:2px}.stat-card .stat-lbl{font-weight:800;font-size:12px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.4px}.stat-card.coral .stat-val{color:var(--coral-dark)}.stat-card.gold .stat-val{color:var(--gold-dark)}.stat-card.brand .stat-val{color:var(--brand-dark)}.stat-card.blue .stat-val{color:var(--blue-dark)}.bol{transform-origin:50% 88%;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.bol-bounce{animation:bol-bounce .85s cubic-bezier(.3,1.4,.4,1)}@keyframes bol-bounce{0%{transform:translateY(0) scale(1)}25%{transform:translateY(-16%) scale(.96,1.06)}50%{transform:translateY(0) scale(1.08,.9)}70%{transform:translateY(-7%) scale(.98,1.03)}to{transform:translateY(0) scale(1)}}.bol-wiggle{animation:bol-wiggle .7s ease}@keyframes bol-wiggle{0%,to{transform:rotate(0)}20%{transform:rotate(-9deg)}40%{transform:rotate(8deg)}60%{transform:rotate(-5deg)}80%{transform:rotate(3deg)}}.bol-flap{animation:bol-flap .8s ease}@keyframes bol-flap{0%,to{transform:scale(1) rotate(0) translateY(0)}25%{transform:scale(1.08) rotate(-4deg) translateY(-5%)}50%{transform:scale(1.14) rotate(3deg) translateY(-10%)}75%{transform:scale(1.06) rotate(-2deg) translateY(-4%)}}.bol-talk{animation:bol-talk .55s ease infinite}@keyframes bol-talk{0%,to{transform:translateY(0) rotate(0)}30%{transform:translateY(-3.5%) rotate(-2.5deg)}65%{transform:translateY(-1%) rotate(2deg)}}.chest-toast{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:1500;background:var(--ink);color:#fff;font-family:var(--display);font-weight:800;font-size:16px;border-radius:99px;padding:12px 22px;box-shadow:var(--shadow-lg);animation:toast-up .3s cubic-bezier(.2,1.2,.4,1)}@keyframes toast-up{0%{transform:translate(-50%,20px);opacity:0}to{transform:translate(-50%);opacity:1}}.combo-pill{font-family:var(--display);font-weight:800;font-size:14px;color:#7a4d00;background:linear-gradient(135deg,#FFE08A,var(--gold));border-radius:99px;padding:4px 10px;flex:0 0 auto;animation:combo-pop .25s cubic-bezier(.2,1.4,.4,1)}@keyframes combo-pop{0%{transform:scale(.6)}to{transform:scale(1)}}.quit-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;background:#1a1c3380;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:24px;animation:acc-fade .15s ease}.quit-card{width:100%;max-width:340px;background:var(--bg);border-radius:22px;padding:24px 20px;text-align:center;box-shadow:var(--shadow-lg)}.quit-title{font-family:var(--display);font-weight:800;font-size:21px;margin:8px 0 4px}.quit-sub{font-size:14px;font-weight:700;color:var(--ink-soft);margin:0 0 16px}.set-label{font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--ink-faint);margin:6px 4px 8px}.set-group{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-bottom:16px;box-shadow:var(--shadow-sm)}.set-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}.set-row:last-child{border-bottom:none}.set-row-link{width:100%;background:none;border:none;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;font-family:var(--font)}.set-row-link:last-child{border-bottom:none}.set-row-link:active{background:var(--bg-soft)}.set-chev{color:var(--ink-faint);font-weight:900;font-size:22px;line-height:1}.set-row-label{font-weight:800;font-size:16px}.set-row-sub{font-weight:700;font-size:12px;color:var(--ink-soft);margin-top:2px}.set-val{font-weight:800;color:var(--ink-soft)}.toggle{width:52px;height:30px;border-radius:99px;background:var(--line);position:relative;flex:0 0 auto;transition:background .15s}.toggle:after{content:"";position:absolute;top:-8px;right:-4px;bottom:-8px;left:-4px}.toggle.on{background:var(--brand)}.toggle .knob{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .15s}.toggle.on .knob{transform:translate(22px)}body{background:radial-gradient(900px 420px at 15% -6%,rgba(18,176,116,.1),transparent 60%),radial-gradient(700px 380px at 110% 12%,rgba(255,201,60,.07),transparent 55%),var(--bg-soft)}.app{background:radial-gradient(820px 380px at 12% -4%,rgba(18,176,116,.08),transparent 58%),var(--bg-soft)}.stat{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:99px;font-weight:900;font-size:15px;background:#fff;border:1.5px solid var(--line);box-shadow:0 2px 6px #1f21440d}.stat.streak{color:#e8710c;background:#fff4e8;border-color:#ffe1c2}.stat.gold{color:#b7791f;background:#fff8e1;border-color:#ffe9a8}.stat.heart{color:#e03e50;background:#ffedef;border-color:#ffd4da}.btn{background:linear-gradient(180deg,#17C182,var(--brand) 55%,#0FA167);transition:transform .06s,box-shadow .06s,filter .15s}.btn:not(:disabled):hover{filter:brightness(1.04)}.btn:not(:disabled):active{transform:translateY(3px);box-shadow:0 1px 0 var(--brand-dark)}.btn.gold{background:linear-gradient(180deg,#FFD75E,var(--gold) 55%,#F0B429)}.btn.ghost{background:#fff}.choice{transition:transform .08s,border-color .12s,box-shadow .12s}.choice:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.choice.sel{transform:translateY(-1px);box-shadow:0 6px 18px #12b0742e;animation:pop-sel .18s ease}@keyframes pop-sel{50%{transform:scale(1.02)}}.opt{transition:transform .08s,border-color .12s,box-shadow .12s}.opt:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.progress-fill{background:linear-gradient(90deg,var(--brand),#1ED285);box-shadow:0 0 10px #1ed28573}.speak-skip{display:inline-block;margin-top:16px;font-family:var(--font);font-weight:800;font-size:13.5px;color:var(--ink-faint);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px;padding:8px 12px;min-height:44px}.speak-skip:hover{color:var(--ink-soft)}.feedback{animation:fb-pop .28s cubic-bezier(.2,.9,.3,1.2) both;border-radius:22px 22px 0 0}@keyframes fb-pop{0%{opacity:0;transform:translateY(26px)}}.feedback.correct{background:linear-gradient(180deg,#dff8ec,#cff4e2);box-shadow:0 -8px 30px #12b07438}.feedback.wrong{background:linear-gradient(180deg,#ffe9ec,#ffdde2);box-shadow:0 -8px 30px #e03e502e}.feedback-head{font-size:24px}.opt{border-bottom-width:4px;transition:transform .09s,border-color .12s,box-shadow .12s,background .12s}.opt:active{transform:translateY(2px) scale(.99);border-bottom-width:2px}.opt .emoji{transition:transform .12s}.opt:hover .emoji{transform:scale(1.12) rotate(-3deg)}.progress-track{height:18px;border-radius:99px}.progress-fill{border-radius:99px;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 45%,transparent 60%),linear-gradient(90deg,var(--brand),#1ED285);background-size:220% 100%,100% 100%;animation:pf-shine 2.4s linear infinite}@keyframes pf-shine{to{background-position:-220% 0,0 0}}.combo-pill{animation:combo-in .25s cubic-bezier(.2,.9,.3,1.4) both}@keyframes combo-in{0%{opacity:0;transform:scale(.4)}}.mic-btn{box-shadow:0 6px 0 var(--brand-dark),0 10px 24px #12b07459}.mic-btn:active{transform:translateY(4px);box-shadow:0 2px 0 var(--brand-dark)}.feedback{position:relative}.fb-bol{position:absolute;top:-34px;right:18px;filter:drop-shadow(0 5px 9px rgba(31,33,68,.22));animation:fb-bol-in .35s cubic-bezier(.2,.9,.3,1.4) both;pointer-events:none}@keyframes fb-bol-in{0%{opacity:0;transform:translateY(14px) scale(.7)}}.feedback-head{padding-right:70px}.opt .emoji{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 38%,#fff,var(--brand-tint) 78%);box-shadow:inset 0 0 0 2px var(--brand-soft),0 2px 6px #12b0741a;margin:0 auto}.choice .emoji{width:46px;height:46px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--brand-tint),var(--brand-soft));box-shadow:inset 0 0 0 1.5px #12b0742e;flex:0 0 auto}.choice.sel .emoji{background:linear-gradient(160deg,#E4F8FF,var(--blue-soft));box-shadow:inset 0 0 0 1.5px #1cb0f659}.set-tx{flex:1;min-width:0}.set-ic{width:42px;height:42px;border-radius:13px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;font-size:21px}.set-ic.brand{background:var(--brand-soft);box-shadow:inset 0 0 0 1.5px #12b07438}.set-ic.gold{background:#fff6dc;box-shadow:inset 0 0 0 1.5px #e0a80047}.set-ic.blue{background:var(--blue-soft);box-shadow:inset 0 0 0 1.5px #1cb0f640}.set-ic.coral{background:#ffedef;box-shadow:inset 0 0 0 1.5px #e03e5038}.set-ic.purple{background:#f3ebff;box-shadow:inset 0 0 0 1.5px #a66bff40}.set-group{border:none;border-radius:18px;box-shadow:0 2px 10px #1f21440f,0 4px #1f214408}.set-row{gap:12px}button.set-row-link{transition:background .12s}button.set-row-link:hover{background:var(--bg-soft)}button.set-row-link:active{background:var(--brand-tint)}.set-chev{color:var(--ink-faint);font-size:20px;font-weight:800}.acc-banner{background:linear-gradient(135deg,var(--brand-tint),#fff 70%);border:1.5px solid var(--brand-soft);border-radius:18px;box-shadow:0 4px #12b07426,0 4px 14px #12b0741a;transition:transform .08s,box-shadow .12s}.acc-banner:active{transform:translateY(2px);box-shadow:0 1px #12b07426}.acc-banner{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 14px;cursor:pointer}.acc-banner .ab-ic{width:44px;height:44px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:var(--brand-soft);font-size:21px;flex-shrink:0}.acc-banner .ab-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.acc-banner .ab-title{display:block;font-family:var(--display);font-weight:800;font-size:15.5px;color:var(--ink);line-height:1.25}.acc-banner .ab-sub{display:block;font-size:13px;font-weight:600;color:var(--ink-soft);line-height:1.35}.acc-banner .ab-chev{color:var(--brand);font-weight:900;font-size:20px;flex-shrink:0}.q-card{border:none;border-radius:18px;box-shadow:0 3px 12px #1f214412,0 5px #ffc93c29}.q-ic{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#fff6dc;box-shadow:inset 0 0 0 1.5px #e0a80040;font-size:19px}.q-bar{height:11px}.q-bar>div{background:linear-gradient(90deg,#FFD75E,var(--gold));box-shadow:0 0 8px #ffc93c80}.q-claim{background:linear-gradient(180deg,#FFD75E,var(--gold));border:none;border-radius:12px;padding:9px 13px;font-family:var(--font);font-weight:900;font-size:13px;color:#5a4500;box-shadow:0 3px 0 var(--gold-dark);cursor:pointer;animation:rt-wiggle 1.2s ease-in-out infinite}.q-claim:active{transform:translateY(3px);box-shadow:0 0 0 var(--gold-dark)}.profile-hero .profile-name{font-size:26px}.profile-hero>:first-child{filter:drop-shadow(0 8px 14px rgba(31,33,68,.18))}.stat-card{border:none;border-radius:18px;box-shadow:0 2px 10px #1f21440f,0 4px #1f21440d;transition:transform .1s}.stat-card:hover{transform:translateY(-2px)}.stat-card.coral{background:linear-gradient(160deg,#fff6f7,#fff 65%);box-shadow:0 2px 10px #e03e5014,0 4px #e03e501f}.stat-card.gold{background:linear-gradient(160deg,#fffbef,#fff 65%);box-shadow:0 2px 10px #e0a80014,0 4px #e0a80024}.stat-card.brand{background:linear-gradient(160deg,#f1fbf7,#fff 65%);box-shadow:0 2px 10px #12b07414,0 4px #12b07424}.stat-card.blue{background:linear-gradient(160deg,#f0faff,#fff 65%);box-shadow:0 2px 10px #1cb0f614,0 4px #1cb0f624}.goal-card{border:none;border-radius:18px;box-shadow:0 3px 12px #1f214412,0 4px #12b0741a}.ach-badge{border-radius:16px;transition:transform .1s,box-shadow .12s}.ach-badge.on{background:linear-gradient(160deg,#fffbef,#fff 70%);box-shadow:0 3px 10px #ffc93c2e,0 3px #e0a8002e}.ach-badge.on:hover{transform:translateY(-2px) rotate(-1deg)}.result-stat{animation:rs-pop .4s cubic-bezier(.2,.9,.3,1.35) both;border-radius:16px}.result-stat:nth-child(1){animation-delay:.15s}.result-stat:nth-child(2){animation-delay:.3s}.result-stat:nth-child(3){animation-delay:.45s}@keyframes rs-pop{0%{opacity:0;transform:scale(.6) translateY(10px)}}.quit-card{border-radius:24px;box-shadow:0 24px 60px #1f21444d;animation:fb-pop .25s cubic-bezier(.2,.9,.3,1.2) both}.tab-title{font-size:28px}.profile-hero{display:flex;flex-direction:column;align-items:center}.bol-idle{animation:bol-idle 3.6s ease-in-out infinite}@keyframes bol-idle{0%,to{transform:scaleY(1) rotate(0)}35%{transform:scaleY(1.02) rotate(-1deg)}70%{transform:scaleY(.995) rotate(1deg)}}.bol-cheer{animation:bol-cheer 1.6s cubic-bezier(.3,1.2,.4,1) infinite}@keyframes bol-cheer{0%{transform:translateY(0) scale(1)}8%{transform:translateY(2px) scale(1.05,.93)}22%{transform:translateY(-14px) scale(.97,1.05) rotate(-3deg)}36%{transform:translateY(0) scale(1.04,.95) rotate(0)}46%{transform:translateY(-5px) scaleY(1.02)}56%,to{transform:translateY(0) scale(1)}}.bol-sad{animation:bol-sad 4s ease-in-out infinite}@keyframes bol-sad{0%,to{transform:translateY(4px) rotate(-4deg) scaleY(.97)}50%{transform:translateY(6px) rotate(-6deg) scaleY(.96)}}.bol.bol-talk{animation:bol-talkx .55s ease-in-out infinite}@keyframes bol-talkx{0%,to{transform:rotate(0)}30%{transform:translateY(-1.5px) rotate(1.3deg)}65%{transform:translateY(.5px) rotate(-.9deg)}}.lesson-q{font-family:var(--display);font-weight:800;font-size:25px;letter-spacing:-.01em;margin:6px 0 18px}.bubble{position:relative;background:#fff;border:none;border-radius:18px;box-shadow:0 3px 12px #1f214414,0 5px #1f21440a;padding:14px 16px}.bubble:before{content:"";position:absolute;left:-8px;top:26px;width:16px;height:16px;background:#fff;transform:rotate(45deg);border-radius:3px;box-shadow:-3px 3px 6px #1f21440d}.bubble .gurmukhi{font-size:20px;font-weight:700}.bubble .roman{font-size:13.5px;font-weight:700;color:var(--ink-soft);margin-top:3px}.say-btn,.hear-btn{background:var(--blue-soft);color:var(--blue-dark);border-radius:99px;padding:6px 12px;font-family:var(--font);font-weight:800;font-size:13px;box-shadow:0 2px #1690cc40;transition:transform .08s}.say-btn{min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center}.say-btn:active,.hear-btn:active{transform:translateY(2px);box-shadow:none}.answer-area{min-height:64px;display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;align-content:flex-start;padding:10px 2px 14px;margin-bottom:18px;border-bottom:2.5px dashed var(--line-dark)}.chip{background:#fff;border:2px solid var(--line);border-bottom-width:4px;border-radius:13px;padding:10px 15px;font-family:var(--font);font-weight:800;font-size:16.5px;color:var(--ink);transition:transform .07s,opacity .15s;min-height:44px}.chip:active{transform:translateY(2px);border-bottom-width:2px}.chip.placed{background:linear-gradient(160deg,var(--brand-tint),#fff 70%);border-color:#bfebd8}.chip.used{opacity:.28;border-style:dashed}.bank{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.match{background:#fff;border:2px solid var(--line);border-bottom-width:4px;border-radius:14px;padding:13px 10px;width:100%;font-family:var(--font);font-weight:800;font-size:16px;color:var(--ink);min-height:52px;transition:transform .08s,border-color .12s,background .12s,opacity .2s}.match:active{transform:translateY(2px);border-bottom-width:2px}.match.sel{border-color:var(--blue);background:var(--blue-soft);color:var(--blue-dark);box-shadow:0 4px 14px #1cb0f62e}.match.done{border-color:#bfebd8;background:var(--brand-tint);color:var(--brand-dark);opacity:.55;animation:match-pop .3s ease}@keyframes match-pop{40%{transform:scale(1.06);opacity:1}}.match-grid{display:flex;gap:12px}.match-col{flex:1;display:flex;flex-direction:column;gap:10px}.topbar+.screen{background:radial-gradient(600px 280px at 85% -8%,rgba(18,176,116,.05),transparent 60%),transparent}.footer{background:linear-gradient(180deg,transparent,rgba(244,245,250,.9) 40%)}