:root{--blue:#1f6feb;--blue-dark:#1557c0;--blue-deep:#0e4aa8;--blue-soft:#e8f1ff;--teal:#0d9488;--teal-soft:#ccfbf1;--success:#58cc02;--success-dark:#46a302;--success-soft:#d7ffb8;--danger:#ff4b4b;--danger-dark:#ea2b2b;--danger-soft:#ffdfe0;--warning:#ff9600;--warning-soft:#fff4d9;--bg:#fff;--card:#fff;--ink:#3c3c3c;--muted:#777;--line:#e5e5e5;--locked:#afafaf;--shadow:none;--radius:16px;--safe-bottom:env(safe-area-inset-bottom,0px);color:var(--ink);background:var(--bg);font-family:Vazirmatn,Tahoma,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.muted{color:var(--muted)}.tiny{font-size:12px}.ok{color:var(--success)}.bad{color:var(--danger);font-size:13px;font-weight:600}.lede{color:var(--muted);margin:0 0 1rem}.eyebrow{color:var(--blue-dark);margin:0;font-size:13px;font-weight:700}.app-shell{max-width:480px;min-height:100dvh;padding:8px 16px calc(88px + var(--safe-bottom));margin:0 auto}.topbar{margin-bottom:8px}.topbar-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.topbar-actions{align-items:center;gap:8px;display:flex}.brand-block{align-items:center;gap:10px;min-width:0;display:flex}.brand-mark{background:var(--card);border:1px solid var(--line);width:36px;height:36px;color:var(--blue);border-radius:10px;flex:none;place-items:center;font-size:13px;font-weight:800;display:grid}.brand-logo{object-fit:cover;background:#0d52bd;border-radius:22%;flex:none;display:block;overflow:hidden;box-shadow:0 8px 20px #0d52bd38}.brand-logo-sm{border-radius:11px;width:36px;height:36px;box-shadow:0 4px 10px #0d52bd2e}.brand-logo-md{border-radius:14px;width:48px;height:48px}.brand-logo-lg{border-radius:20px;width:72px;height:72px}.brand-logo-xl{border-radius:30px;width:120px;height:120px;box-shadow:0 18px 40px #071e5047}.splash-brand{margin-bottom:10px;animation:2.8s ease-in-out infinite splash-logo-float}.auth-brand{margin-bottom:12px}.install-brand{margin:0 auto 10px}.brand-block strong{font-size:15px;line-height:1.2;display:block}.brand-block small{color:var(--muted);font-size:11px;display:block}.back-link{background:var(--card);border:2px solid var(--line);width:44px;height:44px;color:var(--ink);border-bottom-width:4px;border-radius:14px;place-items:center;font-size:18px;display:grid}.back-link:active{border-bottom-width:2px;transform:translateY(2px)}.page-title{margin:0;font-size:1.15rem;font-weight:800}.page-title.below{margin-top:10px}.page-sub{color:var(--muted);margin:2px 0 0;font-size:12px}.title-block{min-width:0}.stats-chip{align-items:center;gap:6px;display:flex}.chip-item{border:2px solid #0000;border-radius:14px;align-items:center;gap:5px;padding:7px 11px;font-size:13px;font-weight:800;display:inline-flex}.chip-item b{font-weight:800;line-height:1}.chip-streak{color:#c2410c;box-shadow:none;background:#fff4d9;border-color:#ffc800}.chip-streak svg{color:#ea580c;fill:#fdba74}.chip-xp{color:#a16207;box-shadow:none;background:#fff4d9;border-color:#ffc800}.chip-xp svg{color:#d97706;fill:#fde68a}.score-badge{color:#92400e;vertical-align:middle;background:linear-gradient(#fffbeb,#fde68a);border:1px solid #f6c445;border-radius:999px;align-items:center;gap:5px;padding:3px 9px 3px 3px;line-height:1;display:inline-flex;box-shadow:0 4px 10px #d977062e,inset 0 1px #fffc}.score-coin{color:#fff;background:radial-gradient(circle at 32% 28%,#fff7cc 0%,#fbbf24 36%,#d97706 78%);border-radius:50%;place-items:center;width:22px;height:22px;display:grid;box-shadow:inset 0 0 0 1.5px #ffffffbf,0 1px 2px #78350f4d}.score-coin svg{fill:#fff;color:#fff}.score-badge b{font-variant-numeric:tabular-nums;font-size:13px;font-weight:800}.score-badge.size-sm{gap:4px;padding:2px 7px 2px 2px}.score-badge.size-sm .score-coin{width:16px;height:16px}.score-badge.size-sm b{font-size:12px}.score-badge.size-lg{padding:4px 12px 4px 4px}.score-badge.size-lg .score-coin{width:28px;height:28px}.score-badge.size-lg b{font-size:1.15rem}.score-badge.is-dimmed{box-shadow:none;color:#94a3b8;background:linear-gradient(#f8fafc,#e2e8f0);border-color:#cbd5e1}.score-badge.is-dimmed .score-coin{background:radial-gradient(circle at 32% 28%,#e2e8f0 0%,#94a3b8 70%,#64748b 100%);box-shadow:inset 0 0 0 1.5px #ffffff73}.league-gate,.league-empty{text-align:center;justify-items:center;gap:8px;padding:22px 16px;display:grid}.league-gate{background:radial-gradient(140px 90px at 50% 0%, #fbbf2438, transparent 70%), var(--card);border:1px solid #fde68a;border-radius:24px}.league-gate h2,.league-empty h2{margin:0}.league-gate p,.league-empty p{color:var(--muted);margin:0 0 8px;font-size:14px;line-height:1.6}.league-gate-medal{color:#fff;background:linear-gradient(160deg,#fbbf24,#d97706);border-radius:22px;place-items:center;width:64px;height:64px;animation:2.4s ease-in-out infinite league-medal-float;display:grid;box-shadow:inset 0 0 0 1px #ffffff59,0 10px 24px #d9770647}.inline-ico{vertical-align:-3px;color:var(--blue);display:inline-block}.cta-row{align-items:center;gap:6px;display:inline-flex}.hero-icon{background:#ffffff2e;border-radius:16px;place-items:center;width:48px;height:48px;display:grid}.emoji-box{background:var(--blue-soft);width:42px;height:42px;color:var(--blue-dark);border-radius:14px;flex:none;place-items:center;display:grid}.muted-box{color:var(--muted);background:#eef2f7}.section-body{flex:1;min-width:0}.row-trail{color:var(--muted);place-items:center;display:grid}.stars{color:var(--warning);gap:2px;display:inline-flex}.avatar-btn{background:0 0;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;display:grid;overflow:hidden}.profile-avatar{color:#3a2208;background:linear-gradient(135deg,#ffb020,#ff7a3c);border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid;overflow:hidden}.profile-avatar img{object-fit:cover;width:100%;height:100%;display:block}.profile-avatar.size-sm{width:40px;height:40px;font-size:14px}.profile-avatar.size-md{width:56px;height:56px;font-size:18px}.profile-avatar.size-lg{width:88px;height:88px;font-size:28px}.main{padding-bottom:8px}.tabbar{inset-inline:0;z-index:30;pointer-events:none;border-top:2px solid var(--line);background:#fff;padding:0;position:fixed;bottom:0}.tabbar-inner{pointer-events:auto;max-width:480px;padding:6px 8px calc(8px + var(--safe-bottom));box-shadow:none;-webkit-backdrop-filter:none;background:#fff;border:0;border-radius:0;grid-template-columns:repeat(4,1fr);gap:0;margin:0 auto;display:grid}.tabbar a{min-height:56px;color:var(--locked);letter-spacing:.02em;text-transform:uppercase;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 4px;font-size:11px;font-weight:800;transition:color .15s,transform .1s;display:flex;position:relative}.tabbar a .tab-ico{border:2px solid #0000;border-radius:12px;place-items:center;width:32px;height:32px;transition:color .15s,border-color .15s,background .15s;display:grid}.tabbar a .tab-label{line-height:1}.tabbar a.active{color:var(--blue);background:0 0}.tabbar a.active .tab-ico{color:var(--blue);background:var(--blue-soft);border-color:#c9dbf7}.tabbar a:active{transform:scale(.94)}@media (hover:hover){.tabbar a:hover:not(.active){color:var(--ink)}}.btn{border:2px solid var(--line);background:var(--card);color:var(--ink);letter-spacing:.02em;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom-width:4px;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:15px;font-weight:800;transition:transform 80ms,border-bottom-width 80ms,filter 80ms;display:inline-flex}.btn:active:not(:disabled){border-bottom-width:2px;transform:translateY(2px)}.btn.primary{background:var(--blue);color:#fff;border-color:var(--blue);border-bottom-color:var(--blue-deep)}.btn.primary:hover:not(:disabled){filter:brightness(1.04)}.btn.success{background:var(--success);color:#fff;border-color:var(--success);border-bottom-color:var(--success-dark)}.btn.danger-solid{background:var(--danger);color:#fff;border-color:var(--danger);border-bottom-color:var(--danger-dark)}.btn.ghost{color:var(--blue);text-transform:none;letter-spacing:0;background:0 0;border-color:#0000;border-bottom-width:2px}.btn.ghost:active:not(:disabled){transform:none}.btn.danger{color:var(--danger);border-color:#ffc9c9 #ffc9c9 #f5a8a8}.btn.block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.15)}.text-link{color:var(--blue);cursor:pointer;background:0 0;border:0;width:100%;padding:8px;font-weight:700}.muted-link{color:var(--muted)!important;font-weight:600!important}.auth-screen{background:#fff;max-width:480px;min-height:100dvh;margin:0 auto;padding:36px 20px 40px}.auth-logo{margin-bottom:16px}.auth-screen h1{margin:0 0 8px;font-size:1.55rem;font-weight:800}.auth-form{gap:12px;margin-top:8px;display:grid}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.profile-setup .setup-avatar-wrap{place-items:center;margin:8px 0 4px;display:grid}.setup-avatar{object-fit:cover;background:var(--card);border:3px solid #fff;border-radius:50%;width:96px;height:96px;box-shadow:0 10px 24px #1f6feb33}.setup-avatar.placeholder{color:var(--blue);background:linear-gradient(#eef5ff,#e4efff);border:3px solid #fff;place-items:center;font-size:2rem;font-weight:800;display:grid}.setup-note{text-align:center;margin:0}.field{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;gap:8px;font-size:13px;font-weight:800;display:grid}.field input,.redeem input,.row-input input,.time-row select,.redeem input[type=date]{border:2px solid var(--line);background:var(--card);width:100%;color:var(--ink);text-transform:none;letter-spacing:0;border-radius:16px;outline:none;padding:14px 16px;font-weight:700;transition:border-color .15s,box-shadow .15s}.field input:focus,.redeem input:focus,.row-input input:focus,.time-row select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1f6feb1f}.seg{background:var(--card);border:2px solid var(--line);border-radius:16px;grid-template-columns:1fr 1fr;gap:0;padding:0;display:grid;overflow:hidden}.seg button{cursor:pointer;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;background:0 0;border:0;border-radius:0;padding:12px;font-size:13px;font-weight:800}.seg button+button{border-inline-start:2px solid var(--line)}.seg button.on{background:var(--blue-soft);color:var(--blue-dark)}.guest-save{background:var(--warning-soft);border:1px solid #fde68a;border-radius:18px;gap:4px;margin-bottom:14px;padding:14px 16px;display:grid}.guest-save strong{font-size:14px}.guest-save span{color:var(--muted);font-size:13px}.hub-hello{margin:8px 0 6px;font-size:1.7rem;font-weight:800}.hub-accent{color:var(--blue-dark);margin:0;font-size:1.05rem;font-weight:700}.hero-learn{color:#fff;background:var(--blue);border:2px solid var(--blue);border-bottom:6px solid var(--blue-deep);box-shadow:none;border-radius:20px;margin:8px 0 12px;padding:22px;display:block}.hero-learn:active{border-bottom-width:4px;transform:translateY(2px)}.hero-top{justify-content:space-between;align-items:flex-start;display:flex}.hero-emoji{place-items:center;font-size:2rem;display:grid}.pill-light{background:#ffffff2e;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700}.hero-learn h2{margin:14px 0 6px;font-size:1.25rem}.hero-learn p{opacity:.92;margin:0 0 16px}.hero-learn strong{font-size:1.05rem}.hero-prakt{color:#fff;background:linear-gradient(145deg,#0f766e,#115e59 55%,#134e4a);border:2px solid #0f766e;border-bottom:6px solid #042f2e;border-radius:20px;margin:0 0 12px;padding:20px;display:block}.hero-prakt:active{border-bottom-width:4px;transform:translateY(2px)}.hero-prakt h2{margin:14px 0 6px;font-size:1.2rem}.hero-prakt p{opacity:.92;margin:0 0 14px}.hero-prakt strong{font-size:1.05rem}.hero-placement{color:#fff;background:linear-gradient(145deg,#d97706,#b45309 55%,#92400e);border:2px solid #b45309;border-bottom:5px solid #78350f;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:16px 18px;display:flex}.hero-placement:active{border-bottom-width:3px;transform:translateY(2px)}.hero-placement-ico{background:#ffffff2e;border:2px solid #ffffff47;border-radius:16px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.hero-placement h3{margin:0 0 4px}.hero-placement p{opacity:.9;margin:0;font-size:13px}.hero-placement>div{flex:1;min-width:0}.soon-row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px;display:grid}.soon-card{background:var(--card);border:1px solid var(--line);opacity:.9;border-radius:22px;flex-direction:column;justify-content:space-between;min-height:128px;padding:16px;display:flex}.soon-card.teal{border-color:#0d948838}.soon-card.warn{border-color:#d9770638}.soon-icon{background:var(--teal-soft);border-radius:14px;place-items:center;width:48px;height:48px;font-size:1.4rem;display:grid}.soon-card.warn .soon-icon{background:var(--warning-soft)}.soon-pill{background:var(--teal-soft);color:var(--teal);border-radius:999px;align-self:flex-start;margin-top:8px;padding:4px 10px;font-size:12px;font-weight:700}.soon-card.warn .soon-pill{background:var(--warning-soft);color:var(--warning)}.quote-card{color:#fff;background:linear-gradient(135deg,#0f172a,#1e3a5f);border-radius:20px;margin-bottom:12px;padding:18px}.quote-card span{opacity:.7;font-size:13px;font-weight:700}.quote-card p{margin:10px 0 6px;font-size:1.1rem;font-weight:700}.quote-card small{opacity:.8}.tg-banner{color:#fff;background:radial-gradient(120px 80px at 0 0,#ffffff2e,#0000 70%),linear-gradient(135deg,#229ed9 0%,#1b7fb5 55%,#1473a8 100%);border-radius:20px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-bottom:14px;padding:14px 16px;display:grid;box-shadow:0 12px 28px #229ed947}.tg-icon{background:#ffffff2e;border-radius:14px;flex:none;place-items:center;width:44px;height:44px;display:grid}.tg-copy{gap:3px;min-width:0;display:grid}.tg-copy strong{font-size:14px;line-height:1.3}.tg-copy small{opacity:.9;font-size:12px;line-height:1.4}.tg-go{white-space:nowrap;background:#ffffff2e;border-radius:999px;align-items:center;gap:4px;padding:8px 10px;font-size:12px;font-weight:800;display:inline-flex}.install-modal .install-steps{text-align:start;margin:4px 0 8px}.install-steps{gap:8px;margin:0;padding:0;list-style:none;display:grid}.install-steps li{color:var(--ink);background:#f8fafc;border:1px solid #eef2f7;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:600;line-height:1.45;display:grid}.step-num{background:var(--blue);color:#fff;border-radius:999px;flex:none;place-items:center;width:24px;height:24px;font-size:12px;font-weight:800;display:grid}.game-strip{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}.game-strip>div{background:var(--card);border:1px solid var(--line);text-align:center;border-radius:16px;gap:2px;padding:12px;display:grid}.game-strip strong{font-size:1.2rem}.game-strip span{color:var(--muted);font-size:12px}.level-grid{gap:12px;display:grid}.level-card{background:var(--card);border:2px solid var(--line);box-shadow:none;border-bottom-width:5px;border-inline-start:6px solid var(--accent,var(--blue));border-radius:18px;grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:16px;display:grid}.level-card:active{border-bottom-width:3px;transform:translateY(2px)}.level-card.is-locked{border-inline-start-color:#94a3b8}.level-card.is-locked .level-badge{color:#64748b;background:#eef2f7}.level-emoji,.level-badge{background:color-mix(in srgb, var(--accent,var(--blue)) 14%, white);width:52px;height:52px;color:var(--accent,var(--blue-dark));border-radius:16px;place-items:center;display:grid}.level-badge{letter-spacing:.02em;direction:ltr;font-size:15px;font-weight:800}.level-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.level-card h3{margin:0;font-size:1.05rem}.level-card p{margin:2px 0;font-size:13px}.level-meta{font-weight:600}.lock{color:var(--muted);background:#eef2f7;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700}.pay-note{background:var(--blue-soft);border:1px solid #c9dbf7;border-radius:18px;gap:10px;margin-bottom:14px;padding:14px;display:grid}.lesson-list,.section-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.lesson-row,.section-row{background:var(--card);border:2px solid var(--line);text-align:start;width:100%;font:inherit;color:inherit;cursor:pointer;border-bottom-width:4px;border-radius:16px;align-items:center;gap:12px;padding:14px;transition:transform 80ms,border-bottom-width 80ms;display:flex}.lesson-row:active,.section-row:active{border-bottom-width:2px;transform:translateY(2px)}.lesson-row.done,.section-row.done{background:linear-gradient(#f0fdf4,#dcfce7);border-color:#86efac #86efac #16a34a}.lesson-row.done strong{color:#166534}.lesson-row.locked{color:#64748b;background:#f8fafc;border-color:#e2e8f0}.lesson-row.locked strong{color:#64748b}.lesson-index{width:44px;height:44px;color:var(--blue);background:#f1f5f9;border:2px solid #dbeafe;border-radius:50%;flex:none;place-items:center;font-size:15px;font-weight:800;display:grid}.lesson-index.locked-index{color:#94a3b8;background:#e2e8f0;border-color:#cbd5e1}.lesson-index.done-index{color:#fff;background:linear-gradient(160deg,#4ade80,#16a34a);border-color:#15803d}.lesson-main{flex:1;min-width:0}.lesson-status{color:#15803d;background:#16a34a1f;border-radius:999px;margin-top:4px;padding:2px 8px;font-size:11px;font-weight:800;display:inline-block}.lesson-cta{color:var(--blue);flex:none;font-size:13px;font-weight:700}.lesson-row.done .lesson-cta{color:#16a34a}.lesson-lock-side{color:#94a3b8;flex:none;place-items:center;display:grid}.lesson-row .emoji{font-size:1.4rem}.auth-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lesson-row strong,.section-row strong{display:block}.lesson-row p,.section-row p{margin:2px 0 0;font-size:13px}.ok-line{background:var(--success-soft);color:#166534;border-radius:14px;margin:0 0 12px;padding:10px 12px;font-size:13px;font-weight:600}.activate-modal{text-align:start;gap:12px;max-height:min(90dvh,640px);display:grid;overflow:auto}.activate-hero{color:#fff;background:linear-gradient(135deg,#1f6feb,#0d9488);border-radius:20px;padding:20px}.activate-hero-ico{background:#fff3;border-radius:50%;place-items:center;width:52px;height:52px;margin-bottom:12px;display:grid}.activate-hero h2{margin:0 0 6px;font-size:1.2rem}.activate-hero p{opacity:.92;margin:0;font-size:14px;line-height:1.5}.activate-copy{color:var(--muted);margin:0;font-size:14px;line-height:1.65}.support-channel{border:1px solid #0000;border-radius:16px;align-items:center;gap:10px;padding:14px 16px;font-weight:700;display:flex}.support-channel span{flex:1}.support-channel.tg{color:#0b6fa4;background:#e8f6fc;border-color:#c7e8f6}.support-channel.bale{background:var(--teal-soft,#e6fffa);color:#0f766e;border-color:#b2f5ea}.activate-code-box{background:var(--blue-soft);border:1px solid #c9dbf7;border-radius:18px;gap:10px;padding:14px;display:grid}.activate-code-box input{border:1px solid var(--line);background:var(--card);border-radius:14px;width:100%;padding:12px 14px}.warn-line{color:#b45309;margin:0;font-size:12px;font-weight:600}.warn-line a{color:inherit;text-decoration:underline}.player-meta{align-items:center;gap:10px;margin-bottom:12px;display:flex}.bar{background:#e5e5e5;border-radius:999px;flex:1;height:16px;overflow:hidden}.bar i{background:var(--blue);border-radius:inherit;height:100%;transition:width .25s;display:block}.step{margin-bottom:16px}.cardish{background:var(--card);border:2px solid var(--line);box-shadow:none;border-radius:20px;padding:20px}.big-emoji{background:var(--blue-soft);width:64px;height:64px;color:var(--blue-dark);border-radius:18px;place-items:center;margin-inline:auto;display:grid}.modal-card .big-emoji{margin-bottom:8px}.de-word{margin:0;font-size:1.8rem;font-weight:800}.fa-word{margin:8px 0;font-size:1.2rem}.example{margin-top:12px;font-size:1.05rem}.sticky-next{width:100%;bottom:calc(12px + var(--safe-bottom));margin-top:8px;position:sticky}.speak-wrap{vertical-align:middle;align-items:center;gap:6px;display:inline-flex}.speak-btn{background:var(--blue-soft);color:var(--blue-dark);cursor:pointer;vertical-align:middle;border:0;border-radius:999px;place-items:center;width:36px;height:36px;display:inline-grid}.speak-hint{color:#b45309;max-width:12rem;font-size:11px;font-weight:700;line-height:1.3}.blocks{gap:10px;display:grid}.block-tip,.block-warn,.reveal,.german-block{border-radius:14px;padding:12px 14px}.block-tip{background:var(--success-soft)}.block-warn{background:var(--warning-soft)}.german-block{border:1px solid var(--line);background:#f3f6fb}.german-line{justify-content:space-between;align-items:center;gap:8px;margin:4px 0;display:flex}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{border:1px solid var(--line);text-align:start;padding:8px}.dialogue{gap:10px;display:grid}.dialogue-line{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px}.dialogue-line .de{margin:4px 0;font-weight:700}.story-line{border-bottom:1px solid var(--line);padding:12px 0}.ex-q{color:var(--ink);font-size:1.2rem;font-weight:800}.option-list{gap:10px;margin-top:14px;display:grid}.option,.chip{border:2px solid var(--line);text-align:start;cursor:pointer;color:var(--ink);background:#fff;border-bottom-width:4px;border-radius:16px;padding:14px 16px;font-weight:700;transition:transform 80ms,border-bottom-width 80ms,background .12s,border-color .12s}.option:active:not(:disabled),.chip:active:not(:disabled){border-bottom-width:2px;transform:translateY(2px)}.option.correct{background:var(--success-soft);border-color:var(--success);border-bottom-color:var(--success-dark);color:#2b7a00}.option.wrong{background:var(--danger-soft);border-color:var(--danger);border-bottom-color:var(--danger-dark);color:#b91c1c}.option.picked{border-color:var(--blue);border-bottom-color:var(--blue-deep);background:var(--blue-soft);color:var(--blue-dark)}.row-input{gap:8px;margin-top:10px;display:flex}.match-cols{grid-template-columns:1fr 1fr;gap:10px;display:grid}.match-cols .option{width:100%}.word-built,.word-pool{border:2px solid var(--line);background:#f7f7f7;border-radius:16px;flex-wrap:wrap;gap:8px;min-height:56px;margin:10px 0;padding:12px;display:flex}.chip{font-weight:800}.flash-page{gap:16px;padding-bottom:8px;display:grid}.flash-top{gap:10px;display:grid}.flash-progress{background:#e2e8f0;border:2px solid #cbd5e1;border-bottom-width:3px;border-radius:999px;height:10px;overflow:hidden}.flash-progress i{border-radius:inherit;background:linear-gradient(90deg, var(--blue), #60a5fa);height:100%;transition:width .25s;display:block}.flash-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:13px;font-weight:800;display:flex}.flash-stats b{font-weight:800}.flash-stats .ok{color:#16a34a}.flash-stats .warn{color:#d97706}.flash-stage{perspective:1200px;cursor:pointer;width:100%;min-height:340px;font:inherit;color:inherit;background:0 0;border:0;padding:0}.flash-inner{width:100%;min-height:340px;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.8,.2,1);position:relative}.flash-stage.is-flipped .flash-inner{transform:rotateY(180deg)}.flash-face{backface-visibility:hidden;text-align:center;border:2px solid #0000;border-bottom-width:6px;border-radius:28px;grid-template-rows:auto 1fr auto auto;place-items:center;gap:14px;padding:20px 18px 18px;display:grid;position:absolute;inset:0}.flash-front{color:#fff;background:radial-gradient(140px 100px at 12% 0,#ffffff47,#0000 70%),linear-gradient(160deg,#3b82f6,#1d4ed8 48%,#1e3a8a);border-color:#1e40af #1e40af #172554}.flash-back{color:#f8fafc;background:radial-gradient(140px 100px at 88% 0,#ffffff1f,#0000 70%),linear-gradient(160deg,#1e293b,#0f172a 55%,#020617);border-color:#334155 #334155 #020617;transform:rotateY(180deg)}.flash-chips{justify-content:space-between;gap:8px;width:100%;display:flex}.flash-chips span{background:#ffffff29;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:800}.flash-word{letter-spacing:-.02em;word-break:break-word;max-width:100%;margin:0;font-size:clamp(1.7rem,6vw,2.35rem);font-weight:800;line-height:1.2}.flash-word.fa{font-size:clamp(1.45rem,5vw,2rem)}.flash-speak .speak-btn{color:#fff;background:#fff3;border:0;border-radius:50%;place-items:center;width:56px;height:56px;display:grid}.flash-back .flash-speak .speak-btn,.flash-example .speak-btn{color:#fff;background:#ffffff24}.flash-hint{opacity:.86;align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.flash-example{background:#ffffff14;border-radius:18px;justify-items:center;gap:8px;width:100%;padding:12px;display:grid}.flash-example p{margin:0;font-size:15px;font-weight:700;line-height:1.45}.flash-example small{color:#f8fafcc7;font-size:13px;font-weight:600;line-height:1.45}.flash-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.flash-btn{min-height:52px;font:inherit;cursor:pointer;border:2px solid #0000;border-bottom-width:4px;border-radius:18px;justify-content:center;align-items:center;gap:8px;font-weight:800;display:inline-flex}.flash-btn:active{border-bottom-width:2px;transform:translateY(2px)}.flash-btn.again{color:#c2410c;background:#fff7ed;border-color:#fdba74 #fdba74 #ea580c}.flash-btn.known{color:#166534;background:#dcfce7;border-color:#86efac #86efac #16a34a}.profile-page{gap:14px;padding-bottom:8px;display:grid}.profile-hero{text-align:center;justify-items:center;gap:8px;padding:8px 4px 4px;display:grid}.profile-hero-ring{background:linear-gradient(135deg,#1f6feb,#14b8a6,#f59e0b);border-radius:50%;padding:4px;box-shadow:0 12px 28px #1f6feb38}.profile-hero-ring .profile-avatar{border:3px solid #fff}.profile-hero h2{margin:2px 0 0;font-size:1.45rem}.profile-birth{color:var(--muted);letter-spacing:.02em;text-transform:lowercase;margin:8px 0 0;font-size:13px;font-weight:600}.profile-status{color:var(--blue-dark);margin:0;font-size:14px;font-weight:700}.identity-pill{color:var(--muted);background:#f1f5f9;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:700;display:inline-flex}.streak-card{background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid #fdba74;border-radius:22px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:16px;display:grid;box-shadow:0 10px 24px #f973161f}.streak-icon{color:#ea580c;background:#fff;border-radius:16px;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 4px 12px #ea580c26}.streak-icon svg{fill:#fdba74}.streak-card strong{color:#9a3412;font-size:1.05rem;display:block}.streak-card p{color:#c2410c;margin:4px 0 0;font-size:12px;line-height:1.45}.streak-xp{color:#a16207;background:#fff;border:1px solid #fcd34d;border-radius:999px;align-items:center;gap:4px;padding:7px 10px;font-size:12px;font-weight:800;display:inline-flex}.streak-xp svg{color:#d97706;fill:#fde68a}.journey-card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;gap:10px;padding:16px;display:grid}.journey-head{justify-content:space-between;align-items:center;font-weight:800;display:flex}.journey-head span{color:var(--blue-dark)}.bar.tall{height:10px}.journey-meta{flex-wrap:wrap;gap:8px;display:flex}.journey-meta span{color:var(--muted);background:#f8fafc;border:1px solid #eef2f7;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}.badge-showcase h3{margin:0 0 10px;font-size:1rem}.badge-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.badge-tile{border:1px solid var(--line);background:var(--card);border-radius:18px;gap:4px;min-height:110px;padding:12px;display:grid}.badge-tile.on{background:linear-gradient(#eff6ff,#fff);border-color:#bfdbfe;box-shadow:0 8px 18px #1f6feb14}.badge-tile.off{opacity:.48;filter:grayscale(.35)}.badge-ico{background:var(--blue-soft);width:36px;height:36px;color:var(--blue-dark);border-radius:12px;place-items:center;margin-bottom:4px;display:grid}.badge-tile.on .badge-ico{color:#1d4ed8;background:#dbeafe}.badge-tile strong{font-size:13px}.badge-tile small{color:var(--muted);font-size:11px;line-height:1.4}.settings-link{background:var(--card);border:1px solid var(--line);color:var(--ink);border-radius:18px;align-items:center;gap:10px;padding:14px 16px;font-weight:700;display:flex}.settings-link svg:last-child{color:var(--muted);margin-inline-start:auto}.profile-card{text-align:start;background:var(--card);border:1px solid var(--line);width:100%;box-shadow:var(--shadow);border-radius:20px;gap:10px;padding:16px;display:grid}.profile-card h3{margin:0}.profile-card label{gap:6px;font-size:13px;font-weight:700;display:grid}.profile-card input{border:1px solid var(--line);background:#fbfcfe;border-radius:14px;width:100%;padding:12px 14px}.redeem{text-align:start;background:var(--card);border:1px solid var(--line);border-radius:18px;gap:10px;width:100%;padding:14px;display:grid}.redeem h3{margin:0}.redeem label{gap:6px;font-size:13px;font-weight:700;display:grid}.profile{text-align:center;justify-items:center;gap:14px;display:grid}.access-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.access-list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:8px 0;display:flex}.badge-row{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.badge-chip{background:var(--blue-soft);color:var(--blue-dark);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.sync-msg{margin:0}.offline-banner{background:var(--warning-soft);color:#7a4a00;border-radius:14px;align-items:center;gap:8px;margin:0 0 12px;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.placement-grid{gap:12px;display:grid}.placement-card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-inline-start:5px solid var(--accent,var(--blue));border-radius:22px;gap:8px;padding:16px;transition:transform .15s,box-shadow .15s;display:grid}.placement-card:active{transform:scale(.985)}.placement-card.is-disabled{opacity:.72}.placement-card-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.placement-ico{background:color-mix(in srgb, var(--accent,var(--blue)) 14%, white);width:44px;height:44px;color:var(--accent,var(--blue-dark));border-radius:14px;place-items:center;display:grid}.placement-qid{color:var(--muted);background:#f1f5f9;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}.placement-card h3{margin:2px 0 0;font-size:1.05rem}.placement-card>p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.placement-result-chip{background:color-mix(in srgb, var(--accent,var(--blue)) 10%, white);border-radius:14px;align-items:center;gap:10px;margin-top:4px;padding:10px 12px;display:flex}.placement-result-chip strong{color:var(--accent,var(--blue-dark));font-size:1.05rem}.placement-result-chip span{color:var(--muted);font-size:12px;font-weight:600}.placement-cta{color:var(--accent,var(--blue-dark));align-items:center;gap:6px;margin-top:4px;font-size:13px;font-weight:800;display:inline-flex}.placement-result{text-align:center}.placement-result h2{color:var(--ink);margin:4px 0;font-size:2.4rem}.recommend-badge{background:var(--blue-soft);color:var(--blue-dark);border-radius:999px;margin:8px 0 16px;padding:10px 14px;font-weight:700;display:inline-block}.skill-list{text-align:start;gap:10px;margin:12px 0 18px;display:grid}.skill-row{gap:4px;display:grid}.skill-label{justify-content:space-between;font-size:13px;font-weight:600;display:flex}.hub-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin:12px 0;display:flex}.modal-backdrop{z-index:40;background:#0f172a73;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:var(--card);border:2px solid var(--line);width:min(420px,100%);box-shadow:none;text-align:center;border-radius:20px;padding:22px}.time-row{text-align:start;grid-template-columns:1fr auto 1fr;align-items:end;gap:8px;margin:12px 0;display:grid}.time-row label{gap:6px;font-size:13px;font-weight:700;display:grid}.time-sep{color:var(--muted);padding-bottom:12px;font-size:1.25rem;font-weight:800;line-height:1}.switch-row{justify-content:space-between;align-items:center;gap:12px;margin:8px 0 12px;font-weight:700;display:flex}.boot{min-height:100dvh;color:var(--muted);background:var(--bg);place-items:center;font-weight:700;display:grid}.splash{z-index:100;color:#fff;background:linear-gradient(#1a6ae8 0%,#0d52bd 52%,#083a8a 100%);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.splash-glow{pointer-events:none;background:radial-gradient(circle,#ffffff38,#0000 68%);border-radius:50%;width:280px;height:280px;animation:2.4s ease-in-out infinite splash-pulse;position:absolute;top:18%;left:50%;transform:translate(-50%)}.splash-inner{text-align:center;justify-items:center;gap:10px;padding:24px;animation:.7s ease-out both splash-rise;display:grid;position:relative}.splash h1{letter-spacing:.01em;margin:0;font-size:1.85rem;font-weight:800}.splash p{opacity:.88;margin:0;font-size:14px;font-weight:500}.splash-loader{background:#ffffff38;border-radius:999px;width:42px;height:4px;margin-top:22px;overflow:hidden}.splash-loader i{border-radius:inherit;background:#fff;width:40%;height:100%;animation:1.1s ease-in-out infinite splash-bar;display:block}@keyframes splash-rise{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes splash-pulse{0%,to{opacity:.7;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.08)}}@keyframes splash-bar{0%{transform:translate(-120%)}to{transform:translate(280%)}}@keyframes splash-logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (width>=760px){.app-shell{padding-top:18px}}.league-entry{color:#92400e;background:radial-gradient(120px 80px at 100% 0,#ffffff8c,#0000 70%),linear-gradient(135deg,#fffbeb,#fde68a 46%,#fff);border:1px solid #fcd34d;border-radius:22px;align-items:center;gap:12px;margin:0 0 12px;padding:14px;transition:transform .18s;display:flex}.league-entry:active{transform:scale(.985)}.league-entry-medal{color:#fff;background:linear-gradient(160deg,#fbbf24,#d97706);border-radius:16px;place-items:center;width:46px;height:46px;display:grid;box-shadow:inset 0 0 0 1px #ffffff59,0 8px 18px #d9770647}.league-entry-copy{flex:1;gap:2px;min-width:0;display:grid}.league-entry-copy strong{font-size:15px}.league-entry-copy span{color:#a16207;font-size:12px;font-weight:700}.league-entry-copy .score-badge{color:#92400e;font-size:inherit}.league-entry-rank{background:#ffffffb8;border-radius:999px;place-items:center;min-width:36px;height:36px;padding:0 8px;font-size:16px;font-weight:800;display:grid}.league-page{gap:14px;display:grid}.league-hero{color:#451a03;background:radial-gradient(160px 110px at 0 0,#ffffff8c,#0000 70%),linear-gradient(145deg,#fbbf24,#f59e0b 42%,#fde68a);border-radius:28px;padding:18px 18px 16px;position:relative;overflow:hidden}.league-hero-glow{pointer-events:none;background:radial-gradient(circle,#ffffff73,#0000 68%);border-radius:50%;width:180px;height:180px;animation:2.8s ease-in-out infinite league-pulse;position:absolute;top:-50px;right:-40px}.league-hero-top,.league-hero-foot{justify-content:space-between;align-items:center;gap:10px;display:flex;position:relative}.league-kicker,.league-reset{background:#78350f1f;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.league-rank-label,.league-rank,.league-rank-of{text-align:center;margin:0;position:relative}.league-rank-label{opacity:.82;margin-top:16px;font-size:13px;font-weight:700}.league-rank{letter-spacing:-.04em;font-size:4.2rem;font-weight:800;line-height:.95;animation:.5s both league-rise}.league-rank-of{opacity:.84;font-size:13px;font-weight:700}.league-out{text-align:center;gap:8px;margin:28px 0 8px;display:grid;position:relative}.league-out strong{font-size:1.2rem;font-weight:800;line-height:1.35}.league-out span{opacity:.86;font-size:14px;font-weight:700;line-height:1.45}.league-hero-foot{border-top:1px solid #451a031f;align-items:flex-end;margin-top:16px;padding-top:12px}.league-hero-foot span{text-align:end;max-width:230px;font-size:12px;font-weight:700;line-height:1.5}.league-card{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:14px}.league-podium-card{background:radial-gradient(180px 100px at 50% 0%, #fbbf2429, transparent 70%), var(--card);border-color:#fde68a}.league-card-head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:12px;display:flex}.league-card-head h2{margin:0;font-size:1rem}.league-card-head span{color:var(--muted);font-size:12px;font-weight:700}.league-podium{grid-template-columns:1fr 1.18fr 1fr;align-items:end;gap:8px;margin:0;padding:4px 0 0;list-style:none;display:grid}.league-pod{grid-row:1;justify-items:center;gap:4px;min-width:0;animation:.5s both league-rise;display:grid}.league-pod.place-2{grid-column:1;animation-delay:50ms}.league-pod.place-1{grid-column:2;animation-delay:.12s}.league-pod.place-3{grid-column:3;animation-delay:.18s}.league-crown{color:#d97706;font-size:16px;line-height:1;animation:2.2s ease-in-out infinite league-medal-float}.league-crown-gap{height:16px}.league-ava{color:#fff;border-radius:999px;place-items:center;width:46px;height:46px;font-size:15px;font-weight:800;display:grid;box-shadow:inset 0 0 0 2px #ffffff59}.league-pod.place-1 .league-ava{width:54px;height:54px;font-size:17px}.league-ava.sm{width:34px;height:34px;font-size:12px}.league-pod.is-you .league-ava{box-shadow:0 0 0 3px #fff,0 0 0 5px #1f6feb}.league-pod-name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12px;font-weight:800;overflow:hidden}.league-pod-block{color:#fff;background:linear-gradient(#cd7f32,#9a3412);border-radius:16px 16px 10px 10px;place-items:center;width:100%;height:56px;display:grid;box-shadow:inset 0 1px #ffffff40}.league-pod.place-1 .league-pod-block{color:#451a03;background:linear-gradient(#fde68a,#f59e0b 45%,#d97706);height:104px}.league-pod.place-2 .league-pod-block{background:linear-gradient(#e2e8f0,#94a3b8 50%,#64748b);height:76px}.league-pod-block b{font-size:1.3rem}.league-pod.is-you .league-pod-block{box-shadow:inset 0 0 0 2px #1f6feb}.league-list{gap:8px;display:grid}.league-row{background:#f8fafc;border-radius:16px;grid-template-columns:28px 34px 1fr auto;align-items:center;gap:10px;padding:10px;animation:.4s both league-rise;display:grid}.league-row.is-you{background:var(--blue-soft);box-shadow:inset 0 0 0 1.5px #bfdbfe}.league-pos{color:var(--muted);text-align:center;font-weight:800}.league-row.is-you .league-pos{color:var(--blue-dark)}.league-person{gap:5px;min-width:0;display:grid}.league-person strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.league-person i{background:linear-gradient(90deg, var(--blue), #60a5fa);border-radius:999px;height:5px;display:block}.league-note{color:var(--muted);text-align:center;margin:0;font-size:12px;line-height:1.6}@keyframes league-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes league-pulse{0%,to{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes league-medal-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.lesson-path{gap:28px;margin:18px 0 28px;padding:8px 0 24px;list-style:none;display:grid;position:relative}.lesson-path:before{content:"";inset-inline-start:50%;z-index:0;background:#e5e5e5;border-radius:999px;width:6px;position:absolute;top:24px;bottom:40px;transform:translate(-50%)}.path-step{z-index:1;transform:translateX(calc(var(--offset,0) * 42px));justify-items:center;gap:10px;display:grid;position:relative}.path-node{cursor:pointer;width:78px;height:70px;color:inherit;background:0 0;border:0;place-items:center;padding:0;text-decoration:none;display:grid;position:relative}.path-disc{background:var(--accent,var(--blue));color:#fff;width:70px;height:62px;box-shadow:0 8px 0 color-mix(in srgb, var(--accent,var(--blue-deep)) 85%, #000);border:0;border-radius:50%;place-items:center;transition:transform 80ms,box-shadow 80ms;display:grid}.path-node:active .path-disc{box-shadow:0 4px 0 color-mix(in srgb, var(--accent,var(--blue-deep)) 85%, #000);transform:translateY(4px)}.path-node.done .path-disc{background:var(--success);box-shadow:0 8px 0 var(--success-dark)}.path-node.done:active .path-disc{box-shadow:0 4px 0 var(--success-dark)}.path-node.locked .path-disc{color:#afafaf;background:#e5e5e5;box-shadow:0 8px #cfcfcf}.path-node.locked:active .path-disc{box-shadow:0 4px #cfcfcf}.path-node.current .path-disc{animation:1.6s ease-in-out infinite path-pulse}.path-bubble{border:2px solid var(--line);color:var(--blue);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#fff;border-bottom-width:4px;border-radius:12px;padding:6px 12px;font-size:12px;font-weight:800;position:absolute;top:-34px}.path-bubble:after{content:"";border-inline-end:2px solid var(--line);border-bottom:2px solid var(--line);background:#fff;width:12px;height:12px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)rotate(45deg)}.path-label{text-align:center;gap:2px;max-width:200px;display:grid}.path-label strong{font-size:14px;font-weight:800}.path-meta{color:var(--muted);font-size:12px;font-weight:600}@keyframes path-pulse{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.player-footer-spacer{height:120px}.player-footer{inset-inline:0;z-index:35;border-top:2px solid var(--line);padding:14px 16px calc(14px + var(--safe-bottom));background:#fff;position:fixed;bottom:0}.player-footer.good{background:var(--success-soft);border-top-color:#9de04c}.player-footer.bad{background:var(--danger-soft);border-top-color:#ff9b9b}.player-footer-inner{gap:12px;max-width:480px;margin:0 auto;display:grid}.feedback-msg{align-items:center;gap:10px;display:flex}.feedback-ico{color:#fff;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid}.player-footer.good .feedback-ico{background:var(--success)}.player-footer.bad .feedback-ico{background:var(--danger)}.player-footer.good .feedback-msg strong{color:#2b7a00;font-size:1.15rem}.player-footer.bad .feedback-msg strong{color:#b91c1c;font-size:1.15rem}.sticky-next{margin-top:12px;position:static}.soon-card,.game-strip>div,.streak-card,.journey-card,.profile-card,.redeem,.settings-link,.badge-tile,.league-card,.league-entry,.placement-card,.tg-banner,.quote-card{box-shadow:none!important}.soon-card,.game-strip>div,.streak-card,.journey-card,.profile-card,.redeem,.settings-link,.badge-tile,.league-card,.league-entry,.placement-card{border-width:2px 2px 4px}.tg-banner{border:2px solid #1b7fb5;border-bottom-width:5px}.quote-card{border:2px solid #1e3a5f;border-bottom-width:6px}.profile-card input,.activate-code-box input{border:2px solid var(--line);border-radius:16px}.lock{border:2px solid var(--line);background:#f7f7f7}.eyebrow{text-transform:uppercase;letter-spacing:.06em;font-size:12px}.text-link{text-transform:none;letter-spacing:0;font-weight:800}.app-shell{padding-bottom:calc(78px + var(--safe-bottom))}.prakt-home{gap:4px;display:grid}.prakt-list{gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.prakt-card{border:2px solid var(--line);color:inherit;background:#fff;border-bottom-width:5px;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;display:grid}.prakt-card:active{border-bottom-width:3px;transform:translateY(1px)}.prakt-card.done{background:#f0fdf4;border-color:#86efac}.prakt-ico{border:2px solid #0000;border-radius:16px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.prakt-ico.tone-teal{color:#0f766e;background:#ecfdf5;border-color:#99f6e4}.prakt-ico.tone-blue{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.prakt-ico.tone-indigo{color:#4338ca;background:#eef2ff;border-color:#a5b4fc}.prakt-ico.tone-rose{color:#e11d48;background:#fff1f2;border-color:#fda4af}.prakt-ico.tone-amber{color:#b45309;background:#fffbeb;border-color:#fcd34d}.prakt-ico.tone-orange{color:#c2410c;background:#fff7ed;border-color:#fdba74}.prakt-ico.tone-emerald{color:#047857;background:#ecfdf5;border-color:#6ee7b7}.prakt-ico.tone-slate{color:#334155;background:#f8fafc;border-color:#cbd5e1}.prakt-ico.tone-cyan{color:#0e7490;background:#ecfeff;border-color:#67e8f9}.prakt-ico.tone-violet{color:#6d28d9;background:#f5f3ff;border-color:#c4b5fd}.prakt-ico.tone-sky{color:#0369a1;background:#f0f9ff;border-color:#7dd3fc}.prakt-ico.tone-stone{color:#57534e;background:#fafaf9;border-color:#d6d3d1}.prakt-ico.tone-lime{color:#4d7c0f;background:#f7fee7;border-color:#bef264}.prakt-ico.tone-fuchsia{color:#a21caf;background:#fdf4ff;border-color:#f0abfc}.prakt-ico.tone-pink{color:#be185d;background:#fdf2f8;border-color:#f9a8d4}.prakt-ico.tone-red{color:#b91c1c;background:#fef2f2;border-color:#fca5a5}.prakt-ico.tone-yellow{color:#a16207;background:#fefce8;border-color:#fde047}.prakt-ico.tone-green{color:#15803d;background:#f0fdf4;border-color:#86efac}.prakt-ico.tone-purple{color:#7e22ce;background:#faf5ff;border-color:#d8b4fe}.prakt-ico.tone-navy{color:#1e3a8a;background:#eff6ff;border-color:#60a5fa}.prakt-main{gap:2px;min-width:0;display:grid}.prakt-main strong{font-size:1.02rem}.prakt-main small{color:var(--muted);text-align:start;direction:ltr;font-weight:700}.prakt-main p{color:var(--muted);margin:4px 0 0;font-size:13px}.prakt-side{color:var(--muted);justify-items:end;gap:8px;display:grid}.prakt-parts{margin-top:12px}.prakt-words{gap:14px;display:grid}.prakt-word-card{text-align:center;border:2px solid var(--line);background:radial-gradient(120px 80px at 10% 0,#0f766e1f,#0000 70%),#fff;border-bottom-width:6px;border-radius:24px;justify-items:center;gap:12px;padding:22px 18px;display:grid}.prakt-word-chips{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;display:flex}.prakt-word-chips span{color:#0f766e;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:800}.prakt-word-de{margin:0;font-size:clamp(1.6rem,6vw,2.2rem);font-weight:800;line-height:1.2}.prakt-word-fa{color:var(--ink);margin:0;font-size:1.15rem;font-weight:800}.prakt-word-ex{background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;width:100%;padding:12px}.prakt-word-ex p{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:0 0 6px;font-weight:700;display:flex}.prakt-word-ex small{color:var(--muted);font-weight:700;display:block}.prakt-word-nav{grid-template-columns:1fr 1.4fr;gap:10px;display:grid}.prakt-word-nav .btn{gap:6px;width:100%}.prakt-talk{gap:14px;padding-bottom:88px;display:grid}.prakt-talk-intro{border:2px solid var(--line);background:radial-gradient(100px 70px at 100% 0,#0d948824,#0000 70%),#fff;border-bottom-width:5px;border-radius:18px;align-items:center;gap:12px;padding:12px 14px;display:flex}.prakt-talk-ico{width:48px;height:48px}.prakt-talk-intro strong{font-size:1.05rem;display:block}.prakt-talk-intro small{color:var(--muted);margin-top:2px;font-weight:700;display:block}.prakt-talk-tabs{background:#f1f5f9;border:2px solid #e2e8f0;border-radius:18px;grid-template-columns:1fr 1fr;gap:8px;padding:6px;display:grid}.prakt-talk-tabs button{min-height:44px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:13px;font-weight:800;display:inline-flex}.prakt-talk-tabs button b{background:#e2e8f0;border-radius:999px;place-items:center;min-width:22px;height:22px;font-size:11px;display:grid}.prakt-talk-tabs button.active{color:#0f766e;background:#fff;box-shadow:0 1px #cbd5e1}.prakt-talk-tabs button.active b{color:#0f766e;background:#ccfbf1}.prakt-talk-panel{gap:12px;display:grid}.prakt-scene-pills{flex-wrap:wrap;gap:8px;display:flex}.prakt-scene-pills button{border:2px solid var(--line);color:var(--muted);font:inherit;cursor:pointer;background:#fff;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800}.prakt-scene-pills button.active{color:#0f766e;background:#ecfdf5;border-color:#5eead4}.prakt-chat{border:2px solid var(--line);background:#fff;border-bottom-width:6px;border-radius:22px;overflow:hidden}.prakt-chat-head{background:linear-gradient(#f0fdfa,#fff 80%);border-bottom:2px solid #e2e8f0;gap:10px;padding:14px 14px 12px;display:grid}.prakt-chat-head strong{font-size:1.05rem;display:block}.prakt-chat-head small{color:var(--muted);margin-top:2px;font-weight:700;display:block}.prakt-cast{flex-wrap:wrap;gap:6px;display:flex}.prakt-cast-chip{border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:4px 10px 4px 4px;font-size:11px;font-weight:800;display:inline-flex}.prakt-avatar{border:1.5px solid #0000;border-radius:999px;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:11px;font-style:normal;font-weight:900;line-height:1;display:grid}.prakt-cast-chip.tone-0{color:#1d4ed8;background:#dbeafe;border-color:#93c5fd}.prakt-cast-chip.tone-1{color:#c2410c;background:#ffedd5;border-color:#fdba74}.prakt-cast-chip.tone-2{color:#15803d;background:#dcfce7;border-color:#86efac}.prakt-cast-chip.tone-3{color:#7e22ce;background:#f3e8ff;border-color:#d8b4fe}.prakt-cast-chip.tone-4{color:#be185d;background:#fce7f3;border-color:#f9a8d4}.prakt-cast-chip.tone-5{color:#0369a1;background:#e0f2fe;border-color:#7dd3fc}.prakt-cast-chip.tone-6{color:#b45309;background:#fef3c7;border-color:#fcd34d}.prakt-cast-chip.tone-7{color:#334155;background:#e2e8f0;border-color:#94a3b8}.prakt-avatar.tone-0{color:#fff;background:#2563eb;border-color:#1d4ed8}.prakt-avatar.tone-1{color:#fff;background:#ea580c;border-color:#c2410c}.prakt-avatar.tone-2{color:#fff;background:#16a34a;border-color:#15803d}.prakt-avatar.tone-3{color:#fff;background:#9333ea;border-color:#7e22ce}.prakt-avatar.tone-4{color:#fff;background:#db2777;border-color:#be185d}.prakt-avatar.tone-5{color:#fff;background:#0284c7;border-color:#0369a1}.prakt-avatar.tone-6{color:#fff;background:#d97706;border-color:#b45309}.prakt-avatar.tone-7{color:#fff;background:#475569;border-color:#334155}.prakt-bubbles{background:radial-gradient(circle at 12% 8%,#0f766e0d,#0000 40%),radial-gradient(circle at 88% 92%,#1d4ed80d,#0000 42%),#f8fafc;gap:12px;margin:0;padding:14px 12px 16px;list-style:none;display:grid}.prakt-bubble{background:#fff;border:2px solid #0000;border-bottom-width:4px;border-radius:18px;gap:6px;width:92%;padding:12px 14px;display:grid}.prakt-bubble.side-a{border-start-start-radius:8px;justify-self:start}.prakt-bubble.side-b{border-start-end-radius:8px;justify-self:end}.prakt-bubble.tone-0{background:linear-gradient(#eff6ff,#fff 55%);border-color:#60a5fa}.prakt-bubble.tone-1{background:linear-gradient(#fff7ed,#fff 55%);border-color:#fb923c}.prakt-bubble.tone-2{background:linear-gradient(#f0fdf4,#fff 55%);border-color:#4ade80}.prakt-bubble.tone-3{background:linear-gradient(#faf5ff,#fff 55%);border-color:#c084fc}.prakt-bubble.tone-4{background:linear-gradient(#fdf2f8,#fff 55%);border-color:#f472b6}.prakt-bubble.tone-5{background:linear-gradient(#f0f9ff,#fff 55%);border-color:#38bdf8}.prakt-bubble.tone-6{background:linear-gradient(#fffbeb,#fff 55%);border-color:#fbbf24}.prakt-bubble.tone-7{background:linear-gradient(#f8fafc,#fff 55%);border-color:#94a3b8}.prakt-bubble-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.prakt-bubble-who{letter-spacing:.01em;align-items:center;gap:8px;font-size:12px;font-weight:800;display:inline-flex}.prakt-bubble-de{color:var(--ink);margin:0;font-size:1.05rem;font-weight:800;line-height:1.45}.prakt-bubble-fa{color:var(--muted);margin:0;font-size:13px;font-weight:700;line-height:1.5}.prakt-bubble .speak-btn{flex-shrink:0;width:36px;height:36px}.prakt-phrases{gap:10px;margin:0;padding:0;list-style:none;display:grid}.prakt-phrase{border:2px solid var(--line);background:#fff;border-bottom-width:5px;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;display:grid}.prakt-phrase-n{color:#0f766e;background:#ecfdf5;border:2px solid #a7f3d0;border-radius:12px;place-items:center;width:34px;height:34px;font-size:13px;font-weight:800;display:grid}.prakt-phrase-body{gap:4px;min-width:0;display:grid}.prakt-phrase-de{margin:0;font-size:1.02rem;font-weight:800;line-height:1.4}.prakt-phrase-fa{color:var(--muted);margin:0;font-size:13px;font-weight:700;line-height:1.45}.prakt-phrase .speak-btn{color:#0f766e;background:#ecfdf5;border-color:#99f6e4;flex-shrink:0;width:42px;height:42px}.prakt-talk-foot{inset-inline:0;z-index:25;padding:10px 16px calc(12px + var(--safe-bottom));pointer-events:none;background:linear-gradient(#0000,#f7f7f7 28%);position:fixed;bottom:0}.prakt-talk-foot .btn{pointer-events:auto;width:100%;max-width:448px;margin:0 auto;display:flex}