:root{
 --bg:#080a0f;--bg2:#10131a;--surface:#151922;--surface2:#1d222d;--surface3:#252b37;
 --text:#f7f7fb;--muted:#9ca4b5;--line:#2b3140;--brand:#ff2d55;--brand2:#ff5b79;
 --gold:#ffc94a;--green:#35d59a;--cyan:#48c9ff;--purple:#8e7dff;
 --shadow:0 18px 55px rgba(0,0,0,.30);--radius:22px;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;min-height:100%;background:radial-gradient(circle at 50% -10%,#1a1e2a 0,#080a0f 44%);color:var(--text);font-family:Vazirmatn,Tahoma,sans-serif;transition:background .25s ease,color .25s ease}
html[data-theme="light"]{--bg:#f3f5f9;--bg2:#e9edf4;--surface:#ffffff;--surface2:#f5f7fb;--surface3:#e8ecf3;--text:#171b24;--muted:#667085;--line:#dbe1ea;--shadow:0 18px 45px rgba(30,45,70,.12)}
html[data-theme="light"],html[data-theme="light"] body{background:radial-gradient(circle at 50% -10%,#ffffff 0,#edf1f7 48%,#e8ecf3 100%);background-color:#e8ecf3}
html[data-theme="light"] .top-header{background:rgba(255,255,255,.88);border-bottom-color:#dfe4ec}
html[data-theme="light"] .stat-pill{background:linear-gradient(180deg,#fff,#f4f6fa)}
html[data-theme="light"] .btn.secondary,html[data-theme="light"] .vc-btn,html[data-theme="light"] .cooldown,html[data-theme="light"] .mini,html[data-theme="light"] .nav.active{background:#eef1f6;color:#252b36;border-color:#d7dde7}
html[data-theme="light"] .card,html[data-theme="light"] .quick,html[data-theme="light"] .word,html[data-theme="light"] .lesson,html[data-theme="light"] .video-card{background:linear-gradient(180deg,#fff,#f7f9fc)}
html[data-theme="light"] .bottom-nav{background:rgba(255,255,255,.92);border-color:#d7dde7;box-shadow:0 20px 50px rgba(35,48,70,.16)}
html[data-theme="light"] .nav{color:#7a8495}
html[data-theme="light"] .hero{background:radial-gradient(circle at 80% 20%,rgba(255,45,85,.10),transparent 28%),linear-gradient(135deg,#fff,#f2f5fa 65%,#f7f2f5);border-color:#dbe1ea}
html[data-theme="light"] .video-controls{background:#f1f4f8;border-top-color:#d9dfe8}
html[data-theme="light"] .vc-btn{color:#252b36}
html[data-theme="light"] .video-info p,html[data-theme="light"] .wheel-panel p{color:#687386}
html[data-theme="light"] .wheel:after{background:#f4f6fa;border-color:#cfd6e1}
html[data-theme="light"] .wheel-center{background:#fff;color:var(--brand);border-color:#d3dae5}
body{overflow-x:hidden}
button,input{font:inherit}button{cursor:pointer;border:0}
button:focus-visible,input:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.app{width:min(1180px,100%);min-height:100vh;min-height:max(100vh,100dvh);margin:auto;padding:0 18px 14px;display:flex;flex-direction:column;background:var(--bg)}
.top-header{position:sticky;top:0;z-index:60;margin:0 -18px;padding:12px 18px;background:rgba(8,10,15,.97);border-bottom:1px solid rgba(255,255,255,.06)}
.header-inner{width:min(1180px,100%);margin:auto;display:flex;align-items:center;gap:14px}
.brand{display:flex;align-items:center;gap:10px;min-width:190px}
.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#ff1e4d,#8d1737);box-shadow:0 10px 28px rgba(255,45,85,.24);font-size:18px}
.brand strong{font-size:15px;font-weight:900}.brand small{display:block;color:var(--muted);font-size:9px;margin-top:2px}
.header-stats{display:flex;gap:8px;align-items:center;flex:1;justify-content:center}
.stat-pill{display:flex;align-items:center;gap:7px;background:linear-gradient(180deg,#191e27,#11151c);border:1px solid var(--line);padding:7px 10px;border-radius:13px;min-width:92px}
.stat-pill i{font-size:13px}.stat-pill.coins i{color:var(--gold)}.stat-pill.xp i{color:var(--cyan)}.stat-pill.level i{color:var(--purple)}
.stat-pill b{font-size:11px}.stat-pill span{font-size:8px;color:var(--muted);display:block}
.user-id{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);padding:6px 9px;border-radius:14px;color:var(--text);font:inherit;cursor:pointer;transition:.18s}.user-id:hover{border-color:var(--brand);transform:translateY(-1px)}
.avatar{width:30px;height:30px;border-radius:10px;background:linear-gradient(145deg,#303849,#171b24);display:grid;place-items:center;color:#fff;font-size:12px}
.user-id b{font-size:10px}.user-id small{display:block;color:var(--muted);font-size:7px}
.theme-toggle{width:38px;height:38px;flex:none;border-radius:13px;background:var(--surface);border:1px solid var(--line);color:var(--gold);display:grid;place-items:center;box-shadow:0 6px 18px rgba(0,0,0,.08);transition:.2s}
.theme-toggle:hover{transform:translateY(-1px);border-color:var(--brand)}
html[data-theme="light"] .theme-toggle{color:#596579;background:#fff}
.screen{display:none;padding:8px 0 6px}.screen.active{display:block;animation:fade .22s ease}.screen>*{min-width:0;max-width:100%}
.page-title{display:flex;min-width:0;width:100%;max-width:100%;gap:12px;align-items:center}.page-title>div{min-width:0;max-width:100%;flex:1;overflow:hidden}.page-title h2{margin:0;max-width:100%;overflow-wrap:anywhere;word-break:normal;line-height:1.5}.page-title p{max-width:100%;overflow-wrap:anywhere}

@keyframes fade{from{opacity:.35;transform:translateY(7px)}to{opacity:1;transform:none}}
.hero{position:relative;overflow:hidden;min-height:245px;border-radius:30px;padding:30px;background:
 radial-gradient(circle at 80% 20%,rgba(255,45,85,.20),transparent 26%),
 linear-gradient(135deg,#171b26,#10131b 60%,#181521);border:1px solid #2a2f3d;box-shadow:var(--shadow);display:flex;align-items:flex-end}
.hero:before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;left:-140px;bottom:-220px;border:70px solid rgba(255,255,255,.025)}
.hero-copy{position:relative;z-index:2;max-width:650px}
.hero .eyebrow{color:#ff738f;font-size:10px;font-weight:800;letter-spacing:.2px}
.hero h1{font-size:30px;line-height:1.35;margin:8px 0 9px;font-weight:900}.hero p{margin:0;color:#b9bfcb;font-size:12px;line-height:2}
.hero-actions{display:flex;gap:9px;margin-top:20px;flex-wrap:wrap}
.btn{height:43px;border-radius:14px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:800}
.btn.primary{background:var(--brand);color:#fff;box-shadow:0 10px 25px rgba(255,45,85,.22)}.btn.secondary{background:#232936;color:#e8eaf0;border:1px solid #353c4b}
.hero-orb{position:absolute;right:9%;top:22%;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff6b88,#7e1637 62%,transparent 63%);opacity:.55;filter:blur(.2px)}
.section-head{display:flex;justify-content:space-between;align-items:center;margin:28px 2px 13px}.section-head h2{font-size:16px;margin:0}.section-head span{color:var(--muted);font-size:9px}
.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.quick{background:linear-gradient(180deg,#171c25,#12161e);border:1px solid var(--line);border-radius:20px;padding:17px;text-align:right;color:var(--text);min-height:126px;transition:.16s;position:relative;overflow:hidden}
.quick:hover{transform:translateY(-2px);border-color:#3a4150}.quick i{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:#272b39;color:#ff6d88;font-size:16px;margin-bottom:13px}
.quick:nth-child(2) i{color:var(--gold)}.quick:nth-child(3) i{color:var(--green)}.quick:nth-child(4) i{color:var(--cyan)}
.quick strong{font-size:12px;display:block}.quick span{font-size:9px;color:var(--muted);display:block;margin-top:4px}
.quick em{position:absolute;top:12px;left:12px;font-style:normal;background:#242a35;color:#cbd0dc;border-radius:9px;padding:4px 7px;font-size:8px}
.dashboard-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:14px;margin-top:14px}
.card{background:linear-gradient(180deg,#161b24,#11151d);border:1px solid var(--line);border-radius:22px;box-shadow:0 10px 30px rgba(0,0,0,.14)}
.progress-card{padding:19px}.progress-top{display:flex;justify-content:space-between;align-items:center}.progress-top strong{font-size:13px}.progress-top span{font-size:9px;color:var(--muted)}
.progress-bar{height:9px;background:#242a35;border-radius:99px;overflow:hidden;margin-top:13px}.progress-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--brand),#ff8c65);border-radius:99px;transition:.3s}
.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}.mini{padding:11px;border-radius:15px;background:#1b202a;border:1px solid #282e3a}.mini b{display:block;font-size:14px}.mini span{font-size:8px;color:var(--muted)}
.wheel-card{padding:17px;display:flex;align-items:center;gap:14px}.wheel-mini{width:80px;height:80px;border-radius:50%;flex:none;background:conic-gradient(#ff355d 0 60deg,#ffcc4a 60deg 120deg,#5ee6b0 120deg 180deg,#55caff 180deg 240deg,#9a82ff 240deg 300deg,#ff8a66 300deg 360deg);border:7px solid #242a35;box-shadow:0 0 0 2px #313746,0 8px 22px rgba(0,0,0,.3);display:grid;place-items:center;color:#fff}.wheel-mini i{background:#141820;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:12px}.wheel-copy strong{font-size:12px}.wheel-copy p{font-size:9px;color:var(--muted);line-height:1.9;margin:5px 0 9px}
.page-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.page-title h2{margin:0;font-size:20px}.page-title p{margin:4px 0 0;color:var(--muted);font-size:9px}.back{width:40px;height:40px;border-radius:13px;background:var(--surface);border:1px solid var(--line);color:#fff}
.search{height:48px;border:1px solid var(--line);background:var(--surface);border-radius:15px;display:flex;align-items:center;gap:9px;padding:0 14px;margin-bottom:14px}.search i{color:var(--muted)}.search input{border:0;outline:0;background:none;color:var(--text);width:100%;font-size:11px}
.lesson-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.lesson{padding:15px;background:var(--surface);border:1px solid var(--line);border-radius:20px;text-align:right;color:var(--text);display:flex;align-items:center;gap:12px}.lesson-no{width:47px;height:47px;flex:none;border-radius:15px;background:#252b37;color:#ff6c86;display:grid;place-items:center;font-weight:900}.lesson-info{min-width:0;flex:1}.lesson-info strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lesson-info span{display:block;color:var(--muted);font-size:8px;margin-top:4px}.lesson i{color:#626a7a;font-size:12px}
.word-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.empty-note{margin:16px 0 0;padding:20px 16px;min-height:90px;width:100%;max-width:100%;display:flex;align-items:center;justify-content:center;text-align:center;line-height:2;overflow-wrap:anywhere;word-break:normal;color:var(--muted);background:var(--surface);border:1px dashed var(--line);border-radius:18px}.word{padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:18px;position:relative}.word b{font-size:14px}.word p{font-size:9px;color:var(--muted);margin:7px 0 0;line-height:1.8}.fav{position:absolute;top:10px;left:10px;background:none;color:#626a7a}.fav.on{color:var(--gold)}
.video-hero{padding:21px;border-radius:24px;background:linear-gradient(135deg,#171d2a,#15131d);border:1px solid #2b3140;margin-bottom:14px}.video-hero small{color:#ff6c86;font-size:9px}.video-hero h3{margin:6px 0;font-size:18px}.video-hero p{margin:0;color:var(--muted);font-size:10px;line-height:2}
.video-list{display:grid;gap:14px}.video-card{overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:23px}.video-stage{position:relative;aspect-ratio:16/9;background:#050609;overflow:hidden}.video-stage video{width:100%;height:100%;display:block;object-fit:contain;background:#050609;outline:0;user-select:none;-webkit-user-select:none}.video-stage{user-select:none;-webkit-user-select:none}.video-stage:fullscreen{width:100vw;height:100vh;background:#050609}.video-stage:fullscreen video{width:100%;height:100%;object-fit:contain}.video-stage:fullscreen .watermark{position:fixed}.native-blocker{position:absolute;z-index:7;inset:0;background:transparent;pointer-events:auto}.native-blocker.allow-play{pointer-events:none}.quiz-modal{position:fixed;inset:0;z-index:250;background:rgba(0,0,0,.84);display:none;align-items:center;justify-content:center;padding:18px}.quiz-modal.show{display:flex}.quiz-box{width:min(520px,100%);background:#151922;border:1px solid #3a4150;border-radius:28px;padding:24px;box-shadow:0 30px 100px #0009}.quiz-badge{display:inline-flex;align-items:center;gap:7px;background:#2a2024;color:#ff718c;border:1px solid #473039;border-radius:99px;padding:7px 11px;font-size:9px;font-weight:900}.quiz-box h3{font-size:19px;margin:14px 0 8px}.quiz-box p{font-size:10px;color:var(--muted);line-height:2;margin:0 0 15px}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quiz-option{min-height:58px;text-align:right;padding:12px;border-radius:15px;background:#1d232e;border:1px solid #303746;color:#fff;font-size:10px;font-weight:800}.quiz-option:hover{border-color:#ff526f;background:#252b37}.quiz-option span{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#2b3240;color:#ff718c;margin-left:7px}.quiz-note{font-size:8px!important;color:#777f90!important;margin-top:13px!important}@media(max-width:650px){.quiz-options{grid-template-columns:1fr}}.shield{position:absolute;z-index:5;pointer-events:auto}.shield.top{top:0;right:0;left:0;height:48px}.shield.corner{right:0;top:0;width:105px;height:70px}.shield.bottom-link{right:0;bottom:0;left:0;height:28px}.watermark{position:absolute;z-index:6;right:15px;top:15px;color:rgba(255,255,255,.42);font-size:9px;font-weight:800;letter-spacing:.3px;pointer-events:none;animation:wm 12s linear infinite alternate}
@keyframes wm{0%{right:14px;top:14px}25%{right:70%;top:16px}50%{right:72%;top:70%}75%{right:15px;top:72%}100%{right:50%;top:40%}}
.video-controls{display:flex;align-items:center;gap:8px;padding:10px 11px 11px;background:#0c0f15;border-top:1px solid #252a35}.vc-btn{width:36px;height:36px;flex:none;border-radius:12px;background:#1b202a;color:#fff;display:grid;place-items:center;position:relative;transition:.18s}.vc-btn:hover{background:#272e3b;transform:translateY(-1px)}.seek-btn span{font-size:6px;position:absolute;bottom:3px;line-height:1}.vc-progress{flex:1;height:10px;padding:3px 0;background:transparent;border-radius:99px;cursor:pointer;touch-action:none;position:relative}.vc-progress:before{content:"";position:absolute;left:0;right:0;top:3px;height:4px;border-radius:99px;background:#303746;box-shadow:inset 0 1px 2px #0007}.vc-progress i{display:block;width:0;height:4px;position:relative;background:linear-gradient(90deg,var(--brand),#ff6d88 58%,#ffb067);border-radius:99px;pointer-events:none;box-shadow:0 0 7px rgba(255,45,85,.25);transition:width .08s linear}.time{font-size:8px;color:#aeb6c5;min-width:68px;text-align:center;white-space:nowrap}
.video-info{padding:14px}.video-info strong{font-size:13px}.video-info p{font-size:9px;color:var(--muted);margin:5px 0 10px;line-height:1.9}.video-actions{display:flex;gap:8px}.video-actions .btn{height:38px;font-size:9px;flex:1}
.wheel-page{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.wheel-wrap{display:grid;place-items:center;padding:18px;min-height:390px;overflow:visible}.wheel-dial{position:relative;width:min(330px,78vw);aspect-ratio:1;display:grid;place-items:center}.wheel{width:100%;height:100%;border-radius:50%;border:11px solid #242a35;background:conic-gradient(#ff355d 0 45deg,#ffcf4c 45deg 90deg,#50dfae 90deg 135deg,#4fc8ff 135deg 180deg,#9b82ff 180deg 225deg,#8b5cf6 225deg 315deg,#58d8ba 315deg 360deg);position:relative;transition:transform 4.2s cubic-bezier(.12,.7,.18,1);box-shadow:0 24px 55px rgba(0,0,0,.35),0 0 0 5px #171b23,inset 0 0 0 3px #11151c}.wheel:before{content:"";position:absolute;inset:9%;border-radius:50%;border:1px solid rgba(255,255,255,.25);box-shadow:inset 0 0 35px rgba(0,0,0,.18)}.wheel:after{content:"";position:absolute;inset:22%;border-radius:50%;background:#11151a;border:4px solid #343b48;box-shadow:0 8px 18px #0008}.wheel-labels{position:absolute;inset:0;z-index:2;color:#fff;font-size:11px;font-weight:900;pointer-events:none}.wheel-labels span{position:absolute;left:50%;top:50%;width:72px;height:34px;padding:4px 5px;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:3px;text-align:center;line-height:1;text-shadow:0 2px 6px #000;transform:translate(-50%,-50%) rotate(calc(var(--i)*45deg + 22.5deg)) translateY(-104px) rotate(calc(var(--i)*-45deg - 22.5deg));white-space:nowrap;border-radius:10px;background:rgba(10,13,18,.14);}.wheel-labels span b{font-size:10px;font-weight:1000}.wheel-labels span b::first-letter{font-size:10px}.pointer{width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:31px solid #fff;filter:drop-shadow(0 4px 5px #000);position:absolute;top:-12px;left:50%;transform:translateX(-50%);z-index:8}.wheel-center{position:absolute;z-index:6;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#11151a;color:var(--gold);border:3px solid #444c5b;box-shadow:0 5px 18px #0009;font-size:19px;pointer-events:none}.wheel-panel{padding:22px}.wheel-panel h3{margin:0 0 8px;font-size:18px}.test-reset{width:100%;height:42px;margin-top:9px;background:transparent!important;border:1px solid rgba(255,82,105,.45)!important;color:#ff7187!important;box-shadow:none!important}.test-reset:hover{background:rgba(255,82,105,.08)!important}.wheel-panel p{color:var(--muted);font-size:10px;line-height:2}.cooldown{padding:12px;border-radius:14px;background:#1b202a;border:1px solid #2a303d;margin:13px 0;font-size:9px;color:#cbd0da}.cooldown b{color:var(--gold)}
.profile-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:14px}.profile-card{padding:22px;text-align:center}.big-avatar{width:74px;height:74px;border-radius:25px;margin:0 auto 12px;display:grid;place-items:center;background:linear-gradient(145deg,#343b4c,#171b24);font-size:28px}.profile-card h3{margin:0;font-size:17px}.profile-card p{margin:4px 0 14px;color:var(--muted);font-size:9px}.level-ring{width:92px;height:92px;border-radius:50%;margin:10px auto;background:conic-gradient(var(--brand) var(--level-pct,0%),#2a303c 0);display:grid;place-items:center}.level-ring div{width:72px;height:72px;border-radius:50%;background:#12161d;display:grid;place-items:center}.level-ring b{font-size:20px}.setting-list{overflow:hidden}.setting{padding:16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.setting:last-child{border:0}.setting-left{display:flex;align-items:center;gap:11px}.setting-icon{width:38px;height:38px;border-radius:12px;background:#252b37;display:grid;place-items:center;color:#ff6b86}.setting strong{font-size:11px}.setting span{display:block;color:var(--muted);font-size:8px;margin-top:3px}.switch{width:46px;height:27px;padding:3px;border-radius:99px;background:#333946}.switch i{display:block;width:21px;height:21px;border-radius:50%;background:#fff;transition:.2s}.switch.on{background:var(--brand)}.switch.on i{transform:translateX(-19px)}
.modal{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.72);display:none;align-items:center;justify-content:center;padding:18px}.modal.show{display:flex}.modal-box{width:min(430px,100%);background:#151922;border:1px solid #343a48;border-radius:26px;padding:24px;text-align:center;box-shadow:0 25px 80px #0008;animation:pop .2s ease}@keyframes pop{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}.reward-icon{font-size:46px;color:var(--gold);margin-bottom:8px}.modal-box h3{margin:0;font-size:19px}.modal-box p{color:var(--muted);font-size:10px;line-height:2;margin:8px 0 18px}.reward-row{display:flex;justify-content:center;gap:10px;margin:15px 0}.reward{padding:10px 14px;background:#202631;border:1px solid #2d3442;border-radius:14px}.reward b{display:block;font-size:17px}.reward span{font-size:8px;color:var(--muted)}
.toast{position:fixed;z-index:300;bottom:92px;left:50%;transform:translateX(-50%) translateY(12px);opacity:0;pointer-events:none;background:#f6f7fb;color:#11131a;padding:10px 14px;border-radius:13px;font-size:10px;font-weight:800;box-shadow:0 15px 40px #0006;transition:.25s}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.bottom-nav{position:sticky;z-index:80;bottom:max(8px,env(safe-area-inset-bottom));margin:12px auto max(6px,env(safe-area-inset-bottom));width:min(620px,calc(100% - 24px));height:68px;border-radius:22px;background:rgba(18,22,29,.94);border:1px solid #2a303c;display:grid;grid-template-columns:repeat(6,1fr);padding:6px;box-shadow:0 20px 55px #0008}.nav{background:none;color:#70798b;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:8px}.nav i{font-size:17px}.nav.active{color:#fff;background:#252a35}.nav.active i{color:var(--brand)}
.hidden{display:none!important}
@media(max-width:900px){.quick-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.wheel-page,.profile-grid{grid-template-columns:1fr}.hero-orb{right:-30px}.word-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.theme-toggle{width:34px;height:34px;border-radius:11px}.wheel-wrap{min-height:340px;padding:18px}.wheel-dial{width:min(300px,82vw)}.wheel-labels span{font-size:10px;width:66px;height:32px;padding:3px 4px}.wheel-labels span b{font-size:9px}.empty-note{min-height:160px;display:flex;align-items:center;justify-content:center;text-align:center;width:100%;font-size:10px;padding:18px 12px}.screen#favorites{min-height:calc(100vh - 140px)}.app{padding:0 12px 6px}.top-header{margin:0 -12px;padding:10px 12px}.header-inner{gap:8px}.brand{min-width:auto}.brand strong{font-size:12px}.brand small{display:none}.header-stats{gap:4px}.stat-pill{min-width:0;padding:6px 7px}.stat-pill span{display:none}.stat-pill b{font-size:9px}.user-id{padding:5px}.user-id div:last-child{display:none}.avatar{width:28px;height:28px}.hero{min-height:300px;padding:24px}.hero h1{font-size:24px}.hero-orb{opacity:.3}.lesson-grid{grid-template-columns:1fr}.wheel-page{gap:8px;padding-bottom:24px}.wheel-panel{padding:18px 18px 28px}.screen{padding:6px 0 4px}.page-title{gap:8px;align-items:flex-start}.page-title>div{padding-top:1px}.page-title h2{font-size:18px;line-height:1.55}.page-title p{font-size:9px;line-height:1.8}.page-title .back{flex:0 0 40px}.video-info{padding:12px}.wheel-wrap{min-height:330px}.wheel-dial{width:min(292px,84vw)}.wheel-labels span{transform:translate(-50%,-50%) rotate(calc(var(--i)*45deg + 22.5deg)) translateY(-92px) rotate(calc(var(--i)*-45deg - 22.5deg))}.bottom-nav{bottom:8px;height:68px;margin-top:10px}}

/* --- Video section polish + robust light theme --- */
.video-topic{padding:12px 14px 10px;background:var(--surface);border-bottom:1px solid var(--line)}
.video-topic span{display:block;color:var(--brand);font-size:8px;font-weight:800;margin-bottom:3px}
.video-topic strong{display:block;color:var(--text);font-size:15px;line-height:1.6;overflow-wrap:anywhere}
.video-info{padding:11px 14px 14px}.video-info p{margin:0 0 10px}
html[data-theme="light"] .video-hero{background:linear-gradient(135deg,#fff,#f3f6fb);border-color:#d8deea}
html[data-theme="light"] .video-hero h3,html[data-theme="light"] .video-topic strong{color:#17202d}
html[data-theme="light"] .video-topic{background:#fff;border-bottom-color:#dce2eb}
html[data-theme="light"] .video-controls{background:#f5f7fa;border-top-color:#d9dfe8}
html[data-theme="light"] .vc-btn{background:#e8edf4;color:#202733;border-color:#d5dce7}
html[data-theme="light"] .vc-btn:hover{background:#dde4ed}
html[data-theme="light"] .vc-progress:before{background:#cbd3df;box-shadow:inset 0 1px 2px rgba(40,50,65,.18)}
html[data-theme="light"] .time{color:#5f6b7d}
html[data-theme="light"] .video-info p{color:#5f6b7d}
html[data-theme="light"] .btn.secondary{background:#eef2f7;color:#252d3a;border-color:#d5dce7}
html[data-theme="light"] .lesson,html[data-theme="light"] .word,html[data-theme="light"] .quick,html[data-theme="light"] .card,html[data-theme="light"] .video-card{color:var(--text);border-color:#dbe1ea}
html[data-theme="light"] .lesson-no,html[data-theme="light"] .mini,html[data-theme="light"] .wheel-mini{background:#e9edf4;border-color:#d4dbe6}
html[data-theme="light"] .wheel-mini{box-shadow:0 0 0 2px #d5dce7,0 8px 22px rgba(35,48,70,.12)}
html[data-theme="light"] .wheel-mini i{background:#fff;color:#343c4b}
html[data-theme="light"] .quick i{background:#e9edf4}
html[data-theme="light"] .back{color:#202733;background:#fff;border-color:#d5dce7}
html[data-theme="light"] .search{background:#fff;border-color:#dbe1ea}
html[data-theme="light"] .search input{color:#171b24}
html[data-theme="light"] .fav{color:#8a94a5}
html[data-theme="light"] .wheel{box-shadow:0 24px 55px rgba(35,48,70,.15),0 0 0 5px #e8edf4,inset 0 0 0 3px #d6dde8}
html[data-theme="light"] .wheel:after{background:#fff;border-color:#cbd4e1;box-shadow:0 8px 18px rgba(35,48,70,.15)}
html[data-theme="light"] .wheel-center{background:#fff;color:var(--brand);border-color:#cbd4e1;box-shadow:0 5px 18px rgba(35,48,70,.15)}
html[data-theme="light"] .cooldown{background:#eef2f7;color:#4d596b;border-color:#d7dee8}
html[data-theme="light"] .profile-card,html[data-theme="light"] .setting-list{color:var(--text)}
html[data-theme="light"] .setting{border-color:#dbe1ea}
html[data-theme="light"] .setting-icon{background:#e9edf4}
html[data-theme="light"] .profile-card p,html[data-theme="light"] .setting span{color:#667085}
html[data-theme="light"] .level-ring{background:conic-gradient(var(--brand) 0 var(--level-pct),#dfe4ec var(--level-pct) 100%)}
html[data-theme="light"] .toast{background:#202733;color:#fff}
html[data-theme="light"] .modal-box,html[data-theme="light"] .quiz-box{background:#fff;color:#171b24;border-color:#d6dde7}
html[data-theme="light"] .reward{background:#eef2f7;border-color:#d7dee8}
html[data-theme="light"] .quiz-option{background:#f3f6fa;color:#202733;border-color:#d8dfe8}
html[data-theme="light"] .quiz-option:hover{background:#e8edf4}

/* --- Light theme: full contrast pass --- */
html[data-theme="light"] body{color:#17202d}
html[data-theme="light"] .page-title h2{color:#17202d}
html[data-theme="light"] .page-title p{color:#667085}
html[data-theme="light"] .profile-card,html[data-theme="light"] .setting-list{background:linear-gradient(180deg,#ffffff,#f7f9fc);border-color:#d7dee8;box-shadow:0 10px 28px rgba(35,48,70,.08);color:#17202d}
html[data-theme="light"] .big-avatar{background:linear-gradient(145deg,#eef2f7,#dfe5ee);color:#344054;border:1px solid #d3dae5;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
html[data-theme="light"] .profile-card h3{color:#17202d}
html[data-theme="light"] .profile-card p{color:#667085}
html[data-theme="light"] .level-ring{background:conic-gradient(var(--brand) var(--level-pct,0%),#d9e0e9 0);box-shadow:0 8px 20px rgba(35,48,70,.08)}
html[data-theme="light"] .level-ring div{background:#fff;color:#17202d;box-shadow:inset 0 0 0 1px #e1e6ee}
html[data-theme="light"] .level-ring div span{color:#7a8495!important}
html[data-theme="light"] .profile-card>strong{color:#17202d}
html[data-theme="light"] .setting{background:transparent;border-color:#e0e5ec}
html[data-theme="light"] .setting strong{color:#273142}
html[data-theme="light"] .setting span{color:#6b7688}
html[data-theme="light"] .setting>b{color:#273142}
html[data-theme="light"] .setting-icon{background:#edf1f6;color:#ef4768;border:1px solid #dce2ea}
html[data-theme="light"] .switch{background:#cbd3df}
html[data-theme="light"] .switch i{background:#fff;box-shadow:0 2px 5px rgba(35,48,70,.18)}
html[data-theme="light"] .switch.on{background:var(--brand)}
html[data-theme="light"] .setting .btn.secondary{background:#edf1f6;color:#273142;border-color:#d4dce7}
html[data-theme="light"] .lesson{background:linear-gradient(180deg,#fff,#f7f9fc);box-shadow:0 8px 22px rgba(35,48,70,.06)}
html[data-theme="light"] .lesson-info strong{color:#202938}
html[data-theme="light"] .lesson-info span{color:#707b8d}
html[data-theme="light"] .quick{box-shadow:0 8px 22px rgba(35,48,70,.06)}
html[data-theme="light"] .mini{color:#202938}
html[data-theme="light"] .progress-bar{background:#dfe5ed}
html[data-theme="light"] .wheel-card{background:linear-gradient(180deg,#fff,#f7f9fc);border-color:#d7dee8}
html[data-theme="light"] .wheel-copy strong{color:#202938}
html[data-theme="light"] .wheel-copy p{color:#687386}
html[data-theme="light"] .bottom-nav{background:rgba(255,255,255,.96);border-color:#d6dde7;box-shadow:0 14px 38px rgba(35,48,70,.16)}
html[data-theme="light"] .nav{color:#778196}
html[data-theme="light"] .nav.active{background:#eef1f6;color:#273142}
html[data-theme="light"] .nav.active i{color:var(--brand)}

/* Final mobile/theme polish */
html[data-theme="light"]{
  background:#eef2f7;
  color:var(--text);
}
html[data-theme="light"] body{
  min-height:100vh;
  background:linear-gradient(180deg,#f8fafc 0%,#eef2f7 100%);
}
html,body,#app{min-height:100vh;}
html[data-theme="light"] .app{background:linear-gradient(180deg,#f8fafc 0%,#eef2f7 100%);}
html[data-theme="light"] .screen{
  background:transparent;
}
html[data-theme="light"] .profile-card,
html[data-theme="light"] .setting-list,
html[data-theme="light"] .card{
  color:var(--text);
}
html[data-theme="light"] .profile-card strong,
html[data-theme="light"] .setting strong,
html[data-theme="light"] .setting b{
  color:#171b24;
}
html[data-theme="light"] .profile-card p,
html[data-theme="light"] .setting span,
html[data-theme="light"] .page-title p,
html[data-theme="light"] .video-info p{
  color:#667085;
}
html[data-theme="light"] .level-ring{
  background:conic-gradient(var(--brand) calc(var(--level-pct,0%)),#dfe4ec 0);
}
html[data-theme="light"] .level-ring>div{
  background:#f8fafc;
  color:#171b24;
}
html[data-theme="light"] .video-controls{
  background:#f3f5f9;
  border-top-color:#dbe1ea;
}
html[data-theme="light"] .vc-progress{
  background:#dce2eb;
}
html[data-theme="light"] .time{
  color:#667085;
}
.video-list{display:grid;gap:22px}
.video-topic{padding:0 4px 10px;text-align:right}
.video-topic span{display:block;color:var(--brand);font-size:12px;font-weight:700;margin-bottom:4px}
.video-topic strong{display:block;font-size:20px;line-height:1.65;color:var(--text);overflow-wrap:anywhere}


.blur-btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;margin:0 0 12px;border-radius:14px;border:1px solid var(--line);background:var(--surface2);color:var(--text);font:600 13px Vazirmatn,Tahoma,sans-serif;cursor:pointer}
.blur-btn.on{background:var(--brand);border-color:var(--brand);color:#fff}
.blur-hint{font-size:11px;color:var(--muted);margin:0 8px 12px}
body.blur-meanings .word p{filter:blur(7px);-webkit-filter:blur(7px);user-select:none;-webkit-user-select:none;transition:filter .2s ease;cursor:pointer}
body.blur-meanings .word.reveal p{filter:none;-webkit-filter:none;user-select:text;-webkit-user-select:text}
html[data-theme="light"] .app{background:var(--bg)}
html[data-theme="light"] .screen{background:transparent}
html[data-theme="light"] .empty-note{background:#fff;border-color:#dbe1ea;color:#5f6b7d}
html[data-theme="light"] .profile-card,html[data-theme="light"] .setting-list{background:linear-gradient(180deg,#fff,#f7f9fc)}
html[data-theme="light"] .level-ring div{background:#fff}
html[data-theme="light"] .setting-icon{background:#eef2f7}
html[data-theme="light"],html[data-theme="light"] body,html[data-theme="light"] .app{background:#eef2f7!important;}
html[data-theme="light"] .screen#favorites{min-height:calc(100vh - 145px);background:#eef2f7;}
@media(max-width:650px){html[data-theme="light"] .screen#favorites{min-height:calc(100vh - 130px);padding-bottom:18px}.app{min-height:100vh!important;background:var(--bg);}}
/* ===== حساب کاربری + تکالیف (افزوده‌شده) ===== */
.bottom-nav{grid-template-columns:repeat(7,1fr)}
.nav{min-width:0}
.auth-overlay{position:fixed;inset:0;z-index:260;background:radial-gradient(circle at 50% -10%,#1a1e2a 0,#080a0f 55%);display:none;align-items:center;justify-content:center;padding:18px;overflow:auto}
.auth-overlay.show{display:flex}
html[data-theme="light"] .auth-overlay{background:linear-gradient(180deg,#f8fafc,#eef2f7)}
.auth-box{width:min(420px,100%);padding:24px;border-radius:26px;margin:auto}
.auth-logo{display:flex;align-items:center;gap:12px;justify-content:center;margin-bottom:18px}
.auth-logo strong{font-size:18px;font-weight:900;display:block}.auth-logo small{color:var(--muted);font-size:10px}
.seg{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:var(--surface2);padding:5px;border-radius:15px;margin-bottom:16px;border:1px solid var(--line)}
.seg button{height:38px;border-radius:11px;background:none;color:var(--muted);font:700 11px Vazirmatn,Tahoma,sans-serif}
.seg button.on{background:var(--brand);color:#fff}
.fld{display:block;margin:0 0 12px}
.fld>span{display:block;font-size:10px;color:var(--muted);margin-bottom:6px;font-weight:700}
.fld input,.fld textarea{width:100%;border:1px solid var(--line);background:var(--surface2);color:var(--text);border-radius:14px;padding:12px 13px;font:500 12px Vazirmatn,Tahoma,sans-serif;outline:0;transition:border-color .15s}
.fld textarea{min-height:100px;resize:vertical;line-height:1.9}
.fld input:focus,.fld textarea:focus{border-color:var(--brand)}
.fld input[dir="ltr"]{text-align:left}
.fld-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.btn.block{width:100%;height:46px;font-size:12px;margin-top:4px}
.form-msg{display:none;margin:0 0 12px;padding:10px 12px;border-radius:12px;font-size:10px;line-height:1.9;font-weight:700}
.form-msg.err{display:block;background:rgba(255,45,85,.12);color:#ff6b86;border:1px solid rgba(255,45,85,.3)}
.form-msg.ok{display:block;background:rgba(53,213,154,.12);color:var(--green);border:1px solid rgba(53,213,154,.3)}
html[data-theme="light"] .form-msg.err{color:#d6244a}
html[data-theme="light"] .form-msg.ok{color:#0f9b6a}
.switch-line{text-align:center;margin-top:14px;font-size:10px;color:var(--muted)}
.switch-line button{background:none;color:var(--brand);font:800 10px Vazirmatn,Tahoma,sans-serif;padding:0 4px}
.hw-card{padding:18px}
.hw-sum{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}
.hw-item{padding:13px 14px;border:1px solid var(--line);border-radius:16px;background:var(--surface);margin-top:10px}
.hw-item strong{font-size:12px;display:block;overflow-wrap:anywhere}
.hw-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}
.chip{background:var(--surface3);color:var(--muted);border-radius:99px;padding:3px 10px;font-size:9px;font-weight:700}
.chip.min{background:rgba(255,45,85,.14);color:var(--brand2)}
.hw-note{margin:9px 0 0;font-size:10px;line-height:2;color:var(--muted);overflow-wrap:anywhere;white-space:pre-wrap}
body.is-teacher .bottom-nav,body.is-teacher .header-stats,body.is-teacher .user-id{display:none!important}
.teacher-soon{padding:22px;text-align:center;line-height:2.1;font-size:11px;color:var(--muted)}
.teacher-soon i{font-size:30px;color:var(--gold);display:block;margin-bottom:10px}
/* --- مرحلهٔ آخر: فایل‌ها و پنل معلم --- */
.file-pick{display:flex;align-items:center;justify-content:center;gap:8px;height:46px;border:1.5px dashed var(--line);border-radius:14px;background:var(--surface2);color:var(--text);font:700 11px Vazirmatn,Tahoma,sans-serif;cursor:pointer;width:100%}
.file-pick:hover{border-color:var(--brand)}
.file-pick input{display:none}
.picked{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}
.picked .chip{display:inline-flex;align-items:center;gap:6px;max-width:100%}
.picked .chip button{background:none;color:var(--brand2);font-size:11px;padding:0;line-height:1}
.hint{font-size:9px;color:var(--muted);margin:7px 2px 0;line-height:1.9}
.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:9px;margin-top:10px}
.media-box{border-radius:13px;overflow:hidden;background:#000;border:1px solid var(--line);min-height:70px;display:grid;place-items:center;color:var(--muted);font-size:9px}
.media-box img,.media-box video{width:100%;max-height:220px;object-fit:contain;display:block;background:#000}
.media-box img{cursor:zoom-in}
.stud{border:1px solid var(--line);border-radius:18px;background:var(--surface);margin-top:10px;overflow:hidden}
.stud>summary{list-style:none;cursor:pointer;padding:14px;display:flex;align-items:center;gap:11px}
.stud>summary::-webkit-details-marker{display:none}
.stud .avatar{flex:none;width:38px;height:38px;border-radius:13px}
.stud-main{flex:1;min-width:0}
.stud-main strong{font-size:12px;display:block;overflow-wrap:anywhere}
.stud-main span{font-size:9px;color:var(--muted)}
.stud-body{padding:0 14px 14px}
.tvid{border:1px solid var(--line);border-radius:18px;background:var(--surface);margin-top:12px;overflow:hidden}
.tvid video{width:100%;display:block;background:#000;max-height:60vh}
.tvid-info{padding:12px 14px;display:flex;gap:10px;align-items:flex-start;justify-content:space-between}
.tvid-info strong{font-size:12px;display:block;overflow-wrap:anywhere}
.tvid-info p{margin:4px 0 0;font-size:10px;color:var(--muted);line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}
.btn.danger{background:rgba(255,45,85,.14);color:var(--brand2);border:1px solid rgba(255,45,85,.3);height:34px;font-size:10px;flex:none}
.t-search{margin-bottom:12px}
/* ===== بهبود فونت و تم روشن ===== */
:root{
 --font:"Vazirmatn","Vazir","Vazir FD","IRANSansX","IRANSans","Shabnam","Segoe UI",Tahoma,system-ui,sans-serif;
}
html,body,button,input,textarea,select,.blur-btn,.seg button,.fld input,.fld textarea,.switch-line button,.file-pick{
 font-family:var(--font)!important;
}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{
 -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
 text-rendering:optimizeLegibility;font-kerning:normal;
 font-feature-settings:"kern" 1,"liga" 1;
 font-size:14px;line-height:1.9;letter-spacing:0;
}
h1,h2,h3,strong,b{letter-spacing:0}
p{line-height:2}

/* --- اندازهٔ خواناتر متن‌ها (هر دو تم) --- */
.brand strong{font-size:17px}
.brand small{font-size:11px}
.stat-pill{min-width:100px;padding:8px 12px}
.stat-pill b{font-size:14px}
.stat-pill span{font-size:10px}
.user-id b{font-size:12px}
.user-id small{font-size:10px}
.hero .eyebrow{font-size:12px}
.hero h1{font-size:clamp(26px,5.2vw,34px);line-height:1.5}
.hero p{font-size:14px;line-height:2.1}
.btn{height:46px;font-size:13px;padding:0 18px}
.section-head h2{font-size:18px}
.section-head span{font-size:11px}
.quick strong{font-size:14px}
.quick span{font-size:11px;line-height:1.8}
.quick em{font-size:10px}
.progress-top strong{font-size:15px}
.progress-top span{font-size:11px}
.mini b{font-size:16px}
.mini span{font-size:10px}
.wheel-copy strong{font-size:14px}
.wheel-copy p{font-size:12px;line-height:1.9}
.page-title h2{font-size:22px}
.page-title p{font-size:12px}
.search input{font-size:14px}
.lesson strong,.lesson-info strong{font-size:14px;line-height:1.7}
.lesson-info span{font-size:11px}
.word b{font-size:16px}
.word p{font-size:13px;line-height:1.9}
.video-hero small{font-size:11px}
.video-hero h3{font-size:20px}
.video-hero p{font-size:12px}
.video-topic span{font-size:13px}
.video-info strong{font-size:15px}
.video-info p{font-size:12px}
.video-actions .btn{font-size:12px}
.time{font-size:11px}
.setting strong{font-size:13px}
.setting span{font-size:11px}
.profile-card h3{font-size:19px}
.profile-card p{font-size:11px}
.wheel-panel p{font-size:12px}
.cooldown{font-size:11px}
.quiz-box h3{font-size:20px;line-height:1.7}
.quiz-option{font-size:13px}
.quiz-note{font-size:10px!important}
.reward b{font-size:18px}
.nav{font-size:10px}
.chip{font-size:11px}
.hw-item strong{font-size:14px}
.hw-note{font-size:12px}
.hint{font-size:11px}
.fld>span{font-size:12px}
.fld input,.fld textarea{font-size:14px}
.form-msg{font-size:12px}
.seg button{font-size:13px}
.switch-line{font-size:12px}
.switch-line button{font-size:12px}
.file-pick{font-size:13px}
.stud-main strong,.tvid-info strong{font-size:14px}
.stud-main span{font-size:11px}
.tvid-info p{font-size:12px}
.blur-btn{font-size:13px}
.blur-hint{font-size:12px}
.empty-note{font-size:13px}
.toast{font-size:12px}

/* ===== تم روشن ===== */
html[data-theme="light"]{
 --bg:#f4f6fb;--bg2:#eceff6;--surface:#ffffff;--surface2:#f6f8fc;--surface3:#eceff6;
 --text:#141a26;--muted:#586377;--line:#e3e8f1;
 --brand:#e11d48;--brand2:#f0305a;
 --gold:#d98500;--green:#0f9d70;--cyan:#0b86cc;--purple:#6a58e6;
 --shadow:0 1px 2px rgba(16,24,40,.04),0 14px 34px rgba(16,24,40,.07);
}
html[data-theme="light"],
html[data-theme="light"] body{
 background:radial-gradient(1100px 380px at 50% -140px,rgba(225,29,72,.07),transparent 70%),#f4f6fb!important;
 color:var(--text);
}
html[data-theme="light"] .app{background:transparent!important}

/* هدر */
html[data-theme="light"] .top-header{background:rgba(255,255,255,.86);border-bottom:1px solid #e6eaf2;box-shadow:0 1px 0 rgba(16,24,40,.02)}
html[data-theme="light"] .brand small{color:var(--muted)}
html[data-theme="light"] .stat-pill{background:#fff;border:1px solid #e3e8f1;box-shadow:0 1px 2px rgba(16,24,40,.04)}
html[data-theme="light"] .stat-pill b{color:var(--text)}
html[data-theme="light"] .stat-pill span{color:var(--muted)}
html[data-theme="light"] .user-id{background:#fff;border-color:#e3e8f1;box-shadow:0 1px 2px rgba(16,24,40,.04)}
html[data-theme="light"] .user-id small{color:var(--muted)}
html[data-theme="light"] .avatar{background:linear-gradient(145deg,#eef1f7,#dde3ee);color:#344054}
html[data-theme="light"] .theme-toggle{background:#fff;color:#4a5568;border-color:#e3e8f1;box-shadow:0 1px 2px rgba(16,24,40,.05)}

/* کارت‌ها */
html[data-theme="light"] .card,
html[data-theme="light"] .quick,
html[data-theme="light"] .word,
html[data-theme="light"] .lesson,
html[data-theme="light"] .video-card,
html[data-theme="light"] .hw-item,
html[data-theme="light"] .stud,
html[data-theme="light"] .tvid,
html[data-theme="light"] .profile-card,
html[data-theme="light"] .setting-list,
html[data-theme="light"] .wheel-card,
html[data-theme="light"] .video-hero,
html[data-theme="light"] .empty-note{
 background:#fff;border:1px solid #e3e8f1;
 box-shadow:0 1px 2px rgba(16,24,40,.04),0 8px 24px rgba(16,24,40,.05);
}
html[data-theme="light"] .quick:hover,
html[data-theme="light"] .lesson:hover,
html[data-theme="light"] .word:hover{border-color:#f3b4c3;box-shadow:0 1px 2px rgba(16,24,40,.04),0 12px 30px rgba(225,29,72,.09)}
html[data-theme="light"] .empty-note{border-style:dashed;color:#586377}

/* هیرو */
html[data-theme="light"] .hero{
 background:radial-gradient(circle at 82% 18%,rgba(225,29,72,.13),transparent 32%),linear-gradient(135deg,#ffffff 0%,#fff6f8 55%,#fdeff3 100%);
 border:1px solid #f3dce3;box-shadow:0 1px 2px rgba(16,24,40,.04),0 18px 44px rgba(225,29,72,.08);
}
html[data-theme="light"] .hero:before{border-color:rgba(225,29,72,.05)}
html[data-theme="light"] .hero .eyebrow{color:#e11d48}
html[data-theme="light"] .hero h1{color:#111827}
html[data-theme="light"] .hero p{color:#4a5568}
html[data-theme="light"] .hero-orb{opacity:.16}

/* دکمه‌ها */
html[data-theme="light"] .btn.primary{background:linear-gradient(180deg,#ee2a56,#d91a45);color:#fff;box-shadow:0 8px 20px rgba(225,29,72,.26)}
html[data-theme="light"] .btn.primary:hover{background:linear-gradient(180deg,#f0335d,#c9143d)}
html[data-theme="light"] .btn.secondary{background:#fff;color:#1f2937;border:1px solid #d9dfea;box-shadow:0 1px 2px rgba(16,24,40,.05)}
html[data-theme="light"] .btn.secondary:hover{background:#f6f8fc}
html[data-theme="light"] .btn.danger{background:#ffeef2;color:#be123c;border-color:#f8c9d5}
html[data-theme="light"] .back{background:#fff;color:#1f2937;border-color:#e3e8f1;box-shadow:0 1px 2px rgba(16,24,40,.05)}

/* آیکون‌های رنگی کارت‌های میان‌بر */
html[data-theme="light"] .quick i{background:#ffe9ee;color:#e11d48}
html[data-theme="light"] .quick:nth-child(2) i{background:#fff3d6;color:#c47a00}
html[data-theme="light"] .quick:nth-child(3) i{background:#dcf6ec;color:#0f9d70}
html[data-theme="light"] .quick:nth-child(4) i{background:#ddf1fc;color:#0b86cc}
html[data-theme="light"] .quick strong{color:var(--text)}
html[data-theme="light"] .quick span{color:var(--muted)}
html[data-theme="light"] .quick em{background:#f1f4f9;color:#4a5568}
html[data-theme="light"] .lesson-no{background:#ffe9ee;color:#e11d48;border:1px solid #fbd3dc}
html[data-theme="light"] .lesson-info strong{color:var(--text)}
html[data-theme="light"] .lesson-info span{color:var(--muted)}
html[data-theme="light"] .word b{color:var(--text)}
html[data-theme="light"] .word p{color:#4a5568}
html[data-theme="light"] .fav{color:#98a2b3}

/* پیشرفت */
html[data-theme="light"] .progress-bar{background:#e8ecf3}
html[data-theme="light"] .progress-top span{color:var(--muted)}
html[data-theme="light"] .mini{background:#f6f8fc;border:1px solid #e8ecf3;color:var(--text)}
html[data-theme="light"] .mini span{color:var(--muted)}

/* جستجو و فرم‌ها */
html[data-theme="light"] .search{background:#fff;border:1px solid #e3e8f1;box-shadow:0 1px 2px rgba(16,24,40,.04)}
html[data-theme="light"] .search:focus-within{border-color:#e11d48;box-shadow:0 0 0 3px rgba(225,29,72,.12)}
html[data-theme="light"] .search i{color:#8792a5}
html[data-theme="light"] .search input::placeholder,
html[data-theme="light"] .fld input::placeholder,
html[data-theme="light"] .fld textarea::placeholder{color:#98a2b3}
html[data-theme="light"] .fld input,
html[data-theme="light"] .fld textarea{background:#f8fafd;border:1px solid #dfe5ee;color:var(--text)}
html[data-theme="light"] .fld input:focus,
html[data-theme="light"] .fld textarea:focus{background:#fff;border-color:#e11d48;box-shadow:0 0 0 3px rgba(225,29,72,.12)}
html[data-theme="light"] .fld>span{color:#475266}
html[data-theme="light"] .seg{background:#eef1f7;border-color:#e3e8f1}
html[data-theme="light"] .seg button{color:#586377}
html[data-theme="light"] .seg button.on{background:#fff;color:#e11d48;box-shadow:0 1px 3px rgba(16,24,40,.12)}
html[data-theme="light"] .file-pick{background:#f8fafd;border-color:#cdd5e2;color:#1f2937}
html[data-theme="light"] .blur-btn{background:#fff;border-color:#e3e8f1;color:var(--text)}
html[data-theme="light"] .blur-btn.on{background:#e11d48;border-color:#e11d48;color:#fff}
html[data-theme="light"] .chip{background:#eef1f7;color:#4a5568}
html[data-theme="light"] .chip.min{background:#ffe9ee;color:#be123c}
html[data-theme="light"] .form-msg.err{background:#fff0f3;color:#be123c;border-color:#f8c9d5}
html[data-theme="light"] .form-msg.ok{background:#e8f8f1;color:#0b7a55;border-color:#bfe9d6}
html[data-theme="light"] .hw-note,html[data-theme="light"] .hint,html[data-theme="light"] .tvid-info p{color:var(--muted)}

/* تنظیمات و پروفایل */
html[data-theme="light"] .setting{border-color:#edf0f5}
html[data-theme="light"] .setting strong{color:var(--text)}
html[data-theme="light"] .setting span{color:var(--muted)}
html[data-theme="light"] .setting-icon{background:#ffe9ee;color:#e11d48;border:1px solid #fbd3dc}
html[data-theme="light"] .switch{background:#cfd6e2}
html[data-theme="light"] .switch.on{background:#e11d48}

/* ویدیو */
html[data-theme="light"] .video-topic{background:transparent;border-bottom:0}
html[data-theme="light"] .video-topic span{color:#e11d48}
html[data-theme="light"] .video-controls{background:#f6f8fc;border-top:1px solid #e3e8f1}
html[data-theme="light"] .vc-btn{background:#fff;color:#1f2937;border:1px solid #dfe5ee}
html[data-theme="light"] .vc-btn:hover{background:#eef1f7}
html[data-theme="light"] .time{color:var(--muted)}

/* ناوبری پایین */
html[data-theme="light"] .bottom-nav{background:rgba(255,255,255,.94);border:1px solid #e3e8f1;box-shadow:0 10px 34px rgba(16,24,40,.13)}
html[data-theme="light"] .nav{color:#6b7587}
html[data-theme="light"] .nav.active{background:#ffeaf0;color:#be123c}
html[data-theme="light"] .nav.active i{color:#e11d48}

/* پنجره‌ها */
html[data-theme="light"] .modal{background:rgba(15,23,42,.45)}
html[data-theme="light"] .quiz-modal{background:rgba(15,23,42,.55)}
html[data-theme="light"] .modal-box,
html[data-theme="light"] .quiz-box,
html[data-theme="light"] .auth-box{background:#fff;color:var(--text);border:1px solid #e3e8f1;box-shadow:0 24px 70px rgba(16,24,40,.22)}
html[data-theme="light"] .quiz-option{background:#f6f8fc;border:1px solid #dfe5ee;color:#1f2937}
html[data-theme="light"] .quiz-option:hover{background:#fff;border-color:#e11d48}
html[data-theme="light"] .quiz-note{color:#6b7587!important}
html[data-theme="light"] .reward{background:#f6f8fc;border:1px solid #e3e8f1}
html[data-theme="light"] .toast{background:#1f2937;color:#fff}

/* ===== اتصال به دکمهٔ انتخاب متن و اسکرول ===== */
::selection{background:rgba(225,29,72,.22)}
html[data-theme="light"]{color-scheme:light}
html[data-theme="dark"]{color-scheme:dark}

@media(max-width:650px){
 body{font-size:14px}
 .hero h1{font-size:25px}
 .stat-pill{min-width:84px;padding:7px 9px}
 .nav{font-size:9.5px}
}
/* دکمهٔ محو کردن معانی: با اسکرول همراه صفحه می‌ماند */
.blur-row{
 position:sticky;top:var(--hdr-h,66px);z-index:55;
 display:flex;align-items:center;gap:10px;
 margin:0 -4px 10px;padding:8px 4px;
 background:rgba(8,10,15,.94);
 
 border-bottom:1px solid rgba(255,255,255,.05);
}
.blur-row .blur-btn{margin:0;flex:none}
.blur-row .blur-hint{margin:0;line-height:1.7}
html[data-theme="light"] .blur-row{
 background:rgba(244,246,251,.94);
 border-bottom:1px solid #e3e8f1;
}
@media(max-width:650px){.blur-row .blur-hint{font-size:11px}}
/* ===== تم روشن رنگی و شاد (فقط تم روشن؛ تم تاریک دست‌نخورده) ===== */
html[data-theme="light"]{
 --bg:transparent;--surface:#ffffff;--surface2:#f6f4ff;--surface3:#efeaff;
 --text:#1f2240;--muted:#6b6f93;--line:#e7e3fa;--brand:#ff4f7b;--brand2:#ff7a9c;
 --c-pink:#ff4f7b;--c-indigo:#6c5ce7;--c-orange:#ff8a3d;--c-teal:#10b8a6;--c-amber:#ffb020;--c-purple:#a24df0;--c-sky:#2f9bff;
 --shadow:0 16px 40px rgba(108,92,231,.14);
}
html[data-theme="light"]{background:#f6f2ff!important}html[data-theme="light"] body{background:transparent!important;color:var(--text)!important}html[data-theme="light"]::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:
  radial-gradient(520px 340px at 100% 0%,rgba(255,138,92,.22),transparent 70%),
  radial-gradient(520px 380px at 0% 8%,rgba(108,92,231,.20),transparent 70%),
  radial-gradient(600px 420px at 50% 100%,rgba(47,155,255,.18),transparent 70%)}
html[data-theme="light"] .app,html[data-theme="light"] .screen,html[data-theme="light"] .screen#favorites{background:transparent!important}

/* هدر */
html[data-theme="light"] .top-header{background:rgba(255,255,255,.78);border-bottom:1px solid rgba(108,92,231,.12);box-shadow:0 6px 24px rgba(108,92,231,.08)}
html[data-theme="light"] .brand strong{background:linear-gradient(90deg,#ff4f7b,#6c5ce7);-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-theme="light"] .brand-mark{background:linear-gradient(145deg,#ff4f7b,#ff8a3d);box-shadow:0 10px 24px rgba(255,79,123,.35);color:#fff}
html[data-theme="light"] .stat-pill{border-width:1px;box-shadow:0 4px 12px rgba(108,92,231,.07)}
html[data-theme="light"] .stat-pill.coins{background:linear-gradient(180deg,#fffaf0,#fff1cf);border-color:#ffe0a1}
html[data-theme="light"] .stat-pill.xp{background:linear-gradient(180deg,#f3faff,#dff1ff);border-color:#b9e0ff}
html[data-theme="light"] .stat-pill.level{background:linear-gradient(180deg,#f8f4ff,#ebe3ff);border-color:#d3c5ff}
html[data-theme="light"] .stat-pill.coins i{color:#f59e0b}html[data-theme="light"] .stat-pill.xp i{color:#1d8fff}html[data-theme="light"] .stat-pill.level i{color:#8b5cf6}
html[data-theme="light"] .stat-pill b{color:#1f2240}html[data-theme="light"] .stat-pill span{color:#6b6f93}
html[data-theme="light"] .theme-toggle{background:linear-gradient(145deg,#efeaff,#e1d8ff);color:#6c5ce7;border-color:#d6cbff}
html[data-theme="light"] .user-id{background:#fff;border-color:#e7e3fa}
html[data-theme="light"] .avatar{background:linear-gradient(145deg,#6c5ce7,#a24df0);color:#fff}

/* هیرو */
html[data-theme="light"] .hero{
 background:radial-gradient(circle at 85% 15%,rgba(255,255,255,.35),transparent 30%),linear-gradient(135deg,#7c5cff 0%,#c04dff 45%,#ff5f8a 100%);
 border:0;box-shadow:0 22px 50px rgba(124,92,255,.35);
}
html[data-theme="light"] .hero:before{border-color:rgba(255,255,255,.14)}
html[data-theme="light"] .hero-orb{background:radial-gradient(circle at 35% 30%,#ffe29a,#ffb347 55%,transparent 56%);opacity:.45;width:140px;height:140px;top:8%;right:-20px}
html[data-theme="light"] .hero .eyebrow{color:#fff;background:rgba(255,255,255,.22);display:inline-block;padding:4px 12px;border-radius:99px;font-size:10px}
html[data-theme="light"] .hero h1{color:#fff;text-shadow:0 2px 14px rgba(60,20,120,.25)}
html[data-theme="light"] .hero p{color:rgba(255,255,255,.92)}
html[data-theme="light"] .hero .btn.primary{background:#fff;color:#c2307a;box-shadow:0 10px 24px rgba(60,20,120,.25)}
html[data-theme="light"] .hero .btn.secondary{background:rgba(255,255,255,.22);color:#fff;border:1px solid rgba(255,255,255,.45)}

/* دکمه‌ها */
html[data-theme="light"] .btn.primary{background:linear-gradient(135deg,#ff4f7b,#ff8a3d);color:#fff;box-shadow:0 10px 24px rgba(255,79,123,.32)}
html[data-theme="light"] .btn.secondary,html[data-theme="light"] .setting .btn.secondary{background:#f1ecff;color:#5a46d6;border:1px solid #ddd3ff}
html[data-theme="light"] .section-head h2{color:#1f2240}
html[data-theme="light"] .section-head span{color:#7b7fa3}

/* دسترسی سریع: هر کارت یک رنگ */
html[data-theme="light"] .quick{border:1px solid #ebe7fb;box-shadow:0 10px 26px rgba(108,92,231,.10)}
html[data-theme="light"] .quick:nth-child(1){background:linear-gradient(180deg,#fff,#ffeef3)}
html[data-theme="light"] .quick:nth-child(2){background:linear-gradient(180deg,#fff,#fff4de)}
html[data-theme="light"] .quick:nth-child(3){background:linear-gradient(180deg,#fff,#e2f8f1)}
html[data-theme="light"] .quick:nth-child(4){background:linear-gradient(180deg,#fff,#e6f2ff)}
html[data-theme="light"] .quick i{color:#fff;box-shadow:0 8px 18px rgba(0,0,0,.15)}
html[data-theme="light"] .quick:nth-child(1) i{background:linear-gradient(145deg,#ff4f7b,#ff8aa5)}
html[data-theme="light"] .quick:nth-child(2) i{background:linear-gradient(145deg,#ff9f1c,#ffc94a);color:#fff}
html[data-theme="light"] .quick:nth-child(3) i{background:linear-gradient(145deg,#10b8a6,#4be0b3)}
html[data-theme="light"] .quick:nth-child(4) i{background:linear-gradient(145deg,#2f9bff,#6cc1ff)}
html[data-theme="light"] .quick strong{color:#1f2240}html[data-theme="light"] .quick span{color:#6b6f93}
html[data-theme="light"] .quick em{background:#fff;color:#5a46d6;box-shadow:0 3px 10px rgba(108,92,231,.12)}

/* کارت‌ها */
html[data-theme="light"] .card,html[data-theme="light"] .profile-card,html[data-theme="light"] .setting-list,html[data-theme="light"] .wheel-card,html[data-theme="light"] .hw-card{
 background:#fff;background-image:linear-gradient(180deg,#fff,#faf8ff);border:1px solid #ebe7fb;box-shadow:0 12px 30px rgba(108,92,231,.10)}
html[data-theme="light"] .progress-bar{background:#ece7ff}
html[data-theme="light"] .progress-bar i{background:linear-gradient(90deg,#ff4f7b,#ff8a3d,#ffc94a)}
html[data-theme="light"] .mini{border:0;color:#1f2240}
html[data-theme="light"] .mini:nth-child(1){background:#ffe9ef}html[data-theme="light"] .mini:nth-child(2){background:#fff1d6}html[data-theme="light"] .mini:nth-child(3){background:#e3f1ff}
html[data-theme="light"] .mini span{color:#6b6f93}
html[data-theme="light"] .wheel-copy strong,html[data-theme="light"] .progress-top strong{color:#1f2240}

/* درس‌ها: شماره‌ها رنگارنگ */
html[data-theme="light"] .lesson{background:#fff;border:1px solid #ebe7fb;box-shadow:0 8px 22px rgba(108,92,231,.08)}
html[data-theme="light"] .lesson:hover{border-color:#cfc3ff;transform:translateY(-2px)}
html[data-theme="light"] .lesson-no{color:#fff;border:0;box-shadow:0 8px 16px rgba(0,0,0,.14);background:linear-gradient(145deg,#ff4f7b,#ff8aa5)}
html[data-theme="light"] .lesson:nth-child(5n+2) .lesson-no{background:linear-gradient(145deg,#6c5ce7,#9d8dff)}
html[data-theme="light"] .lesson:nth-child(5n+3) .lesson-no{background:linear-gradient(145deg,#10b8a6,#4be0b3)}
html[data-theme="light"] .lesson:nth-child(5n+4) .lesson-no{background:linear-gradient(145deg,#ff9f1c,#ffc94a)}
html[data-theme="light"] .lesson:nth-child(5n+5) .lesson-no{background:linear-gradient(145deg,#2f9bff,#6cc1ff)}
html[data-theme="light"] .lesson-info strong{color:#1f2240}html[data-theme="light"] .lesson-info span{color:#6b6f93}

/* واژه‌ها */
html[data-theme="light"] .word{background:#fff;border:1px solid #ebe7fb;box-shadow:0 6px 18px rgba(108,92,231,.08);border-top:4px solid #ff4f7b}
html[data-theme="light"] .word:nth-child(5n+2){border-top-color:#6c5ce7}
html[data-theme="light"] .word:nth-child(5n+3){border-top-color:#10b8a6}
html[data-theme="light"] .word:nth-child(5n+4){border-top-color:#ffb020}
html[data-theme="light"] .word:nth-child(5n+5){border-top-color:#2f9bff}
html[data-theme="light"] .fav{color:#c4bde6}html[data-theme="light"] .fav.on{color:#ffb020}

/* نوار پایین: هر آیکن رنگ خودش را دارد */
html[data-theme="light"] .bottom-nav{background:rgba(255,255,255,.94);border:1px solid #e7e0ff;box-shadow:0 16px 40px rgba(108,92,231,.22)}
html[data-theme="light"] .nav{color:#6b6f93;font-weight:700}
html[data-theme="light"] .nav i{transition:transform .2s ease}
html[data-theme="light"] .bottom-nav .nav:nth-child(1){--nc:#ff4f7b;--nb:#ffe6ee}
html[data-theme="light"] .bottom-nav .nav:nth-child(2){--nc:#6c5ce7;--nb:#ebe7ff}
html[data-theme="light"] .bottom-nav .nav:nth-child(3){--nc:#ff8a3d;--nb:#ffeadb}
html[data-theme="light"] .bottom-nav .nav:nth-child(4){--nc:#10b8a6;--nb:#dcf7f3}
html[data-theme="light"] .bottom-nav .nav:nth-child(5){--nc:#f5a000;--nb:#fff0cc}
html[data-theme="light"] .bottom-nav .nav:nth-child(6){--nc:#a24df0;--nb:#f1e3ff}
html[data-theme="light"] .bottom-nav .nav:nth-child(7){--nc:#2f9bff;--nb:#ddefff}
html[data-theme="light"] .bottom-nav .nav i{color:var(--nc)!important}
html[data-theme="light"] .bottom-nav .nav.active{background:var(--nb)!important;color:var(--nc)!important;border-color:transparent!important;box-shadow:inset 0 0 0 1.5px var(--nc)}

/* پروفایل و تنظیمات */
html[data-theme="light"] .big-avatar{background:linear-gradient(145deg,#6c5ce7,#ff4f7b);color:#fff;border:0;box-shadow:0 12px 26px rgba(108,92,231,.35)}
html[data-theme="light"] .level-ring{background:conic-gradient(#ff4f7b var(--level-pct,0%),#ece7ff 0)}
html[data-theme="light"] .setting{border-color:#eee9ff}
html[data-theme="light"] .setting-icon{background:#ffe9ef;color:#ff4f7b;border:0}
html[data-theme="light"] .setting:nth-child(4n+2) .setting-icon{background:#ebe7ff;color:#6c5ce7}
html[data-theme="light"] .setting:nth-child(4n+3) .setting-icon{background:#dcf7f3;color:#10b8a6}
html[data-theme="light"] .setting:nth-child(4n+4) .setting-icon{background:#fff0cc;color:#f5a000}
html[data-theme="light"] .switch.on{background:linear-gradient(135deg,#ff4f7b,#ff8a3d)}

/* ویدیو، جستجو، فرم‌ها، ورود */
html[data-theme="light"] .video-hero{background:linear-gradient(135deg,#e8f3ff,#f3e9ff);border:1px solid #d8d0ff}
html[data-theme="light"] .video-hero small{color:#6c5ce7}
html[data-theme="light"] .video-card{border:1px solid #ebe7fb;box-shadow:0 12px 30px rgba(108,92,231,.12)}
html[data-theme="light"] .video-topic span{color:#6c5ce7}
html[data-theme="light"] .vc-btn{background:#efeaff;color:#5a46d6;border-color:#ddd3ff}
html[data-theme="light"] .search{background:#fff;border:1.5px solid #e1daff;box-shadow:0 6px 16px rgba(108,92,231,.07)}
html[data-theme="light"] .search i{color:#6c5ce7}
html[data-theme="light"] .back{background:#fff;color:#5a46d6;border-color:#ddd3ff}
html[data-theme="light"] .fld input,html[data-theme="light"] .fld textarea{background:#faf8ff;border-color:#e1daff;color:#1f2240}
html[data-theme="light"] .fld input:focus,html[data-theme="light"] .fld textarea:focus{border-color:#6c5ce7;box-shadow:0 0 0 3px rgba(108,92,231,.15)}
html[data-theme="light"] .seg{background:#f1ecff;border-color:#e1daff}
html[data-theme="light"] .seg button.on{background:linear-gradient(135deg,#6c5ce7,#a24df0);box-shadow:0 6px 14px rgba(108,92,231,.3)}
html[data-theme="light"] .auth-overlay{background:radial-gradient(520px 340px at 100% 0%,rgba(255,138,92,.25),transparent 70%),radial-gradient(520px 380px at 0% 10%,rgba(108,92,231,.25),transparent 70%),#f6f2ff}
html[data-theme="light"] .auth-box{background:#fff;border:1px solid #e7e0ff;box-shadow:0 24px 60px rgba(108,92,231,.22)}
html[data-theme="light"] .chip{background:#efeaff;color:#5a46d6}html[data-theme="light"] .chip.min{background:#ffe6ee;color:#e0356a}
html[data-theme="light"] .hw-item,html[data-theme="light"] .stud,html[data-theme="light"] .tvid{background:#fff;border-color:#ebe7fb;box-shadow:0 6px 18px rgba(108,92,231,.07)}
html[data-theme="light"] .blur-row{background:rgba(246,242,255,.94);border-bottom-color:#e7e0ff}
html[data-theme="light"] .blur-btn{background:#f1ecff;color:#5a46d6;border-color:#ddd3ff}
html[data-theme="light"] .blur-btn.on{background:linear-gradient(135deg,#ff4f7b,#ff8a3d);color:#fff;border-color:transparent}
html[data-theme="light"] .toast{background:#2b2556}
html[data-theme="light"] .quiz-option:hover{background:#efeaff}
html[data-theme="light"] .empty-note{background:#fff;border-color:#d9d0ff;color:#6b6f93}
html[data-theme="light"] .seg button.on{color:#fff!important}
html[data-theme="light"] .bottom-nav .nav.active i{transform:scale(1.08)}
html[data-theme="light"] .cooldown{background:#fff4de;color:#b86e00;border:1px solid #ffe0a1}
html[data-theme="light"] .wheel{border-color:#fff!important;box-shadow:0 20px 50px rgba(108,92,231,.28),0 0 0 5px #e4dcff}
html[data-theme="light"] .wheel:after{border-color:#e4dcff}
html[data-theme="light"] .wheel-center{color:#ff4f7b;border-color:#e4dcff}
.g2-wrap{max-width:480px;margin:0 auto;padding-bottom:6px}
.g2-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:20px 16px;text-align:center;display:grid;gap:10px}
.g2-card h3{margin:0;font-size:19px;font-weight:900;color:var(--text)}
.g2-card p{margin:0;font-size:12px;line-height:2;color:var(--muted)}
.g2-rew{font-size:12px;font-weight:800;color:var(--text)}
.g2-go{height:54px;padding:0 38px;font-size:15px;border-radius:18px;justify-self:center;margin-top:4px}
.g2-q{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:22px 10px;text-align:center;margin:12px 0;direction:rtl}
.g2-q b{display:block;font-size:clamp(26px,8vw,36px);font-weight:800;line-height:1.9;color:var(--text)}
.g2-q small{display:block;font-size:12px;color:var(--muted);line-height:1.8;margin-top:2px}
.g2-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.g2-opt{min-height:58px;padding:8px 6px;border-radius:15px;background:var(--surface);border:2px solid var(--line);color:var(--text);font:800 13px/1.6 Vazirmatn,Tahoma,sans-serif;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.g2-opt.ok{border-color:var(--green);background:rgba(53,213,154,.16)}
.g2-opt.bad{border-color:var(--brand);background:rgba(255,45,85,.14)}
.g2-bar{height:8px;border-radius:8px;background:var(--surface3);overflow:hidden;margin-top:12px}
.g2-bar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--green),var(--gold));transition:width .2s linear}
.g2-ans{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;direction:rtl;min-height:62px;padding:12px 8px;border-radius:18px;background:var(--surface);border:2px dashed var(--line);margin:12px 0}
.g2-ans.ok{border:2px solid var(--green);background:rgba(53,213,154,.12)}
.g2-ans.bad{border:2px solid var(--brand);animation:g2Shake .4s}
@keyframes g2Shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-7px)}75%{transform:translateX(7px)}}
.g2-tile,.g2-ph{min-width:46px;height:50px;padding:0 12px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;font:800 22px Vazirmatn,Tahoma,sans-serif;color:var(--text);touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.g2-tile{background:var(--surface2);border:2px solid var(--line);box-shadow:0 4px 0 var(--line)}
.g2-tile.used{opacity:.22;pointer-events:none}
.g2-tile.w{font-size:17px}
.g2-chip{background:var(--brand);border:0;color:#fff}
.g2-ph{border:2px dashed var(--line);min-width:38px;padding:0}
.g2-tiles{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;direction:rtl}
.g2-meaning{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px 10px;text-align:center;font-size:17px;font-weight:900;line-height:1.8;color:var(--text);margin-top:12px}
.g2-meaning small{display:block;font-size:11px;font-weight:600;color:var(--muted)}
.g2-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.g2-row .btn{width:100%}
.g2-row .btn[disabled]{opacity:.4}
.mg-quick{grid-column:1/-1;min-height:96px}
.mg-wrap{max-width:480px;margin:0 auto;padding-bottom:6px}
.mg-seg{grid-template-columns:repeat(2,1fr)!important;margin-top:14px}
.mg-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}
.mg-stats div{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:8px 4px;text-align:center}
.mg-stats b{display:block;font-size:15px;font-weight:800;color:var(--text)}
.mg-stats span{display:block;font-size:10px;color:var(--muted);margin-top:2px}
.mg-board{display:grid;grid-template-columns:repeat(var(--cols,4),1fr);gap:10px;perspective:900px;direction:rtl}
.mg-card{position:relative;aspect-ratio:3/4;padding:0;background:none;border:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.mg-in{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.3,.8,.3,1)}
.mg-card.open .mg-in,.mg-card.matched .mg-in{transform:rotateY(180deg)}
.mg-face{position:absolute;inset:0;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:4px;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
.mg-back{background:linear-gradient(145deg,var(--brand),#8d1737);color:rgba(255,255,255,.9);font-size:20px;box-shadow:0 6px 16px rgba(255,45,85,.22)}
.mg-front{background:var(--surface);border:2px solid var(--line);transform:rotateY(180deg);color:var(--text);text-align:center}
.mg-front b{font-size:clamp(14px,4.4vw,19px);font-weight:800;line-height:1.7;word-break:keep-all}
.mg-front small{font-size:clamp(9px,2.6vw,11px);color:var(--muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mg-card.matched .mg-front{border-color:var(--green);background:rgba(53,213,154,.12)}
.mg-card.matched{pointer-events:none}
.mg-card.wrong .mg-front{border-color:var(--brand)}
.mg-card.matched .mg-in{animation:mgPop .4s ease .35s}
@keyframes mgPop{0%,100%{transform:rotateY(180deg) scale(1)}50%{transform:rotateY(180deg) scale(1.07)}}
.mg-win{margin-top:14px;padding:16px;border-radius:18px;text-align:center;background:var(--surface);border:1px solid var(--green);color:var(--text);font-weight:700;line-height:2}
.mg-win[hidden]{display:none}
.mg-restart{width:100%;margin-top:14px;height:44px}
.mg-stage{position:relative}
.mg-overlay{position:absolute;inset:-6px;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border-radius:20px;background:rgba(12,15,22,.82);text-align:center;padding:16px}
html[data-theme="light"] .mg-overlay{background:rgba(240,243,248,.68)}
.mg-overlay[hidden],.mg-count[hidden],.mg-ov-info[hidden],.mg-start[hidden]{display:none}
.mg-ov-info{display:grid;gap:6px;color:var(--text)}
.mg-ov-lv{font-size:20px;font-weight:900}
.mg-ov-sub{font-size:12px;color:var(--muted)}
.mg-ov-rew{font-size:12px;font-weight:800;color:var(--text)}
.mg-start{height:58px;padding:0 40px;font-size:16px;border-radius:19px;animation:mgPulse 1.6s ease-in-out infinite}
@keyframes mgPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
.mg-count{min-height:120px;display:grid;place-items:center}
.mg-num{display:block;font-size:104px;font-weight:900;line-height:1;color:var(--brand);text-shadow:0 8px 30px rgba(255,45,85,.35);animation:mgNum .85s ease-out both}
.mg-num.go{font-size:64px;color:var(--green);text-shadow:0 8px 30px rgba(53,213,154,.35)}
@keyframes mgNum{0%{transform:scale(.3);opacity:0}30%{transform:scale(1.25);opacity:1}100%{transform:scale(1);opacity:1}}
html,body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
input,textarea,[contenteditable="true"]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
img,video{-webkit-user-drag:none;user-drag:none}
#capShield{position:fixed;inset:0;z-index:2147483647;background:#000;color:#fff;display:none;align-items:center;justify-content:center;flex-direction:column;gap:12px;text-align:center;padding:24px;font:700 14px/2 Vazirmatn,Tahoma,sans-serif}
#capShield.show{display:flex}
#capShield i{font-size:38px;color:#ffc94a}
@media print{html,body{display:none!important}}
/* ===== APK / Capacitor WebView fit ===== */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;max-width:100%}
body{max-width:100%;overflow-x:clip;overscroll-behavior-x:none;touch-action:pan-y pinch-zoom}
.app{width:100%;max-width:1180px;min-height:100dvh;overflow-x:clip;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
.top-header{margin-left:calc(-1 * max(12px,env(safe-area-inset-left)));margin-right:calc(-1 * max(12px,env(safe-area-inset-right)));padding-top:max(10px,env(safe-area-inset-top))}
.screen,.screen>*,.card,.hero,.quick,.lesson,.word,.video-card,.dashboard-grid>*,.wheel-page>*,.profile-grid>*,.lesson-grid>*,.word-grid>*,.quick-grid>*{min-width:0;max-width:100%}
img,video,iframe,canvas,svg{max-width:100%}
.video-stage,.video-stage video{width:100%;max-width:100%}
p,h1,h2,h3,strong,span,b,small{overflow-wrap:anywhere}
.modal>*{max-width:calc(100vw - 24px)}

/* هدر: همه‌چیز در یک ردیف و قابل‌کوچک‌شدن */
.header-inner{flex-wrap:nowrap;min-width:0}
.brand{min-width:0;flex:0 1 auto}
.brand strong{white-space:nowrap}
.header-stats{min-width:0;flex:1 1 0}
.stat-pill{min-width:0;flex:1 1 0;justify-content:center;overflow:hidden}
.stat-pill b{white-space:nowrap}
.user-id,.theme-toggle{flex:none}

/* منوی پایین: 7 تب بدون له‌شدن */
.bottom-nav{width:calc(100% - 16px);max-width:620px;padding:5px 3px;grid-template-columns:repeat(7,minmax(0,1fr))}
.nav{min-width:0;padding:0 1px;gap:3px;font-size:9px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav i{font-size:16px}

@media(max-width:650px){
  .app{padding-top:0;padding-bottom:6px}
  .brand-mark{width:34px;height:34px;border-radius:11px;font-size:15px}
  .brand strong{font-size:11px}
  .header-inner{gap:6px}
  .stat-pill{padding:6px 4px;gap:4px}
  .stat-pill i{font-size:12px}
  .stat-pill b{font-size:10px}
  .avatar{width:26px;height:26px}
  .theme-toggle{width:32px;height:32px}
  .hero{padding:20px;min-height:260px;border-radius:24px}
  .hero h1{font-size:22px}
  .hero p{font-size:12px;line-height:1.9}
  .quick-grid{gap:8px}
  .quick{padding:12px}
  .section-head{margin:20px 2px 10px}
  .btn{height:42px;font-size:12px}
  .word-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .lesson-grid{grid-template-columns:minmax(0,1fr)}
  .page-title p,.video-info p,.hw-note{font-size:11px}
}

/* گوشی‌های خیلی باریک */
@media(max-width:380px){
  .brand strong{display:none}
  .quick-grid{grid-template-columns:minmax(0,1fr)}
  .word-grid{grid-template-columns:minmax(0,1fr)}
  .nav{font-size:8px}
  .nav i{font-size:15px}
}

/* حالت افقی گوشی (ارتفاع کم) */
@media(orientation:landscape) and (max-height:520px){
  .top-header{position:static;padding-top:6px;padding-bottom:6px}
  .brand small{display:none}
  .hero{min-height:0;padding:16px}
  .hero h1{font-size:20px;margin:4px 0 6px}
  .hero p{line-height:1.7}
  .bottom-nav{height:52px;margin-top:6px;bottom:max(4px,env(safe-area-inset-bottom))}
  .nav{flex-direction:row;gap:5px;font-size:10px}
  .nav i{font-size:14px}
  .quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .dashboard-grid,.profile-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .wheel-page{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .wheel-wrap{min-height:0}
  .wheel-dial{width:min(260px,60vh)}
  .word-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .modal{align-items:flex-start;overflow-y:auto}
}

/* برچسب‌های منوی پایین: داخل دکمه بمونن */
.bottom-nav .nav,.bottom-nav .nav.active{font-weight:700!important;padding-left:0!important;padding-right:0!important;border-width:0!important}
.bottom-nav .nav span{display:block;max-width:100%;white-space:nowrap;overflow:hidden;letter-spacing:-.3px;line-height:1.4}
.bottom-nav .nav[data-screen="favorites"] span{font-size:.86em}
@media(max-width:380px){.bottom-nav .nav[data-screen="favorites"] span{font-size:.8em}}
.mg-front b.mg-fa{font-size:clamp(11px,3.4vw,15px);font-weight:700;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:normal;color:var(--brand)}
.mg-card.mg-tr .mg-front{border-style:dashed}
/* --- افزوده: پیام نبودن ویدیو --- */
.video-stage{position:relative}
.video-missing{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;color:#fff;background:rgba(0,0,0,.7);font-size:13px;line-height:2;z-index:3}

/* بهینه‌سازی عملکرد */
.word,.lesson{content-visibility:auto;contain-intrinsic-size:auto 110px}
.screen.active{will-change:auto}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.video-topic{position:relative}.new-tag{position:absolute;top:11px;left:12px;font-style:normal;font-size:10px;font-weight:800;line-height:1;padding:5px 9px;border-radius:999px;background:linear-gradient(135deg,#ff6b88,#ff8a5c);color:#fff;box-shadow:0 2px 8px rgba(255,107,136,.4)}

/* ===== بخش بازی‌ها (صفحهٔ اصلی) ===== */
.games-sec .section-head h2{display:flex;align-items:center;gap:8px}.games-sec .section-head h2 i{color:#8e7dff}
.games-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.game-card{--c1:#7c5cff;--c2:#b19cff;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:14px;min-height:190px;padding:18px;border-radius:26px;text-align:right;color:#fff;border:1px solid rgba(255,255,255,.14);background:linear-gradient(145deg,var(--c1),var(--c2));box-shadow:0 14px 30px -10px var(--c1);cursor:pointer;font-family:inherit;transition:transform .2s,box-shadow .2s}
.game-card:hover{transform:translateY(-4px) scale(1.015);box-shadow:0 20px 38px -10px var(--c1)}
.game-card:active{transform:scale(.97)}
.g-violet{--c1:#6d4aff;--c2:#a78bfa}.g-amber{--c1:#f59e0b;--c2:#fb7185}.g-teal{--c1:#0ea5a4;--c2:#4ade80}.g-rose{--c1:#e11d48;--c2:#f472b6}
.gc-glow{position:absolute;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.35),transparent 70%);top:-60px;left:-50px;pointer-events:none}
.gc-deco{position:absolute;left:-14px;bottom:-22px;font-size:112px;opacity:.16;transform:rotate(-14deg);pointer-events:none;line-height:1}
.gc-ico{position:relative;width:52px;height:52px;border-radius:17px;display:grid;place-items:center;font-size:22px;background:rgba(255,255,255,.22);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}
.gc-body{position:relative;display:block;flex:1}
.gc-tag{display:inline-block;font-style:normal;font-size:10px;padding:3px 9px;border-radius:99px;background:rgba(0,0,0,.2);margin-bottom:7px}
.gc-body strong{display:block;font-size:17px;font-weight:800;margin-bottom:5px}
.gc-body small{display:block;font-size:11.5px;line-height:1.8;opacity:.92}
.gc-foot{position:relative;display:flex;justify-content:space-between;align-items:center;gap:8px}
.gc-foot b{font-size:11px;font-weight:600;background:rgba(0,0,0,.22);padding:6px 10px;border-radius:99px}.gc-foot b i{color:#ffe08a}
.gc-play{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;background:#fff;color:var(--c1);padding:7px 14px;border-radius:99px;box-shadow:0 6px 14px rgba(0,0,0,.18)}
@media(max-width:380px){.games-list{gap:10px}.game-card{padding:14px;min-height:178px}.gc-foot b{display:none}.gc-foot{justify-content:flex-end}}
@media(min-width:900px){.games-list{grid-template-columns:repeat(4,1fr)}}