:root{--bg:#f7f9f8;--card:#fff;--ink:#24303a;--muted:#64748b;--line:#e2e8f0;--teal:#0f766e;--teal-dark:#115e59;--teal-deep:#134e4a;--teal-tint:#e6f4f2;--teal-line:#bde7e2;--sun:#f59e0b;--sun-dark:#d97706;--sun-tint:#fef5e4;--sun-line:#f2e3c0;--sun-ink:#92400e;--on-sun:#6b4a00;--coral:#ef4444;--coral-dark:#dc2626;--coral-tint:#fef2f2;--coral-line:#fecaca;--sky:#0ea5e9;--sky-dark:#0369a1;--sky-tint:#e0f2fe;--sky-line:#cde9f7;--lime:#65a30d;--lime-dark:#4d7c0f;--lime-tint:#f0f9e3;--lime-line:#d7edd2;--grape:#8b5cf6;--grape-dark:#7c3aed;--grape-tint:#f3effe;--grape-line:#e3dcfb;--green:#16a34a;--emergency:#dc2626;--emergency-tint:#fef2f2;--radius:16px;--radius-s:12px;--chunk:0 2px 8px #0f172a0d;--tap:56px;font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--ink);background:var(--bg);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.4}button{cursor:pointer;font-family:inherit}.app{flex-direction:column;max-width:560px;min-height:100%;margin:0 auto;display:flex}.app-header{z-index:5;background:var(--bg);border-bottom:1px solid var(--line);padding-top:calc(14px + env(safe-area-inset-top));padding-right:calc(16px + env(safe-area-inset-right));padding-bottom:10px;padding-left:calc(16px + env(safe-area-inset-left));position:sticky;top:0}.app-bar{align-items:center;gap:12px;min-height:40px;display:flex}.app-mark{width:42px;height:42px;box-shadow:var(--chunk);border-radius:12px;flex:none}.app-h1{color:var(--ink);letter-spacing:-.01em;margin:0;font-size:1.4rem;font-weight:800}.back-btn{border:1px solid var(--line);background:var(--card);width:42px;height:42px;box-shadow:var(--chunk);color:var(--teal-dark);border-radius:999px;flex:none;place-items:center;display:grid}.settings-btn{border:1px solid var(--line);background:var(--card);width:42px;height:42px;box-shadow:var(--chunk);border-radius:999px;flex:none;place-items:center;margin-left:auto;font-size:19px;line-height:1;display:grid}.settings{flex-direction:column;gap:22px;display:flex}.app-bar .streak-pill{margin-left:auto}.lang-switch{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.app-main>.lang-switch{border-bottom:1px solid var(--line);margin:-4px 0 10px;padding-bottom:12px}.lang-chip{border:1.5px solid var(--line);background:var(--card);min-height:40px;box-shadow:var(--chunk);color:var(--muted);border-radius:999px;flex:auto;padding:6px 10px;font-size:.85rem}.lang-chip.is-active{background:var(--teal);border-color:var(--teal);color:#fff;box-shadow:none;font-weight:600}.app-main{flex:1;padding:14px 16px 24px}.search{min-height:var(--tap);border:2px solid var(--line);background:var(--card);box-shadow:var(--chunk);color:var(--muted);border-radius:18px;align-items:center;gap:10px;padding:0 16px;display:flex}.search:focus-within{border-color:var(--teal)}.search input{min-width:0;min-height:calc(var(--tap) - 4px);font:inherit;color:var(--ink);background:0 0;border:0;outline:none;flex:1}.search input::placeholder{color:var(--muted);opacity:.75}.section{margin-bottom:22px}.section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 10px;font-size:.8rem;font-weight:700}.sect-group{flex-direction:column;gap:8px;display:flex}.sect{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;margin:4px 0 0;font-size:.78rem;font-weight:800;display:flex}.sect.danger{color:var(--emergency)}.phrasebook{flex-direction:column;gap:12px;display:flex}.phrase-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.phrase{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--chunk);align-items:center;gap:10px;padding:10px 12px;display:flex}.phrase.emergency{background:var(--emergency-tint);border-color:var(--coral-line)}.phrase .p-body{text-align:left;min-width:0;color:inherit;background:0 0;border:0;flex-direction:column;flex:1;gap:1px;padding:0;display:flex}.phrase .gloss{font-size:1rem;font-weight:800}.phrase .jyut{color:var(--teal-dark);font-size:.82rem;font-weight:800}.phrase.emergency .jyut{color:var(--coral-dark)}.phrase .hanzi{color:var(--muted);font-size:.75rem;font-weight:700}.speak{background:var(--teal);color:#fff;border:0;border-radius:50%;flex:none;place-items:center;width:54px;height:54px;font-size:1.35rem;display:grid}.speak.slow{background:var(--sun);color:var(--on-sun);font-size:1.25rem}.speak.small{width:42px;height:42px;font-size:1.05rem}.speak.big{width:68px;height:68px;font-size:1.8rem}.speak.en{background:var(--card);border:1px solid var(--line);box-shadow:var(--chunk);color:var(--teal-dark);letter-spacing:.02em;font-size:.8rem;font-weight:800}.speak-buttons{flex:none;align-items:center;gap:6px;display:flex}.dot{text-align:center;flex:none;width:24px;font-size:1.1rem;font-weight:800}.dot.new{color:#cbd5e1}.dot.learning{color:var(--sun-dark)}.dot.mastered{color:var(--green)}.empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:6px;padding:40px 16px;display:flex}.empty-title{margin:0 0 4px;font-size:1.1rem;font-weight:600}.empty-hint{margin:0;font-size:.9rem}.voice-note{color:var(--muted);text-align:center;margin:0;padding:10px 16px 18px;font-size:.8rem}.pwa-toast{background:var(--ink);color:#fff;border-radius:var(--radius);align-items:center;gap:12px;width:calc(100% - 32px);max-width:528px;padding:12px 16px;font-size:.9rem;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0f172a2e}.pwa-toast button{background:var(--teal);color:#fff;border:0;border-radius:10px;min-height:40px;margin-left:auto;padding:0 14px;font-weight:600}.pwa-toast .pwa-dismiss{background:0 0;margin-left:0;padding:0 6px}@media (prefers-reduced-motion:no-preference){.speak.is-playing{animation:1s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.4}}}.home,.tiles{flex-direction:column;gap:12px;display:flex}.tile{text-align:left;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);width:100%;min-height:62px;box-shadow:var(--chunk);align-items:center;gap:12px;padding:8px 13px;display:flex;position:relative}.tile:disabled{opacity:.55}.tile-emergency{background:var(--emergency-tint);border-color:var(--coral-line)}.tile-text,.tile-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.tile-title{font-size:.95rem;font-weight:800}.tile-sub{color:var(--muted);font-size:.75rem;font-weight:700}.tile.slim{min-height:48px;padding:8px 13px}.tile.slim .tile-title{font-size:.9rem}.tile .chev{color:var(--line);flex:none;margin-left:auto;font-size:1.35rem;font-weight:800}.badge{background:var(--coral);color:#fff;border-radius:999px;flex:none;place-items:center;min-width:28px;height:28px;margin-left:auto;padding:0 8px;font-size:.9rem;font-weight:800;display:grid}.badge.lock{background:var(--line);color:var(--muted)}.tile-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.meter{background:var(--line);border-radius:999px;height:10px;margin-top:5px;display:flex;overflow:hidden}.meter i{background:var(--lime);flex:none;height:100%;display:block}.meter i.learning{background:var(--lime);opacity:.45}.pill{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:3px 9px;font-size:.66rem;font-weight:800;display:inline-block}.pill.free{background:var(--lime-tint);color:var(--lime-dark)}.pill.role{background:var(--grape-tint);color:var(--grape-dark)}.tile-title .pill{vertical-align:middle;margin-left:8px}.hint{color:var(--muted);margin:0;font-size:.78rem;font-weight:700}.hint .dot{width:auto;font-size:.95rem}.center{text-align:center}.row{align-items:center;gap:10px;display:flex}.grow{flex:1}.langchips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.langchips .lc{border:1.5px solid var(--line);background:var(--card);min-height:40px;box-shadow:var(--chunk);color:var(--muted);border-radius:999px;padding:0 14px;font-size:.85rem;font-weight:700}.langchips .lc.on{background:var(--teal);border-color:var(--teal);color:#fff;box-shadow:none}.module-screen .langchips{flex:1;justify-content:flex-start}.module-screen{flex-direction:column;gap:10px;display:flex}.study-hint{color:var(--muted);margin:0 0 12px;font-size:.85rem}.study-note{color:var(--muted);margin-top:2px;font-size:.82rem;line-height:1.35}.study-pitfall{color:var(--emergency);background:var(--emergency-tint);border-radius:8px;margin-top:4px;padding:5px 8px;font-size:.82rem;font-weight:600;line-height:1.35;display:block}.speaker-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:999px;align-self:flex-start;margin-bottom:2px;padding:2px 9px;font-size:.72rem;font-weight:700}.speaker-customer,.speaker-patient,.speaker-passenger,.speaker-learner,.speaker-worker{background:var(--teal-tint);color:var(--teal-dark)}.speaker-vendor,.speaker-driver{background:var(--sun-tint);color:var(--sun-ink)}.speaker-staff,.speaker-colleague{background:var(--grape-tint);color:var(--grape-dark)}.speaker-nurse,.speaker-child,.speaker-friend{background:var(--sky-tint);color:var(--sky-dark)}.speaker-doctor,.speaker-employer,.speaker-mother,.speaker-carer{background:var(--lime-tint);color:var(--lime-dark)}.btn{width:100%;min-height:var(--tap);background:var(--teal);color:#fff;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:1.05rem;font-weight:800;display:flex}.btn.lime{background:var(--lime)}.btn:disabled{opacity:.45}.practice-cta{z-index:2;margin-top:4px;position:sticky;bottom:10px}.review{flex-direction:column;gap:12px;display:flex}.prompt-card{border:1px solid var(--teal-line);border-radius:var(--radius);background:var(--teal-tint);box-shadow:var(--chunk);flex-direction:column;align-items:center;gap:8px;padding:14px;display:flex}.prompt-card .jyut-big{color:var(--teal-deep);font-size:1.4rem;font-weight:800}.prompt-card .hanzi-big{color:var(--teal-deep);opacity:.7;font-size:1.1rem;font-weight:700}.options{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.opt{width:100%;min-height:var(--tap);border:2px solid var(--line);background:var(--card);box-shadow:var(--chunk);text-align:left;border-radius:18px;align-items:center;gap:10px;padding:11px 14px;font-size:1.05rem;font-weight:800;display:flex}.opt .key{width:30px;height:30px;color:var(--muted);background:#f1f5f9;border-radius:10px;flex:none;place-items:center;font-size:.85rem;font-weight:800;display:grid}.opt.selected{border-color:var(--teal);background:var(--teal-tint)}.opt.selected .key{background:var(--teal);color:#fff}.opt.correct{border-color:var(--lime);background:var(--lime-tint)}.opt.correct .key{background:var(--lime);color:#fff}.opt.wrong{border-color:var(--coral);background:var(--coral-tint)}.opt.wrong .key{background:var(--coral);color:#fff}.review-result-row{justify-content:center;align-items:center;gap:8px;min-height:40px;display:flex}.review-result{font-size:1rem;font-weight:800}.result-ok{color:var(--lime-dark)}.result-no{color:var(--coral-dark)}.review-end{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:40px 16px;display:flex;position:relative}.review-end-title{margin:0;font-size:1.5rem;font-weight:800}.review-end-score{color:var(--teal-deep);margin:0;font-size:2.1rem;font-weight:800}.review-end-pills{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.review-end .btn{max-width:320px}.confetti{pointer-events:none;background-image:radial-gradient(circle 5px at 12% 18%, var(--coral) 98%, transparent), radial-gradient(circle 4px at 28% 8%, var(--sun) 98%, transparent), radial-gradient(circle 5px at 46% 14%, var(--sky) 98%, transparent), radial-gradient(circle 4px at 62% 6%, var(--lime) 98%, transparent), radial-gradient(circle 5px at 80% 16%, var(--grape) 98%, transparent), radial-gradient(circle 4px at 92% 8%, var(--coral) 98%, transparent), radial-gradient(circle 4px at 20% 30%, var(--grape) 98%, transparent), radial-gradient(circle 5px at 70% 28%, var(--sun) 98%, transparent);opacity:.85;position:absolute;inset:0}.teaser{border:2px solid var(--grape-line);border-radius:var(--radius);background:var(--grape-tint);box-shadow:var(--chunk);color:var(--grape-dark);align-items:center;gap:10px;padding:12px 14px;font-size:.9rem;font-weight:800;display:flex}.goal-strip{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);width:100%;min-height:56px;box-shadow:var(--chunk);align-items:center;gap:12px;padding:8px 14px;display:flex}.goal-strip .gs-streak{align-items:center;gap:8px;display:flex}.goal-strip .gs-flame{font-size:1.4rem}.goal-strip .gs-num{color:var(--sun-ink);font-size:1.4rem;font-weight:800;line-height:1}.goal-strip .gs-lbl{color:var(--sun-ink);font-size:.7rem;font-weight:700;line-height:1.3}.goal-strip .gs-div{background:var(--line);border-radius:2px;align-self:stretch;width:2px}.goal-strip .gs-goal{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.goal-strip .gs-val{font-size:.85rem;font-weight:800}.goal-strip .gs-sub{color:var(--muted);font-size:.7rem;font-weight:700}.account{flex-direction:column;gap:16px;display:flex}.account-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--chunk);flex-direction:column;gap:10px;padding:18px;display:flex}.account-label{color:var(--muted);margin:0;font-size:.85rem}.account-email{margin:0;font-size:1.1rem;font-weight:600}.account-input{min-height:var(--tap);border:2px solid var(--line);border-radius:var(--radius-s);background:var(--card);box-shadow:var(--chunk);padding:0 14px;font-size:1.05rem}.account-input:focus{border-color:var(--teal)}.account-btn{min-height:var(--tap);background:var(--teal);color:#fff;border:0;border-radius:14px;font-size:1.05rem;font-weight:700}.account-btn:disabled{opacity:.5}.account-btn-ghost{background:var(--card);color:var(--emergency);border:1px solid var(--line)}.auth-providers{flex-direction:column;gap:10px;display:flex}.provider-btn{background:var(--card);color:var(--ink);border:1.5px solid var(--line);box-shadow:var(--chunk);justify-content:center;align-items:center;padding:0 16px 0 48px;display:flex;position:relative}.provider-btn:hover{background:var(--bg)}.provider-logo{width:22px;height:22px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.sim-note{color:var(--muted);text-align:center;margin:0;font-size:.8rem}.auth-gate{flex-direction:column;justify-content:center;align-items:center;gap:18px;max-width:480px;min-height:100dvh;margin:0 auto;padding:24px 18px;display:flex}.auth-gate .lang-switch{justify-content:center;gap:8px;width:100%;margin-top:0}.auth-gate .lang-chip{flex:none;padding:6px 14px;font-weight:700}.auth-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);width:100%;box-shadow:var(--chunk);flex-direction:column;gap:12px;padding:24px 20px;display:flex}.auth-back{color:var(--teal);cursor:pointer;background:0 0;border:0;align-self:flex-start;margin:-4px 0 0 -4px;padding:2px 4px;font-size:.95rem}.auth-mascot{justify-content:center;display:flex}.auth-title{text-align:center;margin:0;font-size:1.4rem}.auth-tagline{color:var(--muted);text-align:center;margin:0 0 4px;font-size:.95rem}.auth-hint{color:var(--muted);margin:-2px 0 0;font-size:.8rem}.auth-error{color:var(--emergency);margin:0;font-size:.9rem}.auth-msg{color:var(--teal);text-align:center;margin:0;font-size:.9rem}.auth-links{flex-direction:column;align-items:center;gap:8px;display:flex}.auth-link{color:var(--teal);background:0 0;border:0;padding:6px;font-size:.95rem}.auth-policy-links{color:var(--muted);justify-content:center;align-items:center;gap:6px;display:flex}.auth-policy-link{padding:4px 2px;font-size:.85rem;text-decoration:underline}.emergency-link{min-height:var(--tap);border:2px solid var(--coral);background:var(--card);box-shadow:var(--chunk);color:var(--emergency);border-radius:14px;padding:0 18px;font-size:1rem;font-weight:700}.paywall-pitch{color:var(--teal-dark);text-align:center;margin:0 0 6px;font-size:1.1rem;font-weight:700;line-height:1.35}.pay-soon{color:var(--muted);text-align:center;margin:0;font-size:.9rem}.restore-msg{color:var(--teal-dark);text-align:center;margin:0;font-size:.9rem}.paywall-cta-label{text-align:center;color:var(--ink);margin:0 0 2px;font-size:1.05rem;font-weight:700}.locked-panel{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:32px 18px;display:flex}.locked-notice{color:var(--muted);margin:0;font-size:1rem}.locked-panel .btn{max-width:320px}.redeem-ok{color:var(--teal);margin:0;font-size:.9rem}.redeem-err{color:var(--emergency);margin:0;font-size:.9rem}.tutor{flex-direction:column;min-height:60vh;display:flex}.chat{flex-direction:column;flex:1;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tutor-error{color:var(--emergency);text-align:center;margin:6px 0;font-size:.9rem}.chat-input{background:var(--bg);gap:8px;padding-top:10px;display:flex;position:sticky;bottom:0}.link-back{color:var(--teal-dark);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:4px 0;font-size:.95rem}.study-img{object-fit:cover;background:var(--teal-tint);border-radius:10px;flex:none;width:52px;height:52px}.prompt-img{aspect-ratio:1;object-fit:cover;border-radius:var(--radius);width:100%;max-width:280px;margin-bottom:6px}.study-warning{flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.warning-symbol{object-fit:contain;background:var(--card);width:44px;height:44px;box-shadow:var(--chunk);border-radius:8px;display:block}.study-img,.prompt-img{cursor:zoom-in}.img-lightbox{z-index:50;cursor:zoom-out;background:#000000d9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.img-lightbox-img{object-fit:contain;border-radius:10px;max-width:92vw;max-height:88vh}.img-lightbox-close{color:#fff;background:#fff3;border:0;border-radius:999px;width:44px;height:44px;font-size:1.2rem;position:absolute;top:14px;right:16px}.detail-btn{border:1px solid var(--line);background:var(--card);color:var(--teal);border-radius:999px;align-self:flex-start;margin-top:4px;padding:2px 8px;font-size:.78rem;font-weight:600}.notice{background:var(--sky-tint);border:1px solid var(--sky-line);border-radius:var(--radius-s);color:var(--sky-dark);padding:10px 13px;font-size:.88rem;font-weight:700;line-height:1.45}.detail-panel{background:var(--sky-tint);border:1px solid var(--sky-line);border-radius:var(--radius-s);color:var(--sky-dark);margin:-4px 0 2px;padding:10px 14px;font-size:.88rem;list-style:none}.detail-panel p{margin:0 0 4px}.detail-panel p:last-child{margin:0}.feedback-sent{background:var(--teal-tint);border:1px solid var(--teal-line);border-radius:var(--radius-s);color:var(--teal-dark);margin:0;padding:12px 14px;font-size:.9rem}.app-booting{border:3px solid var(--teal-tint,#e6f4f2);border-top-color:var(--teal,#0f766e);border-radius:50%;width:28px;height:28px;margin:25vh auto 0;animation:.8s linear infinite app-booting-spin}@keyframes app-booting-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.app-booting{animation-duration:2.4s}}.conflict-notice{margin:calc(10px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) 0 calc(12px + env(safe-area-inset-left));border:1px solid var(--sun-line);background:var(--sun-tint);border-radius:var(--radius-s);color:var(--ink);justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.conflict-notice p{margin:4px 0 0;font-size:.9rem;line-height:1.45}.conflict-notice__ok{border:1px solid var(--sun-line);background:var(--card);border-radius:999px;flex:none;min-height:40px;padding:0 16px;font-weight:600}.onb-lang-q-alts{flex-direction:column;gap:2px;margin:-4px 0 14px;display:flex}.onb-lang-q-alt{text-align:center;color:var(--muted,#64748b);margin:0;font-size:.95rem;line-height:1.4}.onb-btn-hint{text-align:center;color:var(--muted,#64748b);margin:-4px 0 0;font-size:.85rem}.onb-lang-options{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.opt-radio{border:2px solid var(--line,#e2e8f0);background:var(--card);width:100%;min-height:54px;box-shadow:var(--chunk);color:var(--ink,#24303a);text-align:left;cursor:pointer;border-radius:16px;align-items:center;gap:12px;padding:10px 14px;font-size:1rem;font-weight:700;display:flex}.opt-radio .tick{border:2px solid var(--line,#e2e8f0);color:#0000;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:.85rem;font-weight:800;display:grid}.opt-radio.on{border-color:var(--teal,#0f766e);background:var(--teal-tint,#e6f4f2)}.opt-radio.on .tick{background:var(--teal,#0f766e);border-color:var(--teal,#0f766e);color:#fff}.mascot{flex:none;width:64px;height:64px}.mascot.sm{width:54px;height:54px}.mascot.xs{width:40px;height:40px}.mascot-row{align-items:flex-end;gap:8px;display:flex}.bubble{border:1px solid var(--line);background:var(--card);max-width:82%;box-shadow:var(--chunk);color:var(--ink);white-space:pre-wrap;border-radius:16px;padding:10px 14px;font-size:1.05rem;font-weight:700;line-height:1.45;position:relative}.bubble:before{content:"";background:inherit;border-left:1px solid var(--line);border-bottom:1px solid var(--line);border-bottom-left-radius:3px;width:11px;height:11px;position:absolute;bottom:12px;left:-6px;transform:rotate(45deg)}.chip{border-radius:14px;flex:none;place-items:center;width:44px;height:44px;font-size:23px;display:grid}.chip.teal{background:var(--teal-tint)}.chip.sun{background:var(--sun-tint)}.chip.coral{background:var(--coral-tint)}.chip.sky{background:var(--sky-tint)}.chip.lime{background:var(--lime-tint)}.chip.grape{background:var(--grape-tint)}.streak-pill{background:var(--sun-tint);border:1.5px solid var(--sun);color:var(--sun-ink);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:4px 11px;font-size:.9rem;font-weight:800;display:inline-flex}.streak-pill .flame{font-size:1rem}.streak-pill .freeze{font-weight:700}.ring{flex:none;display:block}.ring .track{stroke:var(--line)}.ring .fill{stroke:var(--lime);stroke-linecap:round}.ring text{fill:var(--ink);font-weight:800}.adzone{border-radius:var(--radius-s);color:#94a3b8;background:#f8fafc;border:2px dashed #cbd5e1;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:2px;height:100px;margin:4px 12px;display:flex}.adzone .ad-label{letter-spacing:.12em;text-transform:uppercase;background:var(--line);border-radius:4px;padding:1px 6px;font-size:10px;font-weight:800}.adzone .ad-size{font-size:12px;font-weight:700}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--chunk);flex-direction:column;gap:8px;padding:14px;display:flex}.card .meter{margin-top:0}.btn.small{border-radius:12px;width:auto;min-height:44px;padding:0 16px;font-size:.9rem}.btn.ghost{background:var(--card);color:var(--teal-deep);border:1px solid var(--line);box-shadow:var(--chunk)}.btn.coral{background:var(--coral)}.btn.danger{background:var(--coral);color:#fff}.btn.ghost.danger{background:var(--card);color:var(--coral);border-color:var(--coral)}.danger-zone{border:1px solid var(--coral);border-radius:var(--radius);background:var(--card);margin-top:8px;padding:14px}.danger-zone .warn{color:var(--ink);margin:0 0 12px}.danger-zone .row,.hero-row{gap:10px;display:flex}.streak-card{border:1.5px solid var(--sun);border-radius:var(--radius);background:var(--sun-tint);box-shadow:var(--chunk);flex:1.05;align-items:center;gap:9px;padding:10px;display:flex}.streak-card .flame{font-size:1.9rem}.streak-card .num{color:var(--sun-ink);font-size:1.7rem;font-weight:800;line-height:1}.streak-card .lbl{color:var(--sun-ink);margin-top:2px;font-size:.72rem;font-weight:700}.goal-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--chunk);flex-direction:column;flex:1.18;justify-content:center;gap:6px;padding:10px 12px;display:flex}.goal-card .val{font-size:.9rem;font-weight:800}.goal-card .lbl{color:var(--muted);font-size:.72rem;font-weight:700}.stat-trio{gap:10px;display:flex}.stat-trio .stat{border:1px solid var(--line);border-radius:var(--radius-s);background:var(--card);box-shadow:var(--chunk);text-align:center;flex:1;padding:9px 4px}.stat-trio .stat .v{font-size:1.4rem;font-weight:800}.stat-trio .stat .k{color:var(--muted);margin-top:2px;font-size:.72rem;font-weight:700}.stat-trio .stat.ok{background:var(--lime-tint);border-color:var(--lime-line)}.stat-trio .stat.ok .v{color:var(--lime-dark)}.stat-trio .stat.mid{background:var(--sky-tint);border-color:var(--sky-line)}.stat-trio .stat.mid .v{color:var(--sky-dark)}.hero-unlock{border-radius:var(--radius);background:linear-gradient(135deg, #17b8a8 0%, var(--teal) 55%, var(--teal-dark) 100%);color:#fff;flex-direction:column;gap:10px;padding:18px 16px;display:flex;box-shadow:0 6px 16px #0f766e40}.hero-unlock .hu-badge{background:#ffffff38;border-radius:50%;place-items:center;width:58px;height:58px;font-size:1.75rem;display:grid}.hero-unlock h2{margin:0;font-size:1.3rem;font-weight:800}.hero-unlock .hu-sub{opacity:.92;font-size:.85rem;font-weight:600;line-height:1.45}.hero-unlock .hu-li{align-items:center;gap:9px;font-size:.85rem;font-weight:700;display:flex}.hero-unlock .hu-li .ok{background:#ffffff40;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:.75rem;font-weight:800;display:grid}.plan-row{gap:10px;display:flex}.plan{border:2px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--chunk);color:var(--ink);font:inherit;text-align:center;flex-direction:column;flex:1;align-items:center;gap:2px;padding:14px 12px;display:flex;position:relative}.plan .p-name{font-size:.95rem;font-weight:800}.plan .p-price{color:var(--muted);font-size:.78rem;font-weight:700}.plan.best{background:var(--teal);border-color:var(--teal);box-shadow:none}.plan.best .p-name,.plan.best .p-price{color:#fff}.plan .best-pill{background:var(--sun);color:var(--on-sun);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:3px 9px;font-size:.66rem;font-weight:800;position:absolute;top:-11px;right:8px}.plan:disabled{opacity:.5}.linklike{color:var(--teal-dark);background:0 0;border:0;align-self:center;padding:6px;font-size:.9rem;font-weight:800;text-decoration:underline}.code-chip{border:1.5px dashed var(--teal);background:var(--teal-tint);white-space:nowrap;letter-spacing:.1em;min-width:0;min-height:48px;color:var(--teal-deep);border-radius:12px;flex:1;align-items:center;padding:0 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1rem;font-weight:800;display:flex;overflow-x:auto}.avatar{background:var(--teal);color:#fff;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;font-size:1.2rem;font-weight:800;display:grid}.avatar.sun{background:var(--sun);color:var(--on-sun)}.avatar.grape{background:var(--grape)}.avatar.sky{background:var(--sky)}.avatar.lime{background:var(--lime)}.persona-bar{border:1px solid var(--line);background:var(--card);box-shadow:var(--chunk);border-radius:999px;align-items:center;gap:10px;margin-bottom:10px;padding:6px 14px 6px 8px;display:flex}.persona-bar .pa{background:var(--grape-tint);border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:1.25rem;display:grid}.persona-bar .pname{flex:1;font-size:.9rem;font-weight:800}.persona-bar .change{color:var(--teal-dark);background:0 0;border:0;padding:4px 0;font-size:.78rem;font-weight:800}.msg{white-space:pre-wrap;border-radius:18px;max-width:82%;padding:9px 13px;font-size:.92rem;font-weight:600;line-height:1.4}.msg.them{border:1px solid var(--line);background:var(--card);box-shadow:var(--chunk);border-bottom-left-radius:6px;align-self:flex-start}.msg.me{background:var(--teal);color:#fff;border-bottom-right-radius:6px;align-self:flex-end}.msg.typing{letter-spacing:3px;opacity:.6}.chat-input .field{flex:1}.chips-toggle{gap:8px;display:flex}.chips-toggle .ct{border:1.5px solid var(--line);background:var(--card);min-height:44px;box-shadow:var(--chunk);color:var(--muted);border-radius:12px;flex:1;place-items:center;font-size:.85rem;font-weight:800;display:grid}.chips-toggle .ct.on{background:var(--teal);border-color:var(--teal);color:#fff;box-shadow:none}.field{border:2px solid var(--line);background:var(--card);width:100%;min-height:52px;box-shadow:var(--chunk);font:inherit;color:var(--ink);border-radius:14px;padding:0 16px;font-size:.95rem}.field::placeholder{color:var(--muted);opacity:.75}.field:focus{border-color:var(--teal)}.field.mono{letter-spacing:.1em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.textarea{border:2px solid var(--line);background:var(--card);width:100%;min-height:110px;box-shadow:var(--chunk);font:inherit;color:var(--ink);resize:vertical;border-radius:14px;padding:12px 14px;font-size:.9rem;line-height:1.5}.textarea::placeholder{color:var(--muted);opacity:.75}.textarea:focus{border-color:var(--teal)}.opt-radio .sub{color:var(--muted);font-size:.75rem;font-weight:600}.opt-radio .tick.plus{color:var(--muted)}.promo-gradient{border-radius:var(--radius);background:linear-gradient(135deg, #17b8a8 0%, var(--teal) 55%, var(--teal-dark) 100%);color:#fff;width:100%;font:inherit;text-align:left;border:0;align-items:center;gap:12px;padding:14px;display:flex;box-shadow:0 4px 12px #0f766e38}.promo-gradient .pi{background:#ffffff38;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-size:1.4rem;display:grid}.promo-gradient .pt{font-size:.95rem;font-weight:800;display:block}.promo-gradient .ps{opacity:.9;font-size:.78rem;font-weight:600;display:block}.promo-gradient .chev{color:#fff;font-size:1.4rem;font-weight:800}.psect h3{color:var(--teal-deep);margin:0 0 4px;font-size:.95rem;font-weight:800}.psect p{color:var(--ink);opacity:.85;margin:0;font-size:.85rem;font-weight:600;line-height:1.55}