.signin-page{min-height:100%;padding:0 28px;background:var(--bg);color:var(--text);overflow:clip}.signin-header{max-width:1120px;margin:0 auto;min-height:106px;display:flex;align-items:center;justify-content:space-between;gap:20px}.signin-brand{display:inline-flex;align-items:center;gap:12px;color:var(--ink);font-size:1.7rem;font-weight:900;line-height:1.3}.signin-brand__mark{width:50px;height:54px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:17px;background:var(--primary);color:var(--on-primary);box-shadow:0 4px 0 var(--ink);transform:rotate(5deg)}.signin-brand small{display:block;margin-top:5px;color:var(--muted);font-size:.68rem;font-weight:600}.signin-how{display:inline-flex;align-items:center;gap:9px;min-height:44px;color:var(--text);font-size:.83rem;font-weight:750}.signin-how:hover{color:var(--primary-strong)}.signin-layout{max-width:1060px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(48px,7vw,112px);min-height:min(720px,calc(100svh - 166px));padding:24px 0 48px}.signin-welcome{text-align:center;min-width:0}.signin-art{position:relative;width:min(100%,410px);height:328px;margin:0 auto 22px}.signin-art__orbit{position:absolute;width:274px;height:274px;top:20px;left:50%;transform:translate(-50%) rotate(-10deg);border-radius:45% 55% 54% 46%;background:var(--gloss-panel),linear-gradient(135deg,#8cf5b7,#77bdff)}.signin-art__orbit:after{content:"";position:absolute;inset:-22px;border:1px dashed color-mix(in srgb,var(--primary-strong) 24%,transparent);border-radius:50%}.signin-art .signin-art__buddy{position:absolute;width:292px;height:292px;top:11px;left:50%;transform:translate(-50%) rotate(-5deg)}.signin-art__spark{position:absolute;color:var(--accent);z-index:2}.signin-art__spark--one{top:34px;right:24px;transform:rotate(10deg)}.signin-art__spark--two{bottom:50px;left:38px;transform:rotate(-12deg);color:var(--coral)}.signin-art__bubble{position:absolute;z-index:2;width:62px;height:62px;border:2px solid var(--ink);border-radius:20px;display:grid;place-items:center;box-shadow:0 5px color-mix(in srgb,var(--ink) 12%,transparent);color:var(--ink)}.signin-art__bubble--listen{left:18px;top:58px;transform:rotate(-12deg);background:var(--sky-soft)}.signin-art__bubble--trophy{right:22px;bottom:54px;transform:rotate(12deg);background:var(--accent-soft)}.signin-art__hello{position:absolute;bottom:4px;left:50%;transform:translate(-50%) rotate(-4deg);background:var(--surface);border:2px solid var(--ink);border-radius:15px 15px 3px;padding:6px 22px;font-size:.9rem;font-weight:800;white-space:nowrap;box-shadow:0 4px color-mix(in srgb,var(--ink) 10%,transparent)}.signin-eyebrow{margin:0 0 9px;color:var(--primary-strong);font-size:.8rem;font-weight:800}.signin-welcome h1{margin:0 0 12px;color:var(--ink);font-size:clamp(1.8rem,3.2vw,2.55rem);line-height:1.65;font-weight:900;letter-spacing:-.065em}.signin-welcome__description{max-width:370px;margin:0 auto;color:var(--muted);font-size:.95rem;line-height:2}.signin-activities{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px;list-style:none;padding:0;margin:26px 0 0;font-size:.8rem;font-weight:800}.signin-activities li{display:flex;align-items:center;gap:7px}.signin-activities__icon{width:33px;height:33px;display:grid;place-items:center;border-radius:11px}.signin-activities__icon--mint{background:var(--info-soft);color:var(--primary-strong)}.signin-activities__icon--sky{background:var(--sky-soft);color:var(--ink)}.signin-activities__icon--peach{background:var(--coral-soft);color:var(--ink)}.signin-form-area{min-width:0;width:100%;max-width:450px;margin:0 auto}.signin-card{position:relative;padding:34px 32px 26px;background:var(--surface);border:2px solid var(--line);border-radius:28px;box-shadow:0 7px 0 var(--line),0 18px 42px color-mix(in srgb,var(--ink) 5%,transparent)}.signin-card__badge{display:inline-flex;align-items:center;gap:6px;color:var(--primary-strong);background:var(--info-soft);padding:5px 11px;border-radius:9px;margin-bottom:17px;font-size:.72rem;font-weight:800}.signin-card h2{font-size:1.6rem;font-weight:900;line-height:1.65;margin:0 0 8px;letter-spacing:-.04em}.signin-card__intro{margin-bottom:26px;color:var(--muted);font-size:.84rem;line-height:1.9}.signin-card .field{margin-bottom:22px;gap:9px}.signin-card .field label{font-size:.84rem;font-weight:750}.signin-card .input{min-height:56px;border:2px solid var(--line);border-radius:14px;background:var(--bg);padding:12px 16px}.signin-card .input:focus{border-color:var(--primary-strong);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 20%,transparent)}.signin-card .input::placeholder{color:var(--muted);opacity:1}.signin-card .signin-phone{font-size:1.1rem;letter-spacing:.09em}.signin-card .input--code{font-size:1.65rem}.signin-card .signin-submit{min-height:57px;border:2px solid var(--ink);border-radius:14px;background:var(--gloss-green);color:var(--ink);box-shadow:0 5px 0 var(--ink);justify-content:space-between;padding:0 20px;font-size:.98rem;font-weight:850;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.signin-card .signin-submit:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 7px 0 var(--ink);background:var(--gloss-green)}.signin-card .signin-submit:not(:disabled):active{transform:translateY(4px);box-shadow:0 1px 0 var(--ink)}.signin-card .signin-submit:disabled{opacity:.55}.signin-privacy{display:flex;align-items:flex-start;gap:9px;margin-top:29px;color:var(--muted)}.signin-privacy>svg{flex-shrink:0;margin-top:2px;color:var(--primary-strong)}.signin-privacy p{margin:0;font-size:.7rem;line-height:1.95}.signin-card__foot{display:flex;align-items:center;justify-content:center;gap:9px;color:var(--muted);font-size:.65rem;margin-top:23px;white-space:nowrap}.signin-card__foot span{height:1px;background:var(--line);flex:1}.signin-bottom-note{display:flex;justify-content:center;align-items:center;gap:7px;margin:24px 0 0;color:var(--muted);font-size:.69rem;text-align:center}.signin-bottom-note svg{flex-shrink:0}.signin-footer{padding:12px 0 26px;text-align:center;color:var(--muted);font-size:.72rem}.signin-error{margin-bottom:18px;font-size:.85rem}.signin-dev-code{margin:-10px 0 20px}.signin-consent{margin:2px 0 22px;font-size:.79rem;line-height:1.9}.signin-consent input{flex-shrink:0}.signin-consent__link{border:0;padding:0;background:transparent;color:var(--primary-strong);text-decoration:underline;text-underline-offset:4px;cursor:pointer}.signin-consent-text{margin-bottom:20px}.signin-retry{display:flex;justify-content:space-between;gap:8px;margin-top:18px;flex-wrap:wrap}.signin-text-button{background:none;border:0;padding:5px 0;min-height:44px;font-size:.74rem;font-weight:700;color:var(--primary-strong);cursor:pointer}.signin-text-button:disabled{color:var(--muted);cursor:default}.signin-text-button:not(:disabled):hover{text-decoration:underline;text-underline-offset:4px}@media(max-width:800px){.signin-page{padding:0 22px}.signin-header{min-height:88px}.signin-layout{grid-template-columns:minmax(0,1fr);max-width:450px;gap:30px;padding:8px 0 32px;min-height:auto}.signin-brand{font-size:1.4rem;gap:10px}.signin-brand__mark{width:42px;height:44px;border-radius:14px}.signin-how{font-size:.73rem;gap:6px}.signin-brand small{font-size:.61rem}.signin-art{width:260px;height:185px;margin-bottom:17px}.signin-art__orbit{width:158px;height:158px;top:9px}.signin-art__orbit:after{inset:-14px}.signin-art .signin-art__buddy{width:176px;height:176px;top:0}.signin-art__bubble{width:43px;height:43px;border-radius:14px}.signin-art__bubble>svg{width:23px;height:23px}.signin-art__bubble--listen{top:29px;left:12px}.signin-art__bubble--trophy{right:14px;bottom:25px}.signin-art__spark--one{top:4px;right:25px}.signin-art__spark--one svg{width:23px}.signin-art__spark--two{bottom:13px;left:39px}.signin-art__spark--two svg{width:18px}.signin-art__hello{font-size:.7rem;padding:4px 14px;bottom:-2px;border-radius:11px 11px 2px}.signin-eyebrow{display:none}.signin-welcome h1{font-size:1.65rem;margin-bottom:5px}.signin-welcome__description{font-size:.8rem;line-height:1.9;max-width:335px}.signin-activities{gap:16px;margin-top:17px;font-size:.7rem}.signin-activities__icon{width:28px;height:28px;border-radius:9px}.signin-activities__icon svg{width:18px;height:18px}.signin-card{padding:26px 24px 22px;border-radius:23px}.signin-card h2{font-size:1.4rem}.signin-card__intro{margin-bottom:21px}.signin-card__badge{margin-bottom:13px}.signin-page--code .signin-art,.signin-page--register .signin-art,.signin-page--code .signin-activities,.signin-page--register .signin-activities{display:none}.signin-page--code .signin-layout,.signin-page--register .signin-layout{padding-top:20px;gap:24px}.signin-footer{font-size:.65rem;padding-bottom:24px}}@media(max-width:374px){.signin-page{padding:0 16px}.signin-header{gap:12px}.signin-how{font-size:.66rem}.signin-card{padding-inline:19px}.signin-activities{gap:10px}.signin-welcome h1{font-size:1.48rem}.signin-bottom-note{font-size:.62rem}}.signin-card .signin-submit{box-shadow:inset 0 2px #fffc,0 5px 0 var(--primary-strong)}.home-page{display:grid;gap:24px}.home-welcome{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;overflow:hidden;padding:28px;background:var(--gloss-panel),linear-gradient(115deg,#8cf5b7,#6fe9dc 45%,#77bdff);box-shadow:inset 0 3px #ffffffb3,0 5px #78b9ce,0 16px 30px #118ca318;border:2px solid color-mix(in srgb,var(--primary) 20%,var(--surface));border-radius:28px}.home-welcome:before{content:"";position:absolute;width:280px;height:280px;inset-inline-end:-64px;top:-40px;border:40px solid color-mix(in srgb,var(--surface) 40%,transparent);border-radius:50%;pointer-events:none}.home-welcome__copy{position:relative;z-index:1;max-width:520px;min-width:0}.home-eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--primary-strong);font-size:.85rem;font-weight:700;overflow-wrap:anywhere}.home-status-dot{flex-shrink:0;width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 12%,transparent)}.home-welcome h1{font-size:clamp(1.6rem,3.5vw,2.35rem);font-weight:900;letter-spacing:-.025em;margin-bottom:10px}.home-welcome__text{max-width:390px;color:var(--muted);font-size:.9rem;line-height:1.95;margin-bottom:18px}.home-level-tag{display:inline-flex;align-items:center;flex-wrap:wrap;gap:7px;padding:6px 12px;background:var(--surface);border:1px solid color-mix(in srgb,var(--primary) 20%,var(--surface));border-radius:10px;font-size:.75rem;font-weight:800;color:var(--primary-strong)}.home-welcome__art{position:relative;flex:0 0 200px;width:200px}.home-buddy{display:block;width:100%;height:auto;transform:rotate(-6deg)}.home-art-star{position:absolute;z-index:1;color:var(--accent)}.home-art-star--one{inset-inline-end:-8px;top:15%;transform:rotate(12deg)}.home-art-star--two{inset-inline-start:0;bottom:5%;color:var(--primary)}.home-player{border:2px solid var(--line);border-radius:22px;background:var(--surface);overflow:hidden;box-shadow:0 4px 0 var(--line)}.home-player__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:20px 12px}.home-player-stat{display:flex;align-items:center;justify-content:center;gap:12px;min-width:0;color:var(--text)}.home-player-stat+.home-player-stat{border-inline-start:1px solid var(--line)}.home-stat-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;flex-shrink:0;border-radius:15px;background:var(--accent-soft);color:var(--accent)}.home-player-stat--week .home-stat-icon{background:var(--sky-soft);color:var(--sky)}.home-player-stat--streak .home-stat-icon{background:var(--coral-soft);color:var(--coral)}.home-player-stat strong{display:block;font-size:1.5rem;font-weight:900;line-height:1.3}.home-player-stat small{font-size:.7rem;font-weight:700}.home-player-stat div>span{color:var(--muted);font-size:.72rem}.home-level-progress{background:color-mix(in srgb,var(--bg) 60%,var(--surface));padding:14px 24px 18px;border-top:1px solid var(--line)}.home-level-progress__label{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px;font-size:.75rem;color:var(--muted)}.home-level-progress__label strong{color:var(--text);font-weight:700}.home-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.home-section-heading h2{display:flex;align-items:center;gap:8px;margin:0;font-weight:850;font-size:1.1rem}.home-section-heading>span{font-size:.75rem;color:var(--muted)}.home-mission-grid{display:grid;gap:16px}.home-mission{display:block;color:var(--text);border:2px solid #38a789;background:var(--gloss-panel),linear-gradient(145deg,#d1ffe6,#8fefcb);border-radius:23px;box-shadow:0 5px 0 var(--primary-strong);padding:18px 20px;transition:transform .16s ease,box-shadow .16s ease}.home-mission--listen{border-color:#3f98d6;background:var(--gloss-panel),linear-gradient(145deg,#d0f3ff,#8bcdff);box-shadow:0 5px color-mix(in srgb,var(--sky) 75%,var(--ink))}.home-mission__top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--primary-strong);font-size:.7rem;font-weight:800}.home-mission--listen .home-mission__top{color:color-mix(in srgb,var(--sky) 65%,var(--ink))}.home-mission__number{opacity:.55;font-size:.9rem}.home-mission__body{display:flex;align-items:center;gap:16px;margin:14px 0 18px}.home-mission__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:64px;height:64px;border:2px solid color-mix(in srgb,var(--primary) 35%,var(--surface));border-radius:21px;background:var(--surface);color:var(--primary-strong);box-shadow:0 3px color-mix(in srgb,var(--primary) 35%,var(--surface));transform:rotate(6deg)}.home-mission--listen .home-mission__icon{color:var(--sky);border-color:color-mix(in srgb,var(--sky) 35%,var(--surface));box-shadow:0 3px color-mix(in srgb,var(--sky) 35%,var(--surface));transform:rotate(-6deg)}.home-mission h3{margin-bottom:5px;font-size:1.2rem;font-weight:900}.home-mission p{color:var(--muted);font-size:.73rem;margin:0;line-height:1.8}.home-mission__cta{border:1px solid #ffffffa6;box-shadow:inset 0 2px #ffffffb3,0 3px #14394b24;display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:8px 14px;border-radius:12px;background:var(--primary);color:var(--on-primary);font-size:.8rem;font-weight:800}.home-mission--listen .home-mission__cta{background:var(--gloss-blue);color:var(--ink)}.home-mission--speak .home-mission__cta{background:var(--gloss-green);color:var(--ink)}.home-mission:active{transform:translateY(3px);box-shadow:0 2px 0 var(--primary-strong)}.home-mission--listen:active{box-shadow:0 2px color-mix(in srgb,var(--sky) 75%,var(--ink))}.home-details-grid{display:grid;gap:20px}.home-page .home-details-grid>.card{margin:0;padding:22px}.home-reward{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;padding:5px 9px;border-radius:8px;background:var(--accent-soft);color:var(--accent-ink)!important;font-weight:800}.home-challenge__text,.home-community__text{color:var(--muted);font-size:.78rem;margin-bottom:18px}.home-challenge-task{display:flex;align-items:center;gap:12px}.home-challenge-task+.home-challenge-task{margin-top:18px}.home-task-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:13px;background:var(--lime-soft);color:var(--primary-strong)}.home-task-icon--listen{color:var(--sky);background:var(--sky-soft)}.home-task-label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:.75rem}.home-task-label strong{font-weight:800;white-space:nowrap;direction:ltr;unicode-bidi:isolate}.home-challenge-task:last-child .progress>span{background:var(--sky)}.home-challenge__done{display:flex;align-items:center;gap:12px;margin-top:20px;padding:20px 14px;border-radius:16px;background:var(--ok-soft);color:var(--ok);font-size:.9rem}.home-community__icon{color:var(--primary)!important}.home-community__total{display:flex;align-items:center;gap:12px;margin-bottom:18px}.home-community__total strong{font-size:2.1rem;font-weight:900;line-height:1}.home-community__total span{max-width:170px;font-size:.75rem;color:var(--muted)}.home-community__footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;font-size:.72rem;color:var(--muted)}.home-community__footer strong{color:var(--primary-strong)}.home-invite{display:flex;align-items:center;gap:16px;padding:20px;border:2px solid color-mix(in srgb,var(--sky) 25%,var(--surface));border-radius:21px;color:var(--text);background:var(--gloss-panel),var(--sky-soft);transition:border-color .16s ease}.home-invite__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:54px;height:54px;border-radius:17px;background:var(--surface);color:var(--coral);transform:rotate(6deg)}.home-invite strong{font-size:.95rem;font-weight:850}.home-invite p{color:var(--muted);font-size:.75rem;margin:5px 0 0}.home-invite>svg{flex-shrink:0;color:var(--coral)}.home-how{text-align:center;margin:0}.home-how a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:.8rem;font-weight:700}@media(hover:hover){.home-mission:hover{transform:translateY(-3px);box-shadow:0 8px 0 var(--primary-strong)}.home-mission--listen:hover{box-shadow:0 8px color-mix(in srgb,var(--sky) 75%,var(--ink))}.home-invite:hover{border-color:var(--coral)}}@media(min-width:640px){.home-mission-grid,.home-details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:639px){.home-page{gap:22px}.home-welcome{padding:20px 18px;gap:4px;min-height:205px;border-radius:24px}.home-welcome__art{flex-basis:110px;width:110px}.home-welcome h1{font-size:1.55rem}.home-welcome__text{font-size:.76rem;margin-bottom:12px}.home-eyebrow{font-size:.72rem;margin-bottom:8px}.home-level-tag{padding:5px 8px;gap:4px;font-size:.65rem}.home-art-star--one{inset-inline-end:-2px;top:-8px}.home-art-star--two{inset-inline-start:2px;bottom:-8px}.home-player__stats{padding:15px 4px}.home-player-stat{flex-direction:column;gap:8px;text-align:center}.home-stat-icon{width:35px;height:35px;border-radius:11px}.home-stat-icon svg{width:21px;height:21px}.home-player-stat strong{font-size:1.3rem}.home-player-stat div>span{font-size:.65rem}.home-level-progress{padding:12px 15px 16px}.home-level-progress__label{font-size:.66rem}.home-section-heading h2{font-size:1rem}.home-section-heading>span{font-size:.65rem}.home-mission-grid{gap:18px}.home-mission{padding:16px 18px}.home-mission__body{margin:12px 0 16px}.home-page .home-details-grid>.card{padding:18px}.home-invite{padding:16px;gap:12px}.home-invite__icon{width:44px;height:44px;border-radius:13px}.home-invite strong{font-size:.85rem}.home-invite p{font-size:.7rem}}@media(max-width:359px){.home-welcome__art{flex-basis:80px;width:80px}.home-welcome h1{font-size:1.35rem}.home-section-heading{gap:8px}.home-mission h3{font-size:1.05rem}.home-mission__icon{width:54px;height:54px;border-radius:17px}}.home-player{background-image:linear-gradient(160deg,#fff 50%,#edfaff);box-shadow:inset 0 2px #fff,var(--shadow)}.home-stat-icon,.home-mission__icon{box-shadow:inset 0 2px #fffc,0 3px #14394b17}@font-face{font-family:Vazirmatn;src:url(/fonts/Vazirmatn%5Bwght%5D.woff2) format("woff2-variations");font-weight:100 900;font-display:swap}:root{color-scheme:light;--font: "Vazirmatn", system-ui, -apple-system, "Segoe UI", sans-serif;--bg: #f0faff;--surface: #fff;--surface-2: #e9f3f7;--ink: #14394b;--text: #14394b;--muted: #486572;--line: #d1e6ed;--primary: #006b54;--primary-strong: #004b3c;--on-primary: #fff;--lime: #64efac;--lime-soft: #d0ffe8;--accent: #ffbd16;--accent-soft: #fff0a3;--accent-ink: #795013;--coral: #ff795f;--coral-soft: #ffddd1;--coral-ink: #94452b;--sky: #086aca;--sky-soft: #c6eaff;--sky-ink: #124f86;--ok: #237448;--ok-soft: #e7f5df;--danger: #b34443;--danger-soft: #ffebea;--info-soft: #b8f5d9;--shadow: 0 4px 0 #c6e0e9, 0 10px 24px #197fa70a;--shadow-raised: 0 6px 0 #bddbe6, 0 14px 28px #197fa712;--gloss-green: linear-gradient(180deg, #acffd4 0%, #70f2b0 46%, #3ad894 49%, #40dfa0 100%);--gloss-blue: linear-gradient(180deg, #b2edff 0%, #77d6ff 46%, #49b5fa 49%, #55c1ff 100%);--gloss-panel: linear-gradient(155deg, #ffffffba 0%, #ffffff00 48%);--radius: 24px;--radius-sm: 14px;--tap: 48px;--gutter: 20px;--max: 1040px;--nav-h: 76px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:var(--primary);text-decoration:none}h1,h2,h3{margin:0 0 12px;line-height:1.5;font-weight:850}h1{font-size:1.65rem}h2{font-size:1.15rem}h3{font-size:1rem}p{margin:0 0 12px}button{touch-action:manipulation}button,a,summary{outline-offset:5px}:focus-visible{outline:3px solid var(--primary);outline-offset:4px;border-radius:8px}::selection{background:var(--lime);color:var(--ink)}.game-icon{flex-shrink:0;vertical-align:middle}.voice-buddy{display:block;width:100%;height:auto;overflow:visible}.buddy__body{animation:buddy-bob 5s ease-in-out infinite;transform-origin:center}@keyframes buddy-bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(1deg)}}.shell{min-height:100dvh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 96%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.topbar__in{max-width:var(--max);min-height:84px;margin:0 auto;padding:12px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:1.4rem;font-weight:900;flex-shrink:0}.brand__mark{width:44px;height:44px;border-radius:14px;transform:rotate(5deg);box-shadow:0 3px 0 var(--primary-strong)}.brand__name{display:block;line-height:1.3}.brand__tag{display:block;margin-top:4px;color:var(--muted);font-size:.65rem;font-weight:500}.topbar__stats{display:flex;align-items:center;gap:10px}.topbar__points{background:var(--accent-soft);border:1px solid #ebd49b;box-shadow:0 3px #ebd49b;color:var(--accent-ink);border-radius:14px;padding:7px 13px}.topbar__streak{display:flex;gap:6px;align-items:center;color:var(--coral-ink);font-weight:800;font-size:.9rem}.topbar__avatar{display:flex;align-items:center;justify-content:center;width:43px;height:43px;background:var(--sky-soft);color:var(--sky-ink);border:2px solid var(--sky);border-radius:16px}.main{flex:1;width:100%;max-width:var(--max);margin:0 auto;padding:32px var(--gutter) calc(var(--nav-h) + 56px + env(safe-area-inset-bottom))}.main>:not(.home-page){max-width:760px;margin-inline:auto}.bottomnav{position:fixed;z-index:30;bottom:0;inset-inline:0;padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:2px solid var(--line)}.bottomnav__in{max-width:600px;margin:0 auto;height:var(--nav-h);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:8px}.bottomnav a{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;color:var(--muted);border:1px solid transparent;border-radius:16px;font-size:.73rem;font-weight:700;transition:background .18s,transform .18s;min-height:var(--tap)}.bottomnav a.active{background:var(--gloss-blue);color:var(--primary-strong);border-color:#c6dba9;box-shadow:0 2px #c6dba9}.bottomnav a.active svg{transform:translateY(-1px)}.bottomnav svg{width:24px;height:24px}.skip-link{position:fixed;top:-100px;inset-inline-start:12px;z-index:100;padding:12px 20px;border-radius:12px;background:var(--ink);color:var(--surface)}.skip-link:focus{top:12px}.card{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.card+.card,.stack>*+*{margin-top:20px}.row{display:flex;align-items:center;gap:12px}.row--between{justify-content:space-between}.row--wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.muted{color:var(--muted)}.small{font-size:.86rem}.tiny{font-size:.76rem}.center{text-align:center}.num{font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:var(--tap);padding:10px 20px;border:1px solid var(--primary-strong);border-radius:15px;background:var(--primary);color:var(--on-primary);box-shadow:0 4px 0 var(--primary-strong);font-weight:800;line-height:1.5;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--primary-strong)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn--ghost{background:var(--surface);color:var(--text);border-color:var(--line);box-shadow:0 3px 0 var(--line)}.btn--soft{background:var(--surface-2);color:var(--text);border-color:var(--line);box-shadow:0 3px 0 var(--line)}.btn--danger{background:var(--danger);color:var(--on-primary);border-color:#853130;box-shadow:0 4px #853130}.btn--ok{background:var(--ok);color:var(--on-primary);border-color:var(--primary-strong)}.btn--block{width:100%}.btn--lg{min-height:58px;font-size:1.02rem}.pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:5px 11px;border-radius:12px;background:var(--surface-2);font-weight:750;font-size:.86rem;line-height:1.7}.pill--accent{background:var(--accent-soft);color:var(--accent-ink)}.pill--ok{background:var(--ok-soft);color:var(--ok)}.pill--danger{background:var(--danger-soft);color:var(--danger)}.pill--info{background:var(--info-soft);color:var(--primary-strong)}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.field label{font-weight:750;font-size:.88rem}.input{min-height:52px;padding:11px 16px;border-radius:var(--radius-sm);border:2px solid var(--line);background:var(--bg);width:100%;box-shadow:inset 0 2px #233c3704}.input::placeholder{color:var(--muted)}.input:focus{border-color:var(--primary);outline:3px solid var(--lime-soft);outline-offset:1px}.input--code{letter-spacing:.4em;text-align:center;font-size:1.5rem;direction:ltr}.check{display:flex;gap:10px;align-items:flex-start}.check input{flex-shrink:0;width:22px;height:22px;margin-top:4px;accent-color:var(--primary)}.progress{height:14px;border:2px solid var(--line);border-radius:999px;background:var(--surface-2);overflow:hidden}.progress>span{position:relative;display:block;height:100%;background:var(--primary);border-radius:999px;transition:width .4s ease}.progress>span:after{content:"";position:absolute;inset:2px 5px auto;height:3px;border-radius:inherit;background:#ffffff45}.progress--accent>span{background:var(--accent)}.alert{padding:14px 16px;border:1px solid color-mix(in srgb,var(--primary) 16%,transparent);border-radius:var(--radius-sm);background:var(--info-soft)}.alert--danger{background:var(--danger-soft);color:var(--danger);border-color:#edc7c3}.alert--ok{background:var(--ok-soft);color:var(--ok)}.alert--accent{background:var(--accent-soft);border-color:#ebd49b}.list{list-style:none;margin:0;padding:0}.list>li{padding:16px 0;border-bottom:1px solid var(--line)}.list>li:last-child{border-bottom:0}.tabs{display:flex;gap:6px;background:var(--surface-2);padding:6px;border:1px solid var(--line);border-radius:18px}.tabs button{flex:1;min-width:0;min-height:44px;padding:6px 10px;border:1px solid transparent;border-radius:12px;background:transparent;font-weight:750;color:var(--muted);cursor:pointer}.tabs button[aria-selected=true]{background:var(--surface);color:var(--primary-strong);border-color:var(--line);box-shadow:0 3px 0 var(--line)}.stat{text-align:center;padding:16px 6px;background:var(--bg);border-radius:16px}.stat__value{font-size:1.9rem;font-weight:900;line-height:1.5}.stat__label{font-size:.76rem;color:var(--muted)}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sentence{font-size:clamp(1.3rem,3vw,1.85rem);line-height:2.1;font-weight:650;text-align:center;padding:32px 16px;margin-block:20px;min-height:160px;display:flex;align-items:center;justify-content:center;background:var(--bg);border:1px dashed #c5d1bc;border-radius:20px}.recbtn{width:100px;height:100px;border-radius:34px;border:3px solid var(--surface);outline:2px solid var(--danger);background:var(--danger);color:var(--on-primary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;margin:12px auto;box-shadow:0 7px #853130;transition:transform .15s ease}.recbtn svg{width:40px;height:40px}.recbtn:active{transform:translateY(4px)}.recbtn:focus-visible{outline:4px solid var(--ink);outline-offset:5px}.recbtn[data-on=true]{animation:pulse 1.4s ease-out infinite}.recbtn:disabled{opacity:.5}@keyframes pulse{0%{box-shadow:0 0 #b3444345}to{box-shadow:0 0 0 22px #b3444300}}.meter{display:flex;align-items:flex-end;justify-content:center;gap:5px;height:40px}.meter span{width:7px;border-radius:5px;background:var(--primary);transition:height .08s linear;min-height:4px}.toasts{position:fixed;top:96px;inset-inline:0;z-index:50;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;padding:0 var(--gutter)}.toast{background:var(--ink);color:var(--surface);padding:12px 20px;border-radius:16px;font-weight:750;box-shadow:var(--shadow-raised);animation:rise .25s ease-out;max-width:min(600px,100%)}.toast--points{background:var(--accent-soft);color:var(--accent-ink);border:2px solid var(--accent)}@keyframes rise{0%{transform:translateY(-8px);opacity:0}to{transform:none;opacity:1}}.badge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.badge{text-align:center;padding:18px 8px;border-radius:20px;background:var(--accent-soft);border:1px solid #ebd49b;box-shadow:0 3px #ebd49b}.badge[data-earned=false]{background:var(--surface-2);border-color:var(--line);box-shadow:none;color:var(--muted)}.badge[data-earned=false] .badge__icon{filter:grayscale(1);opacity:.45}.badge__icon{width:54px;height:54px;display:grid;place-items:center;margin:0 auto 8px;border-radius:50%;background:var(--surface);font-size:1.7rem}.badge__name{font-size:.76rem;font-weight:750}.rank{width:40px;height:42px;border-radius:13px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-weight:900;background:var(--surface-2);border-bottom:3px solid var(--line)}.rank[data-top="1"]{background:var(--accent-soft);color:var(--accent-ink);border-color:var(--accent)}.rank[data-top="2"]{background:var(--sky-soft);color:var(--sky-ink);border-color:var(--sky)}.rank[data-top="3"]{background:var(--coral-soft);color:var(--coral-ink);border-color:var(--coral)}.me-row{background:var(--lime-soft);border-radius:var(--radius-sm);padding:12px!important}.hero{padding:28px;border:1px solid #c9deb7;border-radius:var(--radius);background:var(--lime-soft);color:var(--ink);box-shadow:0 5px #c9deb7}.hero h1{color:inherit}.empty-state{padding-block:36px}.empty-state__art{margin:0 auto 20px;width:76px;height:76px;display:grid;place-items:center;color:var(--primary);background:var(--lime-soft);border:2px solid #cadcb3;border-radius:24px;transform:rotate(-6deg)}.empty-state p{max-width:420px;margin:0 auto 20px}.page-heading{display:flex;align-items:center;gap:16px;margin-bottom:24px}.page-heading h1{margin:0 0 2px}.page-heading p{margin:0}.page-heading__icon{width:62px;height:62px;display:grid;place-items:center;flex-shrink:0;background:var(--accent-soft);color:var(--accent-ink);border:1px solid #ebd49b;border-radius:20px;box-shadow:0 4px #ebd49b;transform:rotate(-5deg)}.page-heading__icon--mint{background:var(--lime-soft);color:var(--primary);border-color:#c9deb7;box-shadow:0 4px #c9deb7}.page-heading__icon--blue{background:var(--sky-soft);color:var(--sky-ink);border-color:var(--sky);box-shadow:0 4px 0 var(--sky)}.table{width:100%;border-collapse:collapse;font-size:.88rem}.table th,.table td{padding:12px 8px;border-bottom:1px solid var(--line);text-align:start;vertical-align:top}.table th{color:var(--muted);font-weight:700;font-size:.78rem}.scroll-x{overflow-x:auto}.admin-nav{display:flex;gap:8px;overflow-x:auto;padding:0 0 6px}.admin-nav a{white-space:nowrap;padding:9px 15px;border-radius:12px;background:var(--surface-2);color:var(--text);font-weight:700;font-size:.85rem;border:1px solid var(--line)}.admin-nav a.active{background:var(--primary);color:var(--on-primary);border-color:var(--primary-strong);box-shadow:0 3px 0 var(--primary-strong)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}audio{display:block;width:100%;border-radius:16px}select.input{appearance:auto}.spinner{width:32px;height:32px;border-radius:50%;border:4px solid var(--line);border-top-color:var(--primary);animation:spin .8s linear infinite;margin:32px auto}@keyframes spin{to{transform:rotate(360deg)}}summary{cursor:pointer;min-height:30px}.markdown ul{padding-inline-start:20px}.markdown li{margin-bottom:8px}@media(hover:hover){.btn:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-1px)}.bottomnav a:hover{background:var(--surface-2)}}@media(min-width:768px){.bottomnav{inset-inline:calc((100% - 560px)/2);bottom:20px;border:2px solid var(--line);border-radius:24px;box-shadow:0 6px 0 var(--line),0 18px 50px #233c3712}.bottomnav__in{padding:8px 10px}}@media(max-width:600px){:root{--gutter: 16px;--radius: 20px}.topbar__in{min-height:72px;gap:8px}.brand{font-size:1.2rem;gap:8px}.brand__mark{width:37px;height:37px}.brand__tag{display:none}.topbar__stats{gap:8px}.topbar__avatar{display:none}.topbar__points{padding:6px 10px}.main{padding-top:24px}.card{padding:20px}.stack>*+*,.card+.card{margin-top:16px}h1{font-size:1.4rem}.row--between,.grid-3,.grid-2,.badge-grid{gap:8px}.badge{padding-inline:4px}.page-heading{gap:12px}.page-heading__icon{width:54px;height:54px}}@media(max-width:360px){.topbar__streak span{font-size:.78rem}.btn{padding-inline:12px;font-size:.88rem}.card{padding:16px}.badge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar__points .game-icon{width:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.card{background-image:linear-gradient(150deg,#fff 55%,#effaff);box-shadow:inset 0 2px #fff,var(--shadow)}.btn:not(.btn--ghost):not(.btn--soft){background-image:linear-gradient(180deg,#ffffff18,transparent 48%,#0000000a 49%,transparent);box-shadow:inset 0 2px #ffffff50,0 4px 0 var(--primary-strong)}.btn:not(.btn--ghost):not(.btn--soft):active:not(:disabled){box-shadow:inset 0 1px #ffffff50,0 1px 0 var(--primary-strong)}.bottomnav a.active{border-color:#91c5e8;color:var(--ink);box-shadow:inset 0 2px #ffffffbf,0 3px #91c5e8}.progress>span{background-image:linear-gradient(180deg,#ffffff38,transparent 48%,#00000012 50%,transparent)}.topbar__avatar{background:var(--gloss-blue);box-shadow:inset 0 2px #ffffff9c,0 3px #8dbfe1}.sentence--passage{display:block;text-align:start;font-size:clamp(1.08rem,2.2vw,1.4rem);line-height:2.25;font-weight:500;padding:24px;white-space:pre-wrap;overflow-wrap:anywhere}.reading-controls{position:sticky;top:86px;z-index:10;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:12px 16px;box-shadow:0 4px 12px #14394b10}.reading-controls__capture{display:flex;align-items:center;gap:16px}.reading-controls .recbtn{width:60px;height:60px;border-radius:20px;flex-shrink:0;margin:4px}.reading-controls .recbtn svg{width:28px;height:28px}.reading-controls__hint{flex:1}.reading-controls .meter{width:56px;flex-shrink:0}.recording-text{margin-block:14px;padding:16px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg)}.recording-text p{margin:12px 0 0;font-size:1.1rem;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere;user-select:text}@media(max-width:600px){.reading-controls{top:74px;padding:10px}.reading-controls__capture{gap:10px;flex-wrap:wrap}.reading-controls .meter{display:none}.reading-controls__hint{min-width:120px;font-size:.8rem}.sentence--passage{padding:16px;margin-block:16px}}.pwa-install{max-width:920px;margin:12px auto;padding:12px 16px;border:1px solid #94dcce;border-radius:20px;background:linear-gradient(110deg,#e3fff1,#e2f5ff);color:#14394b;box-shadow:0 5px 16px #006b5412}.pwa-install__row{display:flex;align-items:center;gap:12px}.pwa-install__row img{border-radius:12px;flex-shrink:0}.pwa-install__copy{flex:1;min-width:0;display:grid;gap:2px}.pwa-install__copy span{font-size:.8rem}.pwa-install__row .btn{white-space:nowrap}.pwa-install__dismiss{border:0;background:transparent;color:#14394b;font:inherit;font-size:1.6rem;cursor:pointer;min-width:44px;min-height:44px}.pwa-install__help{padding-top:8px;font-size:.875rem;line-height:1.9}.pwa-install__help p{margin:4px 0}@media(max-width:600px){.pwa-install{margin:8px;padding:10px}.pwa-install__row{gap:6px}.pwa-install__copy strong{font-size:.85rem}.pwa-install__copy span{display:none}}