:root{--ger-black:#0f0f15;--ger-red:#C8000A;--ger-gold:#FFBA00;--light-bg:#eef0f8;--white:#FFFFFF;--text-dark:#1c1c2e;--success:#00B894;--shadow:0 4px 24px rgba(0,0,0,0.07);--radius-lg:22px;--radius-md:14px;--purple:#6C63FF;--indigo:#4834d4}body.dark-mode{--dm-bg:#05070f;--dm-surface:#080c18;--dm-card:#0d1220;--dm-card2:#111827;--dm-card3:#141d2e;--dm-border:rgba(255,255,255,0.06);--dm-border2:rgba(255,255,255,0.11);--dm-border3:rgba(124,106,255,0.2);--dm-text:#dde3f8;--dm-text2:#7889ab;--dm-text3:#3d4f6b;--dm-accent:#7c6aff;--dm-accent2:#5b4fcf;--dm-red:#ff3d57;--dm-gold:#ffc947;--dm-green:#00d68f;--dm-teal:#00bcd4;--dm-glow-p:rgba(124,106,255,0.35);--dm-glow-r:rgba(255,61,87,0.3);--dm-glow-g:rgba(0,214,143,0.3);--dm-glow-y:rgba(255,201,71,0.3);--shadow:0 8px 32px rgba(0,0,0,0.65);--shadow-lg:0 20px 60px rgba(0,0,0,0.7);--light-bg:var(--dm-bg);--white:var(--dm-card);--bg:var(--dm-bg);--text-dark:var(--dm-text)}body.dark-mode{background-color:var(--dm-bg) !important;background-image:radial-gradient(ellipse 90% 55% at 8% -8%,rgba(124,106,255,0.14) 0%,transparent 55%),radial-gradient(ellipse 70% 50% at 92% 95%,rgba(255,61,87,0.09) 0%,transparent 50%),radial-gradient(ellipse 50% 40% at 50% 50%,rgba(0,214,143,0.04) 0%,transparent 55%),radial-gradient(ellipse 40% 30% at 20% 80%,rgba(0,188,212,0.05) 0%,transparent 50%)}.ger-bg-warm{background:#fffbeb}body.dark-mode .ger-bg-warm{background:rgba(255,186,0,0.05)}.review-box.partial{border-right:4px solid var(--ger-gold) !important;background:#fffbeb !important}body.dark-mode .review-box.partial{background:rgba(255,186,0,0.05) !important}body.dark-mode header{background:rgba(8,12,20,0.94) !important;border-bottom:1px solid var(--dm-border2) !important;box-shadow:0 1px 0 rgba(124,106,255,0.12),0 4px 24px rgba(0,0,0,0.4) !important;backdrop-filter:blur(28px) !important}body.dark-mode .header-btn{background:rgba(255,255,255,0.06);color:#c8d0f0;border:1px solid rgba(255,255,255,0.08)}body.dark-mode .header-btn:hover{background:var(--dm-gold);color:#111;border-color:transparent}body.dark-mode .bottom-nav{background:rgba(8,12,20,0.97) !important;border-top:1px solid rgba(124,106,255,0.18) !important;box-shadow:0 -8px 32px rgba(0,0,0,0.6),0 -1px 0 rgba(124,106,255,0.12) !important;backdrop-filter:blur(24px) !important}body.dark-mode .bnav-item{color:var(--dm-text3)}body.dark-mode .bnav-item.active{color:var(--dm-accent)}body.dark-mode .bnav-item.active i{filter:drop-shadow(0 0 6px rgba(124,106,255,0.7))}body.dark-mode .bnav-dot{box-shadow:0 0 8px rgba(255,68,85,0.7)}body.dark-mode #mobile-more-drawer{background:#0d1117 !important;border-top:1px solid rgba(124,106,255,0.2);box-shadow:0 -12px 48px rgba(0,0,0,0.7) !important}body.dark-mode .lesson-card,body.dark-mode .g-card,body.dark-mode .l-card,body.dark-mode .cc-card,body.dark-mode .iv-card,body.dark-mode .dash-card,body.dark-mode .result-card,body.dark-mode .duel-send-card,body.dark-mode .note-card,body.dark-mode .profile-edit-card{background:var(--dm-card) !important;border-color:var(--dm-border) !important}body.dark-mode .lesson-card:hover{border-color:var(--dm-accent) !important;box-shadow:0 8px 32px rgba(124,106,255,0.2) !important}body.dark-mode .g-card:hover{border-color:var(--dm-accent) !important}body.dark-mode .lesson-content h3{color:var(--dm-text)}body.dark-mode .input-group input,body.dark-mode .textarea-answer,body.dark-mode .duel-input-new,body.dark-mode .profile-input,body.dark-mode .note-composer textarea,body.dark-mode input[type="text"],body.dark-mode input[type="email"],body.dark-mode input[type="password"],body.dark-mode textarea{background:#0d1117 !important;border-color:rgba(255,255,255,0.1) !important;color:var(--dm-text) !important}body.dark-mode .input-group input:focus,body.dark-mode .textarea-answer:focus,body.dark-mode textarea:focus{border-color:var(--dm-accent) !important;box-shadow:0 0 0 3px rgba(124,106,255,0.2) !important}body.dark-mode .auth-card{background:#0d1117;color:var(--dm-text);border-top-color:var(--dm-accent);box-shadow:0 30px 80px rgba(0,0,0,0.7),0 0 0 1px rgba(124,106,255,0.15)}body.dark-mode .question-block{background:var(--dm-card);border-color:var(--dm-border)}body.dark-mode .option-lbl{background:#0d1117;border-color:rgba(255,255,255,0.09);color:var(--dm-text)}body.dark-mode .option-lbl:hover{border-color:var(--dm-accent);background:rgba(124,106,255,0.08)}body.dark-mode #active-lesson,body.dark-mode .lesson-body{background:var(--dm-bg) !important}body.dark-mode .reading-text{background:var(--dm-card);color:#d4d8f0;border-color:var(--dm-border)}body.dark-mode .tabs{background:#0d1117;border-color:var(--dm-border)}body.dark-mode .tab-btn{color:var(--dm-text2)}body.dark-mode .tab-btn.active{background:rgba(124,106,255,0.15);color:var(--dm-accent)}body.dark-mode .step-indicator{background:#0d1117;color:var(--dm-text2);border-color:var(--dm-border)}body.dark-mode .step-indicator.active{background:var(--dm-red);color:white;box-shadow:0 0 14px rgba(255,68,85,0.4)}body.dark-mode .progress-container{background:rgba(255,255,255,0.06)}body.dark-mode .vocab-item{background:var(--dm-card);border-color:var(--dm-border)}body.dark-mode .lesson-stat{background:#0d1117;color:var(--dm-text2)}body.dark-mode .lb-item{border-color:var(--dm-border)}body.dark-mode .note-composer{background:var(--dm-card)}body.dark-mode .note-text{color:#d4d8f0}body.dark-mode .note-tag-btn{background:#0d1117;border-color:var(--dm-border);color:var(--dm-text2)}body.dark-mode .filter-btn{background:#0d1117;border-color:var(--dm-border);color:var(--dm-text2)}body.dark-mode .filter-btn.active{background:rgba(124,106,255,0.18);color:var(--dm-accent);border-color:rgba(124,106,255,0.3)}body.dark-mode .duel-send-card{background:var(--dm-card);border-color:var(--dm-border)}body.dark-mode .audio-player-box{background:linear-gradient(135deg,#0a0f1a,var(--dm-card));border-color:rgba(6,214,160,0.2)}body.dark-mode .lb-item:nth-child(1){background:linear-gradient(135deg,rgba(255,209,102,0.12),rgba(255,209,102,0.04));border-color:rgba(255,209,102,0.25) !important}body.dark-mode .lb-item:nth-child(2){background:linear-gradient(135deg,rgba(192,192,192,0.1),rgba(192,192,192,0.03));border-color:rgba(192,192,192,0.2) !important}body.dark-mode .lb-item:nth-child(3){background:linear-gradient(135deg,rgba(205,127,50,0.1),rgba(205,127,50,0.03));border-color:rgba(205,127,50,0.2) !important}body.dark-mode .lesson-card.active-card,body.dark-mode .g-card.active-card{box-shadow:0 0 0 2px var(--dm-accent),0 8px 32px rgba(124,106,255,0.25) !important}body.dark-mode .g-hero{background:linear-gradient(135deg,#06001f 0%,#1a0c3e 50%,#2d1b69 100%) !important;box-shadow:0 8px 40px rgba(124,106,255,0.25),inset 0 1px 0 rgba(255,255,255,0.06)}body.dark-mode .l-hero{background:linear-gradient(135deg,#001a14 0%,#003d2e 50%,#00695c 100%) !important;box-shadow:0 8px 40px rgba(6,214,160,0.2),inset 0 1px 0 rgba(255,255,255,0.06)}body.dark-mode .cc-hero{background:linear-gradient(135deg,#001a33 0%,#003566 50%,#1a5276 100%) !important;box-shadow:0 8px 40px rgba(26,82,118,0.4)}body.dark-mode .iv-hero{background:linear-gradient(135deg,#1a0a00 0%,#3d1a00 50%,#7d3c00 100%) !important}body.dark-mode .hero-banner{background:linear-gradient(135deg,rgba(8,12,20,0.9),rgba(124,106,255,0.3)) !important;box-shadow:0 16px 48px rgba(124,106,255,0.2) !important;border-bottom-color:var(--dm-accent) !important}body.dark-mode .dash-card{background:var(--dm-card) !important;border:1px solid var(--dm-border);box-shadow:0 4px 24px rgba(0,0,0,0.4)}body.dark-mode .dash-card h3{border-bottom-color:rgba(255,255,255,0.07)}body.dark-mode .g-lv-btn,body.dark-mode .l-lv-btn,body.dark-mode .cc-filter-btn{background:var(--dm-card) !important;border-color:var(--dm-border) !important;color:var(--dm-text2) !important}body.dark-mode [style*="display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding:12px 16px;background:var(--white)"]{background:var(--dm-card) !important}body.dark-mode .g-explain-card{background:var(--dm-card);border-color:var(--dm-border)}body.dark-mode .ge-start-wrap{background:linear-gradient(to top,var(--dm-bg) 65%,transparent) !important}body.dark-mode .g-q-option{background:var(--dm-card);border-color:var(--dm-border);color:var(--dm-text)}body.dark-mode .g-q-option:hover{border-color:var(--dm-accent);background:rgba(124,106,255,0.1)}body.dark-mode .g-q-option.correct{background:rgba(6,214,160,0.15) !important;border-color:var(--dm-green) !important;color:#6ee7c8 !important}body.dark-mode .g-q-option.wrong{background:rgba(255,68,85,0.12) !important;border-color:var(--dm-red) !important;color:#ff8899 !important}body.dark-mode #g-result-body,body.dark-mode #l-result-body,body.dark-mode #cc-result-body,body.dark-mode #iv-result-body{background:var(--dm-bg)}body.dark-mode .friends-search-box,body.dark-mode .friends-section{background:var(--dm-card) !important;border-color:var(--dm-border) !important}body.dark-mode .pt-home-result{background:var(--dm-card) !important}body.dark-mode .pt-result-info h4{color:var(--dm-text) !important}body.dark-mode .g-q-option.selected,body.dark-mode [data-oi].selected{border-color:var(--dm-accent) !important;background:rgba(124,106,255,0.18) !important;color:#c4b5fd !important;box-shadow:0 0 0 2px rgba(124,106,255,0.3),inset 0 0 12px rgba(124,106,255,0.08) !important}body.dark-mode .g-q-option.correct{border-color:var(--dm-green) !important;background:rgba(6,214,160,0.15) !important;color:#6ee7c8 !important;box-shadow:0 0 0 2px rgba(6,214,160,0.25) !important}body.dark-mode .g-q-option.wrong{border-color:var(--dm-red) !important;background:rgba(255,68,85,0.12) !important;color:#ff8899 !important}body.dark-mode [data-oi]{border-color:rgba(255,255,255,0.1) !important;background:rgba(255,255,255,0.04) !important;color:#8892b0 !important;transition:all 0.18s cubic-bezier(.34,1.56,.64,1) !important}body.dark-mode [data-oi]:hover{border-color:rgba(124,106,255,0.4) !important;background:rgba(124,106,255,0.1) !important;color:#c4b5fd !important;transform:translateY(-1px)}body.dark-mode [data-oi][style*="FFBA00"],body.dark-mode [data-oi][style*="ffba00"]{border-color:var(--dm-accent) !important;background:rgba(124,106,255,0.2) !important;color:#c4b5fd !important;box-shadow:0 0 0 2px rgba(124,106,255,0.3) !important}body.dark-mode .ge-mq-opt{background:#0d1117 !important;border-color:rgba(255,255,255,0.08) !important;color:#94a3b8 !important}body.dark-mode .ge-mq-opt:not(.locked):hover{border-color:var(--dm-accent) !important;background:rgba(124,106,255,0.12) !important;color:#c4b5fd !important;transform:translateY(-1px)}body.dark-mode .ge-mq-opt.correct{background:rgba(6,214,160,0.15) !important;border-color:var(--dm-green) !important;color:#6ee7b7 !important;box-shadow:0 0 0 2px rgba(6,214,160,0.2) !important}body.dark-mode .ge-mq-opt.wrong{background:rgba(255,68,85,0.12) !important;border-color:var(--dm-red) !important;color:#fca5a5 !important}body.dark-mode .option-lbl{background:#0d1117 !important;border-color:rgba(255,255,255,0.08) !important;color:#8892b0 !important;transition:all .18s ease !important}body.dark-mode .option-lbl:has(input:checked){border-color:var(--dm-accent) !important;background:rgba(124,106,255,0.18) !important;color:#c4b5fd !important;box-shadow:0 0 0 2px rgba(124,106,255,0.25) !important}body.dark-mode input[type=radio]:checked+.option-text,body.dark-mode .option-lbl.selected-opt{color:#c4b5fd !important}body.dark-mode::-webkit-scrollbar{width:3px;height:3px}body.dark-mode::-webkit-scrollbar-track{background:transparent}body.dark-mode::-webkit-scrollbar-thumb{background:rgba(124,106,255,0.35);border-radius:4px}body.dark-mode::selection{background:rgba(124,106,255,0.35);color:white}body.dark-mode .xp-val,body.dark-mode [id*="xp-count"],body.dark-mode [class*="xp"]{text-shadow:0 0 12px rgba(255,209,102,0.5)}@keyframes dmDotPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,68,85,0.7)}50%{box-shadow:0 0 0 5px rgba(255,68,85,0)}}body.dark-mode .bnav-dot{animation:dmDotPulse 2s ease-in-out infinite}body.dark-mode #mobile-more-drawer [onclick]{background:#131929 !important;border:1px solid rgba(255,255,255,0.07)}body.dark-mode #mobile-more-drawer [onclick]:active{background:rgba(124,106,255,0.15) !important}body.dark-mode #mobile-more-drawer span{color:#8892b0 !important}body.dark-mode #mobile-more-drawer [onclick*="friends"]{background:rgba(233,30,140,0.12) !important;border-color:rgba(233,30,140,0.2) !important}body.dark-mode #mobile-more-drawer [onclick*="friends"] span{color:#f472b6 !important}body.dark-mode .toast{background:#161f2e !important;color:var(--dm-text) !important;border:1px solid var(--dm-border2) !important;box-shadow:0 8px 32px rgba(0,0,0,0.6) !important}body.dark-mode #placement-screen{background:var(--dm-bg)}.hm-hero{background:linear-gradient(145deg,#0a0e1a 0%,#111827 40%,#1a0a2e 100%);border-radius:0 0 28px 28px;padding:20px 18px 22px;position:relative;overflow:hidden;margin-bottom:20px;box-shadow:0 8px 40px rgba(0,0,0,0.35)}.hm-orb{position:absolute;border-radius:50%;filter:blur(40px);pointer-events:none;animation:hmOrb 8s ease-in-out infinite alternate}.hm-orb1{width:180px;height:180px;background:rgba(108,99,255,.22);top:-60px;right:-40px;animation-duration:7s}.hm-orb2{width:140px;height:140px;background:rgba(255,68,85,.15);bottom:-50px;left:-30px;animation-duration:9s;animation-delay:1s}.hm-orb3{width:100px;height:100px;background:rgba(255,186,0,.12);top:50%;left:50%;transform:translate(-50%,-50%);animation-duration:11s}@keyframes hmOrb{from{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.15)}}.hm-welcome{font-size:clamp(17px,5vw,22px);font-weight:900;color:white;margin-bottom:4px}.hm-level-pill{display:inline-flex;align-items:center;gap:5px;background:rgba(108,99,255,.2);border:1px solid rgba(108,99,255,.35);color:#a78bfa;border-radius:50px;padding:3px 12px;font-size:11px;font-weight:800;letter-spacing:.3px}.hm-streak-chip{display:flex;align-items:center;gap:8px;background:rgba(255,186,0,.12);border:1px solid rgba(255,186,0,.25);border-radius:16px;padding:8px 12px}.hm-streak-num{font-size:20px;font-weight:900;color:#FFBA00;line-height:1}.hm-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}.hm-stat-pill{background:rgba(255,255,255,.07);border-radius:14px;padding:10px 6px;text-align:center;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(6px)}.hm-stat-val{font-size:clamp(16px,4vw,22px);font-weight:900;color:white;line-height:1}.hm-stat-lbl{font-size:10px;color:rgba(255,255,255,.55);margin-top:4px}.hm-section-title{font-size:13px;font-weight:800;color:#333;margin:0 0 12px;display:flex;align-items:center;justify-content:space-between;gap:8px}body.dark-mode .hm-section-title{color:#8892b0}.hm-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.hm-quick-btn{border-radius:18px;padding:16px 10px 14px;text-align:center;cursor:pointer;position:relative;overflow:hidden;transition:all .25s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(255,255,255,.08)}.hm-quick-btn:active{transform:scale(.94)}@media(min-width:400px){.hm-quick-btn:hover{transform:translateY(-4px)}}.hm-quick-btn::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,transparent 100%);border-radius:inherit;pointer-events:none}.hm-qb-icon{font-size:26px;margin-bottom:6px;line-height:1}.hm-qb-label{font-size:12px;font-weight:800;color:white}.hm-qb-count{font-size:10px;color:rgba(255,255,255,.6);margin-top:3px}.hm-q-grammar{background:linear-gradient(135deg,#12002e,#4C1D95);box-shadow:0 6px 20px rgba(76,29,149,.35)}.hm-q-listen{background:linear-gradient(135deg,#003d2e,#00897b);box-shadow:0 6px 20px rgba(0,137,123,.3)}.hm-q-cc{background:linear-gradient(135deg,#001a33,#1a5276);box-shadow:0 6px 20px rgba(26,82,118,.35)}.hm-q-iv{background:linear-gradient(135deg,#1a0f00,#7d3c00);box-shadow:0 6px 20px rgba(125,60,0,.35)}.hm-q-duels{background:linear-gradient(135deg,#1a0000,#7a0000);box-shadow:0 6px 20px rgba(208,0,0,.3)}.hm-q-lessons{background:linear-gradient(135deg,#001529,#003566);box-shadow:0 6px 20px rgba(0,53,102,.35)}.rm-refresh-btn{background:none;border:none;cursor:pointer;font-size:16px;padding:2px 6px;border-radius:8px;transition:.2s;opacity:.7}.rm-refresh-btn:hover{opacity:1;transform:rotate(90deg)}.rm-ai-card{background:linear-gradient(135deg,#0d1117,#161f2e);border-radius:20px;padding:18px;margin-bottom:12px;border:1px solid rgba(108,99,255,.25);box-shadow:0 4px 24px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.04)}body.dark-mode .rm-ai-card{border-color:rgba(108,99,255,.35)}.rm-loading{display:flex;align-items:center;gap:4px;padding:8px 0}.rm-loading-dot{width:7px;height:7px;border-radius:50%;background:#6C63FF;animation:rmBounce .9s ease-in-out infinite}@keyframes rmBounce{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(-6px);opacity:1}}.rm-track-card{background:var(--white);border-radius:20px;padding:18px;margin-bottom:12px;box-shadow:0 3px 16px rgba(0,0,0,.07);border:1px solid rgba(0,0,0,.05)}body.dark-mode .rm-track-card{background:#111827;border-color:rgba(255,255,255,.06)}.rm-track-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.rm-track{display:flex;align-items:center;justify-content:space-between;position:relative;padding:0 4px}.rm-track::before{content:'';position:absolute;top:22px;left:24px;right:24px;height:3px;background:rgba(0,0,0,.07);border-radius:3px;z-index:0}body.dark-mode .rm-track::before{background:rgba(255,255,255,.07)}.rm-track-fill{position:absolute;top:22px;left:24px;height:3px;border-radius:3px;z-index:1;background:linear-gradient(90deg,#22c55e,#6C63FF);transition:width 1.2s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px rgba(108,99,255,.4)}.rm-node{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;z-index:2;cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.rm-node:active{transform:scale(.9)}.rm-node-circle{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;transition:all .35s cubic-bezier(.34,1.56,.64,1);position:relative}.rm-node-circle.done{box-shadow:0 4px 18px var(--node-glow,rgba(34,197,94,.4));border:3px solid transparent;color:white}.rm-node-circle.current{animation:rmPulse 2s ease-in-out infinite;border:3px solid var(--node-color,#6C63FF);background:rgba(108,99,255,.15) !important;color:var(--node-color,#6C63FF)}.rm-node-circle.locked{background:rgba(0,0,0,.06) !important;border:3px solid rgba(0,0,0,.08);color:rgba(0,0,0,.2)}body.dark-mode .rm-node-circle.locked{background:rgba(255,255,255,.04) !important;border-color:rgba(255,255,255,.08);color:rgba(255,255,255,.15)}@keyframes rmPulse{0%,100%{box-shadow:0 0 0 0 var(--node-glow,rgba(108,99,255,.4))}50%{box-shadow:0 0 0 10px rgba(0,0,0,0)}}.rm-node-label{font-size:11px;font-weight:800;transition:.3s}.rm-node-popup{position:absolute;top:-80px;left:50%;transform:translateX(-50%);background:#1a1a2e;color:white;border-radius:12px;padding:10px 14px;font-size:12px;white-space:nowrap;z-index:100;box-shadow:0 8px 28px rgba(0,0,0,.4);border:1px solid rgba(108,99,255,.3);animation:geFadeIn .2s ease;pointer-events:none}.rm-node-popup::after{content:'';position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:12px;height:12px;background:#1a1a2e;border-right:1px solid rgba(108,99,255,.3);border-bottom:1px solid rgba(108,99,255,.3);transform:translateX(-50%) rotate(45deg)}.rm-modules-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.rm-module-card{background:var(--white);border-radius:16px;padding:12px 14px;border:1px solid rgba(0,0,0,.05);box-shadow:0 2px 10px rgba(0,0,0,.05);transition:.2s;cursor:pointer}.rm-module-card:active{transform:scale(.96)}body.dark-mode .rm-module-card{background:#111827;border-color:rgba(255,255,255,.06)}.rm-mod-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.rm-mod-label{font-size:12px;font-weight:800;color:#333}body.dark-mode .rm-mod-label{color:#d4d8f0}.rm-mod-count{font-size:11px;font-weight:700}.rm-mod-bar-bg{height:5px;background:rgba(0,0,0,.07);border-radius:5px;overflow:hidden}body.dark-mode .rm-mod-bar-bg{background:rgba(255,255,255,.07)}.rm-mod-bar{height:100%;border-radius:5px;transition:width .9s ease}.rm-milestones-card{background:var(--white);border-radius:18px;padding:16px;border:1px solid rgba(0,0,0,.05);box-shadow:0 2px 10px rgba(0,0,0,.05);margin-bottom:12px}body.dark-mode .rm-milestones-card{background:#111827;border-color:rgba(255,255,255,.06)}.rm-milestone-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid rgba(0,0,0,.05)}body.dark-mode .rm-milestone-row{border-bottom-color:rgba(255,255,255,.05)}.rm-milestone-row:last-child{border-bottom:none;padding-bottom:0}.rm-ms-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.rm-ms-icon.done{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 3px 10px rgba(34,197,94,.3)}.rm-ms-icon.todo{background:rgba(0,0,0,.05)}body.dark-mode .rm-ms-icon.todo{background:rgba(255,255,255,.06)}#rm-completion-popup{position:fixed;inset:0;z-index:1000;display:none;align-items:flex-end;justify-content:center;background:rgba(0,0,0,.6);backdrop-filter:blur(6px)}.rm-popup-sheet{background:linear-gradient(180deg,#0d1117,#111827);border-radius:28px 28px 0 0;width:100%;max-width:520px;padding:28px 20px 40px;animation:rmSlideUp .4s cubic-bezier(.34,1.56,.64,1);border-top:1px solid rgba(108,99,255,.3);box-shadow:0 -20px 60px rgba(0,0,0,.5)}@keyframes rmSlideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}.rm-popup-close{position:absolute;top:14px;left:16px;background:rgba(255,255,255,.1);border:none;color:white;width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:18px}@media(max-width:360px){.hm-stats-row{grid-template-columns:repeat(2,1fr)}.hm-stat-val{font-size:18px}.rm-node-circle{width:38px;height:38px;font-size:12px}}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}button,[onclick],.bnav-item,.lesson-card,.g-card,.l-card,.cc-card,.iv-card,.ge-tab,.hm-quick-btn,.rm-module-card,.rm-node,.ge-flip-card{touch-action:manipulation}button,.bnav-item,.lesson-card,.g-card,.l-card,.ge-tab,.hm-quick-btn,.rm-module-card,.rm-node{-webkit-user-select:none;user-select:none}input,textarea,select{font-size:16px !important}.input-group input,.note-composer textarea,.duel-input-new,.profile-input,.friends-search-box input{font-size:16px !important}.hm-orb,.rm-node-circle,.ge-start-btn,.hm-quick-btn,.bottom-nav,.rm-track-fill,.hero-progress-bar,#hero-progress-bar{will-change:transform,opacity}.hm-quick-btn:active{transform:scale(0.93) !important;opacity:0.88}.rm-module-card:active{transform:scale(0.96)}.lesson-card:active{transform:scale(0.98);box-shadow:0 4px 14px rgba(0,0,0,0.15) !important}.g-card:active,.l-card:active{transform:translateX(-2px)}.ge-tab:active{transform:scale(0.95)}.ge-flip-card:active .ge-flip-inner{transform:rotateY(180deg) !important}@media (max-width:768px){.app-screen.active-screen{padding-bottom:80px;min-height:calc(100vh - 60px)}#active-lesson,#g-quiz-screen,#l-quiz-screen,#cc-dialog-screen,#iv-dialog-screen,#g-explain-screen,#g-result-screen{padding-bottom:90px !important}}body.dark-mode .result-card,body.dark-mode .badge-detail-card,body.dark-mode .streak-banner{background:var(--dm-card) !important;border-color:var(--dm-border) !important}body.dark-mode .streak-day.done{background:var(--dm-accent) !important;color:white !important}body.dark-mode .streak-day.today{background:var(--dm-gold) !important;color:#111 !important}body.dark-mode .duel-tab.on{background:var(--dm-card) !important;color:var(--dm-red) !important}body.dark-mode #results-screen,body.dark-mode .lesson-body,body.dark-mode #active-lesson{background:var(--dm-bg) !important}body.dark-mode .reading-text{background:var(--dm-card) !important;color:#d4d8f0 !important}body.dark-mode .option-lbl{background:#0d1117 !important;border-color:rgba(255,255,255,0.09) !important;color:var(--dm-text) !important}body.dark-mode .option-lbl:hover{border-color:var(--dm-accent) !important;background:rgba(124,106,255,0.08) !important}body.dark-mode input:focus,body.dark-mode textarea:focus{border-color:var(--dm-accent) !important;box-shadow:0 0 0 3px rgba(124,106,255,0.2) !important;background:#0a0e1a !important}body.dark-mode .progress-container,body.dark-mode [style*="background:#f1f2f6"],body.dark-mode [style*="background:#f1f2f6"]{background:rgba(255,255,255,0.07) !important}body.dark-mode .tabs,body.dark-mode .tab-btn{background:var(--dm-card) !important}body.dark-mode .tab-btn.active{background:rgba(124,106,255,0.18) !important;color:var(--dm-accent) !important}body.dark-mode [style*="background:linear-gradient(to right,var(--ger-red)"]{opacity:0.7}body.dark-mode .pt-home-banner{background:linear-gradient(135deg,#0a0e1a,#111827) !important}body.dark-mode .pt-home-result{background:var(--dm-card) !important}body.dark-mode .cc-home-card,body.dark-mode .iv-home-card{border:1px solid var(--dm-border) !important}body.dark-mode .vocab-item{background:var(--dm-card) !important;border-color:var(--dm-border) !important;color:var(--dm-text) !important}body.dark-mode .review-box{background:var(--dm-card) !important;border-color:var(--dm-border) !important;color:var(--dm-text) !important}body.dark-mode .lesson-stats,body.dark-mode .lesson-content h3{color:var(--dm-text) !important}body.dark-mode .lesson-stat{background:#0d1117 !important;color:var(--dm-text2) !important}body.dark-mode .start-btn{background:rgba(255,255,255,0.08) !important;color:var(--dm-text) !important}body.dark-mode .lesson-card:hover .start-btn{background:var(--dm-red) !important;color:white !important}body.dark-mode .lesson-tag{opacity:0.9}body.dark-mode .profile-edit-card{background:var(--dm-card) !important}body.dark-mode .profile-input{background:#0d1117 !important;color:var(--dm-text) !important;border-color:var(--dm-border) !important}body.dark-mode .note-card{background:var(--dm-card) !important;border-color:var(--dm-border) !important}body.dark-mode .note-tag-btn.active{background:rgba(124,106,255,0.2) !important;color:var(--dm-accent) !important}body.dark-mode .rm-milestone-row div[style*="color:#1a1a2e"]{color:var(--dm-text) !important}body.dark-mode .rm-milestones-card div[style*="font-size:13px"]{color:var(--dm-text2) !important}body.dark-mode .friends-search-box input,body.dark-mode #friends-search-input{background:#0d1117 !important;color:var(--dm-text) !important;border-color:var(--dm-border) !important}body.dark-mode .hm-quick-btn{border:1px solid rgba(255,255,255,0.07) !important}body.dark-mode .hm-quick-btn:hover{border-color:rgba(124,106,255,0.3) !important;box-shadow:0 8px 28px rgba(0,0,0,0.5),0 0 0 1px rgba(124,106,255,0.2) !important}body.dark-mode .streak-banner{background:linear-gradient(135deg,#1a0a00,#3d1a00) !important;border-color:rgba(255,186,0,0.2) !important;box-shadow:0 6px 24px rgba(255,186,0,0.1) !important}body.dark-mode .cc-home-card{background:linear-gradient(135deg,#001020,#001540) !important}body.dark-mode .iv-home-card{background:linear-gradient(135deg,#120a00,#2d1800) !important}body.dark-mode #guided-start-banner{background:linear-gradient(135deg,rgba(255,186,0,0.07),rgba(208,0,0,0.05)) !important;border-color:rgba(255,186,0,0.2) !important}body.dark-mode .pt-home-banner{background:linear-gradient(135deg,#06080f,#0d1220) !important;border-color:rgba(255,255,255,0.06) !important}body.dark-mode .pt-home-result{background:#0d1220 !important}body.dark-mode .pt-badge{background:rgba(124,106,255,0.15) !important;color:#a78bfa !important;border-color:rgba(124,106,255,0.25) !important}body.dark-mode .german-bar{background:linear-gradient(to right,#1a1a1a 33.3%,#3d0000 33.3%,#3d0000 66.6%,#3d2a00 66.6%) !important;opacity:0.7}body.dark-mode .reading-text b,body.dark-mode .reading-text strong{color:#7c6aff !important}body.dark-mode .reading-text em{color:#ffc947 !important}body.dark-mode .dash-card{background:linear-gradient(180deg,#0d1220,#080c18) !important;border:1px solid rgba(255,255,255,0.06) !important}body.dark-mode .lb-item{background:var(--dm-card) !important;color:var(--dm-text) !important}body.dark-mode .lb-item:first-child{background:linear-gradient(135deg,rgba(255,201,71,0.12),rgba(255,201,71,0.04)) !important;border:1px solid rgba(255,201,71,0.2) !important}body.dark-mode .duel-send-card{background:var(--dm-card) !important;border-color:var(--dm-border) !important}body.dark-mode .note-tag-btn:hover{border-color:var(--dm-accent) !important;color:var(--dm-accent) !important}body.dark-mode #hero-progress-bar{box-shadow:0 0 16px rgba(255,186,0,0.4) !important}body.dark-mode #active-lesson,body.dark-mode .lesson-body{background:var(--dm-bg) !important}body.dark-mode .audio-player-box{background:linear-gradient(135deg,#060810,var(--dm-card)) !important;border-color:rgba(0,214,143,0.15) !important}body.dark-mode .rm-popup-sheet{background:linear-gradient(180deg,#080c18,#0d1220) !important;border-top-color:rgba(124,106,255,0.3) !important}body.dark-mode .review-box{background:var(--dm-card) !important;color:var(--dm-text) !important}body.dark-mode .review-box.correct{background:rgba(0,214,143,0.08) !important;border-right-color:var(--dm-green) !important}body.dark-mode .review-box.wrong{background:rgba(255,61,87,0.07) !important;border-right-color:var(--dm-red) !important}body.dark-mode .bottom-nav{background:rgba(6,8,14,0.97) !important;border-top:1px solid rgba(124,106,255,0.15) !important;box-shadow:0 -4px 30px rgba(0,0,0,0.7),0 -1px 0 rgba(124,106,255,0.1) !important}body.dark-mode .bnav-item{color:#404060}body.dark-mode .bnav-item:hover{color:#8892b0}body.dark-mode .bnav-item.active{color:#7c6aff !important;background:rgba(124,106,255,0.08);border-radius:12px}body.dark-mode .bnav-item.active i{filter:drop-shadow(0 0 8px rgba(124,106,255,0.8))}body.dark-mode .hm-hero{box-shadow:0 12px 48px rgba(0,0,0,0.6),inset 0 1px 0 rgba(124,106,255,0.15) !important}body.dark-mode .hm-section-title{color:#526070 !important}body.dark-mode .hm-stat-pill{background:rgba(255,255,255,0.05) !important;border-color:rgba(255,255,255,0.06) !important}body.dark-mode .hm-streak-chip{background:rgba(255,186,0,0.08) !important;border-color:rgba(255,186,0,0.15) !important}body.dark-mode .rm-track-card,body.dark-mode .rm-milestones-card,body.dark-mode .rm-module-card{background:#0d1117 !important;border-color:rgba(255,255,255,0.06) !important;box-shadow:0 2px 12px rgba(0,0,0,0.4) !important}body.dark-mode .rm-mod-label{color:#c8d0f0 !important}body.dark-mode .rm-mod-bar-bg{background:rgba(255,255,255,0.06) !important}body.dark-mode #rm-xp-bar{box-shadow:0 0 12px rgba(124,106,255,0.6) !important}body.dark-mode .rm-ai-card{background:linear-gradient(135deg,#060a12,#0d1421) !important;border-color:rgba(124,106,255,0.3) !important;box-shadow:0 4px 28px rgba(0,0,0,0.5),inset 0 1px 0 rgba(124,106,255,0.1) !important}body.dark-mode #mobile-more-drawer{background:linear-gradient(180deg,#0a0e18,#0d1117) !important;border-top:1px solid rgba(124,106,255,0.2) !important}body.dark-mode #mobile-more-drawer>div:first-child{background:rgba(255,255,255,0.08) !important}body.dark-mode #mobile-more-drawer [onclick]{background:rgba(255,255,255,0.04) !important;border:1px solid rgba(255,255,255,0.06) !important}body.dark-mode #mobile-more-drawer [onclick]:active{background:rgba(124,106,255,0.15) !important}body.dark-mode #mobile-more-drawer span{color:#526070 !important}body.dark-mode #mobile-more-drawer [onclick*="friends"]{background:rgba(233,30,140,0.1) !important;border-color:rgba(233,30,140,0.18) !important}body.dark-mode #mobile-more-drawer [onclick*="friends"] span{color:#f472b6 !important}body.dark-mode #mobile-more-drawer>div:nth-child(2){color:#2a3040 !important;font-size:11px !important}.app-screen{transition:opacity 0.28s ease,transform 0.28s cubic-bezier(0.4,0,0.2,1) !important}.rm-module-card,.hm-quick-btn,.lesson-card,.g-card,.l-card,.rm-node-circle{transition:all 0.22s cubic-bezier(0.34,1.56,0.64,1) !important}@media (max-width:480px){.hm-qb-count,.rm-mod-count{font-size:11px !important}.ge-badge{font-size:11px !important}.bnav-item span{font-size:10px !important}}@media (max-height:500px){.hm-hero{padding:14px 16px 16px !important}.hm-stats-row{gap:6px !important}.hm-stat-pill{padding:7px 4px !important}}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,rgba(0,0,0,0.04) 25%,rgba(0,0,0,0.08) 50%,rgba(0,0,0,0.04) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:8px}body.dark-mode .skeleton{background:linear-gradient(90deg,rgba(255,255,255,0.03) 25%,rgba(255,255,255,0.07) 50%,rgba(255,255,255,0.03) 75%);background-size:200% 100%}.ls-lv-btn{flex-shrink:0;padding:8px 18px;border-radius:50px;font-family:Cairo,sans-serif;font-weight:700;font-size:13px;border:2px solid rgba(0,0,0,0.08);background:var(--white);color:#888;cursor:pointer;white-space:nowrap;transition:all 0.22s cubic-bezier(0.34,1.56,0.64,1)}.ls-lv-btn.ls-lv-on{background:#1a1a2e;color:white;border-color:transparent;box-shadow:0 4px 14px rgba(0,0,0,0.2)}.ls-lv-btn:active{transform:scale(0.95)}body.dark-mode .ls-lv-btn{background:#111827;border-color:rgba(255,255,255,0.08);color:#888}body.dark-mode .ls-lv-btn.ls-lv-on{background:#6C63FF;border-color:transparent}body.dark-mode #lessons-screen-header{background:var(--dm-bg) !important;border-bottom-color:rgba(255,255,255,0.06) !important}#lessons-level-tabs::-webkit-scrollbar{display:none}body.dark-mode .g-q-option{background:#0d1220 !important;border-color:rgba(255,255,255,0.08) !important;color:#dde3f8 !important}body.dark-mode .g-q-option:hover:not(.locked){background:rgba(124,106,255,0.1) !important;border-color:#7c6aff !important}body.dark-mode .g-q-option.correct{background:rgba(0,214,143,0.12) !important;border-color:#00d68f !important;color:#6ee7c8 !important}body.dark-mode .g-q-option.wrong{background:rgba(255,61,87,0.1) !important;border-color:#ff3d57 !important;color:#fca5a5 !important}body.dark-mode .option-lbl{background:#0d1220 !important;border-color:rgba(255,255,255,0.09) !important;color:#dde3f8 !important}body.dark-mode .option-lbl:hover{border-color:#7c6aff !important;background:rgba(124,106,255,0.08) !important}body.dark-mode input[type="radio"]:checked+.option-lbl,body.dark-mode .option-lbl.selected{border-color:#7c6aff !important;background:rgba(124,106,255,0.15) !important;color:#a89eff !important}body.dark-mode .option-lbl.correct-answer{background:rgba(0,214,143,0.12) !important;border-color:#00d68f !important;color:#6ee7c8 !important}body.dark-mode .option-lbl.wrong-answer{background:rgba(255,61,87,0.1) !important;border-color:#ff3d57 !important}body.dark-mode .question-block{background:#0d1220 !important;border-color:rgba(255,255,255,0.06) !important}body.dark-mode .question-text,body.dark-mode .question-block h4,body.dark-mode .question-block p{color:#dde3f8 !important}body.dark-mode .textarea-answer{background:#080c18 !important;border-color:rgba(255,255,255,0.1) !important;color:#dde3f8 !important}body.dark-mode .textarea-answer:focus{border-color:#7c6aff !important;box-shadow:0 0 0 3px rgba(124,106,255,0.2) !important}body.dark-mode .ai-feedback,body.dark-mode [id*="ai-fb"],body.dark-mode [id*="feedback"]{background:#0d1220 !important;border-color:rgba(255,255,255,0.08) !important;color:#b0b8d4 !important}body.dark-mode .result-card{background:linear-gradient(180deg,#0d1220,#080c18) !important;border:1px solid rgba(255,255,255,0.06) !important;color:#dde3f8 !important}body.dark-mode #active-lesson{background:#05070f !important}body.dark-mode .lesson-body{background:#05070f !important;color:#dde3f8 !important}body.dark-mode .step-indicator{background:#0d1220 !important;color:#7889ab !important;border:1px solid rgba(255,255,255,0.07) !important}body.dark-mode .step-indicator.active{background:#ff3d57 !important;color:white !important;box-shadow:0 0 14px rgba(255,61,87,0.4) !important}body.dark-mode .step-indicator.done{background:rgba(0,214,143,0.15) !important;color:#00d68f !important;border-color:rgba(0,214,143,0.3) !important}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.2);border-radius:4px}body.dark-mode::-webkit-scrollbar-thumb{background:rgba(124,106,255,0.3)}button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid #6C63FF;outline-offset:2px}::selection{background:rgba(108,99,255,0.25);color:inherit}body.dark-mode::selection{background:rgba(124,106,255,0.35)}body.dark-mode header{background:rgba(6,8,14,0.96) !important;border-bottom:1px solid rgba(124,106,255,0.12) !important}body.dark-mode .german-bar{opacity:0.5}body.dark-mode .lesson-card{background:linear-gradient(180deg,#111827,#0d1117) !important;border-color:rgba(255,255,255,0.06) !important;box-shadow:0 2px 12px rgba(0,0,0,0.3) !important}body.dark-mode .lesson-card:hover{border-color:var(--dm-accent) !important;box-shadow:0 8px 32px rgba(124,106,255,0.2) !important;transform:translateY(-6px) scale(1.01) !important}body.dark-mode .lesson-tag{box-shadow:0 2px 8px rgba(0,0,0,0.4) !important}body.dark-mode .img-wrapper{background:#0d1117 !important}body.dark-mode .toast{background:#161f2e !important;color:#e8eaf6 !important;border:1px solid rgba(124,106,255,0.2) !important;box-shadow:0 8px 32px rgba(0,0,0,0.6),0 0 0 1px rgba(124,106,255,0.1) !important}*{margin:0;padding:0;box-sizing:border-box;font-family:'Cairo',sans-serif}body{background-color:var(--light-bg);background-image:radial-gradient(ellipse 70% 45% at 5% 0%,rgba(200,0,10,0.05) 0%,transparent 55%),radial-gradient(ellipse 55% 40% at 95% 100%,rgba(108,99,255,0.07) 0%,transparent 55%);color:var(--text-dark);overflow-x:hidden;scroll-behavior:smooth}.app-screen{display:none;opacity:0;transform:translateY(14px);transition:opacity 0.32s ease,transform 0.32s ease}.app-screen.active-screen{display:block;opacity:1;transform:translateY(0)}.lisan-logo-svg{display:flex;align-items:center;gap:9px;text-decoration:none}.lisan-logo-text{display:flex;flex-direction:column;line-height:1}.lisan-logo-ar{font-size:18px;font-weight:900;color:#f1f5f9;font-family:'Cairo',sans-serif}.lisan-logo-en{font-size:11px;font-weight:700;color:#FFBA00;font-family:'Nunito',Arial,sans-serif;letter-spacing:2px}.lisan-logo-sub{font-size:9px;color:#64748b;font-family:'Cairo',sans-serif;margin-top:1px}.lp-logo .lisan-logo-ar{font-size:20px;color:white}.lp-logo .lisan-logo-en{font-size:12px}.auth-logo.lisan{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px}.auth-logo.lisan .lisan-logo-ar{font-size:26px;color:#1a1a1a}.auth-logo.lisan .lisan-logo-en{font-size:13px}.auth-logo.lisan .lisan-logo-sub{color:#888}.logo .lisan-logo-ar{font-size:17px}#auth-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(26,26,26,0.9),rgba(208,0,0,0.8)),url('https://images.unsplash.com/photo-1527866959252-deab85ef7d1b?auto=format&fit=crop&w=1920&q=80') center/cover;backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:20px}.auth-card{background:rgba(255,255,255,0.95);width:100%;max-width:450px;padding:40px;border-radius:var(--radius-lg);box-shadow:0 30px 60px rgba(0,0,0,0.5);border-top:6px solid var(--ger-gold);animation:slideUp 0.6s ease-out}.auth-logo{text-align:center;font-size:32px;font-weight:800;color:var(--ger-black);margin-bottom:25px}.auth-logo span{color:var(--ger-red);font-family:'Nunito',sans-serif}.auth-tabs{display:flex;margin-bottom:25px;border-bottom:2px solid #ddd}.auth-tab{flex:1;text-align:center;padding:12px;font-weight:bold;cursor:pointer;color:#888;transition:0.3s;font-size:16px}.auth-tab.active{color:var(--ger-red);border-bottom:3px solid var(--ger-red)}.auth-form{display:none;animation:fadeIn 0.4s}.auth-form.active{display:block}.input-group{margin-bottom:18px}.input-group label{display:block;margin-bottom:8px;font-weight:bold;font-size:14px;color:var(--ger-black)}.input-group input{width:100%;padding:14px;border:2px solid #ddd;border-radius:var(--radius-md);font-size:15px;transition:0.3s;background:#fafafa}.input-group input:focus{border-color:var(--ger-gold);outline:none;background:#fff;box-shadow:0 0 0 4px rgba(255,186,0,0.1)}.btn-auth{width:100%;padding:16px;background:linear-gradient(135deg,var(--ger-black),#333);color:white;font-weight:bold;border:none;border-radius:var(--radius-md);font-size:18px;cursor:pointer;transition:0.3s;margin-top:10px;box-shadow:0 10px 20px rgba(0,0,0,0.2)}.btn-auth:hover{transform:translateY(-3px);box-shadow:0 15px 25px rgba(0,0,0,0.3);background:var(--ger-red)}.loader{border:4px solid #f3f3f3;border-top:4px solid var(--ger-gold);border-radius:50%;width:25px;height:25px;animation:spin 1s linear infinite;display:none;margin:0 auto}.german-bar{height:6px;width:100%;background:linear-gradient(to right,var(--ger-black) 33.3%,var(--ger-red) 33.3%,var(--ger-red) 66.6%,var(--ger-gold) 66.6%)}header{background:rgba(255,255,255,0.86);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);padding:10px 28px;border-bottom:1px solid rgba(0,0,0,0.06);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:200}.logo{font-size:26px;font-weight:800;color:var(--ger-black);display:flex;align-items:center;gap:12px;cursor:pointer;transition:0.3s}.logo:hover{transform:scale(1.05)}.logo span{font-family:'Nunito',sans-serif;color:var(--ger-red);font-weight:800}.header-icons{display:flex;gap:15px;align-items:center}.header-btn{cursor:pointer;font-size:13px;font-weight:700;color:var(--text-dark);display:flex;align-items:center;gap:6px;transition:all 0.22s cubic-bezier(0.34,1.56,0.64,1);padding:8px 12px;border-radius:11px;background:rgba(0,0,0,0.045)}.header-btn:hover{background:var(--ger-gold);color:#111;transform:translateY(-2px) scale(1.05);box-shadow:0 5px 14px rgba(255,186,0,0.3)}.container{max-width:1150px;margin:0 auto;padding:40px 20px}.hero-banner{background:linear-gradient(135deg,rgba(26,26,26,0.85),rgba(208,0,0,0.7)),url('https://images.unsplash.com/photo-1467269204594-9661b134dd2b?auto=format&fit=crop&w=1200&q=80') center/cover;color:white;padding:60px 30px;border-radius:var(--radius-lg);margin-bottom:40px;box-shadow:0 20px 40px rgba(0,0,0,0.15);text-align:center;position:relative;overflow:hidden;border-bottom:6px solid var(--ger-gold)}.hero-banner h1{font-size:42px;font-weight:800;margin-bottom:15px;text-shadow:2px 2px 4px rgba(0,0,0,0.5)}.hero-banner p{font-size:20px;opacity:0.9}.lessons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px}.lesson-card{background:var(--white);border-radius:20px;overflow:hidden;box-shadow:0 2px 14px rgba(0,0,0,0.06);cursor:pointer;transition:all 0.32s cubic-bezier(0.34,1.56,0.64,1);border:1px solid rgba(0,0,0,0.07);position:relative}.lesson-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 42px rgba(200,0,10,0.14);border-color:var(--ger-red)}.img-wrapper{width:100%;height:200px;overflow:hidden;background:#eee}.lesson-img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease;loading:lazy}.lesson-card:hover .lesson-img{transform:scale(1.1)}.lesson-content{padding:25px}.lesson-tag{background:rgba(255,186,0,0.95);color:var(--ger-black);padding:6px 14px;border-radius:20px;font-size:13px;font-weight:bold;position:absolute;top:15px;right:15px;backdrop-filter:blur(5px);box-shadow:0 4px 10px rgba(0,0,0,0.1)}.lesson-status{position:absolute;top:15px;left:15px;background:var(--success);color:white;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:bold;display:none;box-shadow:0 4px 10px rgba(0,0,0,0.1)}.lesson-content h3{font-size:20px;margin-bottom:12px;color:var(--ger-black)}.start-btn{display:inline-flex;align-items:center;gap:8px;background:var(--ger-black);color:var(--white);padding:10px 24px;border-radius:var(--radius-md);font-weight:bold;transition:0.3s;margin-top:15px}.lesson-card:hover .start-btn{background:var(--ger-red);padding-right:30px}.dash-grid{display:grid;grid-template-columns:2fr 1fr;gap:25px}.dash-card{background:var(--white);border-radius:var(--radius-lg);padding:30px;box-shadow:var(--shadow);margin-bottom:25px}.dash-card h3{margin-bottom:20px;border-bottom:2px solid #f1f2f6;padding-bottom:15px;display:flex;align-items:center;gap:10px}.progress-container{background:#f1f2f6;border-radius:10px;height:24px;width:100%;overflow:hidden;margin-top:15px}.progress-bar{background:linear-gradient(to right,var(--ger-gold),var(--success));height:100%;width:0%;transition:width 1.5s cubic-bezier(0.175,0.885,0.32,1.275)}.leaderboard-list{list-style:none}.lb-item{display:flex;justify-content:space-between;padding:15px;border-bottom:1px solid #f1f2f6;align-items:center;transition:0.3s}.lb-item:hover{background:#fafafa;transform:translateX(-5px)}.lb-item.me{background:rgba(255,186,0,0.15);border-radius:var(--radius-md);border:none;font-weight:bold}.lb-rank{font-weight:bold;color:#888;width:30px;font-size:18px}.audio-player-box{background:linear-gradient(135deg,var(--ger-black),#2d3436);padding:20px 25px;border-radius:var(--radius-md);margin-bottom:30px;display:flex;align-items:center;justify-content:space-between;color:white;box-shadow:0 10px 20px rgba(0,0,0,0.15);border-right:5px solid var(--ger-gold)}.play-btn{background:var(--ger-gold);color:var(--ger-black);border:none;width:55px;height:55px;border-radius:50%;font-size:22px;cursor:pointer;transition:0.3s;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 15px rgba(255,186,0,0.4)}.play-btn:hover{transform:scale(1.1) rotate(5deg)}.sound-wave{display:flex;gap:5px;height:35px;align-items:center;opacity:0;transition:0.3s}.sound-wave.playing{opacity:1}.bar{width:5px;background:var(--ger-gold);border-radius:5px;animation:wave 1s infinite ease-in-out}.bar:nth-child(2){animation-delay:0.2s;height:100%}.bar:nth-child(3){animation-delay:0.4s;height:60%}.bar:nth-child(4){animation-delay:0.6s;height:80%}#active-lesson{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow)}.lesson-body{padding:24px 20px}.tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px;background:#f1f2f6;padding:10px;border-radius:var(--radius-md)}.tab-btn{flex:1;padding:14px;border:none;background:transparent;border-radius:12px;cursor:pointer;font-size:16px;font-weight:bold;color:#555;transition:0.3s}.tab-btn.active{background:var(--white);color:var(--ger-red);box-shadow:0 4px 15px rgba(0,0,0,0.05)}.tab-content{display:none;animation:fadeIn 0.4s}.tab-content.active{display:block}.reading-text{font-size:22px;line-height:2;color:#333;background:#fafafa;padding:35px;border-radius:var(--radius-md);border-right:6px solid var(--ger-red);direction:ltr;text-align:left;font-family:'Nunito',sans-serif}.vocab-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.vocab-item{background:var(--white);padding:18px;border-radius:var(--radius-md);border:2px solid #f1f2f6;display:flex;justify-content:space-between;align-items:center;transition:0.3s}.vocab-item:hover{border-color:var(--ger-gold);transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,0.05)}.de-word{font-weight:800;color:var(--ger-red);font-size:19px;direction:ltr;font-family:'Nunito',sans-serif}.question-block{margin-bottom:30px;background:#fafafa;padding:25px;border-radius:var(--radius-md);border:1px solid #eee}.question-title{font-size:18px;font-weight:bold;margin-bottom:18px;direction:ltr;text-align:left;color:var(--ger-black)}.option-lbl{display:block;padding:15px;border:2px solid #ddd;border-radius:12px;cursor:pointer;margin-bottom:12px;background:white;direction:ltr;text-align:left;transition:0.3s;font-family:'Nunito',sans-serif;font-size:16px}.option-lbl:hover{border-color:var(--ger-gold);transform:translateX(5px)}.option-lbl input{display:none}.option-lbl.selected{border-color:var(--ger-red);background:#fff5f5;color:var(--ger-red);font-weight:bold;border-width:3px}.textarea-answer{width:100%;height:120px;padding:18px;border:2px solid #ddd;border-radius:12px;font-size:17px;direction:ltr;text-align:left;resize:none;transition:0.3s;font-family:'Nunito',sans-serif}.textarea-answer:focus{border-color:var(--ger-red);outline:none;box-shadow:0 0 0 4px rgba(208,0,0,0.1)}.btn-main{width:100%;padding:18px;background:var(--ger-red);color:white;border:none;border-radius:var(--radius-md);font-size:18px;font-weight:bold;cursor:pointer;margin-top:20px;transition:0.3s;box-shadow:0 10px 20px rgba(208,0,0,0.25);display:flex;justify-content:center;align-items:center;gap:10px}.btn-main:hover{background:var(--ger-black);box-shadow:0 15px 30px rgba(0,0,0,0.3);transform:translateY(-2px)}.result-card{background:white;border-radius:var(--radius-lg);padding:35px;margin-bottom:25px;box-shadow:var(--shadow)}.score-circle{width:140px;height:140px;border-radius:50%;background:linear-gradient(135deg,var(--ger-red),var(--ger-black));color:white;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:bold;margin:0 auto 25px;box-shadow:0 15px 30px rgba(208,0,0,0.3);border:4px solid var(--ger-gold)}.review-box{padding:20px;border-radius:var(--radius-md);margin-bottom:20px;border:1px solid #eee}.review-box.correct{border-right:6px solid var(--success);background:#f0fdf4}.review-box.wrong{border-right:6px solid var(--ger-red);background:#fff5f5}.ai-motivation{background:linear-gradient(135deg,#00B894,#00cec9);color:white;padding:25px;border-radius:var(--radius-md);margin-bottom:25px;display:none;box-shadow:0 10px 20px rgba(0,184,148,0.3);animation:slideUp 0.6s ease-out;border-right:6px solid #FFBA00;text-align:right}.ai-motivation h3{display:flex;align-items:center;gap:10px;font-size:22px;margin-bottom:10px;color:white}.step-indicator{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:30px;background:#f1f2f6;cursor:pointer;transition:all 0.3s;border:2px solid transparent}.step-indicator:hover{background:#eee;transform:translateY(-2px)}.step-indicator.active{background:var(--ger-black);color:white;border-color:var(--ger-gold);box-shadow:0 5px 15px rgba(0,0,0,0.15)}.step-indicator.done{background:rgba(0,184,148,0.1);color:var(--success);border-color:var(--success)}.step-num{width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:bold}.step-indicator.active .step-num{background:var(--ger-gold);color:var(--ger-black)}.step-indicator.done .step-num{background:var(--success);color:white}.step-label{font-size:14px;font-weight:bold}.step-arrow{font-size:22px;color:#ccc;font-weight:bold}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(100px);background:var(--ger-black);color:white;padding:14px 28px;border-radius:30px;font-weight:bold;z-index:9999;transition:all 0.4s;opacity:0;border-right:4px solid var(--ger-gold)}.toast.show{transform:translateX(-50%) translateY(0);opacity:1}.lesson-stats{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.lesson-stat{background:#f8f9fa;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:bold;color:#666;display:flex;align-items:center;gap:5px}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{transform:translateY(60px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes wave{0%,100%{height:10px}50%{height:35px}}.streak-banner{background:linear-gradient(135deg,#FF6B35,#FF8E53);color:white;padding:18px 28px;border-radius:var(--radius-md);margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 10px 25px rgba(255,107,53,0.3)}.streak-flame{font-size:40px;animation:pulse 1s infinite}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}.streak-info h3{font-size:22px;margin-bottom:3px}.streak-info p{font-size:13px;opacity:0.9}.streak-days{display:flex;gap:8px;margin-top:12px}.streak-day{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:bold;background:rgba(255,255,255,0.2)}.streak-day.done{background:white;color:#FF6B35}.streak-day.today{background:var(--ger-gold);color:#1A1A1A;box-shadow:0 0 10px rgba(255,186,0,0.5)}.badges-section{background:var(--white);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow);margin-bottom:25px}.badges-grid{display:flex;flex-wrap:wrap;gap:15px;margin-top:15px}.badge-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 14px;border-radius:var(--radius-md);background:#f8f9fa;border:2px solid #eee;transition:0.3s;min-width:90px;cursor:pointer;position:relative;overflow:hidden}.badge-item.earned{background:linear-gradient(135deg,rgba(255,186,0,0.1),rgba(255,186,0,0.2));border-color:var(--ger-gold);box-shadow:0 5px 15px rgba(255,186,0,0.2)}.badge-item.earned:hover{transform:translateY(-5px) scale(1.05)}.badge-item.earned.rarity-common{border-color:#6c757d;background:linear-gradient(135deg,rgba(108,117,125,0.08),rgba(108,117,125,0.15))}.badge-item.earned.rarity-rare{border-color:#4dabf7;background:linear-gradient(135deg,rgba(77,171,247,0.1),rgba(77,171,247,0.2));box-shadow:0 4px 15px rgba(77,171,247,0.25)}.badge-item.earned.rarity-epic{border-color:#cc5de8;background:linear-gradient(135deg,rgba(204,93,232,0.1),rgba(204,93,232,0.2));box-shadow:0 4px 15px rgba(204,93,232,0.3)}.badge-item.earned.rarity-legendary{border-color:#FFBA00;background:linear-gradient(135deg,rgba(255,186,0,0.15),rgba(208,0,0,0.1));box-shadow:0 4px 20px rgba(255,186,0,0.4);animation:legendaryGlow 2s ease-in-out infinite alternate}@keyframes legendaryGlow{from{box-shadow:0 4px 20px rgba(255,186,0,0.3)}to{box-shadow:0 8px 30px rgba(255,186,0,0.6)}}.badge-rarity-label{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:0.5px;padding:2px 6px;border-radius:8px;margin-top:2px}.badge-item.rarity-common .badge-rarity-label{background:#e9ecef;color:#6c757d}.badge-item.rarity-rare .badge-rarity-label{background:rgba(77,171,247,0.2);color:#4dabf7}.badge-item.rarity-epic .badge-rarity-label{background:rgba(204,93,232,0.2);color:#cc5de8}.badge-item.rarity-legendary .badge-rarity-label{background:rgba(255,186,0,0.2);color:#FFBA00}.badge-icon{font-size:32px;filter:grayscale(1);opacity:0.4;transition:0.3s}.badge-item.earned .badge-icon{filter:none;opacity:1;animation:badgePop 0.5s ease}@keyframes badgePop{0%{transform:scale(0)}80%{transform:scale(1.2)}100%{transform:scale(1)}}.badge-name{font-size:11px;font-weight:bold;text-align:center;color:#888}.badge-item.earned .badge-name{color:var(--ger-black)}#badge-detail-popup{position:fixed;inset:0;background:rgba(0,0,0,0.7);z-index:9000;display:none;align-items:center;justify-content:center}#badge-detail-popup.open{display:flex}.badge-detail-card{background:white;border-radius:20px;padding:40px 30px;text-align:center;max-width:320px;width:90%;box-shadow:0 20px 60px rgba(0,0,0,0.4);animation:badgePop 0.4s ease}.flashcard-wrapper{perspective:1000px;margin:20px auto;max-width:480px;cursor:pointer}.flashcard{width:100%;height:220px;position:relative;transform-style:preserve-3d;transition:transform 0.6s cubic-bezier(0.175,0.885,0.32,1.275);border-radius:var(--radius-lg)}.flashcard.flipped{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;box-shadow:0 15px 35px rgba(0,0,0,0.1)}.flashcard-front{background:linear-gradient(135deg,var(--ger-black),#2d3436);color:white}.flashcard-back{background:linear-gradient(135deg,var(--ger-gold),#f39c12);color:var(--ger-black);transform:rotateY(180deg)}.flashcard-de{font-size:36px;font-weight:800;font-family:'Nunito',sans-serif;margin-bottom:10px}.flashcard-hint{font-size:14px;opacity:0.6}.flashcard-ar{font-size:28px;font-weight:700}.fc-nav{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px}.fc-btn{background:var(--white);border:2px solid #eee;padding:10px 24px;border-radius:30px;font-weight:bold;cursor:pointer;transition:0.3s;font-family:'Cairo',sans-serif}.fc-btn:hover{background:var(--ger-gold);border-color:var(--ger-gold);transform:translateY(-2px)}.fc-count{font-weight:bold;color:#888;min-width:60px;text-align:center}.dark-toggle{width:48px;height:26px;background:#ccc;border-radius:13px;cursor:pointer;position:relative;transition:0.3s;border:none}.dark-toggle::after{content:'';position:absolute;width:20px;height:20px;background:white;border-radius:50%;top:3px;right:3px;transition:0.3s}.dark-toggle.on{background:var(--ger-gold)}.dark-toggle.on::after{right:calc(100% - 23px)}.chart-container{position:relative;height:220px;margin-top:15px}.profile-hero{background:linear-gradient(135deg,var(--ger-black) 0%,#2d3436 60%,rgba(208,0,0,0.6) 100%);border-radius:var(--radius-lg);padding:50px 40px;color:white;text-align:center;margin-bottom:30px;position:relative;overflow:hidden}.profile-hero::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,186,0,0.08) 0%,transparent 60%);pointer-events:none}.profile-avatar-wrap{position:relative;display:inline-block;margin-bottom:20px}.profile-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:5px solid var(--ger-gold);box-shadow:0 10px 30px rgba(0,0,0,0.4);background:#374151;display:flex;align-items:center;justify-content:center;font-size:48px;cursor:pointer;transition:0.3s}.profile-avatar:hover{transform:scale(1.05)}.avatar-edit-btn{position:absolute;bottom:5px;right:5px;background:var(--ger-gold);border:none;border-radius:50%;width:32px;height:32px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px rgba(0,0,0,0.3);transition:0.3s}.avatar-edit-btn:hover{transform:scale(1.1)}.profile-name-display{font-size:28px;font-weight:800;margin-bottom:6px}.profile-level-badge{background:var(--ger-gold);color:var(--ger-black);padding:5px 18px;border-radius:20px;font-size:13px;font-weight:bold;display:inline-block}.profile-stats-row{display:flex;gap:20px;justify-content:center;margin-top:25px;flex-wrap:wrap}.profile-stat-box{background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);border-radius:var(--radius-md);padding:16px 24px;text-align:center;border:1px solid rgba(255,255,255,0.15)}.profile-stat-num{font-size:28px;font-weight:800;color:var(--ger-gold)}.profile-stat-lbl{font-size:12px;opacity:0.8;margin-top:3px}.profile-edit-card{background:var(--white);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow);margin-bottom:25px}.profile-edit-card h3{margin-bottom:22px;display:flex;align-items:center;gap:10px;border-bottom:2px solid #f1f2f6;padding-bottom:15px}.profile-field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.profile-input{width:100%;padding:13px 16px;border:2px solid #eee;border-radius:var(--radius-md);font-family:'Cairo',sans-serif;font-size:15px;transition:0.3s;background:#fafafa}.profile-input:focus{border-color:var(--ger-gold);outline:none;background:white;box-shadow:0 0 0 4px rgba(255,186,0,0.1)}.profile-save-btn{background:linear-gradient(135deg,var(--ger-black),#2d3436);color:white;border:none;padding:14px 36px;border-radius:var(--radius-md);font-size:16px;font-weight:bold;cursor:pointer;transition:0.3s;font-family:'Cairo',sans-serif;display:flex;align-items:center;gap:10px}.profile-save-btn:hover{background:var(--ger-red);transform:translateY(-2px)}.notebook-header{background:linear-gradient(135deg,#6C5CE7,#a29bfe);color:white;border-radius:var(--radius-lg);padding:30px;margin-bottom:25px;display:flex;align-items:center;gap:20px}.note-composer{background:var(--white);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow);margin-bottom:25px}.note-composer textarea{width:100%;min-height:120px;padding:16px;border:2px solid #eee;border-radius:var(--radius-md);font-size:15px;font-family:'Cairo',sans-serif;resize:vertical;transition:0.3s;background:#fafafa}.note-composer textarea:focus{border-color:#6C5CE7;outline:none;background:white;box-shadow:0 0 0 4px rgba(108,92,231,0.1)}.note-tags{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.note-tag-btn{padding:6px 16px;border-radius:20px;border:2px solid #ddd;background:white;font-family:'Cairo',sans-serif;font-size:13px;font-weight:bold;cursor:pointer;transition:0.3s}.note-tag-btn.active{background:#6C5CE7;color:white;border-color:#6C5CE7}.note-save-btn{background:linear-gradient(135deg,#6C5CE7,#a29bfe);color:white;border:none;padding:13px 30px;border-radius:var(--radius-md);font-size:15px;font-weight:bold;cursor:pointer;font-family:'Cairo',sans-serif;transition:0.3s;display:flex;align-items:center;gap:8px}.note-save-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(108,92,231,0.3)}.notes-list{display:flex;flex-direction:column;gap:15px}.note-card{background:var(--white);border-radius:var(--radius-md);padding:22px 26px;box-shadow:var(--shadow);border-right:5px solid #6C5CE7;display:flex;justify-content:space-between;align-items:flex-start;gap:15px;transition:0.3s}.note-card:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(108,92,231,0.15)}.note-card.tag-vocab{border-right-color:var(--ger-gold)}.note-card.tag-grammar{border-right-color:var(--ger-red)}.note-card.tag-phrase{border-right-color:var(--success)}.note-text{font-size:15px;line-height:1.7;flex:1}.note-meta{font-size:12px;color:#888;margin-top:8px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.note-tag-label{padding:3px 10px;border-radius:10px;font-size:11px;font-weight:bold;background:rgba(108,92,231,0.1);color:#6C5CE7}.note-tag-label.vocab{background:rgba(255,186,0,0.15);color:#b8860b}.note-tag-label.grammar{background:rgba(208,0,0,0.1);color:var(--ger-red)}.note-tag-label.phrase{background:rgba(0,184,148,0.1);color:var(--success)}.note-del-btn{background:none;border:none;color:#ccc;cursor:pointer;font-size:16px;padding:4px;transition:0.3s;flex-shrink:0}.note-del-btn:hover{color:var(--ger-red);transform:scale(1.2)}.notes-filter{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.filter-btn{padding:8px 18px;border-radius:20px;border:2px solid #eee;background:var(--white);font-family:'Cairo',sans-serif;font-size:13px;font-weight:bold;cursor:pointer;transition:0.3s}.filter-btn.active{background:#6C5CE7;color:white;border-color:#6C5CE7}.duel-arena-header{background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);border-radius:22px;padding:28px 20px;text-align:center;color:white;position:relative;overflow:hidden;margin-bottom:18px}.duel-arena-header::before{content:'⚔️';position:absolute;font-size:180px;opacity:0.04;top:-30px;left:50%;transform:translateX(-50%);pointer-events:none}.duel-stat-pills{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:14px}.duel-stat-pill{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.15);backdrop-filter:blur(6px);padding:10px 16px;border-radius:40px;min-width:64px;text-align:center}.duel-stat-pill .v{font-size:20px;font-weight:900;line-height:1}.duel-stat-pill .l{font-size:10px;opacity:0.65;margin-top:3px}.duel-send-card{background:var(--white);border-radius:20px;padding:22px;box-shadow:var(--shadow);border:1px solid #eee;margin-bottom:18px}.duel-send-card h3{margin:0 0 16px;font-size:15px;display:flex;align-items:center;gap:8px}.duel-field-label{font-size:11px;font-weight:bold;color:#999;display:block;margin-bottom:5px;text-transform:uppercase;letter-spacing:0.5px}.duel-input-new{width:100%;padding:12px 14px;border:2px solid #eee;border-radius:12px;font-family:Cairo,sans-serif;font-size:14px;background:#fafafa;box-sizing:border-box;transition:0.25s}.duel-input-new:focus{border-color:var(--ger-red);background:white;outline:none;box-shadow:0 0 0 4px rgba(208,0,0,0.07)}.duel-send-btn-main{width:100%;padding:13px;background:linear-gradient(135deg,#D00000,#a00000);color:white;border:none;border-radius:12px;font-family:Cairo,sans-serif;font-weight:bold;font-size:15px;cursor:pointer;transition:all 0.3s;box-shadow:0 6px 18px rgba(208,0,0,0.28);display:flex;align-items:center;justify-content:center;gap:8px}.duel-send-btn-main:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(208,0,0,0.38)}.duel-send-btn-main:disabled{opacity:0.55;cursor:not-allowed;transform:none}.duel-tabs-bar{display:flex;gap:6px;background:#f1f2f6;padding:5px;border-radius:14px;margin-bottom:14px}.duel-tab{flex:1;padding:9px 4px;border:none;background:transparent;border-radius:10px;font-family:Cairo,sans-serif;font-weight:bold;font-size:12px;cursor:pointer;color:#888;position:relative;transition:all 0.2s}.duel-tab.on{background:white;color:var(--ger-red);box-shadow:0 2px 8px rgba(0,0,0,0.08)}.duel-tab .cnt{position:absolute;top:-3px;right:4px;background:var(--ger-red);color:white;border-radius:50%;width:15px;height:15px;font-size:8px;display:flex;align-items:center;justify-content:center}.dc{background:var(--white);border-radius:14px;padding:14px 16px;margin-bottom:10px;box-shadow:0 2px 10px rgba(0,0,0,0.05);border:1px solid #f0f0f0;border-right:4px solid #eee;transition:all 0.25s}.dc:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,0.09)}.dc.win{border-right-color:#00B894}.dc.lose{border-right-color:#D00000}.dc.draw{border-right-color:#888}.dc.pending{border-right-color:#FFBA00}.dc-vs{display:flex;align-items:center;gap:8px;justify-content:center;margin:10px 0;background:linear-gradient(135deg,rgba(208,0,0,0.04),rgba(108,99,255,0.04));border-radius:10px;padding:10px}.dc-score{flex:1;text-align:center}.dc-score .s{font-size:26px;font-weight:900;line-height:1}.dc-score .n{font-size:10px;color:#999;margin-top:3px;max-width:70px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dc-vs-badge{background:#1A1A1A;color:#FFBA00;font-weight:900;font-size:11px;padding:5px 8px;border-radius:6px}.opp-found{background:rgba(0,184,148,0.06);border:1px solid rgba(0,184,148,0.18);border-radius:10px;padding:10px 12px;display:flex;align-items:center;gap:10px;margin-top:6px}.opp-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:bold;color:white;flex-shrink:0}.duel-result-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.88);z-index:5000;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(10px);animation:fadeIn 0.3s}.duel-result-box{background:linear-gradient(145deg,#0f0c29,#302b63);border-radius:26px;padding:32px 24px;max-width:360px;width:100%;text-align:center;color:white;border:1px solid rgba(255,255,255,0.1);box-shadow:0 40px 80px rgba(0,0,0,0.7);position:relative;overflow:hidden}.duel-result-box::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(255,186,0,0.12),transparent 60%);pointer-events:none}.dr-trophy{font-size:70px;display:block;margin-bottom:6px;animation:bounceIn 0.7s}.dr-title{font-size:26px;font-weight:900;margin-bottom:4px}.dr-sub{font-size:13px;opacity:0.6;margin-bottom:20px}.dr-scores{display:flex;gap:12px;margin-bottom:18px}.dr-score-box{flex:1;background:rgba(255,255,255,0.07);border-radius:14px;padding:12px 8px}.dr-score-box.me{border:2px solid rgba(255,186,0,0.5)}.dr-score-box .sc{font-size:30px;font-weight:900}.dr-score-box .lb{font-size:10px;opacity:0.55;margin-top:3px}.dr-xp{background:rgba(255,186,0,0.12);border:1px solid rgba(255,186,0,0.25);border-radius:10px;padding:10px;margin-bottom:16px;font-size:15px;font-weight:bold;color:#FFBA00}.dr-close{width:100%;padding:12px;background:rgba(255,255,255,0.1);color:white;border:1px solid rgba(255,255,255,0.18);border-radius:12px;cursor:pointer;font-family:Cairo,sans-serif;font-weight:bold;font-size:14px;transition:0.3s}.dr-close:hover{background:rgba(255,255,255,0.18)}@keyframes bounceIn{0%{transform:scale(0.2);opacity:0}60%{transform:scale(1.18)}80%{transform:scale(0.92)}100%{transform:scale(1);opacity:1}}.duel-hero{background:linear-gradient(135deg,#D00000,#ff4757);color:white;border-radius:var(--radius-lg);padding:35px;text-align:center;margin-bottom:25px;position:relative;overflow:hidden}.duel-hero::after{content:'';position:absolute;font-size:120px;opacity:0.1;right:-20px;top:-20px}.duel-hero h2{font-size:28px;margin-bottom:8px}.duel-challenge-card{background:var(--white);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow);margin-bottom:25px}.duel-input{width:100%;padding:13px 16px;border:2px solid #eee;border-radius:var(--radius-md);font-family:'Cairo',sans-serif;font-size:15px;transition:0.3s;margin-bottom:12px;background:#fafafa}.duel-input:focus{border-color:var(--ger-red);outline:none;box-shadow:0 0 0 4px rgba(208,0,0,0.1)}.duel-send-btn{background:linear-gradient(135deg,var(--ger-red),#c0392b);color:white;border:none;padding:13px 28px;border-radius:var(--radius-md);font-size:15px;font-weight:bold;cursor:pointer;font-family:'Cairo',sans-serif;transition:0.3s;display:flex;align-items:center;gap:8px}.duel-send-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(208,0,0,0.3)}.active-duels-list{display:flex;flex-direction:column;gap:15px}.duel-item{background:var(--white);border-radius:var(--radius-md);padding:20px 24px;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;transition:0.3s;border:2px solid transparent}.duel-item:hover{border-color:var(--ger-red);transform:translateY(-2px)}.duel-item.won{border-color:var(--success);background:rgba(0,184,148,0.04)}.duel-item.lost{border-color:var(--ger-red);background:rgba(208,0,0,0.04)}.duel-item.pending{border-color:var(--ger-gold);background:rgba(255,186,0,0.04)}.duel-vs{display:flex;align-items:center;gap:14px}.duel-player{text-align:center}.duel-player-name{font-weight:bold;font-size:15px}.duel-player-score{font-size:26px;font-weight:800;color:var(--ger-black)}.duel-vs-badge{background:var(--ger-red);color:white;padding:6px 14px;border-radius:12px;font-weight:800;font-size:14px}.duel-status-badge{padding:6px 16px;border-radius:20px;font-size:13px;font-weight:bold}.duel-status-badge.pending{background:rgba(255,186,0,0.2);color:#b8860b}.duel-status-badge.won{background:rgba(0,184,148,0.15);color:var(--success)}.duel-status-badge.lost{background:rgba(208,0,0,0.1);color:var(--ger-red)}.duel-accept-btn{background:var(--success);color:white;border:none;padding:10px 20px;border-radius:var(--radius-md);font-weight:bold;cursor:pointer;font-family:'Cairo',sans-serif;transition:0.3s}.duel-accept-btn:hover{transform:scale(1.05)}.duel-section-title{font-size:18px;font-weight:bold;margin:20px 0 15px;display:flex;align-items:center;gap:10px;color:var(--ger-black)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:2000;display:none;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(5px)}.modal-overlay.open{display:flex}.modal-box{background:var(--white);border-radius:var(--radius-lg);padding:35px;max-width:500px;width:100%;box-shadow:0 30px 60px rgba(0,0,0,0.4);animation:slideUp 0.4s ease;border-top:5px solid var(--ger-gold)}.modal-box h3{margin-bottom:20px;font-size:20px}.modal-close-btn{background:#f1f2f6;border:none;padding:10px 22px;border-radius:var(--radius-md);cursor:pointer;font-family:'Cairo',sans-serif;font-weight:bold;transition:0.3s}.modal-close-btn:hover{background:#eee}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--white);border-top:1px solid #eee;z-index:500;padding:8px 0 env(safe-area-inset-bottom);box-shadow:0 -5px 20px rgba(0,0,0,0.08)}.bottom-nav-items{display:flex;justify-content:space-around;align-items:center}.bnav-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;cursor:pointer;border-radius:12px;transition:0.2s;flex:1;color:#888;font-size:11px;font-weight:bold;position:relative}.bnav-item.active{color:var(--ger-red)}.bnav-item i{font-size:20px;transition:0.2s}.bnav-item.active i{transform:translateY(-2px)}.bnav-dot{position:absolute;top:6px;right:22px;width:8px;height:8px;background:var(--ger-red);border-radius:50%;display:none}.hide-mobile{display:inline}.hd-txt{display:inline}@media (max-width:600px){.hide-mobile{display:none}}@media (max-width:520px){.hd-txt{display:none}}@media (max-width:768px){.wa-header-btn{display:none !important}}@media (max-width:768px){.bottom-nav{display:block}body{padding-bottom:70px}.hero-banner h1{font-size:24px}.hero-banner p{font-size:15px}.hero-banner{padding:28px 16px;margin-bottom:20px}.lessons-grid{grid-template-columns:1fr}.dash-grid{grid-template-columns:1fr}header{padding:10px 14px}.container{padding:16px 12px}.header-icons .header-btn:not(:last-child){display:none}.g-hero,.l-hero{padding:20px 14px}.g-hero h2,.l-hero h2{font-size:19px}.g-lv-bar{gap:4px;padding:8px 6px}.g-lv-btn{font-size:11px;padding:7px 3px}.l-lv-btn{font-size:11px;padding:7px 3px}.duel-hero h2{font-size:19px}.duel-challenge-card{padding:14px}#home-quick-access{grid-template-columns:repeat(3,1fr);gap:8px}#home-quick-access>div{padding:12px 6px}#home-quick-access>div>div:first-child{font-size:20px}.auth-card{padding:24px 18px}.lesson-body{padding:18px 12px}.cc-card,.iv-card{padding:14px 12px !important}.cc-card h3,.iv-card h3{font-size:14px !important}.tabs{gap:4px;padding:5px}.tab-btn{padding:9px 6px;font-size:12px}.lesson-card{padding:14px 12px}.lesson-card h3{font-size:14px}.stat-card{padding:16px 12px}.modal-box{padding:24px 18px;margin:12px}.streak-banner{padding:12px 14px;gap:10px}.xp-label{font-size:12px}}@media (max-width:400px){.hero-banner h1{font-size:20px}.streak-banner{flex-wrap:wrap;gap:8px;justify-content:center}#home-quick-access{gap:5px}#home-quick-access>div{padding:10px 4px;border-radius:12px;font-size:10px}.tabs{gap:3px}.tab-btn{padding:8px 4px;font-size:11px}.g-lv-btn,.l-lv-btn{font-size:10px;padding:6px 2px}}@media (max-width:768px){.cc-hero,.iv-hero{padding:22px 14px 18px;margin:-16px -12px 16px;border-radius:0 0 20px 20px}.cc-hero h2,.iv-hero h2{font-size:18px !important}.cc-hero-stats,.iv-hero-stats{gap:12px}.cc-hero-stat,.iv-hero-stat{padding:8px 12px}.cc-card-sub{font-size:11px !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.cc-card-title{font-size:14px !important}.cc-card-icon{width:44px !important;height:44px !important;font-size:20px !important}.cc-filter-bar{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap !important;padding-bottom:4px}.cc-filter-btn{flex-shrink:0;font-size:11px;padding:6px 10px}.profile-stats-grid{grid-template-columns:repeat(2,1fr) !important;gap:10px}.profile-avatar-section{padding:24px 16px}.lesson-body{font-size:15px}.vocab-table td,.vocab-table th{padding:8px 6px;font-size:13px}.g-card{padding:14px 12px}.g-quiz-opt{padding:12px 10px;font-size:14px}.cc-bubble{max-width:88% !important;padding:10px 12px !important;font-size:13px !important}.duel-challenge-card{margin:0 4px 12px}.duel-question-card{padding:16px 12px}#home-quick-access{grid-template-columns:repeat(3,1fr) !important}.streak-banner{padding:10px 12px;border-radius:16px}.streak-banner .streak-fire{font-size:28px}.xp-bar-section{padding:10px 14px}}@media (max-width:380px){.cc-card-sub{max-width:120px}.cc-tag{font-size:10px;padding:3px 7px}.bnav-item span{font-size:9px}.bnav-item i{font-size:18px}.bnav-item{padding:6px 8px}}#onboarding-overlay{position:fixed;inset:0;z-index:1500;background:linear-gradient(135deg,#1A1A1A,#D00000);display:none;align-items:center;justify-content:center;padding:20px}#onboarding-overlay.open{display:flex}.onboard-card{background:white;border-radius:var(--radius-lg);max-width:480px;width:100%;overflow:hidden;box-shadow:0 40px 80px rgba(0,0,0,0.5);animation:slideUp 0.5s ease}.onboard-progress{height:5px;background:#f1f2f6}.onboard-progress-fill{height:100%;background:linear-gradient(to right,var(--ger-gold),var(--ger-red));transition:width 0.4s ease}.onboard-body{padding:45px 40px;text-align:center}.onboard-emoji{font-size:70px;margin-bottom:20px;display:block}.onboard-body h2{font-size:26px;font-weight:800;margin-bottom:12px;color:var(--ger-black)}.onboard-body p{color:#666;font-size:16px;line-height:1.7;margin-bottom:28px}.onboard-input{width:100%;padding:14px 18px;border:2px solid #eee;border-radius:var(--radius-md);font-family:Cairo,sans-serif;font-size:16px;margin-bottom:16px;transition:0.3s;background:#fafafa}.onboard-input:focus{border-color:var(--ger-gold);outline:none;background:white}.onboard-btn{width:100%;padding:16px;background:linear-gradient(135deg,var(--ger-black),#2d3436);color:white;border:none;border-radius:var(--radius-md);font-size:18px;font-weight:bold;cursor:pointer;font-family:Cairo,sans-serif;transition:0.3s}.onboard-btn:hover{background:var(--ger-red)}.onboard-skip{background:none;border:none;color:#aaa;font-size:13px;cursor:pointer;margin-top:12px;font-family:Cairo,sans-serif}.onboard-dots{display:flex;justify-content:center;gap:8px;margin-bottom:25px}.onboard-dot{width:10px;height:10px;border-radius:50%;background:#eee;transition:0.3s}.onboard-dot.active{background:var(--ger-red);width:24px;border-radius:5px}.goal-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.goal-option{padding:14px;border:2px solid #eee;border-radius:var(--radius-md);cursor:pointer;transition:0.3s;font-size:14px;font-weight:bold;background:white;font-family:Cairo,sans-serif}.goal-option:hover,.goal-option.selected{border-color:var(--ger-gold);background:rgba(255,186,0,0.08)}#admin-overlay{position:fixed;inset:0;z-index:1500;background:#0f172a;overflow-y:auto;display:none}#admin-overlay.open{display:block}.admin-header{background:#0f172a;padding:20px 30px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #1e293b;position:sticky;top:0;z-index:10}.admin-logo{color:var(--ger-gold);font-size:20px;font-weight:800;display:flex;align-items:center;gap:10px}.admin-close{background:#1e293b;border:none;color:#94a3b8;padding:10px 18px;border-radius:10px;cursor:pointer;font-family:Cairo,sans-serif;font-weight:bold;transition:0.3s}.admin-close:hover{background:var(--ger-red);color:white}.admin-container{max-width:1200px;margin:0 auto;padding:30px 20px}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-bottom:35px}.admin-stat-card{background:#1e293b;border-radius:var(--radius-md);padding:24px;border:1px solid #334155;transition:0.3s}.admin-stat-card:hover{border-color:var(--ger-gold);transform:translateY(-3px)}.admin-stat-num{font-size:36px;font-weight:800;color:var(--ger-gold)}.admin-stat-lbl{font-size:13px;color:#94a3b8;margin-top:5px}.admin-section{background:#1e293b;border-radius:var(--radius-lg);padding:28px;margin-bottom:25px;border:1px solid #334155}.admin-section h3{color:#f1f5f9;margin-bottom:20px;font-size:18px;display:flex;align-items:center;gap:10px;padding-bottom:15px;border-bottom:1px solid #334155}.admin-table{width:100%;border-collapse:collapse}.admin-table th{text-align:right;padding:12px 16px;color:#64748b;font-size:13px;font-weight:bold;border-bottom:1px solid #334155}.admin-table td{padding:14px 16px;color:#e2e8f0;font-size:14px;border-bottom:1px solid #1e293b}.admin-table tr:hover td{background:rgba(255,186,0,0.04)}.admin-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:bold}.admin-badge.active{background:rgba(0,184,148,0.15);color:#00B894}.admin-badge.inactive{background:rgba(208,0,0,0.15);color:#D00000}.admin-search{background:#0f172a;border:1px solid #334155;border-radius:10px;padding:10px 16px;color:#e2e8f0;font-family:Cairo,sans-serif;font-size:14px;width:100%;margin-bottom:18px;transition:0.3s}.admin-search:focus{border-color:var(--ger-gold);outline:none}.admin-code-input{background:#0f172a;border:1px solid #334155;border-radius:10px;padding:10px 14px;color:#e2e8f0;font-family:Cairo,sans-serif;font-size:14px;width:180px}.admin-gen-btn{background:var(--ger-gold);color:var(--ger-black);border:none;padding:11px 20px;border-radius:10px;font-weight:bold;cursor:pointer;font-family:Cairo,sans-serif;transition:0.3s}.admin-codes-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.admin-code-tag{background:#0f172a;border:1px solid #334155;padding:8px 16px;border-radius:8px;color:var(--ger-gold);font-family:Nunito,sans-serif;font-weight:bold;font-size:14px;cursor:pointer;transition:0.3s}.admin-code-tag:hover{border-color:var(--ger-gold)}.adm-nav-btn{background:transparent;border:none;color:#64748b;padding:9px 16px;border-radius:10px;cursor:pointer;font-family:Cairo,sans-serif;font-size:13px;font-weight:bold;transition:0.2s;display:flex;align-items:center;gap:6px}.adm-nav-btn:hover{background:#1e293b;color:#e2e8f0}.adm-nav-btn.active{background:linear-gradient(135deg,#FFBA00,#f39c12);color:#1A1A1A}.adm-tab-content{animation:fadeIn 0.3s ease}.adm-quick-q{background:#1e293b;border:1px solid #334155;color:#94a3b8;padding:8px 14px;border-radius:20px;cursor:pointer;font-family:Cairo,sans-serif;font-size:12px;transition:0.2s;white-space:nowrap}.adm-quick-q:hover{border-color:#a78bfa;color:#a78bfa;background:#1a1a2e}.adm-top5-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #1e293b}.adm-top5-rank{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}.adm-ai-msg-user{display:flex;flex-direction:row-reverse;gap:12px;margin-bottom:15px}.adm-ai-msg-user>div:first-child{background:linear-gradient(135deg,#1e3a5f,#1d4ed8);padding:12px 16px;border-radius:14px 14px 4px 14px;color:#e2e8f0;font-size:14px;max-width:85%}.adm-ai-msg-bot{display:flex;gap:12px;margin-bottom:15px}.adm-ai-msg-bot>div:last-child{background:#1e293b;padding:14px 18px;border-radius:14px 14px 14px 4px;color:#e2e8f0;font-size:14px;line-height:1.7;max-width:85%}.adm-ai-typing{display:flex;gap:5px;align-items:center;padding:14px 18px}.adm-typing-dot{width:8px;height:8px;border-radius:50%;background:#a78bfa;animation:wave 1.2s infinite ease-in-out}.adm-typing-dot:nth-child(2){animation-delay:0.2s}.adm-typing-dot:nth-child(3){animation-delay:0.4s}@media (max-width:768px){.admin-nav-tabs{display:none}.adm-tab-content>div[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr !important}}#cert-overlay{position:fixed;inset:0;z-index:1600;background:rgba(0,0,0,0.85);display:none;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(8px);overflow-y:auto}#cert-overlay.open{display:flex}#cert-canvas-wrapper{background:white;border-radius:8px;overflow:hidden;box-shadow:0 40px 80px rgba(0,0,0,0.5);max-width:700px;width:100%}.cert-preview{padding:40px 35px;text-align:center;position:relative;border:8px solid var(--ger-gold);margin:15px;border-radius:4px;background:linear-gradient(135deg,#fffdf7,#fff9e6)}.cert-title{font-size:32px;font-weight:800;color:var(--ger-black);margin:10px 0 5px}.cert-name{font-size:38px;font-weight:800;color:var(--ger-red);font-family:Nunito,sans-serif;margin:15px 0}.cert-body{font-size:15px;color:#555;line-height:1.8;margin:15px 0}.cert-stats-row{display:flex;justify-content:center;gap:30px;margin:18px 0}.cert-stat-num{font-size:26px;font-weight:800;color:var(--ger-black)}.cert-stat-lbl{font-size:12px;color:#888}.cert-sign{margin-top:22px;display:flex;justify-content:center;gap:60px}.cert-sign-line{width:120px;height:2px;background:#333;margin:0 auto 6px}.cert-sign-name{font-size:13px;font-weight:bold}.cert-sign-role{font-size:11px;color:#888}.cert-btn-row{display:flex;gap:12px;padding:18px 22px;background:#f8f9fa}.cert-dl-btn{flex:1;padding:13px;background:var(--ger-black);color:white;border:none;border-radius:10px;font-weight:bold;cursor:pointer;font-family:Cairo,sans-serif;font-size:15px;transition:0.3s}.cert-dl-btn:hover{background:var(--ger-red)}.cert-close-btn{background:#eee;border:none;padding:13px 20px;border-radius:10px;cursor:pointer;font-family:Cairo,sans-serif;font-weight:bold}.review-mode-banner{background:linear-gradient(135deg,#4C1D95,#7C3AED);color:white;border-radius:var(--radius-lg);padding:30px;margin-bottom:25px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px}.review-mode-banner h2{font-size:22px;margin-bottom:5px}.review-start-btn{background:white;color:#4C1D95;border:none;padding:13px 26px;border-radius:var(--radius-md);font-weight:800;cursor:pointer;font-family:Cairo,sans-serif;font-size:15px;transition:0.3s}.review-start-btn:hover{background:var(--ger-gold);color:var(--ger-black)}.review-lesson-item{background:var(--white);border-radius:var(--radius-md);padding:18px 22px;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;gap:15px;border-right:5px solid #7C3AED;transition:0.3s;cursor:pointer;margin-bottom:12px}.review-lesson-item:hover{transform:translateX(-5px)}.review-lesson-score{font-size:22px;font-weight:800;color:var(--ger-red)}#friends-screen,#chat-screen{padding:20px 0}.friends-search-box{background:var(--white);border-radius:var(--radius-md);padding:20px;margin-bottom:20px;box-shadow:var(--shadow)}.friends-search-box input{width:100%;padding:12px 16px;border:2px solid #eee;border-radius:12px;font-family:Cairo,sans-serif;font-size:14px;box-sizing:border-box;transition:0.3s}.friends-search-box input:focus{border-color:var(--ger-gold);outline:none}.friend-card{background:var(--white);border-radius:var(--radius-md);padding:16px;margin-bottom:12px;box-shadow:var(--shadow);display:flex;align-items:center;gap:14px}.friend-avatar{width:48px;height:48px;border-radius:50%;background:var(--ger-gold);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;overflow:hidden}.friend-info{flex:1}.friend-name{font-weight:700;font-size:15px}.friend-username{font-size:12px;color:#888}.friend-xp{font-size:12px;color:var(--ger-gold);font-weight:bold}.friend-actions{display:flex;gap:8px;flex-shrink:0}.btn-friend{padding:8px 14px;border:none;border-radius:10px;font-family:Cairo,sans-serif;font-size:13px;font-weight:bold;cursor:pointer;transition:0.3s}.btn-add-friend{background:linear-gradient(135deg,var(--ger-gold),#f39c12);color:#1A1A1A}.btn-add-friend:hover{transform:translateY(-1px)}.btn-accept{background:linear-gradient(135deg,var(--success),#00a886);color:white}.btn-reject{background:linear-gradient(135deg,var(--ger-red),#c0392b);color:white}.btn-chat{background:linear-gradient(135deg,#6C63FF,#4834d4);color:white}.section-title{font-size:16px;font-weight:800;margin:0 0 14px;display:flex;align-items:center;gap:8px}.friends-section{background:var(--white);border-radius:var(--radius-md);padding:20px;margin-bottom:20px;box-shadow:var(--shadow)}.chat-header{background:linear-gradient(135deg,#6C63FF,#4834d4);color:white;padding:16px 20px;border-radius:var(--radius-md) var(--radius-md) 0 0;display:flex;align-items:center;gap:12px}.chat-messages-box{background:var(--white);min-height:400px;max-height:60vh;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.chat-bubble{max-width:70%;padding:10px 14px;border-radius:16px;font-size:14px;line-height:1.5}.chat-bubble.mine{background:linear-gradient(135deg,#6C63FF,#4834d4);color:white;align-self:flex-start;border-bottom-left-radius:4px}.chat-bubble.theirs{background:#f1f2f6;color:#333;align-self:flex-end;border-bottom-right-radius:4px}.chat-bubble-time{font-size:10px;opacity:0.7;margin-top:4px}.chat-input-row{background:var(--white);padding:12px;border-radius:0 0 var(--radius-md) var(--radius-md);display:flex;gap:10px;box-shadow:var(--shadow)}.chat-input-row input{flex:1;padding:10px 14px;border:2px solid #eee;border-radius:12px;font-family:Cairo,sans-serif;font-size:14px}.chat-input-row input:focus{border-color:#6C63FF;outline:none}.chat-send-btn{background:linear-gradient(135deg,#6C63FF,#4834d4);color:white;border:none;padding:10px 18px;border-radius:12px;cursor:pointer;font-size:16px}#friend-notif-dot{display:none;position:absolute;top:6px;right:6px;width:8px;height:8px;background:var(--ger-red);border-radius:50%}.pt-home-card{border-radius:22px;padding:0;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,0.10);margin-bottom:0;position:relative}.pt-home-banner{background:linear-gradient(135deg,#0f0c29 0%,#302b63 50%,#24243e 100%);padding:28px 28px 20px;color:white;position:relative;overflow:hidden}.pt-home-banner::before{content:'🎯';position:absolute;font-size:140px;opacity:0.06;right:-20px;top:-20px;line-height:1}.pt-home-banner .pt-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,186,0,0.18);color:#FFBA00;border:1px solid rgba(255,186,0,0.3);padding:4px 14px;border-radius:30px;font-size:12px;font-weight:bold;margin-bottom:12px}.pt-home-banner h2{font-size:22px;font-weight:900;margin-bottom:8px;line-height:1.3}.pt-home-banner p{font-size:13px;opacity:0.75;margin-bottom:20px;line-height:1.7}.pt-home-levels{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.pt-home-levels span{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.15);color:white;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:bold}.pt-home-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px;background:linear-gradient(135deg,#FFBA00,#f39c12);color:#1a1a1a;border:none;border-radius:14px;font-family:'Cairo',sans-serif;font-size:16px;font-weight:900;cursor:pointer;transition:all 0.3s;box-shadow:0 6px 20px rgba(255,186,0,0.35)}.pt-home-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(255,186,0,0.45)}.pt-home-btn:active{transform:translateY(0)}.pt-home-result{background:var(--white);padding:20px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.pt-result-level{display:flex;align-items:center;gap:14px}.pt-result-badge{width:62px;height:62px;border-radius:50%;background:linear-gradient(135deg,#6C63FF,#4834d4);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:900;color:white;box-shadow:0 4px 16px rgba(108,99,255,0.4);flex-shrink:0}.pt-result-info h4{font-size:16px;font-weight:900;margin-bottom:3px}.pt-result-info p{font-size:12px;color:#888}.pt-retake-btn{background:rgba(108,99,255,0.1);color:#6C63FF;border:1.5px solid rgba(108,99,255,0.25);padding:10px 20px;border-radius:12px;font-family:'Cairo',sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:0.25s;white-space:nowrap}.pt-retake-btn:hover{background:rgba(108,99,255,0.18);transform:translateY(-1px)}.pt-cert-btn{background:rgba(255,186,0,0.12);color:#b8860b;border:1.5px solid rgba(255,186,0,0.3);padding:10px 20px;border-radius:12px;font-family:'Cairo',sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:0.25s;white-space:nowrap}.pt-cert-btn:hover{background:rgba(255,186,0,0.22);transform:translateY(-1px)}body.dark-mode .pt-home-result{background:#1F2937}body.dark-mode .pt-result-info h4{color:#F9FAFB}@keyframes pt-pulse{0%,100%{box-shadow:0 6px 20px rgba(255,186,0,0.35)}50%{box-shadow:0 6px 28px rgba(255,186,0,0.6)}}.pt-home-btn.pulse{animation:pt-pulse 2s infinite}*{-webkit-tap-highlight-color:transparent}input,textarea,select{font-size:16px !important}@media (max-width:768px){.lesson-body{padding:0 !important}#active-lesson .lesson-body>div:first-child{position:sticky;top:0;z-index:50;background:var(--bg,#fff);padding:10px 12px 10px !important;margin-bottom:0 !important;border-bottom:1px solid rgba(0,0,0,0.08)}#active-lesson .lesson-body>div:not(:first-child){padding:14px 12px}#active-lesson [style*="justify-content:center"]{overflow-x:auto !important;flex-wrap:nowrap !important;-webkit-overflow-scrolling:touch;justify-content:flex-start !important;padding:4px 12px 8px !important;margin-bottom:0 !important;scrollbar-width:none}#active-lesson [style*="justify-content:center"]::-webkit-scrollbar{display:none}.step-arrow{flex-shrink:0}.step-indicator{flex-shrink:0}.reading-text{font-size:16px !important;padding:18px 14px !important;line-height:1.85 !important}.vocab-grid{grid-template-columns:1fr !important;gap:12px !important}.vocab-item{padding:12px 14px !important}.option-lbl{padding:14px 12px !important;margin-bottom:10px !important;min-height:52px !important}.question-block{padding:16px 12px !important}.question-title{font-size:15px !important}.textarea-answer{padding:12px !important;height:100px !important}.step-indicator{padding:8px 12px !important}.step-label{font-size:12px !important}#lesson-title{font-size:15px !important}.result-card{padding:20px 14px !important}.score-circle{width:110px !important;height:110px !important;font-size:28px !important}.g-quiz-opt{min-height:48px !important;display:flex !important;align-items:center !important}.auth-card{padding:28px 18px !important}.app-screen,.lesson-body{overflow-x:hidden !important}.lp-btn-cta,.lp-btn-login{padding:9px 16px !important;font-size:13px !important}}@media (max-width:480px){.reading-text{font-size:15px !important;padding:14px 10px !important}.option-lbl{font-size:14px !important}.lesson-body{padding:12px 10px !important}}.hm-quick-btn:active,.bnav-item:active,.option-lbl:active,.btn-main:active,.g-quiz-opt:active,.lesson-card:active,.header-btn:active,.tab-btn:active,.step-indicator:active{opacity:0.75 !important;transform:scale(0.97) !important}