.el-app{--el-bg:#fff;--el-bg2:#fff;--el-bg3:#f8f5f2;--el-border:#e8e2db;--el-text:#1a1a1a;--el-text2:#4a4441;--el-muted:#7a7370;--el-accent:#c9858a;--el-accent2:#e09fa3;--el-accent-light:#f5e8e9;--el-green:#16a34a;--el-red:#dc2626;--el-yellow:#b45309;--el-radius:16px;--el-radius-sm:8px;--el-shadow:0 2px 16px #00000014;--el-shadow-lg:0 8px 32px #0000001f;font-family:Segoe UI,system-ui,sans-serif;font-size:15px;line-height:1.6}.el-app.el-dark{--el-bg:#111;--el-bg2:#1e1e1e;--el-bg3:#1a1a1a;--el-border:#2e2e2e;--el-text:#f0ece8;--el-text2:#b0aaa6;--el-muted:#7a7370;--el-accent:#c9858a;--el-accent2:#e09fa3;--el-accent-light:#2a1f20;--el-shadow:0 2px 12px #0006;--el-shadow-lg:0 8px 32px #00000080}.el-app .el-page{background:var(--el-bg);color:var(--el-text);display:flex;flex-direction:column;min-height:100vh}.el-app .el-top-bar{align-items:center;background:var(--el-bg2);border-bottom:1px solid var(--el-border);display:flex;gap:10px;padding:12px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.el-app .el-top-bar-brand{align-items:center;display:flex;flex:1 1;gap:8px}.el-app .el-brand-dot{background:var(--el-accent);border-radius:50%;height:10px;width:10px}.el-app .el-brand-name{color:var(--el-text);font-size:1rem;font-weight:700}.el-app .el-top-bar-title{color:var(--el-text);flex:1 1;font-size:.95rem;font-weight:600;text-align:center}.el-app .el-icon-btn{background:var(--el-bg3);border:none;border-radius:var(--el-radius-sm);color:var(--el-text);cursor:pointer;font-size:.9rem;padding:7px 10px;transition:background .15s}.el-app .el-icon-btn:hover{background:var(--el-border)}.el-app .el-speak-btn{background:#0000;border:none;border-radius:4px;color:var(--el-accent);cursor:pointer;font-size:1rem;line-height:1;padding:2px 5px;transition:background .15s}.el-app .el-speak-btn:hover{background:var(--el-bg3)}.el-app .el-tts-btn{align-items:center;background:var(--el-bg2);border:1.5px solid var(--el-border);border-radius:6px;color:var(--el-text2);cursor:pointer;display:inline-flex;font-size:.8rem;gap:3px;padding:3px 8px;transition:all .18s;-webkit-user-select:none;user-select:none;white-space:nowrap}.el-app .el-tts-btn:hover{background:var(--el-accent-light);border-color:var(--el-accent);color:var(--el-accent)}.el-app .el-tts-btn.playing{animation:el-tts-pulse 1s ease-in-out infinite;background:var(--el-accent);border-color:var(--el-accent);color:#fff}@keyframes el-tts-pulse{0%,to{box-shadow:0 0 0 0 #c9858a80}50%{box-shadow:0 0 0 5px #c9858a00}}.el-app .el-tts-pair{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px}.el-app .el-tts-legend{background:var(--el-bg3);border-radius:8px;color:var(--el-muted);display:flex;flex-wrap:wrap;font-size:.78rem;gap:16px;margin-bottom:10px;padding:6px 10px}.el-app .el-mimic-item{align-items:flex-start;border-bottom:1px solid var(--el-border);display:flex;flex-wrap:wrap;gap:8px;padding:8px 0}.el-app .el-mimic-item:last-child{border-bottom:none}.el-app .el-mimic-text{flex:1 1;font-style:italic;line-height:1.5;min-width:200px}.el-app .el-quiz-backdrop{align-items:center;animation:el-lookup-in .2s ease;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.el-app .el-quiz-modal{background:var(--el-bg2);border:2px solid var(--el-accent);border-radius:20px;box-shadow:var(--el-shadow-lg);max-width:380px;padding:28px 24px;text-align:center;width:90%}.el-app .el-quiz-badge{background:var(--el-accent);border-radius:20px;color:#fff;display:inline-block;font-size:.8rem;font-weight:700;margin-bottom:14px;padding:4px 14px}.el-app .el-quiz-q{color:var(--el-text2);font-size:.9rem;margin-bottom:8px}.el-app .el-quiz-word{color:var(--el-accent);font-size:2rem;font-weight:800}.el-app .el-quiz-ipa{color:var(--el-muted);font-family:monospace;font-size:.8rem;margin-bottom:16px}.el-app .el-quiz-options{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.el-app .el-quiz-opt{background:var(--el-bg3);border:1.5px solid var(--el-border);border-radius:10px;color:var(--el-text);cursor:pointer;font-size:.95rem;padding:10px 16px;text-align:center;transition:all .18s}.el-app .el-quiz-opt:hover:not(.correct):not(.wrong):not(.dim){background:var(--el-accent-light);border-color:var(--el-accent)}.el-app .el-quiz-opt.correct{background:#dcfce7;border-color:#16a34a;color:#14532d;font-weight:700}.el-app .el-quiz-opt.wrong{background:#fee2e2;border-color:#dc2626;color:#7f1d1d}.el-app .el-quiz-opt.dim{opacity:.45}.el-app .el-quiz-result{align-items:center;display:flex;flex-direction:column;font-size:.95rem}.el-app .el-quiz-result.correct{color:var(--el-green)}.el-app .el-quiz-result.wrong{color:var(--el-red)}.el-app .el-quiz-skip{background:none;border:none;color:var(--el-muted);cursor:pointer;font-size:.8rem;margin-top:8px;text-decoration:underline}.el-app .el-ledger-strip{background:linear-gradient(135deg,#f59e0b22,#fbbf2422);border:1.5px solid #f59e0b;border-radius:10px;color:#92400e;cursor:pointer;display:block;font-size:.9rem;font-weight:600;margin-bottom:12px;padding:10px 18px;text-align:right;transition:all .2s;width:100%}.el-dark .el-ledger-strip{color:#fbbf24}.el-app .el-ledger-strip:hover{background:#f59e0b;color:#fff}.el-app .el-ledger-strip.errors{background:#fef3c7;border-color:#f97316;color:#9a3412}.el-dark .el-ledger-strip.errors{color:#fdba74}.el-app .el-ledger-strip.errors:hover{background:#f97316;color:#fff}.el-app .el-errors-wrap{margin:0 auto;max-width:700px;padding:20px;width:100%}.el-app .el-errors-hero{padding:24px 0 16px;text-align:center}.el-app .el-errors-total{color:var(--el-accent);font-size:3.5rem;font-weight:900;line-height:1}.el-app .el-errors-total-label{color:var(--el-text2);font-size:.9rem;margin-top:4px}.el-app .el-errors-worst{background:var(--el-bg2);border-radius:10px;display:inline-block;font-size:.9rem;margin-top:10px;padding:8px 16px}.el-app .el-errors-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;margin-top:16px}.el-app .el-errors-card{background:var(--el-bg2);border:1.5px solid var(--el-border);border-radius:14px;padding:14px 16px}.el-app .el-errors-card-top{align-items:center;display:flex;gap:8px;margin-bottom:8px}.el-app .el-errors-icon{font-size:1.3rem}.el-app .el-errors-label{flex:1 1;font-weight:700}.el-app .el-errors-count{font-size:.9rem;font-weight:700}.el-app .el-err-bar-bg{background:var(--el-bg3);border-radius:99px;height:8px;overflow:hidden}.el-app .el-err-bar-fill{border-radius:99px;height:100%;transition:width .6s ease}.el-app .el-errors-pct{font-size:.75rem;margin-top:4px}.el-app .el-errors-tip{background:var(--el-bg3);border-radius:8px;color:var(--el-text2);font-size:.8rem;margin-top:8px;padding:6px 10px}.el-app .el-errors-footer{padding:20px 0;text-align:center}.el-app .el-ledger-wrap{margin:0 auto;max-width:900px;padding:20px;width:100%}.el-app .el-ledger-empty{align-items:center;display:flex;flex-direction:column;gap:12px;padding:60px 20px;text-align:center}.el-app .el-ledger-stats{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.el-app .el-ledger-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.el-app .el-ledger-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.el-app .el-flashcard.sm2-due{box-shadow:0 0 0 2px #f97316}.el-app .el-sm2-rate{margin-top:10px}.el-app .el-sm2-label{color:var(--el-muted);font-size:.72rem;margin-bottom:6px}.el-app .el-sm2-btns{display:flex;flex-direction:column;gap:5px}.el-app .el-sm2-btn{background:#0000;border:1.5px solid;border-radius:8px;cursor:pointer;font-size:.78rem;font-weight:600;padding:5px 8px;transition:opacity .15s}.el-app .el-sm2-btn:hover{opacity:.75}.el-app .el-home-main{margin:0 auto;max-width:900px;padding:0 20px 60px;width:100%}.el-app .el-hero-block{padding:48px 0 32px;text-align:center}.el-app .el-hero-badge{background:var(--el-accent);border-radius:20px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;margin-bottom:16px;padding:4px 14px}.el-app .el-hero-title{color:var(--el-text);font-size:1.9rem;font-weight:800;line-height:1.2;margin-bottom:12px}.el-app .el-hero-accent{color:var(--el-accent)}.el-app .el-hero-sub{color:var(--el-text2);font-size:1rem;margin:0 auto;max-width:500px}.el-app .el-levels-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin:32px 0}.el-app .el-level-card{background:var(--el-bg2);border:1.5px solid var(--el-border);border-radius:var(--el-radius);box-shadow:var(--el-shadow);color:var(--el-text);cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:20px;text-align:left;transition:all .2s}.el-app .el-level-card:hover:not(.locked){border-color:var(--el-accent);box-shadow:var(--el-shadow-lg);transform:translateY(-2px)}.el-app .el-level-card.locked{cursor:not-allowed;opacity:.55}.el-app .el-level-badge{align-self:flex-start;background:var(--el-accent);border-radius:var(--el-radius-sm);color:#fff;font-size:1.1rem;font-weight:800;padding:4px 12px}.el-app .el-level-name{font-size:1rem;font-weight:700}.el-app .el-level-name-ar{color:var(--el-muted);font-size:.82rem}.el-app .el-level-desc{color:var(--el-text2);font-size:.85rem}.el-app .el-level-lock{color:var(--el-muted);font-size:.85rem}.el-app .el-level-progress-wrap{align-items:center;display:flex;gap:8px}.el-app .el-level-prog-bar{background:var(--el-bg3);border-radius:10px;flex:1 1;height:5px;overflow:hidden}.el-app .el-level-prog-fill{background:var(--el-accent);border-radius:10px;height:100%;transition:width .4s}.el-app .el-level-prog-pct{color:var(--el-muted);font-size:.78rem;min-width:32px}.el-app .el-how-it-works{margin-top:48px}.el-app .el-section-title{font-size:1.3rem;margin-bottom:20px}.el-app .el-how-toggle{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:20px;padding:0;width:100%}.el-app .el-how-toggle .el-section-title{margin-bottom:0}.el-app .el-how-chevron{color:var(--el-muted);font-size:1.1rem;transition:transform .2s}.el-app .el-how-chevron.open{color:var(--el-accent);transform:rotate(180deg)}.el-app .el-how-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.el-app .el-how-card{background:var(--el-bg2);border:1px solid var(--el-border);border-radius:var(--el-radius);padding:18px}.el-app .el-how-icon{font-size:1.6rem;margin-bottom:8px}.el-app .el-how-title{color:var(--el-text);font-weight:700;margin-bottom:4px}.el-app .el-how-desc{color:var(--el-text2);font-size:.83rem}.el-app .el-days-hero{background:var(--el-bg2);border-bottom:1px solid var(--el-border);padding:28px 20px 20px;text-align:center}.el-app .el-days-hero-badge{background:var(--el-accent);border-radius:20px;color:#fff;display:inline-block;font-size:1.2rem;font-weight:800;margin-bottom:8px;padding:4px 16px}.el-app .el-days-hero-title{color:var(--el-text2);font-size:1.1rem;margin-bottom:12px}.el-app .el-days-legend{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.el-app .el-legend-pill{background:var(--el-bg3);border-radius:20px;color:var(--el-text2);font-size:.75rem;padding:3px 10px}.el-app .el-days-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));padding:20px}.el-app .el-day-card{background:var(--el-bg2);border:1.5px solid var(--el-border);border-radius:var(--el-radius);box-shadow:var(--el-shadow);color:var(--el-text);cursor:pointer;padding:16px;position:relative;text-align:left;transition:all .2s}.el-app .el-day-card:hover{border-color:var(--el-accent);transform:translateY(-2px)}.el-app .el-day-card.started{border-color:var(--el-accent2)}.el-app .el-day-card.done{border-color:var(--el-green)}.el-app .el-day-num{color:var(--el-muted);font-size:.75rem;font-weight:600;margin-bottom:4px}.el-app .el-day-title{font-size:.9rem;font-weight:700;margin-bottom:2px}.el-app .el-day-title-ar{color:var(--el-text2);font-size:.78rem;margin-bottom:10px}.el-app .el-day-prog-row{align-items:center;display:flex;gap:6px}.el-app .el-day-prog-bar{background:var(--el-bg3);border-radius:10px;flex:1 1;height:4px;overflow:hidden}.el-app .el-day-prog-fill{background:var(--el-accent);border-radius:10px;height:100%;transition:width .3s}.el-app .el-day-prog-txt{color:var(--el-muted);font-size:.72rem}.el-app .el-day-done-badge{align-items:center;background:var(--el-green);border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:20px;justify-content:center;position:absolute;right:10px;top:10px;width:20px}.el-app .el-day-card.locked{opacity:.6}.el-app .el-day-card.locked:hover{border-color:var(--el-border);transform:none}.el-app .el-day-locked-badge{align-items:center;background:#f0ad4e1f;border-radius:8px;color:#f0ad4e;display:inline-flex;font-size:.72rem;font-weight:700;gap:4px;padding:3px 8px}.el-app .el-day-hero{background:var(--el-bg2);border-bottom:1px solid var(--el-border);padding:28px 20px 20px}.el-app .el-day-hero-num{color:var(--el-muted);font-size:.8rem;font-weight:600;margin-bottom:4px}.el-app .el-day-hero-title{color:var(--el-text);font-size:1.6rem;font-weight:800;margin-bottom:4px}.el-app .el-day-hero-ar{color:var(--el-text2);font-size:1rem;margin-bottom:4px}.el-app .el-day-hero-sub{color:var(--el-muted);font-size:.85rem;margin-bottom:16px}.el-app .el-day-overall-prog{align-items:center;color:var(--el-text2);display:flex;font-size:.83rem;gap:10px}.el-app .el-day-overall-bar{background:var(--el-bg3);border-radius:10px;flex:1 1;height:6px;max-width:200px;overflow:hidden}.el-app .el-day-overall-fill{background:var(--el-accent);border-radius:10px;height:100%;transition:width .4s}.el-app .el-components-list{display:flex;flex-direction:column;gap:10px;padding:20px}.el-app .el-comp-card{align-items:center;background:var(--el-bg2);border:1.5px solid var(--el-border);border-radius:var(--el-radius);color:var(--el-text);cursor:pointer;display:flex;gap:14px;padding:16px 20px;text-align:left;transition:all .2s}.el-app .el-comp-card:hover{border-color:var(--el-accent)}.el-app .el-comp-card.el-comp-done{border-color:var(--el-green)}.el-app .el-comp-icon{flex-shrink:0;font-size:1.4rem}.el-app .el-comp-info{flex:1 1}.el-app .el-comp-label{font-size:.95rem;font-weight:700}.el-app .el-comp-label-en{color:var(--el-text2);font-size:.8rem}.el-app .el-comp-check{color:var(--el-green);font-size:1.1rem;font-weight:700}.el-app .el-comp-arrow{color:var(--el-muted);font-size:1.3rem}.el-app .el-day-nav-row{display:flex;gap:10px;justify-content:space-between;padding:20px}.el-app .el-comp-progress-strip{background:var(--el-bg2);border-bottom:1px solid var(--el-border);display:flex;gap:8px;justify-content:center;padding:10px 20px}.el-app .el-strip-dot{background:var(--el-bg3);border-radius:10px;cursor:pointer;height:6px;transition:all .2s;width:28px}.el-app .el-strip-dot.active{background:var(--el-accent);transform:scaleY(1.5)}.el-app .el-strip-dot.done{background:var(--el-green)}.el-app .el-comp-body{flex:1 1;margin:0 auto;max-width:760px;overflow-y:auto;padding:20px;width:100%}.el-app .el-comp-footer{align-items:center;background:var(--el-bg2);border-top:1px solid var(--el-border);bottom:0;display:flex;flex-wrap:wrap;gap:10px;padding:14px 20px;position:-webkit-sticky;position:sticky}.el-app .el-later-btn{background:#0000;border:1.5px dashed var(--el-border);border-radius:var(--el-radius-sm);color:var(--el-muted);cursor:pointer;font-size:.82rem;margin-right:auto;padding:8px 14px;transition:all .18s}.el-app .el-later-btn:hover{background:#eef2ff;background:var(--el-accent-light,#eef2ff);border-color:var(--el-accent);color:var(--el-accent)}@keyframes el-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.el-app .el-fade-in{animation:el-fade-in .25s ease both}.el-app .el-section{display:flex;flex-direction:column;gap:20px}.el-app .el-section-intro{background:var(--el-bg3);border-radius:var(--el-radius);border-right:3px solid var(--el-accent);color:var(--el-text2);font-style:italic;padding:14px 18px}.el-app .el-vocab-view-toggle{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.el-app .el-view-btn{background:var(--el-bg2);border:1.5px solid var(--el-border);border-radius:20px;color:var(--el-text2);cursor:pointer;font-size:.85rem;padding:5px 14px;transition:all .18s}.el-app .el-view-btn.active{background:var(--el-accent);border-color:var(--el-accent);color:#fff}.el-app .el-hard-count{color:var(--el-muted);font-size:.8rem;margin-right:auto}.el-app .el-hard-btn{background:none;border:none;color:var(--el-muted);cursor:pointer;font-size:1.1rem;line-height:1;padding:2px;transition:transform .2s}.el-app .el-hard-btn.active{color:#f59e0b;transform:scale(1.2)}.el-app .el-hard-btn.fc{font-size:.9rem;left:6px;position:absolute;top:6px}.el-app .el-row-hard td{background:#f59e0b0f}.el-app .el-vocab-table-wrap{overflow-x:auto}.el-app .el-vocab-table{border-collapse:collapse;font-size:.85rem;width:100%}.el-app .el-vocab-table th{background:var(--el-bg3);border-bottom:2px solid var(--el-border);color:var(--el-text2);font-weight:600;padding:10px 12px;text-align:left;white-space:nowrap}.el-app .el-vocab-table td{border-bottom:1px solid var(--el-border);padding:10px 12px;vertical-align:middle}.el-app .el-vocab-table tr:hover td{background:var(--el-bg3)}.el-app .el-flashcard-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.el-app .el-cards-hint{color:var(--el-muted);font-size:.8rem;grid-column:1/-1;margin:0}.el-app .el-flashcard{cursor:pointer;height:180px;perspective:900px;position:relative}.el-app .el-flashcard.hard .el-fc-front{border-color:#f59e0b}.el-app .el-fc-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.4,0,.2,1);width:100%}.el-app .el-flashcard.flipped .el-fc-inner{transform:rotateY(180deg)}.el-app .el-fc-back,.el-app .el-fc-front{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1.5px solid var(--el-border);border-radius:14px;box-shadow:var(--el-shadow);display:flex;flex-direction:column;inset:0;justify-content:center;padding:14px;position:absolute;text-align:center}.el-app .el-fc-front{background:var(--el-bg2)}.el-app .el-fc-back{background:var(--el-accent-light);overflow-y:auto;transform:rotateY(180deg)}.el-app .el-fc-word{color:var(--el-accent);font-size:1.2rem;font-weight:700}.el-app .el-fc-ipa{color:var(--el-muted);font-family:monospace;font-size:.78rem;margin-top:2px}.el-app .el-fc-hint{color:var(--el-muted);font-size:.72rem;margin-top:auto}.el-app .el-fc-arabic{color:var(--el-text);font-size:1.1rem;font-weight:700}.el-app .el-fc-phonetic{color:var(--el-muted);font-size:.75rem;margin:2px 0 6px}.el-app .el-fc-example{color:var(--el-text2);font-size:.72rem;font-style:italic}.el-app .el-fc-example-ar{color:var(--el-muted);font-size:.7rem;margin-top:4px}.el-app .el-word-highlight{color:var(--el-accent);font-size:1rem}.el-app .el-ipa{background:var(--el-bg3);border-radius:4px;color:var(--el-accent);font-family:monospace;font-size:.82rem;padding:2px 6px}.el-app .el-phonetic{color:var(--el-yellow);font-weight:600}.el-app .el-text-muted{color:var(--el-muted)}.el-app .el-challenge-box{background:var(--el-accent-light);border:1px solid var(--el-border);border-radius:var(--el-radius);padding:18px}.el-app .el-challenge-title{color:var(--el-text);font-size:1rem;margin-bottom:8px}.el-app .el-challenge-desc{font-size:.85rem;margin-bottom:12px}.el-app .el-mimic-words{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.el-app .el-mimic-word{background:var(--el-accent);border-radius:20px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:8px 18px}.el-app .el-mimic-tip{color:var(--el-text2);font-size:.83rem}.el-app .el-lookup-backdrop{inset:0;position:fixed;z-index:1000}.el-app .el-lookup-popup{animation:el-lookup-in .15s ease;background:var(--el-bg2);border:1.5px solid var(--el-accent);border-radius:12px;box-shadow:var(--el-shadow-lg);max-width:300px;min-width:240px;padding:14px 16px 12px;position:fixed;z-index:1001}@keyframes el-lookup-in{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.el-app .el-lookup-close{background:none;border:none;color:var(--el-muted);cursor:pointer;font-size:1rem;position:absolute;right:10px;top:8px}.el-app .el-lookup-word{color:var(--el-accent);font-size:1.2rem;font-weight:700;margin-bottom:2px}.el-app .el-lookup-ipa{color:var(--el-text2);font-family:monospace;font-size:.85rem}.el-app .el-lookup-arabic{font-size:1rem;font-weight:600;margin:4px 0}.el-app .el-lookup-phonetic{color:var(--el-muted);font-size:.8rem}.el-app .el-lookup-example{color:var(--el-text2);font-size:.78rem;font-style:italic;line-height:1.4;margin-top:6px}.el-app .el-lookup-hint{background:var(--el-bg3);border-radius:6px;color:var(--el-muted);display:inline-block;font-size:.78rem;margin-bottom:8px;padding:4px 10px}.el-app .el-teacher-corner{margin-top:8px}.el-app .el-teacher-toggle{background:var(--el-accent-light);border:1.5px dashed var(--el-accent);border-radius:12px;color:var(--el-accent);cursor:pointer;font-size:.95rem;font-weight:600;padding:12px;transition:all .2s;width:100%}.el-app .el-teacher-toggle:hover{background:var(--el-accent);color:#fff}.el-app .el-teacher-chat{background:var(--el-bg2);border:1.5px solid var(--el-accent);border-radius:14px;margin-top:8px;overflow:hidden}.el-app .el-teacher-header{align-items:center;background:var(--el-accent);color:#fff;display:flex;font-weight:600;justify-content:space-between;padding:10px 14px}.el-app .el-teacher-suggestions{border-bottom:1px solid var(--el-border);display:flex;flex-wrap:wrap;gap:8px;padding:10px 14px}.el-app .el-suggestion-chip{background:var(--el-bg3);border:1px solid var(--el-border);border-radius:20px;color:var(--el-text2);cursor:pointer;font-size:.8rem;padding:4px 12px;transition:all .15s}.el-app .el-suggestion-chip:hover{border-color:var(--el-accent);color:var(--el-accent)}.el-app .el-teacher-messages{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto;padding:12px 14px}.el-app .el-tc-msg{align-items:flex-start;display:flex;gap:8px}.el-app .el-tc-msg.user{flex-direction:row-reverse}.el-app .el-tc-avatar{flex-shrink:0;font-size:1.2rem}.el-app .el-tc-text{background:var(--el-bg3);border-radius:10px;font-size:.88rem;line-height:1.5;max-width:85%;padding:8px 12px}.el-app .el-tc-msg.user .el-tc-text{background:var(--el-accent);color:#fff}.el-app .el-teacher-input-row{border-top:1px solid var(--el-border);display:flex;gap:6px;padding:10px 14px}.el-app .el-grammar-block{background:var(--el-bg2);border:1px solid var(--el-border);border-radius:var(--el-radius);padding:20px}.el-app .el-grammar-name{color:var(--el-accent);font-size:1rem;font-weight:700;margin-bottom:8px}.el-app .el-grammar-explain{color:var(--el-text2);line-height:1.7;margin-bottom:14px}.el-app .el-formula-box{align-items:center;background:var(--el-bg3);border-radius:var(--el-radius-sm);display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px;padding:12px 16px}.el-app .el-formula-label{color:var(--el-muted);font-size:.85rem;font-weight:600}.el-app .el-formula{background:var(--el-accent);border-radius:6px;color:#fff;font-family:monospace;font-size:.9rem;padding:4px 10px}.el-app .el-examples-list{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.el-app .el-example-item{background:var(--el-bg3);border-radius:var(--el-radius-sm);border-right:3px solid var(--el-accent2);color:var(--el-text);font-size:.88rem;padding:8px 14px}.el-app .el-exercises-title{color:var(--el-text2);font-size:.9rem;font-weight:700;margin-bottom:8px}.el-app .el-exercise-card{background:var(--el-bg3);border-radius:var(--el-radius-sm);margin-bottom:10px;padding:14px}.el-app .el-exercise-q{color:var(--el-text);font-size:.9rem;margin-bottom:10px}.el-app .el-reveal-btn{background:var(--el-bg2);border:1.5px solid var(--el-border);border-radius:var(--el-radius-sm);color:var(--el-text2);cursor:pointer;font-size:.82rem;padding:6px 14px;transition:all .15s}.el-app .el-reveal-btn.revealed,.el-app .el-reveal-btn:hover{background:var(--el-accent);border-color:var(--el-accent);color:#fff}.el-app .el-exercise-ans{background:var(--el-bg2);border:1px solid var(--el-green);border-radius:var(--el-radius-sm);color:var(--el-green);font-size:.88rem;margin-top:10px;padding:8px 12px}.el-app .el-drag-label{color:var(--el-text2);font-size:.85rem;font-weight:600;margin-bottom:8px}.el-app .el-drag-drop-zone{align-items:center;background:var(--el-bg2);border:2px dashed var(--el-border);border-radius:var(--el-radius);display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;min-height:50px;padding:10px 12px;transition:border-color .2s}.el-app .el-drag-drop-zone.correct{background:#f0fdf4;border-color:#16a34a}.el-app .el-drag-drop-zone.wrong{background:#fef2f2;border-color:#dc2626}.el-app .el-drag-placeholder{color:var(--el-muted);font-size:.85rem}.el-app .el-drag-bank{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px;min-height:38px}.el-app .el-drag-chip{background:#eef2ff;background:var(--el-accent-light,#eef2ff);border:1.5px solid var(--el-accent);border-radius:8px;color:var(--el-accent);cursor:grab;font-size:.88rem;padding:6px 12px;transition:transform .1s,box-shadow .1s;-webkit-user-select:none;user-select:none}.el-app .el-drag-chip:hover{box-shadow:0 3px 8px #6366f133;transform:translateY(-2px)}.el-app .el-drag-chip:active{cursor:grabbing}.el-app .el-drag-chip.placed{background:var(--el-accent);color:#fff}.el-app .el-drag-result{border-radius:10px;font-size:.9rem;font-weight:600;margin-top:10px;padding:10px 14px}.el-app .el-drag-result.correct{background:#dcfce7;color:#14532d}.el-app .el-drag-result.wrong{background:#fee2e2;color:#7f1d1d}.el-app .el-hl-toolbar{align-items:center;background:var(--el-bg3);border-radius:10px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px;padding:8px 12px}.el-app .el-hl-label{color:var(--el-muted);font-size:.8rem}.el-app .el-hl-color-btn{background:#fef08a;background:var(--hl-bg,#fef08a);border:2px solid #0000;border-radius:6px;color:#1a1a1a;cursor:pointer;font-size:.78rem;padding:3px 10px;transition:all .15s}.el-app .el-hl-color-btn.active{border-color:#374151;box-shadow:0 0 0 2px #00000026}.el-app .el-hl-clear{background:none;border:none;color:var(--el-muted);cursor:pointer;font-size:.78rem;margin-right:auto}.el-app .el-hl-clear:hover{color:var(--el-red)}.el-app .el-reading-prog-bar{background:var(--el-border);border-radius:2px;height:3px;margin-bottom:12px;overflow:hidden;position:-webkit-sticky;position:sticky;top:0;z-index:5}.el-app .el-reading-prog-bar>div{background:linear-gradient(90deg,var(--el-accent),#7c3aed);border-radius:2px;height:100%;transition:width .3s ease}.el-app .el-rsvp-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:3000}.el-app .el-rsvp-box{background:var(--el-bg1);border-radius:20px;box-shadow:var(--el-shadow-lg);max-width:420px;padding:28px 32px;text-align:center;width:90%}.el-app .el-rsvp-progress-bar{background:var(--el-border);border-radius:4px;height:4px;margin-bottom:24px;overflow:hidden}.el-app .el-rsvp-progress-bar>div{background:var(--el-accent);border-radius:4px;height:100%;transition:width .15s linear}.el-app .el-rsvp-word{font-size:2.4rem;font-weight:700;height:3rem;letter-spacing:.04em;line-height:3rem;margin-bottom:8px}.el-app .el-rsvp-after,.el-app .el-rsvp-before{color:var(--el-text)}.el-app .el-rsvp-pivot{color:var(--el-accent)}.el-app .el-rsvp-counter{color:var(--el-muted);font-size:.75rem;margin-bottom:16px}.el-app .el-rsvp-controls{align-items:center;color:var(--el-text2);display:flex;font-size:.85rem;gap:10px;justify-content:center}.el-app .el-rsvp-controls input[type=range]{accent-color:var(--el-accent);width:130px}.el-app .el-reading-passage{background:var(--el-bg2);border:1px solid var(--el-border);border-radius:var(--el-radius);color:var(--el-text);cursor:text;font-size:1.05rem;line-height:1.9;padding:20px}.el-app .el-breakdown-title{color:var(--el-text2);font-size:.9rem;font-weight:700}.el-app .el-breakdown-list{display:flex;flex-direction:column;gap:8px}.el-app .el-breakdown-item{background:var(--el-bg2);border:1px solid var(--el-border);border-radius:var(--el-radius-sm);overflow:hidden}.el-app .el-breakdown-sentence{align-items:center;background:none;border:none;color:var(--el-text);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;justify-content:space-between;padding:12px 16px;text-align:left;width:100%}.el-app .el-expand-icon{color:var(--el-muted);font-size:.8rem}.el-app .el-breakdown-detail{background:var(--el-bg3);border-top:1px solid var(--el-border);padding:12px 16px}.el-app .el-word-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.el-app .el-word-chip{align-items:center;background:var(--el-bg2);border:1px solid var(--el-border);border-radius:6px;display:flex;flex-direction:column;gap:2px;padding:4px 10px}.el-app .el-chip-en{color:var(--el-accent);font-size:.85rem;font-weight:700}.el-app .el-chip-ar{color:var(--el-muted);font-size:.75rem}.el-app .el-breakdown-meaning{background:var(--el-bg2);border-right:3px solid var(--el-yellow);padding:8px 12px}.el-app .el-breakdown-meaning,.el-app .el-listening-context{border-radius:var(--el-radius-sm);color:var(--el-text2);font-size:.85rem}.el-app .el-listening-context{background:var(--el-bg3);font-style:italic;padding:10px 14px}.el-app .el-full-text-box{background:var(--el-bg2);border:1px solid var(--el-border);border-radius:var(--el-radius);padding:18px}.el-app .el-full-text-label{color:var(--el-muted);font-size:.8rem;font-weight:600;margin-bottom:6px}.el-app .el-full-text{color:var(--el-text2);font-size:.95rem;line-height:1.8}.el-app .el-dictation-title{color:var(--el-text);font-size:.9rem;font-weight:700}.el-app .el-fill-blanks{background:var(--el-bg2);border:1px solid var(--el-border);border-radius:var(--el-radius);color:var(--el-text);font-size:1rem;line-height:2.4;padding:20px}.el-app .el-blank-wrap{align-items:center;display:inline-flex;gap:4px}.el-app .el-blank-input{background:var(--el-bg3);border:1.5px solid var(--el-accent);border-radius:6px;color:var(--el-text);font-size:.9rem;padding:3px 8px;text-align:center;width:80px}.el-app .el-blank-input.correct{border-color:var(--el-green)}.el-app .el-blank-input.wrong{border-color:var(--el-red)}.el-app .el-blank-correct{color:var(--el-green);font-size:.8rem;font-weight:600}.el-app .el-blank-icon{font-size:.8rem}.el-app .el-blank-input{min-width:60px;width:auto}.el-app .el-score-banner{animation:el-lookup-in .25s ease;border-radius:10px;font-size:.95rem;font-weight:600;padding:12px 16px;text-align:center}.el-app .el-score-banner.perfect{background:#dcfce7;border:1.5px solid #86efac;color:#14532d}.el-app .el-score-banner.good{background:#fef9c3;border:1.5px solid #fde047;color:#713f12}.el-app .el-score-banner.retry{background:#fee2e2;border:1.5px solid #fca5a5;color:#7f1d1d}.el-app .el-dictation-btns{display:flex;gap:10px}.el-app .el-draft-status{color:var(--el-muted);font-size:.72rem;height:16px;margin-top:2px;text-align:left;transition:opacity .3s}.el-app .el-shadowing-chunk-box{background:var(--el-accent-light);border:1.5px solid var(--el-border);border-radius:var(--el-radius);padding:20px;text-align:center}.el-app .el-chunk-label{color:var(--el-muted);font-size:.8rem;font-weight:600;margin-bottom:8px}.el-app .el-chunk-text{color:var(--el-accent);font-size:1.8rem;font-weight:800;margin-bottom:10px}.el-app .el-chunk-native{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.el-app .el-native-label{color:var(--el-muted);font-size:.8rem}.el-app .el-native-form{background:var(--el-bg3);border-radius:6px;color:var(--el-text);font-family:monospace;font-size:.95rem;padding:4px 12px}.el-app .el-shadowing-explain{background:var(--el-bg3);border-radius:var(--el-radius);border-right:3px solid var(--el-yellow);color:var(--el-text2);line-height:1.7;padding:16px}.el-app .el-steps-title{color:var(--el-text);font-size:.9rem;font-weight:700}.el-app .el-steps-list{display:flex;flex-direction:column;gap:10px}.el-app .el-step-item{align-items:flex-start;background:var(--el-bg2);border:1px solid var(--el-border);border-radius:var(--el-radius-sm);display:flex;gap:14px;padding:14px}.el-app .el-step-num{align-items:center;background:var(--el-accent);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:28px;justify-content:center;width:28px}.el-app .el-step-text{color:var(--el-text);font-size:.9rem;line-height:1.6;padding-top:2px}.el-app .el-yt-btn{align-items:center;background:red;border-radius:var(--el-radius);color:#fff;display:flex;font-size:.95rem;font-weight:700;gap:8px;justify-content:center;padding:14px 20px;text-decoration:none;transition:opacity .15s}.el-app .el-yt-btn:hover{opacity:.85}.el-app .el-writing-title{color:var(--el-text);font-size:1rem;font-weight:700}.el-app .el-writing-challenge{background:var(--el-bg2);border:1px solid var(--el-border);border-radius:var(--el-radius);padding:16px}.el-app .el-challenge-q{color:var(--el-text);font-size:.9rem;font-weight:600;margin-bottom:10px}.el-app .el-writing-area{background:var(--el-bg3);border:1.5px solid var(--el-border);border-radius:var(--el-radius-sm);color:var(--el-text);font-family:Segoe UI,system-ui,sans-serif;font-size:.9rem;padding:10px 12px;resize:vertical;transition:border-color .2s;width:100%}.el-app .el-writing-area:focus{border-color:var(--el-accent);outline:none}.el-app .el-companion-section{background:var(--el-accent-light);border:1.5px solid var(--el-border);border-radius:var(--el-radius);padding:20px}.el-app .el-companion-title{color:var(--el-text);font-size:1rem;font-weight:700;margin-bottom:6px}.el-app .el-companion-desc{color:var(--el-text2);font-size:.85rem;line-height:1.6;margin-bottom:14px}.el-app .el-prompt-preview{background:var(--el-bg3);border-radius:var(--el-radius-sm);margin-bottom:14px;max-height:160px;overflow-y:auto;padding:14px}.el-app .el-prompt-text{color:var(--el-text2);font-family:monospace;font-size:.78rem;white-space:pre-wrap}.el-app .el-companion-btns{display:flex;flex-wrap:wrap;gap:10px}.el-app .el-nav-btn{background:var(--el-bg2);border:1.5px solid var(--el-border);border-radius:var(--el-radius-sm);color:var(--el-text);cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .15s}.el-app .el-nav-btn:hover{background:var(--el-bg3)}.el-app .el-nav-btn.primary{background:var(--el-accent);border-color:var(--el-accent);color:#fff}.el-app .el-nav-btn.primary:hover{opacity:.88}.el-app .el-nav-btn.already-done{background:var(--el-green);border-color:var(--el-green);color:#fff}.el-app .el-chat-page{display:flex;flex-direction:column;height:100vh}.el-app .el-chat-header-info{flex:1 1;text-align:center}.el-app .el-chat-header-title{color:var(--el-text);display:block;font-size:.95rem;font-weight:700}.el-app .el-chat-header-sub{color:var(--el-muted);display:block;font-size:.75rem}.el-app .el-chat-tip{background:var(--el-bg2);border-bottom:1px solid var(--el-border);color:var(--el-text2);font-size:.8rem;padding:8px 20px}.el-app .el-chat-messages{display:flex;flex:1 1;flex-direction:column;gap:14px;overflow-y:auto;padding:16px 16px 8px}.el-app .el-msg-row{align-items:flex-end;display:flex;gap:10px}.el-app .el-msg-row.user{flex-direction:row-reverse}.el-app .el-msg-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:.85rem;font-weight:800;height:34px;justify-content:center;width:34px}.el-app .el-msg-avatar.ai-avatar{background:linear-gradient(135deg,var(--el-accent),#7c3aed);color:#fff;font-size:1rem}.el-app .el-msg-avatar.user-avatar{background:var(--el-bg3);border:2px solid var(--el-border);color:var(--el-text2)}.el-app .el-bubble{font-size:.92rem;line-height:1.7;max-width:72%;padding:12px 16px;word-break:break-word}.el-app .el-bubble.ai{background:var(--el-bg2);border:1.5px solid var(--el-border);border-radius:4px 16px 16px 16px;box-shadow:0 1px 4px #0000000f;color:var(--el-text)}.el-app .el-bubble.user{background:linear-gradient(135deg,var(--el-accent) 0,#7c3aed 100%);border-radius:16px 4px 16px 16px;box-shadow:0 2px 8px #6366f14d;color:#fff}.el-app .el-bubble-name{color:var(--el-accent);font-size:.72rem;font-weight:700;letter-spacing:.02em;margin-bottom:5px}.el-app .el-bubble-text{white-space:pre-wrap}.el-app .el-typing-dots{display:inline-flex;gap:4px;padding:4px 0}.el-app .el-typing-dots span{animation:el-dot-bounce .9s infinite;background:var(--el-muted);border-radius:50%;height:8px;width:8px}.el-app .el-typing-dots span:nth-child(2){animation-delay:.15s}.el-app .el-typing-dots span:nth-child(3){animation-delay:.3s}@keyframes el-dot-bounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-6px)}}.el-app .el-chat-input-row{background:var(--el-bg2);border-top:1px solid var(--el-border);display:flex;gap:10px;padding:12px 16px}.el-app .el-chat-input{background:var(--el-bg3);border:1.5px solid var(--el-border);border-radius:var(--el-radius-sm);color:var(--el-text);flex:1 1;font-family:Segoe UI,system-ui,sans-serif;font-size:.95rem;padding:10px 14px}.el-app .el-chat-input:focus{border-color:var(--el-accent);outline:none}.el-app .el-send-btn{background:var(--el-accent);border:none;border-radius:var(--el-radius-sm);color:#fff;cursor:pointer;font-size:1.1rem;padding:10px 18px;transition:opacity .15s}.el-app .el-send-btn:hover:not(:disabled){opacity:.85}.el-app .el-send-btn:disabled{cursor:not-allowed;opacity:.4}.el-app .el-study-room{display:flex;flex:1 1;min-height:0;overflow:hidden}.el-app .el-content-panel{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow-y:auto}.el-app .el-study-room.buddy-open .el-content-panel{border-left:1px solid var(--el-border)}.el-app .el-buddy-panel{background:var(--el-bg2);border-left:1px solid var(--el-border);display:flex;flex-direction:column;height:100%;max-width:380px;min-width:280px;width:340px}.el-app .el-buddy-avatar-wrap{align-items:center;border-bottom:1px solid var(--el-border);display:flex;flex-direction:column;gap:4px;padding:14px 10px 10px}.el-app .el-buddy-avatar{align-items:center;background:var(--el-bg3);border:2.5px solid var(--el-accent);border-radius:50%;display:flex;height:56px;justify-content:center;position:relative;transition:border-color .3s;width:56px}.el-app .el-buddy-emoji{font-size:1.8rem;line-height:1}.el-app .el-buddy-pulse{animation:el-pulse 1.2s ease-in-out infinite;border:2px solid var(--el-accent);border-radius:50%;inset:-4px;position:absolute}.el-app .el-buddy-label{font-size:.72rem;font-weight:600;transition:color .3s}.el-app .el-buddy-name{color:var(--el-muted);font-size:.8rem}.el-app .el-buddy-messages{display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding:12px}.el-app .el-buddy-welcome{color:var(--el-muted);font-size:.85rem;line-height:1.7;padding:20px 10px;text-align:center}.el-app .el-buddy-msg{border-radius:14px;font-size:.88rem;line-height:1.55;max-width:92%;padding:9px 12px;word-break:break-word}.el-app .el-buddy-msg.user{align-self:flex-end;background:var(--el-accent);border-bottom-right-radius:4px;color:#fff}.el-app .el-buddy-msg.assistant{align-self:flex-start;background:var(--el-bg3);border:1px solid var(--el-border);border-bottom-left-radius:4px;color:var(--el-text)}.el-app .el-buddy-msg-text{white-space:pre-wrap}.el-app .el-buddy-typing{align-items:center;display:flex;gap:4px;padding:4px 0}.el-app .el-buddy-typing span{animation:el-bounce .9s ease-in-out infinite;background:var(--el-muted);border-radius:50%;height:7px;width:7px}.el-app .el-buddy-typing span:nth-child(2){animation-delay:.2s}.el-app .el-buddy-typing span:nth-child(3){animation-delay:.4s}@keyframes el-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.el-app .el-buddy-input-row{background:var(--el-bg2);border-top:1px solid var(--el-border);display:flex;gap:6px;padding:10px}.el-app .el-buddy-input{background:var(--el-bg3);border:1.5px solid var(--el-border);border-radius:20px;color:var(--el-text);flex:1 1;font-family:inherit;font-size:.88rem;min-width:0;padding:8px 14px}.el-app .el-buddy-input:focus{border-color:var(--el-accent);outline:none}.el-app .el-buddy-mic{background:var(--el-bg3);border:none;border-radius:50%;cursor:pointer;flex-shrink:0;font-size:1rem;height:36px;transition:background .15s;width:36px}.el-app .el-buddy-mic:hover{background:var(--el-border)}.el-app .el-buddy-mic.listening{animation:el-pulse 1s infinite;background:var(--el-accent)}.el-app .el-buddy-send{background:var(--el-accent);border:none;border-radius:50%;color:#fff;cursor:pointer;flex-shrink:0;font-size:1.1rem;font-weight:700;height:36px;transition:opacity .15s;width:36px}.el-app .el-buddy-send:disabled{cursor:not-allowed;opacity:.4}.el-app .el-buddy-send:hover:not(:disabled){opacity:.85}.el-app .el-icon-btn.active{background:var(--el-accent);color:#fff}.el-app .el-writing-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.el-app .el-check-btn{background:var(--el-yellow);border-color:var(--el-yellow);color:#fff}.el-app .el-check-btn:hover{opacity:.88}.el-app .el-correction-display{background:var(--el-bg3);border:1.5px solid var(--el-border);border-radius:var(--el-radius);margin-top:12px;padding:16px}.el-app .el-correction-label{color:var(--el-text2);font-size:.85rem;font-weight:700;margin-bottom:10px}.el-app .el-correction-text{background:var(--el-bg2);border-radius:var(--el-radius-sm);color:var(--el-text);font-size:.95rem;line-height:1.9;margin-bottom:10px;padding:12px 16px}.el-app .el-correction-del{background:#dc26261a;border-radius:3px;color:var(--el-red);font-weight:600;padding:1px 4px;text-decoration:line-through}.el-app .el-correction-ins{background:#16a34a1a;border-radius:3px;color:var(--el-green);font-weight:700;margin-right:3px;padding:1px 4px;text-decoration:none}.el-app .el-correction-note{background:var(--el-bg2);border-radius:0 var(--el-radius-sm) var(--el-radius-sm) 0;border-right:3px solid var(--el-yellow);color:var(--el-text2);font-size:.82rem;line-height:1.5;margin-top:6px;padding:4px 10px}.el-app .el-correction-why{color:var(--el-yellow);font-weight:700}.el-app .el-correction-ok{background:#16a34a1a;border:1.5px solid var(--el-green);border-radius:var(--el-radius-sm);color:var(--el-green);font-size:.9rem;font-weight:600;margin-top:12px;padding:12px 16px}.el-app .el-roleplay-toggle{background:var(--el-accent-light);border:1.5px dashed var(--el-accent);border-radius:var(--el-radius);color:var(--el-accent);cursor:pointer;font-size:.9rem;font-weight:700;padding:12px 20px;text-align:center;transition:all .2s;width:100%}.el-app .el-roleplay-toggle:hover{background:var(--el-accent);color:#fff}.el-app .el-roleplay-section{background:var(--el-bg2);border:1.5px solid var(--el-border);border-radius:var(--el-radius);padding:20px}.el-app .el-roleplay-title{color:var(--el-accent);font-size:1.1rem;font-weight:800;margin-bottom:6px}.el-app .el-roleplay-desc{color:var(--el-text2);font-size:.85rem;line-height:1.6;margin-bottom:16px}.el-app .el-roleplay-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.el-app .el-roleplay-card{align-items:center;background:var(--el-bg3);border:1.5px solid var(--el-border);border-radius:var(--el-radius);color:var(--el-text);cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:16px 10px;text-align:center;transition:all .2s}.el-app .el-roleplay-card:hover{background:var(--el-accent-light);border-color:var(--el-accent);transform:translateY(-2px)}.el-app .el-roleplay-icon{font-size:2rem}.el-app .el-roleplay-name{font-size:.82rem;font-weight:700}.el-app .el-roleplay-active{background:var(--el-bg2);border:1.5px solid var(--el-accent);border-radius:var(--el-radius);display:flex;flex-direction:column;max-height:420px;overflow:hidden}.el-app .el-roleplay-header{align-items:center;background:var(--el-accent);color:#fff;display:flex;font-size:.95rem;font-weight:700;justify-content:space-between;padding:12px 16px}.el-app .el-roleplay-exchange{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:12px}.el-app .el-roleplay-line{border-radius:14px;font-size:.88rem;line-height:1.6;max-width:88%;padding:10px 14px;word-break:break-word}.el-app .el-roleplay-line.buddy{align-items:flex-start;align-self:flex-start;background:var(--el-bg3);border:1px solid var(--el-border);border-bottom-left-radius:4px;display:flex;gap:6px}.el-app .el-roleplay-line.user{align-self:flex-end;background:var(--el-accent);border-bottom-right-radius:4px;color:#fff}.el-app .el-roleplay-text{color:inherit;white-space:pre-wrap}.el-app .el-roleplay-line.buddy .el-roleplay-text{color:var(--el-text)}.el-app .el-rp-correction-wrap{align-self:flex-start;display:flex;flex-direction:column;gap:4px;margin-top:4px;max-width:88%}.el-app .el-rp-correction-error{background:#fef2f2;border:1.5px solid #fca5a5;border-radius:10px;color:#b91c1c;font-size:.82rem;font-weight:600;padding:6px 12px}.el-app .el-rp-correction-fix{background:#f0fdf4;border:1.5px solid #86efac;border-radius:10px;color:#15803d;font-size:.82rem;font-weight:600;padding:6px 12px}.el-app .el-rp-correction-note{color:var(--el-muted);font-size:.78rem;padding:2px 4px}.el-app .el-roleplay-input-row{background:var(--el-bg2);border-top:1px solid var(--el-border);display:flex;gap:6px;padding:10px}.el-app .el-day-extras{padding:0 16px 8px}.el-app .el-day-extras-title{color:var(--el-muted);font-size:.8rem;font-weight:600;letter-spacing:.05em;margin-bottom:10px;text-align:center;text-transform:uppercase}.el-app .el-day-extras-row{display:flex;gap:12px}.el-app .el-extra-btn{align-items:center;background:var(--el-bg2);border:1.5px solid var(--el-border);border-radius:var(--el-radius);color:var(--el-text);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.95rem;font-weight:700;gap:4px;padding:14px 10px;transition:all .2s}.el-app .el-extra-btn:hover{box-shadow:var(--el-shadow);transform:translateY(-2px)}.el-app .el-extra-btn.speed{border-color:#f59e0b}.el-app .el-extra-btn.speed:hover{background:#f59e0b;color:#fff}.el-app .el-extra-btn.roleplay{border-color:var(--el-accent)}.el-app .el-extra-btn.roleplay:hover{background:var(--el-accent);color:#fff}.el-app .el-extra-sub{font-size:.75rem;font-weight:400;opacity:.75}.el-app .el-speed-page{background:var(--el-bg)}.el-app .el-speed-intro{align-items:center;display:flex;flex:1 1;justify-content:center;padding:24px 16px}.el-app .el-speed-intro-card{background:var(--el-bg2);border:1.5px solid var(--el-border);border-radius:24px;box-shadow:var(--el-shadow-lg);max-width:360px;padding:32px 24px;text-align:center;width:100%}.el-app .el-speed-big-icon{font-size:4rem;margin-bottom:12px}.el-app .el-speed-title{color:var(--el-text);font-size:1.6rem;font-weight:800;margin-bottom:8px}.el-app .el-speed-desc{color:var(--el-text2);font-size:.9rem;margin-bottom:16px}.el-app .el-speed-rules{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;text-align:right}.el-app .el-speed-rule{background:var(--el-bg3);border-radius:8px;color:var(--el-text2);font-size:.85rem;padding:8px 12px}.el-app .el-speed-day-tag{background:var(--el-accent-light);border-radius:8px;color:var(--el-accent);font-size:.8rem;font-weight:600;margin-bottom:20px;padding:6px 12px}.el-app .el-speed-start-btn{font-size:1.1rem;padding:14px;width:100%}.el-app .el-speed-countdown{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:center}.el-app .el-speed-countdown-num{animation:el-count-pop .4s ease;color:var(--el-accent);font-size:7rem;font-weight:900;line-height:1}@keyframes el-count-pop{0%{opacity:0;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}.el-app .el-speed-countdown-label{color:var(--el-muted);font-size:1.2rem}.el-app .el-speed-game{display:flex;flex:1 1;flex-direction:column;gap:12px;margin:0 auto;max-width:480px;padding:16px;width:100%}.el-app .el-speed-timer-wrap{align-items:center;display:flex;gap:10px}.el-app .el-speed-timer-bar{background:var(--el-bg3);border-radius:4px;flex:1 1;height:8px;overflow:hidden}.el-app .el-speed-timer-fill{border-radius:4px;height:100%;transition:width 1s linear,background .5s}.el-app .el-speed-timer-text{font-size:1rem;font-weight:700;min-width:32px;text-align:right}.el-app .el-speed-hud{display:flex;font-size:1rem;font-weight:700;justify-content:space-between}.el-app .el-speed-score{color:#f59e0b}.el-app .el-speed-word-card{background:var(--el-bg2);border:2px solid var(--el-border);border-radius:20px;box-shadow:var(--el-shadow);padding:24px;text-align:center}.el-app .el-speed-word{color:var(--el-accent);font-size:2.2rem;font-weight:900}.el-app .el-speed-ipa{color:var(--el-muted);font-family:monospace;font-size:.9rem}.el-app .el-speed-phonetic{color:var(--el-text2);font-size:.85rem}.el-app .el-speed-feedback{border-radius:12px;font-size:1.3rem;font-weight:700;padding:10px;text-align:center}.el-app .el-speed-feedback.correct{background:#dcfce7;color:#15803d}.el-app .el-speed-feedback.wrong{background:#fee2e2;color:#dc2626}.el-app .el-speed-options{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.el-app .el-speed-opt{background:var(--el-bg2);border:2px solid var(--el-border);border-radius:14px;color:var(--el-text);cursor:pointer;font-size:.95rem;font-weight:600;padding:14px 10px;transition:all .15s}.el-app .el-speed-opt:hover:not(:disabled):not(.correct):not(.wrong):not(.dim){background:var(--el-accent-light);border-color:var(--el-accent)}.el-app .el-speed-opt.correct{background:#dcfce7;border-color:#16a34a;color:#14532d}.el-app .el-speed-opt.wrong{background:#fee2e2;border-color:#dc2626;color:#7f1d1d}.el-app .el-speed-opt.dim{opacity:.35}.el-app .el-speed-result{align-items:center;display:flex;flex:1 1;justify-content:center;padding:20px}.el-app .el-speed-result-card{background:var(--el-bg2);border-radius:24px;box-shadow:var(--el-shadow-lg);max-width:400px;padding:32px 24px;text-align:center;width:100%}.el-app .el-speed-result-icon{font-size:3.5rem;margin-bottom:8px}.el-app .el-speed-result-title{font-size:1.25rem;font-weight:700;margin-bottom:16px}.el-app .el-speed-result-stats{display:flex;gap:24px;justify-content:center;margin-bottom:20px}.el-app .el-speed-result-stat{align-items:center;display:flex;flex-direction:column;gap:4px}.el-app .el-speed-stat-num{color:var(--el-accent);font-size:2rem;font-weight:800}.el-app .el-speed-stat-label{color:var(--el-muted);font-size:.78rem}.el-app .el-speed-word-results{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;text-align:right}.el-app .el-speed-word-result{align-items:center;border-radius:8px;display:flex;font-size:.85rem;gap:8px;padding:6px 10px}.el-app .el-speed-word-result.correct{background:#dcfce7}.el-app .el-speed-word-result.wrong{background:#fee2e2}.el-app .el-swr-word{flex:1 1;font-weight:700}.el-app .el-swr-arabic{color:var(--el-text2)}.el-app .el-rp-page{margin:0 auto;max-width:640px;width:100%}.el-app .el-rp-intro,.el-app .el-rp-page{display:flex;flex:1 1;flex-direction:column}.el-app .el-rp-intro{gap:16px;padding:20px}.el-app .el-rp-topic-card{background:var(--el-bg2);border:2px solid var(--el-accent);border-radius:20px;padding:20px;text-align:center}.el-app .el-rp-topic-icon{font-size:3rem;margin-bottom:8px}.el-app .el-rp-topic-name{color:var(--el-text);font-size:1.3rem;font-weight:800;margin-bottom:4px}.el-app .el-rp-topic-ar{color:var(--el-accent);font-size:.9rem;margin-bottom:12px}.el-app .el-rp-setting-label{color:var(--el-muted);font-size:.8rem;font-weight:600}.el-app .el-rp-setting{color:var(--el-text2);font-size:.9rem}.el-app .el-rp-ai-role{color:var(--el-text);font-size:.9rem;font-weight:600}.el-app .el-rp-focus-words{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:12px}.el-app .el-rp-focus-chip{background:var(--el-accent-light);border-radius:20px;color:var(--el-accent);font-size:.78rem;font-weight:600;padding:3px 10px}.el-app .el-rp-start-btn{font-size:1.05rem;padding:14px;width:100%}.el-app .el-rp-chat{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.el-app .el-rp-header{align-items:center;background:var(--el-accent);color:#fff;display:flex;font-weight:700;gap:10px;padding:10px 16px}.el-app .el-rp-header-info{flex:1 1}.el-app .el-rp-header-icon{font-size:1.5rem}.el-app .el-rp-header-name{font-size:.9rem}.el-app .el-rp-header-sub{font-size:.72rem;opacity:.85}.el-app .el-rp-end-btn,.el-app .el-rp-mute-btn{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;padding:5px 10px}.el-app .el-rp-words-bar{background:var(--el-bg3);border-bottom:1px solid var(--el-border);display:flex;flex-wrap:wrap;gap:5px;padding:8px 12px}.el-app .el-rp-word-chip{background:var(--el-bg2);border:1px solid var(--el-border);border-radius:10px;color:var(--el-muted);font-size:.72rem;font-weight:600;padding:2px 8px;transition:all .2s}.el-app .el-rp-word-chip.used{background:#dcfce7;border-color:#86efac;color:#15803d}.el-app .el-rp-messages{display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding:12px}.el-app .el-rp-msg{display:flex;flex-direction:column;gap:3px;max-width:88%}.el-app .el-rp-msg.ai{align-self:flex-start}.el-app .el-rp-msg.user{align-self:flex-end}.el-app .el-rp-bubble{border-radius:16px;font-size:.88rem;line-height:1.6;padding:10px 14px;white-space:pre-wrap}.el-app .el-rp-msg.ai .el-rp-bubble{background:var(--el-bg3);border:1px solid var(--el-border);border-bottom-left-radius:4px;color:var(--el-text)}.el-app .el-rp-msg.user .el-rp-bubble{background:var(--el-accent);border-bottom-right-radius:4px;color:#fff}.el-app .el-rp-msg-meta{color:var(--el-muted);font-size:.7rem}.el-app .el-rp-input-row{background:var(--el-bg2);border-top:1px solid var(--el-border);display:flex;gap:6px;padding:10px 12px}.el-app .el-rp-input{background:var(--el-bg3);border:1.5px solid var(--el-border);border-radius:20px;color:var(--el-text);flex:1 1;font-family:inherit;font-size:.88rem;min-width:0;padding:8px 14px}.el-app .el-rp-input:focus{border-color:var(--el-accent);outline:none}.el-app .el-rp-send-btn{background:var(--el-accent);color:#fff;font-size:1.1rem;font-weight:700}.el-app .el-rp-send-btn,.el-app .el-rp-stop-btn{border:none;border-radius:50%;cursor:pointer;flex-shrink:0;height:36px;width:36px}.el-app .el-rp-stop-btn{background:var(--el-bg3);color:var(--el-text2);font-size:1rem}.el-app .el-rp-review{flex:1 1;overflow-y:auto;padding:20px}.el-app .el-rp-review-title{font-size:1.3rem;font-weight:800;margin-bottom:16px;text-align:center}.el-app .el-rp-review-stats{display:flex;gap:24px;justify-content:center;margin-bottom:20px}.el-app .el-rp-review-stat{text-align:center}.el-app .el-rp-stat-num{color:var(--el-accent);font-size:1.8rem;font-weight:800}.el-app .el-rp-stat-label{color:var(--el-muted);font-size:.75rem}.el-app .el-rp-word-review{display:flex;flex-direction:column;gap:8px}.el-app .el-rp-word-row{align-items:center;background:var(--el-bg2);border:1px solid var(--el-border);border-radius:10px;display:flex;font-size:.88rem;gap:8px;padding:8px 12px}.el-app .el-rp-word-row.used{background:#f0fdf4;border-color:#86efac}.el-app .el-rp-word-row.missed{background:#fff1f2;border-color:#fca5a5}.el-app .el-progress-page{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:700px;padding:20px;width:100%}.el-app .el-xp-summary{align-items:center;background:var(--el-bg2);border:1.5px solid var(--el-border);border-radius:var(--el-radius);display:flex;gap:0;padding:16px 20px}.el-app .el-xp-streak,.el-app .el-xp-total,.el-app .el-xp-week{flex:1 1;text-align:center}.el-app .el-xp-num{color:var(--el-accent);font-size:1.8rem;font-weight:800}.el-app .el-xp-num.accent{color:#6366f1}.el-app .el-xp-label{color:var(--el-muted);font-size:.72rem}.el-app .el-xp-divider{background:var(--el-border);height:40px;width:1px}.el-app .el-prog-overall{background:var(--el-bg2);border:1.5px solid var(--el-border);border-radius:var(--el-radius);padding:16px 20px}.el-app .el-prog-overall-label{font-weight:700;margin-bottom:8px}.el-app .el-prog-bar-big{background:var(--el-bg3);border-radius:7px;height:14px;margin-bottom:6px;overflow:hidden}.el-app .el-prog-bar-fill{background:var(--el-accent);border-radius:7px;height:100%;transition:width .5s}.el-app .el-prog-overall-pct{color:var(--el-muted);font-size:.82rem;text-align:left}.el-app .el-radar-section{background:var(--el-bg2);border:1.5px solid var(--el-border);border-radius:var(--el-radius);padding:16px 20px}.el-app .el-section-title{color:var(--el-text);font-size:1rem;font-weight:700;margin-bottom:12px}.el-app .el-radar-wrap{display:flex;justify-content:center}.el-app .el-radar-canvas{display:block;max-width:100%}.el-app .el-prog-levels{display:flex;flex-direction:column;gap:10px}.el-app .el-prog-level-card{background:var(--el-bg2);border:1.5px solid var(--el-border);border-radius:var(--el-radius-sm);padding:12px 16px}.el-app .el-prog-level-top{align-items:center;display:flex;gap:8px;margin-bottom:6px}.el-app .el-prog-level-id{color:var(--el-accent);font-weight:800;min-width:32px}.el-app .el-prog-level-name{flex:1 1;font-weight:600}.el-app .el-prog-level-pct{color:var(--el-accent);font-weight:700}.el-app .el-prog-bar{background:var(--el-bg3);border-radius:3px;height:6px;overflow:hidden}.el-app .el-prog-level-done{color:var(--el-muted);font-size:.75rem;margin-top:4px}.el-app .el-badges-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.el-app .el-badge-card{background:var(--el-bg2);border:1.5px solid var(--el-border);border-radius:var(--el-radius-sm);padding:12px 8px;text-align:center;transition:all .2s}.el-app .el-badge-card.earned{background:linear-gradient(135deg,#fffbeb,var(--el-bg2));border-color:#f59e0b}.el-app .el-badge-card.locked{filter:grayscale(1);opacity:.5}.el-app .el-badge-icon{font-size:1.8rem;margin-bottom:4px}.el-app .el-badge-name{font-size:.78rem;font-weight:700;margin-bottom:2px}.el-app .el-badge-desc{color:var(--el-muted);font-size:.7rem}.el-app .el-xp-chart{align-items:flex-end;display:flex;gap:8px;height:100px;padding:0 4px}.el-app .el-xp-bar-wrap{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:3px}.el-app .el-xp-bar-amount{color:var(--el-muted);font-size:.7rem;min-height:14px}.el-app .el-xp-bar{border-radius:4px 4px 0 0;min-height:4px;transition:height .4s;width:100%}.el-app .el-xp-bar-day{color:var(--el-muted);font-size:.7rem}.el-app .el-notebook-page{flex:1 1;margin:0 auto;max-width:700px;padding:16px;width:100%}.el-app .el-notebook-search-wrap{margin-bottom:14px}.el-app .el-notebook-search{background:var(--el-bg2);border:1.5px solid var(--el-border);border-radius:var(--el-radius);box-sizing:border-box;color:var(--el-text);font-family:inherit;font-size:.9rem;padding:10px 16px;width:100%}.el-app .el-notebook-search:focus{border-color:var(--el-accent);outline:none}.el-app .el-notebook-new-card{background:var(--el-bg2);border:2px solid var(--el-accent);border-radius:var(--el-radius);display:flex;flex-direction:column;gap:10px;margin-bottom:14px;padding:16px}.el-app .el-notebook-key-input{font-size:.88rem;padding:8px 12px}.el-app .el-notebook-key-input,.el-app .el-notebook-textarea{background:var(--el-bg3);border:1.5px solid var(--el-border);border-radius:8px;color:var(--el-text);font-family:inherit}.el-app .el-notebook-textarea{font-size:.9rem;padding:10px 12px;resize:vertical}.el-app .el-notebook-empty{padding:48px 20px;text-align:center}.el-app .el-notebook-empty-icon{font-size:3rem;margin-bottom:12px}.el-app .el-notebook-empty-title{font-size:1.2rem;font-weight:700;margin-bottom:6px}.el-app .el-notebook-empty-desc{color:var(--el-muted);font-size:.9rem}.el-app .el-notebook-list{display:flex;flex-direction:column;gap:12px}.el-app .el-notebook-card{background:var(--el-bg2);border:1.5px solid var(--el-border);border-radius:var(--el-radius);padding:14px 16px}.el-app .el-notebook-card-header{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.el-app .el-notebook-card-key{color:var(--el-accent);font-size:.85rem;font-weight:700}.el-app .el-notebook-card-time{color:var(--el-muted);font-size:.72rem;white-space:nowrap}.el-app .el-notebook-card-text{color:var(--el-text2);font-size:.9rem;line-height:1.6;white-space:pre-wrap}.el-app .el-notebook-card-actions{display:flex;gap:8px;margin-top:10px}.el-app .el-notebook-action-btn{background:var(--el-bg3);border:1.5px solid var(--el-border);border-radius:8px;color:var(--el-text2);cursor:pointer;font-size:.8rem;padding:5px 12px;transition:all .15s}.el-app .el-notebook-action-btn:hover{background:var(--el-border)}.el-app .el-notebook-action-btn.del:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.el-app .el-notebook-edit{display:flex;flex-direction:column}.el-app .el-ipa-page{flex:1 1;margin:0 auto;max-width:760px;padding:16px;width:100%}.el-app .el-ipa-hero{padding:16px 0 8px;text-align:center}.el-app .el-ipa-title{color:var(--el-text);font-size:1.2rem;font-weight:800;margin-bottom:4px}.el-app .el-ipa-desc{color:var(--el-muted);font-size:.85rem}.el-app .el-ipa-tabs{display:flex;gap:8px;margin:12px 0}.el-app .el-ipa-tab{background:var(--el-bg2);border:1.5px solid var(--el-border);border-radius:10px;color:var(--el-text2);cursor:pointer;flex:1 1;font-size:.88rem;font-weight:600;padding:10px;transition:all .2s}.el-app .el-ipa-tab.active{background:var(--el-accent);border-color:var(--el-accent);color:#fff}.el-app .el-ipa-search{background:var(--el-bg2);border:1.5px solid var(--el-border);border-radius:10px;box-sizing:border-box;color:var(--el-text);font-family:inherit;font-size:.88rem;margin-bottom:14px;padding:9px 14px;width:100%}.el-app .el-ipa-section{margin-bottom:20px}.el-app .el-ipa-section-title{background:var(--el-bg3);border-radius:8px;color:var(--el-text2);font-size:.88rem;font-weight:700;margin-bottom:10px;padding:6px 10px}.el-app .el-ipa-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.el-app .el-ipa-card{background:var(--el-bg2);border:1.5px solid var(--el-border);border-radius:12px;cursor:pointer;padding:12px 8px;text-align:center;transition:all .2s}.el-app .el-ipa-card:hover{border-color:var(--el-accent);box-shadow:var(--el-shadow);transform:translateY(-2px)}.el-app .el-ipa-symbol{font-family:monospace;font-size:1.5rem;font-weight:700;margin-bottom:4px}.el-app .el-ipa-arabic{color:var(--el-text2);font-size:.75rem;margin-bottom:2px}.el-app .el-ipa-example{color:var(--el-muted);font-size:.7rem}.el-app .el-ipa-listen{font-size:.8rem;margin-top:4px}.el-app .el-ipa-tips{display:flex;flex-direction:column;gap:12px}.el-app .el-ipa-tip-card{align-items:flex-start;background:var(--el-bg2);border:1.5px solid var(--el-border);border-radius:14px;display:flex;gap:12px;padding:14px 16px}.el-app .el-ipa-tip-icon{color:var(--el-accent);font-family:monospace;font-size:1.4rem;font-weight:700;min-width:36px}.el-app .el-ipa-tip-content{flex:1 1}.el-app .el-ipa-tip-title{font-weight:700;margin-bottom:4px}.el-app .el-ipa-tip-text{color:var(--el-text2);font-size:.85rem;line-height:1.6;margin-bottom:6px}.el-app .el-ipa-tip-example{background:var(--el-accent-light);border-radius:6px;color:var(--el-accent);cursor:pointer;display:inline-block;font-family:monospace;font-size:.82rem;padding:4px 8px}.el-app .el-wotd-backdrop{align-items:center;animation:el-lookup-in .2s ease;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:900}.el-app .el-wotd-card{background:var(--el-bg2);border:2px solid var(--el-accent);border-radius:24px;box-shadow:var(--el-shadow-lg);max-width:340px;padding:28px 24px;text-align:center;width:90%}.el-app .el-wotd-badge{background:var(--el-accent);border-radius:20px;color:#fff;display:inline-block;font-size:.78rem;font-weight:700;margin-bottom:12px;padding:4px 14px}.el-app .el-wotd-word{color:var(--el-accent);font-size:2.2rem;font-weight:900;margin:8px 0}.el-app .el-wotd-ipa{color:var(--el-muted);font-family:monospace;font-size:.9rem;margin-bottom:4px}.el-app .el-wotd-ar{color:var(--el-text2);font-size:1rem;margin-bottom:6px}.el-app .el-wotd-ex{color:var(--el-text2);font-size:.88rem;font-style:italic;line-height:1.5;margin-bottom:16px}.el-app .el-wotd-btns{display:flex;gap:10px;justify-content:center}.el-app .el-streak-cal{background:var(--el-bg2);border:1.5px solid var(--el-border);border-radius:var(--el-radius);margin-bottom:16px;padding:14px 16px}.el-app .el-streak-cal-title{align-items:center;display:flex;font-weight:700;justify-content:space-between;margin-bottom:10px}.el-app .el-streak-cal-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(7,1fr)}.el-app .el-streak-dot{align-items:center;background:var(--el-bg3);border:1.5px solid var(--el-border);border-radius:50%;color:var(--el-muted);display:flex;font-size:.65rem;height:28px;justify-content:center;width:28px}.el-app .el-streak-dot.studied{background:var(--el-accent);border-color:var(--el-accent)}.el-app .el-streak-dot.today{border-color:var(--el-accent);border-width:2.5px;color:var(--el-accent)}.el-app .el-streak-dot.studied.today{color:#fff}.el-app .el-challenge-card{margin-bottom:16px}.el-app .el-challenge-badge{background:var(--el-accent);border-radius:20px;color:#fff;display:inline-block;font-size:.75rem;font-weight:700;margin-bottom:8px;padding:3px 12px}.el-app .el-challenge-text{color:var(--el-text);font-size:.95rem;font-weight:600;margin-bottom:12px}.el-app .el-challenge-done{align-items:center;background:#dcfce7;border-radius:10px;display:flex;font-size:.88rem;gap:8px;padding:8px 12px}.el-app .el-home-stats-row{display:flex;gap:10px;margin-bottom:16px}.el-app .el-home-stat-btn{align-items:center;background:var(--el-bg2);border:1.5px solid var(--el-border);border-radius:12px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:3px;padding:12px 8px;transition:all .2s}.el-app .el-home-stat-btn:hover{background:var(--el-accent-light);border-color:var(--el-accent)}.el-app .el-home-stat-num{color:var(--el-accent);font-size:1.4rem;font-weight:800}.el-app .el-home-stat-label{color:var(--el-muted);font-size:.7rem}.el-app .el-home-stat{align-items:center;background:var(--el-bg2);border:1.5px solid var(--el-border);border-radius:12px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:3px;padding:12px 8px;transition:all .2s}.el-app .el-home-stat:hover{background:var(--el-accent-light);border-color:var(--el-accent)}.el-app .el-home-stat-icon{font-size:1.2rem}.el-app .el-home-tools{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.el-app .el-tool-btn{align-items:center;background:var(--el-bg2);border:1.5px solid var(--el-border);border-radius:14px;color:var(--el-text);cursor:pointer;display:flex;flex-direction:column;font-size:.8rem;font-weight:600;gap:6px;padding:14px 8px;transition:all .2s}.el-app .el-tool-btn:hover{background:var(--el-accent-light);border-color:var(--el-accent);transform:translateY(-2px)}.el-app .el-tool-btn-icon,.el-app .el-tool-icon{font-size:1.6rem}.el-app .el-detective-section{background:var(--el-bg2);border:2px solid #f59e0b;border-radius:var(--el-radius);margin-top:20px;padding:18px}.el-app .el-detective-title{color:#b45309;font-size:1rem;font-weight:800;margin-bottom:6px}.el-app .el-detective-settings{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.el-app .el-detective-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.el-app .el-detective-label{color:var(--el-muted);font-size:.82rem;font-weight:600;min-width:80px}.el-app .el-detective-desc{color:var(--el-text2);font-size:.85rem;margin-bottom:14px}.el-app .el-detective-sentence{background:var(--el-bg3);border-radius:10px;margin-bottom:12px;padding:12px 14px}.el-app .el-detective-text{font-size:.95rem;line-height:1.8}.el-app .el-detective-word{border-radius:3px;cursor:pointer;padding:0 2px;transition:background .15s}.el-app .el-detective-word:hover{background:#fef08a}.el-app .el-detective-word.clicked-wrong{background:#fee2e2;color:#dc2626;text-decoration:line-through}.el-app .el-detective-word.clicked-right{background:#dcfce7;color:#15803d;font-weight:700}.el-app .el-detective-result{border-radius:8px;font-size:.85rem;margin-top:8px;padding:6px 10px}.el-app .el-detective-result.found{background:#dcfce7;color:#15803d}.el-app .el-detective-result.miss{background:#fee2e2;color:#dc2626}.el-app .el-upgrade-section{background:linear-gradient(135deg,#ede9fe,var(--el-bg2));border:1.5px solid #a78bfa;border-radius:var(--el-radius);margin-top:16px;padding:16px}.el-app .el-upgrade-title{color:#7c3aed;font-size:.95rem;font-weight:800;margin-bottom:8px}.el-app .el-upgrade-levels{display:flex;gap:8px;margin-bottom:12px}.el-app .el-upgrade-lvl-btn{background:#fff;border:1.5px solid #a78bfa;border-radius:10px;color:#7c3aed;cursor:pointer;flex:1 1;font-size:.78rem;font-weight:700;padding:8px 4px;text-align:center;transition:all .2s}.el-app .el-upgrade-lvl-btn.active{background:#7c3aed;color:#fff}.el-app .el-upgrade-lvl-btn:hover{background:#ede9fe}.el-app .el-upgrade-result{background:var(--el-bg2);border:1.5px solid #a78bfa;border-radius:10px;color:var(--el-text);font-size:.9rem;line-height:1.7;margin-top:8px;padding:14px;white-space:pre-wrap}.el-app .el-upgrade-label{color:#7c3aed;font-size:.75rem;font-weight:700;margin-bottom:6px}.el-app .el-reaction-box{align-items:center;animation:el-lookup-in .3s ease;border:2px solid;border-radius:var(--el-radius);display:flex;gap:12px;margin-top:14px;padding:14px 18px}.el-app .el-reaction-emoji{font-size:2rem}.el-app .el-reaction-text{font-size:.9rem;font-weight:600}.el-app .el-story-section{background:var(--el-bg2);border:1.5px solid var(--el-border);border-radius:var(--el-radius);margin-top:20px;padding:18px}.el-app .el-story-title{color:var(--el-accent);font-weight:800;margin-bottom:8px}.el-app .el-story-settings{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.el-app .el-story-setting-btn{background:var(--el-bg3);border:1.5px solid var(--el-border);border-radius:20px;color:var(--el-text2);cursor:pointer;font-size:.8rem;padding:6px 12px;transition:all .2s}.el-app .el-story-setting-btn.active{background:var(--el-accent);border-color:var(--el-accent);color:#fff}.el-app .el-story-text{background:var(--el-bg3);border-radius:10px;color:var(--el-text);font-size:.9rem;line-height:1.9;margin-top:12px;padding:14px;white-space:pre-wrap}.el-app .el-story-highlight{color:var(--el-accent);font-weight:700}.el-app .el-story-dialogue{display:flex;flex-direction:column;gap:8px;margin-top:14px}.el-app .el-story-line{background:var(--el-bg3);border-radius:10px;border-right:3px solid var(--el-border);display:flex;flex-direction:column;gap:3px;padding:10px 14px}.el-app .el-story-line.has-speaker{border-right-color:var(--speaker-color,var(--el-accent))}.el-app .el-story-speaker{color:var(--el-accent);color:var(--speaker-color,var(--el-accent));font-size:.72rem;font-weight:700;letter-spacing:.5px}.el-app .el-story-line-text{color:var(--el-text);font-size:.92rem;line-height:1.7}.el-app .el-story-words-used{background:var(--el-bg3);border-radius:8px;color:var(--el-muted);font-size:.8rem;margin-top:10px;padding:8px 12px}.el-app .el-debate-section{background:linear-gradient(135deg,#fef3c7,var(--el-bg2));border:1.5px solid #f59e0b;border-radius:var(--el-radius);margin-top:20px;padding:18px}.el-app .el-debate-title{color:#92400e;font-weight:800;margin-bottom:6px}.el-app .el-debate-topic{background:var(--el-bg3);border-radius:8px;color:var(--el-text2);font-size:.88rem;font-weight:600;margin-bottom:12px;padding:8px 12px}.el-app .el-debate-stance{display:flex;gap:8px;margin-bottom:12px}.el-app .el-debate-stance-btn{background:var(--el-bg2);border:1.5px solid var(--el-border);border-radius:10px;color:var(--el-text);cursor:pointer;flex:1 1;font-size:.82rem;font-weight:700;padding:9px;transition:all .2s}.el-app .el-debate-stance-btn.active{background:#f59e0b;border-color:#f59e0b;color:#fff}.el-app .el-debate-msgs{display:flex;flex-direction:column;gap:8px;margin-bottom:10px;max-height:280px;overflow-y:auto;padding:4px 0}.el-app .el-debate-msg{border-radius:14px;font-size:.88rem;line-height:1.6;max-width:88%;padding:10px 14px}.el-app .el-debate-msg.ai{align-self:flex-start;background:var(--el-bg3);border:1px solid var(--el-border);border-bottom-left-radius:4px}.el-app .el-debate-msg.user{align-self:flex-end;background:#f59e0b;border-bottom-right-radius:4px;color:#fff}.el-app .el-debate-score{border-radius:10px;display:inline-block;font-size:.72rem;font-weight:700;margin-top:4px;padding:2px 8px}.el-app .el-debate-score.strong{background:#dcfce7;color:#15803d}.el-app .el-debate-score.weak{background:#fee2e2;color:#dc2626}.el-app .el-teach-section{background:linear-gradient(135deg,#f0f9ff,var(--el-bg2));border:1.5px solid #38bdf8;border-radius:var(--el-radius);margin-top:20px;padding:18px}.el-app .el-teach-title{color:#0369a1;font-weight:800;margin-bottom:6px}.el-app .el-teach-word-pick{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.el-app .el-teach-word-chip{background:#fff;border:1.5px solid #38bdf8;border-radius:20px;color:#0369a1;cursor:pointer;font-size:.8rem;font-weight:600;padding:5px 12px;transition:all .2s}.el-app .el-teach-word-chip.active{background:#38bdf8;color:#fff}.el-app .el-teach-msgs{display:flex;flex-direction:column;gap:8px;margin-bottom:10px;max-height:260px;overflow-y:auto}.el-app .el-teach-msg{border-radius:14px;font-size:.88rem;line-height:1.6;max-width:90%;padding:10px 14px}.el-app .el-teach-msg.ai{align-self:flex-start;background:var(--el-bg3);border:1px solid var(--el-border);color:var(--el-text)}.el-app .el-teach-msg.user{align-self:flex-end;background:#38bdf8;color:#fff}.el-app .el-teach-score{background:var(--el-bg3);border-radius:8px;color:var(--el-text2);display:flex;font-size:.8rem;gap:8px;margin-top:8px;padding:8px 10px}.el-app .el-dialogue-section{background:var(--el-bg2);border:1.5px solid var(--el-border);border-radius:var(--el-radius);margin-top:20px;padding:18px}.el-app .el-dialogue-title{color:var(--el-accent);font-weight:800;margin-bottom:8px}.el-app .el-dialogue-script{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.el-app .el-dialogue-line{align-items:flex-start;background:var(--el-bg3);border-radius:12px;display:flex;gap:10px;padding:10px 12px}.el-app .el-dialogue-line.student-role{background:var(--el-accent-light);border:2px solid var(--el-accent)}.el-app .el-dialogue-role{color:var(--el-muted);font-size:.8rem;font-weight:700;min-width:50px}.el-app .el-dialogue-line.student-role .el-dialogue-role{color:var(--el-accent)}.el-app .el-dialogue-text{flex:1 1;font-size:.9rem;line-height:1.5}.el-app .el-situation-section{background:var(--el-bg2);border:1.5px solid var(--el-border);border-radius:var(--el-radius);margin-top:20px;padding:18px}.el-app .el-situation-title{color:var(--el-accent);font-weight:800;margin-bottom:12px}.el-app .el-situation-card{background:var(--el-bg3);border:2px solid var(--el-accent);border-radius:16px;margin-bottom:12px;padding:18px;text-align:center}.el-app .el-situation-scenario{color:var(--el-text);font-size:1rem;font-weight:700;margin-bottom:8px}.el-app .el-situation-context{color:var(--el-text2);font-size:.85rem;margin-bottom:12px}.el-app .el-situation-reveal-btn{margin-bottom:8px}.el-app .el-situation-answer{background:#dcfce7;border:1.5px solid #86efac;border-radius:10px;color:#14532d;font-size:.9rem;font-weight:600;padding:12px;text-align:right}.el-app .el-situation-nav{display:flex;gap:8px;justify-content:center}.el-app .el-weekly-report{background:linear-gradient(135deg,#f0f9ff,var(--el-bg2));border:1.5px solid #38bdf8;border-radius:var(--el-radius);padding:18px 20px}.el-app .el-weekly-stats-row{display:flex;gap:12px;margin-top:12px}.el-app .el-weekly-stat{background:var(--el-bg2);border-radius:10px;flex:1 1;padding:10px;text-align:center}.el-app .el-weekly-stat-num{color:#0369a1;font-size:1.4rem;font-weight:800}.el-app .el-weekly-stat-label{color:var(--el-muted);font-size:.7rem;margin-top:3px}.el-app .el-weekly-report-text{align-items:flex-start;background:var(--el-bg2);border:1.5px solid #bae6fd;border-radius:var(--el-radius-sm);color:var(--el-text);display:flex;flex-direction:column;font-size:.9rem;gap:8px;margin-top:12px;padding:16px}.el-app .el-weekly-report-icon{font-size:1.5rem}.el-app .el-streak-section{background:var(--el-bg2);border:1.5px solid var(--el-border);border-radius:var(--el-radius);cursor:pointer;margin-bottom:14px;padding:8px 16px;transition:border-color .15s}.el-app .el-streak-section:hover{border-color:var(--el-accent)}.el-app .el-streak-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.el-app .el-streak-info{align-items:center;display:flex;gap:6px}.el-app .el-streak-fire{font-size:1.2rem}.el-app .el-streak-count{color:#f59e0b;font-size:1.5rem;font-weight:800}.el-app .el-streak-label{color:var(--el-muted);font-size:.8rem}.el-app .el-streak-best{color:var(--el-muted);font-size:.78rem}.el-app .el-streak-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.el-app .el-streak-week-label{color:var(--el-muted);font-size:.65rem;margin-bottom:2px;text-align:center}.el-app .el-challenge-card{align-items:center;background:linear-gradient(135deg,var(--el-accent-light),var(--el-bg2));border:1.5px solid var(--el-accent);border-radius:var(--el-radius);display:flex;gap:12px;margin-bottom:14px;padding:16px}.el-app .el-challenge-icon{flex-shrink:0;font-size:2rem}.el-app .el-challenge-body{flex:1 1}.el-app .el-challenge-tag{color:var(--el-accent);font-size:.72rem;font-weight:700;letter-spacing:.04em;margin-bottom:2px;text-transform:uppercase}.el-app .el-challenge-title{font-size:.95rem;font-weight:700;margin-bottom:2px}.el-app .el-challenge-desc{color:var(--el-text2);font-size:.8rem}.el-app .el-challenge-done{color:var(--el-green);font-size:.9rem;font-weight:700;white-space:nowrap}.el-app .el-challenge-btn{background:var(--el-accent);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.82rem;font-weight:700;padding:8px 14px;transition:opacity .15s;white-space:nowrap}.el-app .el-challenge-btn:hover{opacity:.85}@media (max-width:600px){.el-app .el-hero-title{font-size:1.4rem}.el-app .el-levels-grid{grid-template-columns:1fr}.el-app .el-days-grid{gap:8px;grid-template-columns:repeat(2,1fr);padding:12px}.el-app .el-how-grid{grid-template-columns:1fr 1fr}.el-app .el-vocab-table{font-size:.75rem}.el-app .el-vocab-table td,.el-app .el-vocab-table th{padding:7px 8px}.el-app .el-chunk-text{font-size:1.3rem}.el-app .el-bubble{max-width:95%}.el-app .el-comp-body{padding:14px}.el-app .el-buddy-panel{border-top:2px solid var(--el-accent);bottom:0;height:55vh;left:0;max-width:100%;position:fixed;right:0;width:100%;z-index:100}.el-app .el-study-room.buddy-open .el-content-panel{padding-bottom:55vh}}.el-app .el-review-page{margin:0 auto;max-width:520px;padding:20px 16px}.el-app .el-review-intro{align-items:center;display:flex;flex-direction:column}.el-app .el-review-intro-card{background:var(--el-bg2);border:1.5px solid var(--el-border);border-radius:var(--el-radius);padding:28px 24px;text-align:center;width:100%}.el-app .el-review-intro-icon{font-size:3rem;margin-bottom:12px}.el-app .el-review-intro-desc{color:var(--el-text2);margin:8px 0 16px}.el-app .el-review-tip{background:var(--el-accent-light);border-radius:var(--el-radius-sm);color:var(--el-text2);font-size:.82rem;margin-bottom:16px;padding:10px 14px;text-align:right}.el-app .el-review-stats-row{display:flex;gap:12px;justify-content:center;margin-bottom:20px}.el-app .el-review-stat{background:var(--el-bg3);border-radius:10px;padding:12px 20px;text-align:center}.el-app .el-review-stat-num{color:var(--el-accent);font-size:1.6rem;font-weight:800}.el-app .el-review-stat-label{color:var(--el-muted);font-size:.72rem}.el-app .el-review-start-btn{margin-top:4px}.el-app .el-review-empty{padding:32px 0;text-align:center}.el-app .el-review-empty-icon{font-size:3rem;margin-bottom:12px}.el-app .el-review-session{width:100%}.el-app .el-review-progress-wrap{align-items:center;display:flex;gap:10px;margin-bottom:20px}.el-app .el-review-progress-bar{background:var(--el-border);border-radius:99px;flex:1 1;height:8px;overflow:hidden}.el-app .el-review-progress-fill{background:var(--el-accent);border-radius:99px;height:100%;transition:width .4s}.el-app .el-review-progress-label{color:var(--el-muted);font-size:.8rem;white-space:nowrap}.el-app .el-review-card{background:var(--el-bg2);border:2px solid var(--el-border);border-radius:20px;cursor:pointer;min-height:240px;perspective:800px;transition:border-color .2s}.el-app .el-review-card:hover{border-color:var(--el-accent)}.el-app .el-review-card-inner{height:240px;position:relative;transform-style:preserve-3d;transition:transform .5s;width:100%}.el-app .el-review-card.flipped .el-review-card-inner{transform:rotateY(180deg)}.el-app .el-review-back,.el-app .el-review-front{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;flex-direction:column;inset:0;justify-content:center;padding:24px;position:absolute}.el-app .el-review-back{transform:rotateY(180deg)}.el-app .el-review-level-tag{color:var(--el-muted);font-size:.72rem;margin-bottom:10px}.el-app .el-review-word{color:var(--el-text);font-size:2.2rem;font-weight:800;margin-bottom:6px}.el-app .el-review-ipa{color:var(--el-muted);font-size:.9rem;font-style:italic}.el-app .el-review-tap-hint{color:var(--el-muted);font-size:.75rem;margin-top:14px;opacity:.6}.el-app .el-review-word-back{color:var(--el-accent);font-size:1.5rem;font-weight:800;margin-bottom:6px}.el-app .el-review-arabic{color:var(--el-text2);font-size:1.2rem;margin-bottom:4px}.el-app .el-review-rating{margin-top:18px}.el-app .el-review-rating-label{color:var(--el-muted);font-size:.85rem;margin-bottom:10px;text-align:center}.el-app .el-review-rating-btns{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.el-app .el-review-rate-btn{align-items:center;background:#0000;border:2px solid;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;font-size:.8rem;font-weight:700;gap:2px;padding:8px 14px;transition:background .15s}.el-app .el-review-rate-btn:hover{background:var(--el-bg3)}.el-app .el-review-done{padding:20px 0;text-align:center}.el-app .el-review-done-icon{font-size:3rem;margin-bottom:12px}.el-app .el-review-results-grid{background:var(--el-bg2);border-radius:var(--el-radius-sm);display:flex;flex-direction:column;gap:6px;margin:16px 0;max-height:250px;overflow-y:auto;padding:12px}.el-app .el-review-result-row{align-items:center;display:flex;font-size:.85rem;gap:10px}.el-app .el-review-result-word{flex:1 1;font-weight:700}.el-app .el-review-result-arabic{color:var(--el-text2);flex:1 1}.el-app .el-review-done-score{color:var(--el-green);font-size:1rem;font-weight:700;margin-top:8px}.el-app .el-family-section{background:var(--el-bg2);border:1.5px solid var(--el-border);border-radius:var(--el-radius);margin-top:20px;padding:16px}.el-app .el-family-pick{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.el-app .el-family-chip{background:var(--el-bg3);border:1.5px solid var(--el-border);border-radius:20px;cursor:pointer;font-size:.82rem;padding:5px 14px;transition:all .15s}.el-app .el-family-chip.active{background:var(--el-accent);border-color:var(--el-accent);color:#fff}.el-app .el-family-tree{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:12px}.el-app .el-family-row{background:var(--el-bg3);border-radius:10px;padding:10px 12px}.el-app .el-family-label{color:var(--el-muted);font-size:.7rem;letter-spacing:.06em;margin-bottom:3px;text-transform:uppercase}.el-app .el-family-val{color:var(--el-text);font-size:.95rem;font-weight:700}.el-app .el-family-ex{color:var(--el-text2);font-size:.78rem;margin-top:3px}.el-app .el-fillgap-section{background:var(--el-bg2);border:1.5px solid var(--el-border);border-radius:var(--el-radius);margin-top:20px;padding:16px}.el-app .el-fillgap-item{border-bottom:1px solid var(--el-border);display:flex;flex-direction:column;gap:6px;padding:12px 0}.el-app .el-fillgap-item:last-child{border-bottom:none}.el-app .el-fillgap-input,.el-app .el-fillgap-sentence{color:var(--el-text);font-size:.9rem}.el-app .el-fillgap-input{background:var(--el-bg3);border:1.5px solid var(--el-border);border-radius:8px;max-width:240px;padding:7px 12px;width:100%}.el-app .el-fillgap-input.correct{background:#dcfce7;border-color:var(--el-green)}.el-app .el-fillgap-input.wrong{background:#fee2e2;border-color:var(--el-red)}.el-app .el-fillgap-score{color:var(--el-green);font-size:.9rem;font-weight:700;margin-top:10px}.el-app .el-colloc-section{background:var(--el-bg2);border:1.5px solid var(--el-border);border-radius:var(--el-radius);margin-top:20px;padding:16px}.el-app .el-colloc-row{border-bottom:1px solid var(--el-border);padding:10px 0}.el-app .el-colloc-row:last-child{border-bottom:none}.el-app .el-colloc-phrase{color:var(--el-accent);font-size:.9rem;font-weight:700}.el-app .el-colloc-example{color:var(--el-text2);font-size:.82rem;font-style:italic;margin-top:2px}.el-app .el-colloc-ar{color:var(--el-muted);font-size:.8rem;margin-top:2px}.el-app .el-gflash-section{background:var(--el-bg2);border:1.5px solid var(--el-border);border-radius:var(--el-radius);margin-top:20px;padding:16px}.el-app .el-gflash-wrap{margin:12px 0;perspective:800px}.el-app .el-gflash-card{cursor:pointer;height:180px}.el-app .el-gflash-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .5s;width:100%}.el-app .el-gflash-card.flipped .el-gflash-inner{transform:rotateY(180deg)}.el-app .el-gflash-back,.el-app .el-gflash-front{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:var(--el-bg3);border:2px solid var(--el-accent);border-radius:14px;display:flex;flex-direction:column;inset:0;justify-content:center;padding:20px;position:absolute;text-align:center}.el-app .el-gflash-back{transform:rotateY(180deg)}.el-app .el-gflash-formula{background:var(--el-bg2);border-radius:6px;color:var(--el-text);font-family:monospace;font-size:.95rem;font-weight:700;margin-bottom:8px;padding:4px 10px}.el-app .el-gflash-ex{color:var(--el-text2);font-size:.82rem;font-style:italic}.el-app .el-gflash-nav{display:flex;gap:10px;justify-content:center;margin-top:8px}.el-app .el-wprompt-section{background:var(--el-bg2);border:1.5px solid var(--el-border);border-radius:var(--el-radius);margin-bottom:20px;padding:16px}.el-app .el-wprompt-card{background:var(--el-bg3);border-radius:10px;border-right:3px solid var(--el-accent);margin:8px 0;padding:12px 14px}.el-app .el-wprompt-level{color:var(--el-accent);font-size:.7rem;font-weight:700;margin-bottom:4px;text-transform:uppercase}.el-app .el-wprompt-text{color:var(--el-text);font-size:.9rem}.el-app .el-rcquiz-wrap{background:var(--el-bg2);border:1.5px solid var(--el-border);border-radius:var(--el-radius);margin-top:20px;padding:16px}.el-app .el-rcquiz-q{margin-bottom:16px}.el-app .el-rcquiz-qtext{font-size:.9rem;font-weight:700;margin-bottom:8px}.el-app .el-rcquiz-options{display:flex;flex-direction:column;gap:6px}.el-app .el-rcquiz-opt{background:var(--el-bg3);border:1.5px solid var(--el-border);border-radius:8px;cursor:pointer;font-size:.85rem;padding:9px 12px;text-align:right;transition:all .15s}.el-app .el-rcquiz-opt:hover:not(:disabled){border-color:var(--el-accent)}.el-app .el-rcquiz-opt.correct{background:#dcfce7;border-color:var(--el-green);color:#14532d}.el-app .el-rcquiz-opt.wrong{background:#fee2e2;border-color:var(--el-red);color:#7f1d1d}.el-app .el-rcquiz-opt.dim{opacity:.5}.el-app .el-rcquiz-explain{background:var(--el-bg3);border-radius:6px;color:var(--el-text2);font-size:.8rem;margin-top:8px;padding:8px 10px}.el-app .el-rcquiz-score{color:var(--el-green);font-weight:700;margin:12px 0 0;text-align:center}.el-app .el-bmark-section{background:var(--el-bg2);border:1.5px solid var(--el-border);border-radius:var(--el-radius);margin-top:16px;padding:14px}.el-app .el-bmark-title{font-size:.9rem;font-weight:700;margin-bottom:10px}.el-app .el-bmark-item{align-items:flex-start;border-bottom:1px solid var(--el-border);display:flex;gap:8px;padding:8px 0}.el-app .el-bmark-item:last-child{border-bottom:none}.el-app .el-bmark-text{color:var(--el-text2);flex:1 1;font-size:.82rem;font-style:italic}.el-app .el-bmark-del{background:none;border:none;color:var(--el-red);cursor:pointer;font-size:1rem;padding:0 4px}.el-app .el-pronrec-section{background:var(--el-bg2);border:1.5px solid var(--el-border);border-radius:var(--el-radius);margin-top:20px;padding:16px}.el-app .el-pronrec-pick{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.el-app .el-pronrec-card{background:var(--el-bg3);border:2px solid var(--el-border);border-radius:12px;padding:16px;text-align:center}.el-app .el-pronrec-word{font-size:1.6rem;font-weight:800;margin-bottom:4px}.el-app .el-pronrec-ipa{color:var(--el-muted);font-size:.85rem;margin-bottom:12px}.el-app .el-pronrec-btn{border:none;border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:700;padding:10px 20px;transition:opacity .15s}.el-app .el-pronrec-btn.record{background:var(--el-accent);color:#fff}.el-app .el-pronrec-btn.recording{animation:pulse 1s infinite;background:var(--el-red);color:#fff}.el-app .el-pronrec-btn:disabled{cursor:not-allowed;opacity:.5}.el-app .el-pronrec-result{font-size:1.4rem;font-weight:800;margin:10px 0 4px}.el-app .el-pronrec-result.match{color:var(--el-green)}.el-app .el-pronrec-result.close{color:#f59e0b}.el-app .el-pronrec-result.tryagain{color:var(--el-red)}.el-app .el-pronrec-feedback{color:var(--el-text2);font-size:.82rem}.el-app .el-xpop-overlay{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:fixed;z-index:9999}.el-app .el-xpop-bubble{animation:xpop-in .4s cubic-bezier(.17,.67,.35,1.4);background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:20px;box-shadow:0 8px 40px #f59e0b66;color:#fff;padding:20px 32px;text-align:center}.el-app .el-xpop-icon{font-size:2rem;margin-bottom:4px}.el-app .el-xpop-amount{font-size:2rem;font-weight:900}@keyframes xpop-in{0%{opacity:0;transform:scale(.5) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.el-app .el-speed-control-wrap{background:var(--el-bg2);border:1.5px solid var(--el-border);border-radius:var(--el-radius);margin-top:16px;padding:16px}.el-app .el-speed-control-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.el-app .el-speed-ctrl-btn{background:var(--el-bg3);border:1.5px solid var(--el-border);border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;padding:7px 14px;transition:all .15s}.el-app .el-speed-ctrl-btn.active{background:var(--el-accent);border-color:var(--el-accent);color:#fff}.el-app .el-offline-bar{background:#ef4444;color:#fff;font-size:.82rem;font-weight:700;padding:6px 12px;text-align:center}.el-app .el-review-badge{background:var(--el-red);border-radius:99px;color:#fff;font-size:.65rem;font-weight:800;line-height:1.4;min-width:18px;padding:2px 6px;position:absolute;right:-5px;text-align:center;top:-5px}.el-app .el-tool-btn-wrap{display:inline-flex;position:relative}.el-app .el-warmup-section{background:linear-gradient(135deg,var(--el-accent-light),var(--el-bg2));border:2px solid var(--el-accent);border-radius:var(--el-radius);margin-bottom:18px;padding:16px}.el-app .el-warmup-title{align-items:center;color:var(--el-accent);display:flex;font-weight:800;gap:8px;margin-bottom:10px}.el-app .el-warmup-words{display:flex;flex-wrap:wrap;gap:8px}.el-app .el-warmup-chip{align-items:center;background:var(--el-bg2);border:1.5px solid var(--el-accent);border-radius:20px;display:flex;font-size:.82rem;gap:5px;padding:5px 12px}.el-app .el-warmup-chip-word{color:var(--el-text);font-weight:700}.el-app .el-warmup-chip-ar{color:var(--el-muted);font-size:.75rem}.el-app .el-warmup-go{background:none;border:none;color:var(--el-accent);cursor:pointer;font-size:.8rem;font-weight:700;margin-top:12px;padding:0;text-decoration:none}.el-app .el-vocgrowth-section{background:var(--el-bg2);border:1.5px solid var(--el-border);border-radius:var(--el-radius);margin-top:24px;padding:16px}.el-app .el-vocgrowth-canvas{display:block;margin:0 auto;max-width:480px;width:100%}.el-app .el-cert-backdrop{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.el-app .el-cert-modal{background:var(--el-bg);border-radius:24px;box-shadow:0 12px 48px #0000004d;max-width:340px;padding:36px 28px;text-align:center;width:92%}.el-app .el-cert-icon{font-size:3.5rem;margin-bottom:12px}.el-app .el-cert-title{color:var(--el-accent);font-size:1.5rem;font-weight:900;margin-bottom:8px}.el-app .el-cert-body{color:var(--el-text2);font-size:.9rem;line-height:1.7;margin-bottom:20px}.el-app .el-cert-level{background:var(--el-accent);border-radius:99px;color:#fff;display:inline-block;font-size:1rem;font-weight:800;margin-bottom:16px;padding:4px 16px}.el-app.level-A1{--el-accent:#3b82f6;--el-accent2:#60a5fa;--el-accent-light:#eff6ff}.el-app.level-A2{--el-accent:#06b6d4;--el-accent2:#22d3ee;--el-accent-light:#ecfeff}.el-app.level-B1{--el-accent:#10b981;--el-accent2:#34d399;--el-accent-light:#ecfdf5}.el-app.level-B2{--el-accent:#f59e0b;--el-accent2:#fbbf24;--el-accent-light:#fffbeb}.el-app.level-C1{--el-accent:#ef4444;--el-accent2:#f87171;--el-accent-light:#fef2f2}.el-app.level-C2{--el-accent:#8b5cf6;--el-accent2:#a78bfa;--el-accent-light:#f5f3ff}.el-app.el-dark.level-A1{--el-accent-light:#1e3a5f}.el-app.el-dark.level-A2{--el-accent-light:#164e63}.el-app.el-dark.level-B1{--el-accent-light:#064e3b}.el-app.el-dark.level-B2{--el-accent-light:#451a03}.el-app.el-dark.level-C1{--el-accent-light:#450a0a}.el-app.el-dark.level-C2{--el-accent-light:#2e1065}.el-app .el-install-banner{align-items:center;background:linear-gradient(135deg,#fdf4ff,#f0f9ff);border:1.5px solid #c084fc;border-radius:var(--el-radius);display:flex;gap:12px;margin-bottom:16px;padding:14px 16px}.el-app.el-dark .el-install-banner{background:linear-gradient(135deg,#2d1b4e,#0c2340);border-color:#a855f7}.el-app .el-install-icon{flex-shrink:0;font-size:2rem}.el-app .el-install-text{flex:1 1}.el-app .el-install-title{color:#7e22ce;font-size:.92rem;font-weight:800}.el-app.el-dark .el-install-title{color:#d8b4fe}.el-app .el-install-sub{color:var(--el-muted);font-size:.75rem;margin-top:2px}.el-app .el-install-btn{background:#7c3aed;border:none;border-radius:10px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.85rem;font-weight:800;padding:9px 18px;transition:opacity .15s;white-space:nowrap}.el-app .el-install-btn:hover{opacity:.88}.el-app .el-install-dismiss{background:#0000;border:1.5px solid #c084fc;border-radius:8px;color:#7e22ce;cursor:pointer;font-size:.85rem;font-weight:700;line-height:1;padding:7px 10px}.el-app.el-dark .el-install-dismiss{border-color:#a855f7;color:#d8b4fe}.el-app .el-pronrec-diff{background:var(--el-bg3);border-radius:8px;display:flex;flex-direction:column;font-size:.85rem;gap:4px;margin:8px 0;padding:8px 12px}.el-app .el-pronrec-hint{background:#e0f2fe;border-radius:6px;color:#0369a1;font-size:.82rem;margin-top:4px;padding:6px 10px}.el-app.el-dark .el-pronrec-hint{background:#0c2340;color:#7dd3fc}.el-app .el-pronrec-feedback.match{color:var(--el-green);font-size:1rem;font-weight:700}.el-app .el-pronrec-feedback.close{color:#b45309}.el-app .el-pronrec-feedback.tryagain{color:var(--el-red)}.el-word-popup{background:var(--el-bg2);border:1.5px solid var(--el-accent);border-radius:12px;box-shadow:0 8px 24px #0000002e;font-size:.85rem;line-height:1.6;max-width:280px;min-width:200px;padding:10px 14px;pointer-events:auto}.el-wp-header{align-items:center;display:flex;gap:8px;margin-bottom:6px}.el-wp-word{color:var(--el-accent);font-size:1rem;font-weight:800}.el-wp-pos{background:var(--el-bg3);border-radius:4px;color:var(--el-muted);font-size:.72rem;padding:1px 6px}.el-wp-close{background:none;border:none;color:var(--el-muted);cursor:pointer;font-size:.9rem;margin-left:auto;padding:0 2px}.el-wp-arabic{color:var(--el-text);font-size:1rem;font-weight:700;margin-bottom:4px}.el-wp-ipa{color:var(--el-muted);font-family:monospace;font-size:.8rem;margin-bottom:6px}.el-wp-tts-row{display:flex;flex-direction:column;gap:4px;margin-bottom:6px}.el-wp-tts{background:var(--el-bg3);border:1px solid var(--el-border);border-radius:8px;color:var(--el-text);cursor:pointer;font-size:.78rem;padding:4px 10px;text-align:left}.el-wp-tts:hover{background:var(--el-accent);color:#fff}.el-wp-example{border-top:1px solid var(--el-border);color:var(--el-text2);font-size:.8rem;font-style:italic;margin-top:4px;padding-top:6px}.el-wp-loading{color:var(--el-muted);font-size:.82rem;padding:8px;text-align:center}.el-key-sentences{background:var(--el-bg2);border:1.5px solid var(--el-accent);border-radius:12px;margin-top:20px;padding:14px 16px}.el-key-sentences-title{color:var(--el-accent);font-size:.95rem;font-weight:700;margin-bottom:12px}.el-key-sentence-item{background:var(--el-bg3);border-radius:8px;margin-bottom:8px;padding:10px 12px}.el-key-sentence-en{align-items:center;color:var(--el-text);display:flex;flex-wrap:wrap;font-weight:600;gap:6px;margin-bottom:4px}.el-key-sentence-ar{color:var(--el-muted);direction:rtl;font-size:.85rem}.el-listen-player-box{background:var(--el-bg2);border:1.5px solid var(--el-border);border-radius:14px;margin-bottom:18px;padding:16px}.el-listen-player-top{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:10px}.el-listen-player-title{color:var(--el-text);font-size:.95rem;font-weight:700}.el-listen-text-btn{background:var(--el-bg3);border:1.5px solid var(--el-border);border-radius:8px;color:var(--el-text);cursor:pointer;font-size:.82rem;padding:5px 14px;transition:all .15s}.el-listen-text-btn.active{background:var(--el-accent);border-color:var(--el-accent);color:#fff}.el-listen-text-reveal{background:var(--el-bg3);border-radius:10px;border-right:3px solid var(--el-accent);color:var(--el-text);direction:ltr;font-size:.9rem;line-height:1.8;margin:10px 0;padding:14px;text-align:left}.el-listen-questions-title{align-items:center;color:var(--el-text);display:flex;font-size:.95rem;font-weight:700;gap:8px;margin:20px 0 12px}.el-listen-q-block{background:var(--el-bg2);border:1px solid var(--el-border);border-radius:12px;display:flex;gap:12px;margin-bottom:16px;padding:14px}.el-listen-q-num{align-items:center;background:var(--el-accent);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.82rem;font-weight:700;height:28px;justify-content:center;margin-top:2px;min-width:28px}.el-listen-q-body{flex:1 1;min-width:0}.el-listen-q-text{color:var(--el-text);direction:ltr;font-size:.9rem;line-height:1.6;margin-bottom:8px;text-align:left}.el-listen-mcq-opts{display:flex;flex-direction:column;gap:7px}.el-listen-mcq-opt{align-items:center;background:var(--el-bg3);border:1.5px solid var(--el-border);border-radius:9px;color:var(--el-text);cursor:pointer;display:flex;font-size:.87rem;gap:10px;padding:8px 12px;text-align:right;transition:all .15s}.el-listen-mcq-opt.chosen,.el-listen-mcq-opt:hover:not(:disabled){background:var(--el-bg2);border-color:var(--el-accent)}.el-listen-mcq-opt.correct{background:#22c55e1f;border-color:#22c55e;color:#16a34a}.el-listen-mcq-opt.wrong{background:#ef44441a;border-color:#ef4444;color:#dc2626}.el-listen-mcq-circle{align-items:center;border:2px solid var(--el-border);border-radius:50%;display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:24px;justify-content:center;min-width:24px}.el-listen-mcq-opt.chosen .el-listen-mcq-circle,.el-listen-mcq-opt.correct .el-listen-mcq-circle{background:var(--el-accent);border-color:var(--el-accent);color:#fff}.el-listen-mcq-opt.wrong .el-listen-mcq-circle{background:#ef4444;border-color:#ef4444;color:#fff}.el-listen-tf-btn{background:var(--el-bg3);border:1.5px solid var(--el-border);border-radius:9px;color:var(--el-text);cursor:pointer;font-size:.87rem;font-weight:600;padding:8px 22px;transition:all .15s}.el-listen-tf-btn.chosen,.el-listen-tf-btn:hover:not(:disabled){border-color:var(--el-accent)}.el-listen-tf-btn.chosen{background:var(--el-bg2)}.el-listen-tf-btn.correct{background:#22c55e1f;border-color:#22c55e;color:#16a34a}.el-listen-tf-btn.wrong{background:#ef44441a;border-color:#ef4444;color:#dc2626}.el-listen-q-explain{background:#22c55e14;border-radius:7px;color:#16a34a;font-size:.8rem;margin-top:8px;padding:6px 10px}.el-shadow-sentences-title{align-items:center;color:var(--el-text);display:flex;font-size:.97rem;font-weight:700;gap:8px;margin:22px 0 4px}.el-shadow-sentences-desc{color:var(--el-muted);font-size:.8rem;margin-bottom:14px}.el-shadow-sentences-list{display:flex;flex-direction:column;gap:12px}.el-shadow-sentence-card{background:var(--el-bg2);border:1.5px solid var(--el-border);border-radius:12px;display:flex;gap:12px;padding:14px}.el-shadow-sent-num{align-items:center;background:var(--el-accent);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.82rem;font-weight:700;height:28px;justify-content:center;margin-top:2px;min-width:28px}.el-shadow-sent-body{flex:1 1;min-width:0}.el-shadow-sent-text{color:var(--el-text);direction:ltr;font-size:.95rem;font-weight:600;line-height:1.5;margin-bottom:10px;text-align:left}.el-shadow-sent-btns{display:flex;flex-wrap:wrap;gap:8px}.el-shadow-play-btn{background:var(--el-bg3);border:1.5px solid var(--el-accent);border-radius:8px;color:var(--el-accent);cursor:pointer;font-size:.82rem;font-weight:600;padding:6px 14px;transition:all .15s}.el-shadow-play-btn.playing,.el-shadow-play-btn:hover{background:var(--el-accent);color:#fff}.el-shadow-rec-btn{background:var(--el-bg3);border:1.5px solid #6366f1;border-radius:8px;color:#6366f1;cursor:pointer;font-size:.82rem;font-weight:600;padding:6px 14px;transition:all .15s}.el-shadow-rec-btn.recording{animation:pulse 1s infinite}.el-shadow-rec-btn.recording,.el-shadow-rec-btn:hover{background:#6366f1;color:#fff}.el-shadow-result{border-radius:8px;direction:ltr;font-size:.82rem;margin-top:8px;padding:6px 10px;text-align:left}.el-shadow-result.perfect{background:#22c55e1a;border:1px solid #86efac;color:#16a34a}.el-shadow-result.close{background:#fbbf241a;border:1px solid #fcd34d;color:#b45309}.el-shadow-result.retry{background:#ef444414;border:1px solid #fca5a5;color:#dc2626}.el-voice-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;padding:12px;position:fixed;z-index:10000}.el-voice-modal{background:var(--el-bg2);border:1.5px solid var(--el-border);border-radius:18px;box-shadow:0 12px 48px #00000040;display:flex;flex-direction:column;max-height:92vh;max-width:520px;overflow:hidden;width:100%}@media (max-width:600px){.el-voice-overlay{align-items:flex-end;padding:0}.el-voice-modal{border-radius:20px 20px 0 0;height:96vh;max-height:96vh}}.el-voice-header{align-items:center;border-bottom:1px solid var(--el-border);display:flex;flex-shrink:0;justify-content:space-between;padding:14px 18px 8px}.el-voice-title{color:var(--el-accent);font-size:1.05rem;font-weight:800}.el-voice-close{background:none;border:none;border-radius:6px;color:var(--el-muted);cursor:pointer;font-size:1.1rem;padding:4px 8px}.el-voice-close:hover{background:var(--el-bg3)}.el-voice-subtitle{color:var(--el-muted);direction:rtl;flex-shrink:0;font-size:.8rem;padding:6px 18px 4px;text-align:right}.el-voice-tabs{display:flex;flex-shrink:0;gap:8px;padding:0 18px 10px}.el-voice-tab{background:var(--el-bg3);border:1.5px solid var(--el-border);border-radius:10px;color:var(--el-muted);cursor:pointer;flex:1 1;font-size:.88rem;font-weight:600;padding:8px;transition:all .15s}.el-voice-tab.active{background:var(--el-accent-light);border-color:var(--el-accent);color:var(--el-accent)}.el-voice-accent-toggle{align-items:center;background:var(--el-bg3);border:none;border-top:1px solid var(--el-border);color:var(--el-muted);cursor:pointer;direction:rtl;display:flex;flex-shrink:0;font-size:.8rem;font-weight:600;gap:6px;padding:8px 18px;text-align:right;width:100%}.el-voice-accent-toggle:hover{color:var(--el-accent)}.el-voice-accent-card{flex-shrink:0;padding:8px 18px 4px}.el-voice-accent-traits{gap:4px}.el-voice-accent-row{align-items:flex-start;display:flex;font-size:.75rem}.el-voice-accent-sound{min-width:32px}.el-voice-accent-label{font-weight:600;min-width:70px}.el-voice-accent-desc{flex:1 1}.el-voice-list{flex:1 1;gap:6px;min-height:0;overflow-y:auto;padding:8px 14px}.el-voice-empty,.el-voice-list{display:flex;flex-direction:column}.el-voice-empty{align-items:center;direction:rtl;gap:12px;justify-content:center;padding:30px 20px}.el-voice-activate-btn{background:var(--el-accent);border:none;border-radius:12px;box-shadow:0 4px 16px #00000026;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:14px 28px;transition:opacity .15s}.el-voice-activate-btn:hover{opacity:.88}.el-voice-item{align-items:center;background:var(--el-bg3);border:1.5px solid var(--el-border);border-radius:10px;cursor:pointer;display:flex;flex-shrink:0;gap:10px;justify-content:space-between;padding:10px 12px;transition:all .15s}.el-voice-item:hover{background:var(--el-bg2);border-color:var(--el-accent)}.el-voice-item.selected{background:var(--el-accent-light);border-color:var(--el-accent)}.el-voice-item-left{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.el-voice-item-check{align-items:center;border:2px solid var(--el-border);border-radius:50%;color:var(--el-accent);display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:20px;justify-content:center;width:20px}.el-voice-item.selected .el-voice-item-check{background:var(--el-accent);border-color:var(--el-accent);color:#fff}.el-voice-item-name{color:var(--el-text);direction:ltr;font-size:.85rem;font-weight:600;max-width:180px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.el-voice-item-lang{color:var(--el-muted);font-size:.72rem}.el-voice-badge{border-radius:10px;flex-shrink:0;font-size:.7rem;font-weight:700;padding:2px 7px;white-space:nowrap}.el-voice-badge.natural{background:#22c55e26;color:#16a34a}.el-voice-badge.google{background:#3b82f626;color:#3b82f6}.el-voice-badge.std{background:var(--el-bg3);border:1px solid var(--el-border);color:var(--el-muted)}.el-voice-preview-btn{background:#0000;border:1.5px solid var(--el-accent);border-radius:8px;color:var(--el-accent);cursor:pointer;flex-shrink:0;font-size:.82rem;font-weight:600;padding:7px 14px;transition:all .15s;white-space:nowrap}.el-voice-preview-btn:hover{background:var(--el-accent);color:#fff}.el-voice-footer{border-top:1px solid var(--el-border);direction:rtl;flex-shrink:0;padding:10px 18px 14px}.el-voice-current{color:var(--el-muted);font-size:.82rem}.el-voice-current strong{color:var(--el-accent)}body:has(.el-app[style*=rotate]){overflow:hidden}.el-social-layout{background:var(--el-bg);color:var(--el-text);display:flex;height:100dvh;overflow:hidden}.el-social-sidebar{background:var(--el-bg2);border-right:1.5px solid var(--el-border);display:flex;flex-direction:column;max-width:320px;min-width:260px;overflow:hidden;width:300px}.el-social-sidebar-header{align-items:center;border-bottom:1px solid var(--el-border);display:flex;gap:8px;justify-content:space-between;padding:14px 12px 10px}.el-social-logo{color:var(--el-accent);font-size:1.05rem;font-weight:800}.el-social-search-wrap{padding:10px 12px 6px;position:relative}.el-social-search{background:var(--el-bg3);border:1.5px solid var(--el-border);border-radius:10px;box-sizing:border-box;color:var(--el-text);direction:rtl;font-size:.88rem;outline:none;padding:8px 12px;width:100%}.el-social-search:focus{border-color:var(--el-accent)}.el-social-searching{font-size:.85rem;left:18px;position:absolute;top:50%;transform:translateY(-50%)}.el-social-search-results{background:var(--el-bg2);border:1px solid var(--el-border);border-radius:10px;box-shadow:0 4px 16px #0000001f;margin:0 12px 6px;overflow:hidden}.el-social-search-row{align-items:center;border-bottom:1px solid var(--el-border);display:flex;gap:8px;padding:8px 10px}.el-social-search-row:last-child{border-bottom:none}.el-social-search-info{flex:1 1;min-width:0}.el-social-search-name{color:var(--el-text);font-size:.88rem;font-weight:600}.el-social-search-email,.el-social-search-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-social-search-email{color:var(--el-muted);font-size:.75rem}.el-social-add-btn{background:var(--el-accent);border:none;border-radius:7px;color:#fff;cursor:pointer;font-size:.78rem;font-weight:700;padding:4px 10px;white-space:nowrap}.el-social-add-btn:hover{opacity:.85}.el-social-tabs{display:flex;gap:6px;padding:6px 12px}.el-social-tab{align-items:center;background:var(--el-bg3);border:1.5px solid var(--el-border);border-radius:9px;color:var(--el-muted);cursor:pointer;display:flex;flex:1 1;font-size:.83rem;font-weight:700;gap:5px;justify-content:center;padding:7px 8px;transition:all .15s}.el-social-tab.active{background:var(--el-accent-light);border-color:var(--el-accent);color:var(--el-accent)}.el-social-list{display:flex;flex:1 1;flex-direction:column;gap:3px;overflow-y:auto;padding:4px 8px 12px}.el-social-section-label{color:var(--el-muted);font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:8px 6px 3px;text-transform:uppercase}.el-social-friend-row{align-items:center;border-radius:10px;cursor:pointer;display:flex;gap:9px;padding:8px 10px;position:relative;transition:background .12s}.el-social-friend-row:hover{background:var(--el-bg3)}.el-social-friend-row.active{background:var(--el-accent-light)}.el-social-friend-row.pending-in{background:#6366f112;cursor:default}.el-social-friend-row.muted{cursor:default;opacity:.65}.el-social-friend-info{flex:1 1;min-width:0}.el-social-friend-name{font-size:.88rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-social-friend-sub{color:var(--el-muted);font-size:.75rem}.el-social-req-actions{display:flex;gap:4px}.el-social-accept-btn{background:#22c55e}.el-social-accept-btn,.el-social-reject-btn{border:none;border-radius:7px;color:#fff;cursor:pointer;font-size:.82rem;font-weight:700;padding:4px 10px}.el-social-reject-btn{background:#ef4444}.el-social-remove-btn{background:none;border:none;border-radius:6px;color:var(--el-muted);cursor:pointer;font-size:.78rem;opacity:0;padding:2px 7px;transition:opacity .15s}.el-social-friend-row:hover .el-social-remove-btn{opacity:1}.el-social-unread-badge{background:#25d366;border-radius:10px;color:#fff;flex-shrink:0;font-size:.72rem;font-weight:700;height:20px;line-height:20px;margin-left:auto;min-width:20px;padding:0 5px;text-align:center}.el-social-badge{align-items:center;border-radius:9px;display:inline-flex;font-size:.72rem;font-weight:800;height:18px;justify-content:center;min-width:18px;padding:0 5px}.el-social-badge.red{background:#ef4444;color:#fff}.el-social-badge.sent{background:var(--el-accent-light);border-radius:7px;color:var(--el-accent);font-size:.7rem;padding:2px 7px}.el-social-empty{align-items:center;color:var(--el-muted);direction:rtl;display:flex;flex-direction:column;font-size:.88rem;gap:8px;padding:24px 12px;text-align:center}.el-social-new-group-btn{background:var(--el-accent-light);border:1.5px dashed var(--el-accent);border-radius:10px;color:var(--el-accent);cursor:pointer;font-size:.85rem;font-weight:700;margin:4px 2px 6px;padding:8px 14px;width:100%}.el-social-new-group-form{align-items:center;display:flex;gap:6px;margin-bottom:6px}.el-social-group-row{align-items:center;border-radius:10px;cursor:pointer;display:flex;gap:9px;padding:8px 10px;transition:background .12s}.el-social-group-row:hover{background:var(--el-bg3)}.el-social-group-row.active{background:var(--el-accent-light)}.el-social-group-icon{align-items:center;background:var(--el-accent);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:800;height:36px;justify-content:center;width:36px}.el-social-chat{min-width:0;overflow:hidden}.el-social-chat,.el-social-welcome{display:flex;flex:1 1;flex-direction:column}.el-social-welcome{align-items:center;direction:rtl;gap:12px;justify-content:center;padding:32px;text-align:center}.el-social-welcome h2{color:var(--el-accent);font-size:1.4rem;font-weight:800}.el-social-welcome p{color:var(--el-muted);font-size:.95rem}.el-social-welcome-tips{display:flex;flex-direction:column;gap:8px;margin-top:8px}.el-social-tip{background:var(--el-bg2);border:1px solid var(--el-border);border-radius:10px;color:var(--el-muted);font-size:.88rem;padding:10px 18px}.el-social-chat-header{align-items:center;background:var(--el-bg2);border-bottom:1.5px solid var(--el-border);display:flex;gap:10px;padding:12px 16px;position:relative}.el-social-chat-title{font-size:1rem;font-weight:700}.el-social-chat-sub{color:var(--el-muted);font-size:.75rem}.el-social-add-member{margin-right:auto;position:relative}.el-social-messages{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto;padding:16px 20px}.el-social-loading{color:var(--el-muted);font-size:.88rem;padding:20px;text-align:center}.el-social-msg{display:flex;flex-direction:column;max-width:68%}.el-social-msg.mine{align-items:flex-end;align-self:flex-end}.el-social-msg:not(.mine){align-items:flex-start;align-self:flex-start}.el-social-msg-sender{color:var(--el-accent);font-size:.72rem;font-weight:700;margin-bottom:2px;padding:0 4px}.el-social-msg-bubble{align-items:flex-end;border-radius:14px;display:inline-flex;gap:6px;max-width:100%;padding:9px 13px;word-break:break-word}.el-social-msg.mine .el-social-msg-bubble{background:var(--el-accent);border-bottom-right-radius:4px;color:#fff}.el-social-msg:not(.mine) .el-social-msg-bubble{background:var(--el-bg2);border:1px solid var(--el-border);border-bottom-left-radius:4px}.el-social-msg-text{direction:rtl;font-size:.9rem;line-height:1.45}.el-social-time{flex-shrink:0;font-size:.68rem;opacity:.65;white-space:nowrap}.el-social-msg.mine .el-social-time{color:#ffffffbf}.el-social-input-row{background:var(--el-bg2);border-top:1.5px solid var(--el-border);display:flex;gap:8px;padding:12px 16px}.el-social-msg-input{background:var(--el-bg3);border:1.5px solid var(--el-border);border-radius:12px;color:var(--el-text);direction:rtl;flex:1 1;font-size:.9rem;outline:none;padding:10px 14px}.el-social-msg-input:focus{border-color:var(--el-accent)}.el-social-send-btn{background:var(--el-accent);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:10px 18px;transition:opacity .15s}.el-social-send-btn:disabled{cursor:not-allowed;opacity:.5}.el-social-toast{animation:el-toast-in .2s ease;background:#22c55e;border-radius:24px;bottom:24px;box-shadow:0 4px 20px #0003;color:#fff;direction:rtl;font-size:.9rem;font-weight:700;left:50%;padding:10px 22px;position:fixed;transform:translateX(-50%);z-index:9999}.el-social-toast.error{background:#ef4444}@keyframes el-toast-in{0%{opacity:0;transform:translateX(-50%) translateY(12px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:640px){.el-social-sidebar{border-right:none;max-width:100%;width:100%}.el-social-chat,.el-social-layout.chat-open .el-social-sidebar{display:none}.el-social-layout.chat-open .el-social-chat{display:flex}}.el-acct-page{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:540px;padding:16px 16px 40px}.el-acct-hero{background:var(--el-bg2);border:1.5px solid var(--el-border);border-radius:18px;gap:16px;padding:20px}.el-acct-avatar,.el-acct-hero{align-items:center;display:flex}.el-acct-avatar{border-radius:50%;box-shadow:0 4px 16px #0000002e;color:#fff;flex-shrink:0;font-size:1.6rem;font-weight:800;height:68px;justify-content:center;width:68px}.el-acct-hero-info{flex:1 1;min-width:0}.el-acct-name-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.el-acct-name{font-size:1.2rem;font-weight:800;margin:0}.el-acct-edit-btn{background:var(--el-accent-light);border:1px solid var(--el-accent);border-radius:8px;color:var(--el-accent);cursor:pointer;font-size:.75rem;font-weight:700;padding:3px 10px}.el-acct-edit-btn:hover{background:var(--el-accent);color:#fff}.el-acct-edit-name-row{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.el-acct-name-input{background:var(--el-bg3);border:1.5px solid var(--el-accent);border-radius:8px;color:var(--el-text);flex:1 1;font-size:.95rem;min-width:120px;outline:none;padding:6px 10px}.el-acct-email{direction:ltr;font-size:.82rem;text-align:right}.el-acct-email,.el-acct-role{color:var(--el-muted);margin-top:2px}.el-acct-role{font-size:.78rem}.el-acct-since{font-size:.75rem}.el-acct-section{background:var(--el-bg2);border:1.5px solid var(--el-border);border-radius:16px;display:flex;flex-direction:column;gap:10px;padding:16px}.el-acct-section-title{color:var(--el-muted);font-size:.82rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.el-acct-stats-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.el-acct-stat{background:var(--el-bg3);border-radius:12px;padding:12px 8px;text-align:center}.el-acct-stat-num{font-size:1.1rem;font-weight:800}.el-acct-stat-label{color:var(--el-muted);font-size:.7rem;margin-top:2px}.el-acct-due-btn{background:var(--el-accent-light);border:1px solid var(--el-accent);border-radius:10px;color:var(--el-accent);cursor:pointer;direction:rtl;font-size:.85rem;font-weight:700;padding:9px 14px;text-align:right;width:100%}.el-acct-badges{display:flex;flex-wrap:wrap;gap:6px}.el-acct-badge-chip{align-items:center;background:var(--el-bg3);border:1px solid var(--el-border);border-radius:20px;display:flex;font-size:.8rem;font-weight:600;gap:5px;padding:5px 12px}.el-acct-save-btn{background:var(--el-accent);border:none;border-radius:9px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:700;padding:7px 16px}.el-acct-save-btn:disabled{cursor:not-allowed;opacity:.5}.el-acct-cancel-btn{background:var(--el-bg3);border:1px solid var(--el-border);border-radius:9px;color:var(--el-muted);cursor:pointer;font-size:.85rem;padding:7px 12px}.el-acct-action-btn{background:var(--el-bg3);border:1.5px solid var(--el-border);border-radius:11px;color:var(--el-text);cursor:pointer;direction:rtl;font-size:.88rem;font-weight:600;padding:11px 16px;text-align:right;transition:all .15s;width:100%}.el-acct-action-btn:hover{background:var(--el-accent-light);border-color:var(--el-accent)}.el-acct-action-btn.danger{border-color:#ef44444d;color:#ef4444}.el-acct-action-btn.danger:hover{background:#ef444414;border-color:#ef4444}.el-acct-pwd-form{display:flex;flex-direction:column;gap:8px}.el-acct-input{background:var(--el-bg3);border:1.5px solid var(--el-border);border-radius:10px;box-sizing:border-box;color:var(--el-text);direction:rtl;font-size:.88rem;outline:none;padding:10px 13px;width:100%}.el-acct-input:focus{border-color:var(--el-accent)}.el-acct-pwd-actions{display:flex;flex-wrap:wrap;gap:8px}.el-acct-pref-row{align-items:center;background:var(--el-bg3);border:1px solid var(--el-border);border-radius:11px;cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px}.el-acct-pref-label{font-size:.88rem;font-weight:600}.el-acct-pref-sub{color:var(--el-muted);font-size:.74rem;margin-top:1px}.el-acct-toggle{background:var(--el-border);border-radius:12px;flex-shrink:0;height:24px;position:relative;transition:background .2s;width:42px}.el-acct-toggle:after{background:#fff;border-radius:50%;box-shadow:0 1px 4px #0003;content:"";height:18px;left:3px;position:absolute;top:3px;transition:transform .2s;width:18px}.el-acct-toggle.on{background:var(--el-accent)}.el-acct-toggle.on:after{transform:translateX(18px)}.el-acct-links{display:flex;flex-wrap:wrap;gap:8px}.el-acct-link-btn{background:var(--el-bg3);border:1px solid var(--el-border);border-radius:10px;color:var(--el-text);cursor:pointer;font-size:.82rem;font-weight:600;padding:8px 14px;transition:all .15s}.el-acct-link-btn:hover{background:var(--el-accent-light);border-color:var(--el-accent);color:var(--el-accent)}.el-acct-logout-btn{background:#ef444414;border:1.5px solid #ef44444d;border-radius:13px;color:#ef4444;cursor:pointer;font-size:.95rem;font-weight:700;padding:13px;transition:all .15s;width:100%}.el-acct-logout-btn:hover{background:#ef444426;border-color:#ef4444}.el-acct-version{color:var(--el-muted);font-size:.72rem;padding-bottom:8px;text-align:center}.el-acct-toast{animation:el-toast-in .2s ease;background:#22c55e;border-radius:24px;bottom:24px;box-shadow:0 4px 20px #0003;color:#fff;direction:rtl;font-size:.9rem;font-weight:700;left:50%;padding:10px 22px;position:fixed;transform:translateX(-50%);z-index:9999}.el-acct-toast.error{background:#ef4444}@media (max-width:480px){.el-acct-stats-grid{grid-template-columns:repeat(2,1fr)}.el-acct-hero{align-items:center;flex-direction:column}.el-acct-email,.el-acct-hero{text-align:center}.el-acct-name-row{justify-content:center}}.el-streak-7{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-top:6px}.el-streak-7-day{align-items:center;display:flex;flex-direction:column;gap:3px}.el-streak-7-label{color:var(--el-muted);font-size:.6rem;font-weight:600;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.el-streak-7-day.today .el-streak-7-label{color:var(--el-accent);font-weight:800}.el-streak-7-dot{align-items:center;background:var(--el-bg3);border:1.5px solid var(--el-border);border-radius:50%;color:#0000;display:flex;font-size:.65rem;font-weight:800;height:22px;justify-content:center;transition:all .2s;width:22px}.el-streak-7-dot.studied{background:var(--el-accent);border-color:var(--el-accent);box-shadow:0 2px 8px #6366f159;color:#fff}.el-streak-7-dot.today{border-color:var(--el-accent);box-shadow:0 0 0 3px var(--el-accent-light)}.el-streak-7-dot.studied.today{box-shadow:0 2px 8px #6366f166,0 0 0 3px var(--el-accent-light)}.el-home-feature-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr}.el-feature-card{align-items:center;background:linear-gradient(135deg,var(--el-accent) 0,var(--el-accent2) 100%);border:none;border-radius:16px;color:#fff;cursor:pointer;direction:rtl;display:flex;gap:12px;padding:16px;text-align:right;transition:transform .15s,box-shadow .15s;width:100%}.el-feature-card:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.el-feature-card:active{transform:translateY(0)}.el-feature-card-icon{flex-shrink:0;font-size:2rem}.el-feature-card-title{align-items:center;display:flex;font-size:.95rem;font-weight:800;gap:6px}.el-feature-card-sub{font-size:.75rem;margin-top:2px;opacity:.85}.el-feature-card-badge{background:#ffffff4d;border-radius:10px;font-size:.72rem;padding:1px 7px}@media (max-width:480px){.el-home-feature-cards{grid-template-columns:1fr}.el-streak-7-label{font-size:.6rem}.el-streak-7-dot{height:28px;width:28px}}.el-voice-accent-card{background:var(--el-bg3);border:1px solid var(--el-border);border-radius:12px;margin:0 16px 10px;padding:12px 14px}.el-voice-accent-title{color:var(--el-accent);direction:rtl;font-size:.82rem;font-weight:800;margin-bottom:8px}.el-voice-accent-traits{display:flex;flex-direction:column;gap:5px}.el-voice-accent-row{grid-gap:6px;align-items:start;direction:rtl;display:grid;font-size:.78rem;gap:6px;grid-template-columns:48px 100px 1fr}.el-voice-accent-sound{background:var(--el-accent-light);border-radius:5px;color:var(--el-accent);direction:ltr;font-family:monospace;font-size:.8rem;font-weight:700;padding:1px 5px;text-align:center}.el-voice-accent-label{color:var(--el-text);font-weight:700}.el-voice-accent-desc{color:var(--el-muted);direction:rtl;line-height:1.4}.el-call-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000bf;display:flex;inset:0;justify-content:center;position:fixed;z-index:9000}.el-call-overlay.active{align-items:stretch;background:#111;flex-direction:column;justify-content:flex-end}.el-call-card{background:var(--el-bg2);border-radius:20px;box-shadow:0 20px 60px #0006;direction:rtl;min-width:260px;padding:28px 32px;text-align:center}.el-call-ring{animation:el-ring .6s ease-in-out infinite alternate;font-size:3.5rem}@keyframes el-ring{0%{transform:rotate(-12deg)}to{transform:rotate(12deg)}}.el-call-name{color:var(--el-text);font-size:1.3rem;font-weight:800;margin-top:8px}.el-call-type{color:var(--el-muted);font-size:.85rem;margin-bottom:20px}.el-call-actions{display:flex;gap:16px;justify-content:center}.el-call-accept{background:#22c55e}.el-call-accept,.el-call-reject{border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;padding:10px 22px}.el-call-reject{background:#ef4444}.el-call-remote-video{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.el-call-local-video{border:2px solid #ffffff4d;border-radius:12px;bottom:90px;height:140px;object-fit:cover;position:absolute;right:16px;width:100px}.el-call-info-bar{align-items:center;background:linear-gradient(180deg,#0009,#0000);direction:rtl;display:flex;gap:10px;left:0;padding:16px 20px;position:absolute;right:0;top:0}.el-call-peer-name{color:#fff;font-size:1rem;font-weight:700}.el-call-duration-badge{background:#fff3;border-radius:20px;color:#fff;font-size:.78rem;padding:2px 10px}.el-call-controls{background:#00000080;gap:16px;padding:16px 20px 24px;position:relative}.el-call-controls,.el-call-ctrl{display:flex;justify-content:center}.el-call-ctrl{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.3rem;height:52px;transition:background .2s;width:52px}.el-call-ctrl.off{background:#ffffff59}.el-call-ctrl.end{background:#ef4444}.el-call-ctrl:hover{filter:brightness(1.2)}.el-challenge-create-form{background:var(--el-bg2);border-bottom:1px solid var(--el-border);display:flex;flex-direction:column;gap:8px;padding:10px 14px}.el-challenge-level-row{display:flex;flex-wrap:wrap;gap:5px}.el-challenge-level-btn{background:var(--el-bg3);border:1.5px solid var(--el-border);border-radius:8px;color:var(--el-text);cursor:pointer;flex:1 1;font-size:.78rem;font-weight:700;padding:4px 6px;transition:all .15s}.el-challenge-level-btn.active{background:var(--el-accent);border-color:var(--el-accent);color:#fff}.el-challenge-badge{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:.72rem;font-weight:800;height:36px;justify-content:center;width:36px}.el-challenge-progress-panel{background:var(--el-bg2);border-bottom:1px solid var(--el-border);display:flex;flex-direction:column;gap:8px;padding:10px 16px}.el-challenge-progress-row{align-items:center;direction:rtl;display:flex;gap:10px}.el-challenge-progress-name{color:var(--el-text);font-size:.8rem;font-weight:600;min-width:80px}.el-challenge-progress-bar-wrap{background:var(--el-bg3);border-radius:10px;flex:1 1;height:8px;overflow:hidden}.el-challenge-progress-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:10px;height:100%;transition:width .4s ease}.el-challenge-progress-pct{color:var(--el-muted);font-size:.75rem;min-width:30px;text-align:left}.el-challenge-edit-panel{background:var(--el-bg2);border-bottom:1px solid var(--el-border);direction:rtl;padding:12px 16px}.el-challenge-edit-title{color:var(--el-accent);font-size:.85rem;font-weight:700;margin-bottom:10px}.el-challenge-edit-row{align-items:center;display:flex;gap:10px;margin-bottom:8px}.el-challenge-share-toggle{align-items:center;color:var(--el-text);cursor:pointer;display:flex;font-size:.82rem;gap:8px}.el-challenge-invite-panel{background:var(--el-bg2);border-bottom:1px solid var(--el-border);direction:rtl;padding:10px 16px}.el-social-voice-btn{align-items:center;background:var(--el-bg3);border:none;border-radius:50%;color:var(--el-text);cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:38px;justify-content:center;transition:background .15s;-webkit-user-select:none;user-select:none;width:38px}.el-social-voice-btn.recording{animation:el-pulse .6s ease-in-out infinite alternate;background:#ef4444}@keyframes el-pulse{0%{box-shadow:0 0 0 0 #ef444480}to{box-shadow:0 0 0 8px #ef444400}}.el-acct-delete-form{background:#ef44440f;border:1.5px solid #ef444440;border-radius:12px;display:flex;flex-direction:column;gap:10px;padding:14px}.el-acct-delete-warning{color:#ef4444;direction:rtl;font-size:.82rem;font-weight:600;line-height:1.5}:root{--bg:#fff;--bg-secondary:#f8f5f2;--surface:#fff;--border:#e8e2db;--text:#1a1a1a;--text-muted:#7a7370;--accent:#c9858a;--accent-light:#f5e8e9;--accent-dark:#a96368;--user-bubble:#c9858a;--user-text:#fff;--assistant-bubble:#f8f5f2;--assistant-text:#1a1a1a;--header-bg:#fff;--shadow:0 2px 16px #00000014;--radius:16px;--transition:0.2s cubic-bezier(0.4,0,0.2,1)}body.dark{--bg:#111;--bg-secondary:#1a1a1a;--surface:#1e1e1e;--border:#2e2e2e;--text:#f0ece8;--text-muted:#7a7370;--accent:#c9858a;--accent-light:#2a1f20;--accent-dark:#e09fa3;--user-bubble:#c9858a;--user-text:#fff;--assistant-bubble:#1e1e1e;--assistant-text:#f0ece8;--header-bg:#111;--shadow:0 2px 16px #0006}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;color:#1a1a1a;color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;transition:background .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);transition:background var(--transition),color var(--transition)}.page,body{background:#fff;background:var(--bg);min-height:100vh}.page{display:flex;flex-direction:column}.header{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff;background:var(--header-bg);border-bottom:1px solid #e8e2db;border-bottom:1px solid var(--border);display:flex;gap:10px;justify-content:space-between;padding:14px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.app-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#c9858a,#a96368);background:linear-gradient(135deg,var(--accent) 0,var(--accent-dark) 100%);-webkit-background-clip:text;background-clip:text;color:#c9858a;color:var(--accent);flex:1 1;font-size:1.25rem;font-weight:800;letter-spacing:.04em;text-align:center}.back-btn{align-items:center;background:#f8f5f2;background:var(--bg-secondary);border:none;border-radius:10px;color:#1a1a1a;color:var(--text);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:1.1rem;height:38px;justify-content:center;line-height:1;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition);width:38px}.back-btn:hover{border-color:#c9858a;border-color:var(--accent);color:#c9858a;color:var(--accent);transform:translateX(-2px)}.theme-toggle{background:none;border:1.5px solid #e8e2db;border:1.5px solid var(--border);border-radius:10px;cursor:pointer;font-size:1rem;padding:7px 10px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.theme-toggle:hover{border-color:#c9858a;border-color:var(--accent);transform:scale(1.05)}.main-content{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:32px;padding:48px 24px 32px}.hero{max-width:540px;text-align:center}.hero h1{color:#1a1a1a;color:var(--text);font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;line-height:1.2;margin-bottom:12px}.hero p{color:#7a7370;color:var(--text-muted);font-size:.95rem;line-height:1.6}.page-title{text-align:center}.page-title h2{color:#1a1a1a;color:var(--text);font-size:1.6rem;font-weight:700}.page-title p{color:#7a7370;color:var(--text-muted);font-size:.9rem;margin-top:6px}.card-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:800px;width:100%}.card-grid.single{grid-template-columns:1fr;max-width:360px}.dept-card,.subject-card,.year-card{align-items:center;background:#fff;background:var(--surface);border:1.5px solid #e8e2db;border:1.5px solid var(--border);border-radius:16px;border-radius:var(--radius);color:#1a1a1a;color:var(--text);cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:28px 20px;text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.dept-card:hover,.subject-card:hover,.year-card:hover{border-color:#c9858a;border-color:var(--accent);box-shadow:0 2px 16px #00000014;box-shadow:var(--shadow);transform:translateY(-3px)}.card-icon{font-size:2rem}.dept-card h2{color:#1a1a1a;color:var(--text);font-size:1.2rem;font-weight:700}.dept-card p{color:#7a7370;color:var(--text-muted);font-size:.8rem}.year-roman{color:#c9858a;color:var(--accent);font-size:1.8rem;font-weight:800}.year-card h3{font-size:1rem;font-weight:700}.year-card p{color:#7a7370;color:var(--text-muted);font-size:.75rem}.subject-code{color:#c9858a;color:var(--accent);font-size:1.4rem;font-weight:800;letter-spacing:.02em}.subject-card .card-arrow{color:#7a7370;color:var(--text-muted);font-size:.8rem}.card-arrow{color:#c9858a;color:var(--accent);font-size:.85rem;font-weight:600}.chat-page{height:100vh;overflow:hidden}.messages-container{display:flex;flex:1 1;flex-direction:column;gap:12px;height:calc(100vh - 130px);overflow-y:auto;padding:20px 16px;scroll-behavior:smooth}.message{animation:fadeSlideIn .3s ease-out;border-radius:18px;font-size:.92rem;line-height:1.7;max-width:78%;padding:14px 18px}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.user-message{align-self:flex-end;background:#c9858a;background:var(--user-bubble);border-bottom-right-radius:4px;box-shadow:0 1px 4px #c9858a33;color:#fff;color:var(--user-text)}.assistant-message{align-self:flex-start;background:#f8f5f2;background:var(--assistant-bubble);border:1px solid #e8e2db;border:1px solid var(--border);border-bottom-left-radius:4px;color:#1a1a1a;color:var(--assistant-text)}.error-message{background:#e5737314;border-color:#e57373}.assistant-message p{margin-bottom:8px}.assistant-message p:last-child{margin-bottom:0}.assistant-message ol,.assistant-message ul{margin:8px 0;padding-left:20px}.assistant-message li{margin-bottom:4px}.assistant-message strong{color:#a96368;color:var(--accent-dark);font-weight:700}.assistant-message code{border:1px solid #e8e2db;border:1px solid var(--border);border-radius:5px;font-family:Cascadia Code,Fira Code,monospace;font-size:.85em;padding:2px 7px}.assistant-message code,.assistant-message pre{background:#f8f5f2;background:var(--bg-secondary)}.assistant-message pre{border:1px solid #e8e2db;border:1px solid var(--border);border-radius:10px;margin:10px 0;overflow-x:auto;padding:14px}.assistant-message h1,.assistant-message h2,.assistant-message h3{color:#1a1a1a;color:var(--text);font-weight:700;margin:14px 0 8px}.assistant-message h2{font-size:1.05rem}.assistant-message h3{font-size:.95rem}.assistant-message blockquote{border-left:3px solid #c9858a;border-left:3px solid var(--accent);color:#7a7370;color:var(--text-muted);font-style:italic;margin:8px 0;padding-left:12px}.loading-message{padding:16px 20px!important}.loading-content{gap:12px}.loading-content,.loading-dots{align-items:center;display:flex}.loading-dots{gap:4px}.dot{animation:bounce 1.2s infinite;background:#c9858a;background:var(--accent);border-radius:50%;height:7px;width:7px}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-8px)}}.loading-step{animation:fadeIn .5s ease;color:#7a7370;color:var(--text-muted);font-size:.8rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loading-indicator{display:flex;flex-direction:column;gap:6px}.loading-step-text{animation:fadeIn .4s ease;color:#7a7370;color:var(--text-muted);font-size:.78rem}.file-size{font-size:.8em;opacity:.65}.file-chips{display:flex;flex-wrap:wrap;gap:6px;padding:8px 16px 0}.file-chip{align-items:center;background:#fff;background:var(--surface);border:1.5px solid #e8e2db;border:1.5px solid var(--border);border-radius:20px;color:#1a1a1a;color:var(--text);cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:500;gap:5px;padding:5px 11px;transition:background .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1);transition:background var(--transition),border-color var(--transition);white-space:nowrap}.file-chip:hover{background:#f5e8e9;background:var(--accent-light);border-color:#c9858a;border-color:var(--accent);color:#c9858a;color:var(--accent)}.msg-footer{align-items:center;border-top:none;display:flex;flex-wrap:wrap;gap:6px;justify-content:space-between;margin-top:8px;padding-top:6px}.msg-time{color:#7a7370;color:var(--text-muted);font-size:.65rem;opacity:.55}.user-message .msg-time{color:#fff9}.msg-dropdown-wrap{position:relative}.msg-dots-btn{align-items:center;background:none;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:3px;padding:5px 8px;transition:all .15s}.msg-dots-btn span{background:#7a7370;background:var(--text-muted);border-radius:50%;display:block;height:3.5px;opacity:.55;transition:all .15s;width:3.5px}.msg-dots-btn:hover{background:#fff;background:var(--surface);border-color:#e8e2db;border-color:var(--border);box-shadow:0 1px 6px #0000001a}.msg-dots-btn:hover span{background:#c9858a;background:var(--accent);opacity:1}.msg-dropdown{animation:dropUp .15s ease;background:#fff;background:var(--surface);border:1px solid #e8e2db;border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 32px #0000002e,0 2px 8px #0000001a;max-width:260px;min-width:210px;overflow:hidden;position:fixed;z-index:1000}@keyframes dropUp{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.dd-section-label{color:#7a7370;color:var(--text-muted);font-size:.68rem;font-weight:600;letter-spacing:.06em;opacity:.7;padding:10px 14px 4px;text-transform:uppercase}.msg-dropdown-section{padding:4px 6px}.dd-divider{background:#e8e2db;background:var(--border);height:1px;margin:4px 10px;opacity:.6}.dd-item{align-items:center;background:none;border:none;border-radius:9px;color:#1a1a1a;color:var(--text);cursor:pointer;display:flex;font-size:.84rem;gap:10px;padding:9px 10px;text-align:left;transition:background .1s,color .1s;white-space:nowrap;width:100%}.dd-item svg{color:#7a7370;color:var(--text-muted);flex-shrink:0;height:15px;transition:color .1s;width:15px}.dd-item:hover{background:#f5e8e9;background:var(--accent-light);color:#a96368;color:var(--accent-dark)}.dd-item:hover svg{color:#c9858a;color:var(--accent)}.dd-item.followup{color:#7a7370;color:var(--text-muted);font-size:.8rem;gap:8px;padding:7px 10px}.dd-item.followup:hover{background:#f5e8e9;background:var(--accent-light);color:#a96368;color:var(--accent-dark)}.dd-followup-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:1fr 1fr;padding:4px 6px 8px}.dd-followup-pill{background:#f8f5f2;background:var(--bg-secondary);border:1px solid #e8e2db;border:1px solid var(--border);border-radius:20px;color:#1a1a1a;color:var(--text);cursor:pointer;font-size:.78rem;padding:6px 10px;text-align:center;transition:all .12s;white-space:nowrap}.dd-followup-pill:hover{background:#f5e8e9;background:var(--accent-light);border-color:#c9858a;border-color:var(--accent);color:#a96368;color:var(--accent-dark);transform:translateY(-1px)}.msg-icon-btn{align-items:center;background:none;border:none;border-radius:8px;color:#7a7370;color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:.8rem;gap:5px;padding:5px 10px;transition:background .15s,color .15s}.msg-icon-btn svg{height:14px;width:14px}.msg-icon-btn.retry-btn{background:#c9858a;background:var(--accent);border:1.5px solid #c9858a;border:1.5px solid var(--accent);color:#fff;font-weight:600}.msg-icon-btn.retry-btn:hover{background:#a96368;background:var(--accent-dark)}.attachment-preview{align-items:center;animation:fadeSlideIn .2s ease-out;background:#f5e8e9;background:var(--accent-light);border-top:1px solid #e8e2db;border-top:1px solid var(--border);display:flex;gap:10px;padding:10px 16px}.img-preview{border:1.5px solid #e8e2db;border:1.5px solid var(--border);border-radius:10px;height:48px;object-fit:cover;width:48px}.file-name{color:#1a1a1a;color:var(--text);flex:1 1;font-size:.85rem}.remove-attach{background:none;border:none;color:#7a7370;color:var(--text-muted);cursor:pointer;font-size:1.1rem;padding:4px;transition:color .2s cubic-bezier(.4,0,.2,1);transition:color var(--transition)}.remove-attach:hover{color:#c9858a;color:var(--accent)}.input-area{align-items:flex-end;background:#fff;background:var(--header-bg);border-top:1px solid #e8e2db;border-top:1px solid var(--border);display:flex;gap:8px;padding:12px 16px}.attach-btn{background:none;border:1.5px solid #e8e2db;border:1.5px solid var(--border);border-radius:12px;cursor:pointer;flex-shrink:0;font-size:1rem;padding:8px 10px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.attach-btn:hover{border-color:#c9858a;border-color:var(--accent);transform:scale(1.05)}.message-input{background:#f8f5f2;background:var(--bg-secondary);border:1.5px solid #e8e2db;border:1.5px solid var(--border);border-radius:14px;color:#1a1a1a;color:var(--text);flex:1 1;font-family:inherit;font-size:.92rem;line-height:1.5;max-height:140px;outline:none;padding:10px 14px;resize:none;transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition),box-shadow var(--transition)}.message-input:focus{border-color:#c9858a;border-color:var(--accent);box-shadow:0 0 0 3px #c9858a1f}.message-input::placeholder{color:#7a7370;color:var(--text-muted)}.send-btn{background:#c9858a;background:var(--accent);border:none;border-radius:14px;box-shadow:0 2px 8px #c9858a40;color:#fff;cursor:pointer;flex-shrink:0;font-size:1.15rem;padding:10px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.send-btn:hover:not(:disabled){background:#a96368;background:var(--accent-dark);transform:scale(1.05)}.send-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.35}.send-btn.stop-btn{background:#e53935;box-shadow:0 2px 8px #e5393540;font-size:1rem}.send-btn.stop-btn:hover{background:#c62828;transform:scale(1.05)}.assistant-message table{border:1px solid #e8e2db;border:1px solid var(--border);border-collapse:collapse;border-radius:10px;font-size:.85rem;margin:12px 0;overflow:hidden;width:100%}.assistant-message td,.assistant-message th{border:1px solid #e8e2db;border:1px solid var(--border);padding:10px 12px;text-align:left}.assistant-message th{background:#f5e8e9;background:var(--accent-light);color:#a96368;color:var(--accent-dark);font-size:.82rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.assistant-message tr:nth-child(2n){background:#f8f5f2;background:var(--bg-secondary)}.assistant-message tr:hover,.quiz-header-btn{background:#f5e8e9;background:var(--accent-light)}.quiz-header-btn{border:1.5px solid #c9858a;border:1.5px solid var(--accent);border-radius:10px;color:#a96368;color:var(--accent-dark);cursor:pointer;font-size:.82rem;font-weight:600;padding:7px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.quiz-header-btn:hover:not(:disabled){background:#c9858a;background:var(--accent);color:#fff;transform:scale(1.03)}.quiz-header-btn:disabled{cursor:not-allowed;opacity:.35}.quiz-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px 0;position:fixed;right:0;top:0;z-index:200}.quiz-modal{-webkit-overflow-scrolling:touch;animation:fadeSlideIn .3s ease-out;background:#fff;background:var(--surface);border:1.5px solid #e8e2db;border:1.5px solid var(--border);border-radius:20px;box-shadow:0 8px 32px #00000026;max-height:88vh;max-width:400px;overflow-y:auto;padding:28px 24px;width:90%}.quiz-modal h3{color:#1a1a1a;color:var(--text);font-size:1.2rem;margin-bottom:6px}.quiz-modal p{color:#7a7370;color:var(--text-muted);font-size:.85rem;margin-bottom:14px}.quiz-type-selector{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:14px}.quiz-type-btn{align-items:center;background:#f8f5f2;background:var(--bg-secondary);border:1.5px solid #e8e2db;border:1.5px solid var(--border);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:10px 8px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.quiz-type-btn:hover{background:#f5e8e9;background:var(--accent-light)}.quiz-type-btn.active,.quiz-type-btn:hover{border-color:#c9858a;border-color:var(--accent)}.quiz-type-btn.active{background:#c9858a;background:var(--accent);color:#fff}.quiz-type-btn.active .quiz-type-desc{color:#ffffffd9}.quiz-type-icon{font-size:.85rem;font-weight:600}.quiz-type-desc{color:#7a7370;color:var(--text-muted);font-size:.7rem}.quiz-topic-input{background:#f8f5f2;background:var(--bg-secondary);border:1.5px solid #e8e2db;border:1.5px solid var(--border);border-radius:12px;color:#1a1a1a;color:var(--text);font-family:inherit;font-size:.92rem;margin-bottom:16px;outline:none;padding:11px 14px;transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition),box-shadow var(--transition);width:100%}.quiz-topic-input:focus{border-color:#c9858a;border-color:var(--accent);box-shadow:0 0 0 3px #c9858a1f}.quiz-topic-input::placeholder{color:#7a7370;color:var(--text-muted)}.quiz-modal-actions{display:flex;flex-wrap:wrap;gap:8px}.quiz-modal-btn{border:1.5px solid #e8e2db;border:1.5px solid var(--border);border-radius:12px;cursor:pointer;font-size:.85rem;font-weight:600;padding:9px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.quiz-modal-btn.primary{background:#c9858a;background:var(--accent);border-color:#c9858a;border-color:var(--accent);box-shadow:0 2px 8px #c9858a40;color:#fff;flex:1 1}.quiz-modal-btn.primary:hover{background:#a96368;background:var(--accent-dark);transform:translateY(-1px)}.quiz-modal-btn.secondary{background:#f5e8e9;background:var(--accent-light);border-color:#c9858a;border-color:var(--accent);color:#a96368;color:var(--accent-dark)}.quiz-modal-btn.secondary:hover{background:#c9858a;background:var(--accent);color:#fff}.quiz-modal-btn.cancel{background:none;color:#7a7370;color:var(--text-muted)}.quiz-modal-btn.cancel:hover{border-color:#c9858a;border-color:var(--accent);color:#c9858a;color:var(--accent)}@media (max-width:600px){.header{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:5px;overflow-x:auto;padding:8px}.header::-webkit-scrollbar{display:none}.app-name{flex:0 0 auto;font-size:.95rem;min-width:60px}.header-action-btn{flex:0 0 auto;font-size:.85rem;padding:5px 7px}.quiz-header-btn{flex:0 0 auto;font-size:.78rem;padding:5px 9px}.back-btn{flex:0 0 auto}.main-content{padding:28px 12px 20px}.card-grid{gap:10px;grid-template-columns:1fr 1fr}.message{font-size:.9rem;max-width:92%;padding:12px 14px}.messages-container{height:calc(100vh - 115px);padding:16px 10px}.msg-icon-btn{padding:4px}.msg-icon-btn svg{height:14px;width:14px}.msg-footer{gap:4px}.input-area{gap:6px;padding:10px}.message-input{font-size:16px}.attach-btn{font-size:.9rem;padding:7px 8px}.send-btn{padding:9px 14px}.quiz-modal{max-height:88vh;overflow-y:auto;padding:22px 18px;width:94%}.quiz-type-selector{gap:6px}.msg-dropdown{min-width:180px}.dd-followup-grid{grid-template-columns:1fr 1fr}}@media (hover:none){.msg-actions{opacity:1;transform:none}.msg-dots-btn{padding:6px 9px}}@media (max-width:380px){.message{max-width:95%}.back-btn{font-size:1rem;height:32px;width:32px}.app-name{font-size:.85rem}.card-grid{grid-template-columns:1fr}}.header-action-btn{background:none;border:1.5px solid #e8e2db;border:1.5px solid var(--border);border-radius:10px;cursor:pointer;font-size:.95rem;padding:6px 10px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.header-action-btn:hover{border-color:#c9858a;border-color:var(--accent);transform:scale(1.05)}.install-btn{border-color:#7c3aed!important;color:#7c3aed;font-size:.82rem!important;font-weight:700;padding:6px 12px!important;white-space:nowrap}.install-btn:hover{background:#7c3aed!important;color:#fff!important}.key-btn.key-active{border-color:#4caf50;color:#4caf50}.history-overlay{z-index:149}.history-overlay,.side-menu-overlay{background:#00000059;inset:0;position:fixed}.side-menu-overlay{z-index:249}.side-menu{animation:slideInRight .25s ease-out;background:#fff;background:var(--surface);border-left:1.5px solid #e8e2db;border-left:1.5px solid var(--border);box-shadow:-4px 0 20px #0000001a;display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;width:280px;z-index:250}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.side-menu-header{align-items:center;border-bottom:1px solid #e8e2db;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px}.side-menu-header h3{color:#1a1a1a;color:var(--text);font-size:.95rem}.side-menu-account{align-items:center;border-bottom:1px solid #e8e2db;border-bottom:1px solid var(--border);display:flex;gap:10px;justify-content:space-between;padding:14px 16px}.side-menu-account-name{color:#1a1a1a;color:var(--text);font-size:.95rem;font-weight:700}.side-menu-account-email{color:#7a7370;color:var(--text-muted);font-size:.8rem;margin-top:2px}.side-menu-avatar-btn{align-items:center;background:#c9858a;background:var(--accent);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.1rem;height:40px;justify-content:center;transition:transform .15s;width:40px}.side-menu-avatar-btn:hover{transform:scale(1.06)}.side-menu-list{display:flex;flex:1 1;flex-direction:column;gap:6px;overflow-y:auto;padding:10px}.side-menu-item{align-items:center;background:#f8f5f2;background:var(--bg-secondary);border:1px solid #e8e2db;border:1px solid var(--border);border-radius:12px;color:#1a1a1a;color:var(--text);cursor:pointer;display:flex;font-size:.9rem;gap:10px;padding:12px 14px;text-align:right;transition:all .15s}.side-menu-item:hover{background:#fff;background:var(--surface);border-color:#c9858a;border-color:var(--accent)}.side-menu-item-icon{font-size:1.1rem}.side-menu-item-danger{color:#c62828}.side-menu-item-danger:hover{border-color:#c62828}.history-sidebar{animation:slideInLeft .25s ease-out;background:#fff;background:var(--surface);border-right:1.5px solid #e8e2db;border-right:1.5px solid var(--border);box-shadow:4px 0 20px #0000001a;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:280px;z-index:150}@keyframes slideInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.history-header{align-items:center;border-bottom:1px solid #e8e2db;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px}.history-header h3{color:#1a1a1a;color:var(--text);font-size:.95rem}.history-close{background:none;border:none;color:#7a7370;color:var(--text-muted);cursor:pointer;font-size:1.1rem;padding:4px}.history-close:hover{color:#c9858a;color:var(--accent)}.history-list{flex:1 1;overflow-y:auto;padding:8px}.history-empty{color:#7a7370;color:var(--text-muted);font-size:.85rem;padding:20px;text-align:center}.history-item{align-items:center;display:flex;gap:4px;margin-bottom:4px}.history-item-btn{background:#f8f5f2;background:var(--bg-secondary);border:1px solid #e8e2db;border:1px solid var(--border);border-radius:10px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:2px;padding:10px 12px;text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.history-item-btn:hover{background:#f5e8e9;background:var(--accent-light);border-color:#c9858a;border-color:var(--accent)}.history-title{color:#1a1a1a;color:var(--text);font-size:.82rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-time{color:#7a7370;color:var(--text-muted);font-size:.68rem}.history-delete{background:none;border:none;cursor:pointer;font-size:.85rem;opacity:.5;padding:6px;transition:opacity .2s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition)}.history-delete:hover{opacity:1}.modal-label{color:#7a7370;color:var(--text-muted);display:block;font-size:.8rem;font-weight:600;margin-bottom:6px;margin-top:10px}.quiz-type-selector.three-cols{grid-template-columns:1fr 1fr 1fr}.quiz-type-selector.five-cols{grid-template-columns:repeat(5,1fr)}@media (max-width:600px){.history-sidebar{width:240px}.header-action-btn{font-size:.85rem;padding:5px 8px}.quiz-type-selector.five-cols{grid-template-columns:repeat(3,1fr)}}.instructor-page{background:#fff;background:var(--bg);color:#1a1a1a;color:var(--text);min-height:100vh}.instructor-header{align-items:center;background:#fff;background:var(--header-bg);border-bottom:1px solid #e8e2db;border-bottom:1px solid var(--border);box-shadow:0 2px 16px #00000014;box-shadow:var(--shadow);display:flex;justify-content:space-between;padding:14px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.instructor-header-left{align-items:center;display:flex;gap:12px}.instructor-logo{font-size:1.8rem}.instructor-title{color:#1a1a1a;color:var(--text);font-size:1rem;font-weight:700}.instructor-subtitle{color:#7a7370;color:var(--text-muted);font-size:.78rem}.instructor-header-right{align-items:center;display:flex;gap:10px}.inst-logout-btn{background:none;border:1.5px solid #e8e2db;border:1.5px solid var(--border);border-radius:10px;color:#7a7370;color:var(--text-muted);cursor:pointer;font-size:.82rem;padding:6px 14px;transition:all .2s}.inst-logout-btn:hover{border-color:#e57373;color:#e57373}.inst-try-btn{background:#c9858a;background:var(--accent);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.82rem;font-weight:600;padding:6px 14px;transition:all .2s}.inst-try-btn:hover{background:#a96368;background:var(--accent-dark)}.instructor-main{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:700px;padding:28px 20px}.inst-card{background:#fff;background:var(--surface);border:1px solid #e8e2db;border:1px solid var(--border);border-radius:16px;box-shadow:0 2px 16px #00000014;box-shadow:var(--shadow);padding:22px 24px}.inst-card-title{align-items:center;display:flex;font-size:1rem;font-weight:700;gap:8px;margin:0 0 6px}.inst-card-desc{color:#7a7370;color:var(--text-muted);font-size:.82rem;margin:0 0 18px}.inst-badge{background:#c9858a;background:var(--accent);border-radius:20px;color:#fff;font-size:.75rem;font-weight:700;padding:1px 9px}.inst-form{display:flex;flex-direction:column;gap:10px}.inst-dt-label{color:#7a7370;color:var(--text-muted);font-size:.78rem;margin:2px 0 -4px}.inst-input{background:#fff;background:var(--bg);border:1.5px solid #e8e2db;border:1.5px solid var(--border);border-radius:10px;box-sizing:border-box;color:#1a1a1a;color:var(--text);font-size:.88rem;padding:11px 14px;transition:border .2s;width:100%}.inst-input:focus{border-color:#c9858a;border-color:var(--accent);outline:none}.inst-block-btn{background:#c9858a;background:var(--accent);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:11px;transition:background .2s}.inst-block-btn:hover:not(:disabled){background:#a96368;background:var(--accent-dark)}.inst-block-btn:disabled{cursor:not-allowed;opacity:.5}.inst-msg{border-radius:10px;font-size:.85rem;font-weight:500;margin-top:12px;padding:10px 14px}.inst-msg.success{background:#e8f5e9;color:#2e7d32}.inst-msg.error{background:#fdecea;color:#c62828}.inst-empty{color:#7a7370;color:var(--text-muted);font-size:.85rem;margin:8px 0 0}.inst-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.inst-row{align-items:center;border:1.5px solid #e8e2db;border:1.5px solid var(--border);border-radius:12px;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:12px 16px}.inst-row.active{background:#fff8f8;border-color:#e57373}.inst-row.inactive{background:#f8f5f2;background:var(--bg-secondary);opacity:.6}.inst-row-info{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.inst-subject-badge{background:#c9858a;background:var(--accent);border-radius:20px;color:#fff;font-size:.82rem;font-weight:700;padding:3px 12px}.inst-subject-badge.faded{background:#7a7370;background:var(--text-muted)}.inst-reason{color:#7a7370;color:var(--text-muted);font-size:.8rem;font-style:italic}.inst-unblock-btn{background:none;border:1.5px solid #4caf50;border-radius:8px;color:#4caf50;cursor:pointer;font-size:.82rem;font-weight:600;padding:6px 14px;transition:all .2s;white-space:nowrap}.inst-unblock-btn:hover{background:#4caf50;color:#fff}.auth-page{align-items:center;background:#fff;background:var(--bg);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{animation:fadeSlideIn .4s ease-out;background:#fff;background:var(--surface);border:1.5px solid #e8e2db;border:1.5px solid var(--border);border-radius:24px;box-shadow:0 2px 16px #00000014;box-shadow:var(--shadow);max-width:400px;padding:40px 32px;text-align:center;width:100%}.auth-logo{font-size:2.2rem;font-weight:800;letter-spacing:.02em;margin-bottom:4px}.auth-logo,.auth-subtitle{color:#c9858a;color:var(--accent)}.auth-subtitle{font-size:.85rem;margin-bottom:24px;opacity:.8}.auth-tabs{background:#f8f5f2;background:var(--bg-secondary);border-radius:12px;display:flex;gap:4px;margin-bottom:20px;padding:4px}.auth-tab{background:none;border:none;border-radius:10px;color:#7a7370;color:var(--text-muted);cursor:pointer;flex:1 1;font-size:.88rem;font-weight:600;padding:10px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.auth-tab.active{background:#c9858a;background:var(--accent);box-shadow:0 2px 8px #c9858a4d;color:#fff}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-input{background:#f8f5f2;background:var(--bg-secondary);border:1.5px solid #e8e2db;border:1.5px solid var(--border);border-radius:12px;color:#1a1a1a;color:var(--text);font-family:inherit;font-size:.92rem;outline:none;padding:12px 16px;transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition),box-shadow var(--transition);width:100%}.auth-input:focus{border-color:#c9858a;border-color:var(--accent);box-shadow:0 0 0 3px #c9858a1f}.auth-input::placeholder{color:#7a7370;color:var(--text-muted)}.auth-error{background:#e5737314;border-radius:8px;color:#e57373;font-size:.82rem;padding:8px;text-align:center}.auth-submit{background:#c9858a;background:var(--accent);border:none;border-radius:14px;box-shadow:0 2px 10px #c9858a4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:4px;padding:13px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition);width:100%}.auth-submit:hover:not(:disabled){background:#a96368;background:var(--accent-dark);transform:translateY(-1px)}.auth-submit:disabled{cursor:not-allowed;opacity:.4}.auth-footer{color:#7a7370;color:var(--text-muted);font-size:.82rem;margin-top:18px}.auth-switch{background:none;border:none;color:#c9858a;color:var(--accent);cursor:pointer;font-size:.82rem;font-weight:600}.auth-switch:hover{text-decoration:underline}.auth-info{background:#4caf501a;border-radius:8px;color:#2e7d32;font-size:.82rem;padding:8px;text-align:center}.auth-forgot-link{background:none;border:none;color:#7a7370;color:var(--text-muted);cursor:pointer;display:block;font-size:.8rem;margin:12px auto 0;text-decoration:underline}.auth-forgot-link:hover{color:#c9858a;color:var(--accent)}.auth-privacy-link{color:#7a7370;color:var(--text-muted);display:inline-block;font-size:.72rem;margin-top:6px;text-decoration:underline}.privacy-page{background:#fff;background:var(--bg);color:#1a1a1a;color:var(--text);display:flex;justify-content:center;min-height:100vh;padding:30px 16px}.privacy-card{background:#fff;background:var(--surface);border:1px solid #e8e2db;border:1px solid var(--border);border-radius:16px;box-shadow:0 2px 16px #00000014;box-shadow:var(--shadow);line-height:1.8;max-width:640px;padding:28px 30px;width:100%}.privacy-card h1{color:#c9858a;color:var(--accent);font-size:1.35rem;margin:0 0 4px}.privacy-updated{color:#7a7370;color:var(--text-muted);font-size:.78rem;margin:0 0 18px}.privacy-card h2{font-size:1rem;margin:20px 0 6px}.privacy-card li,.privacy-card p{color:#1a1a1a;color:var(--text);font-size:.9rem}.privacy-card ul{padding-right:20px}.privacy-back{background:#c9858a;background:var(--accent);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;margin-top:24px;padding:10px 22px}.privacy-back:hover{background:#a96368;background:var(--accent-dark)}.messages-container::-webkit-scrollbar{width:5px}.messages-container::-webkit-scrollbar-track{background:#0000}.messages-container::-webkit-scrollbar-thumb{background:#e8e2db;background:var(--border);border-radius:10px}.messages-container::-webkit-scrollbar-thumb:hover{background:#c9858a;background:var(--accent)}
/*# sourceMappingURL=main.c1856521.css.map*/