*{box-sizing:border-box;margin:0;padding:0}:root{--bg-gradient-start:#0f0c29;--bg-gradient-mid:#302b63;--bg-gradient-end:#24243e;--glass-bg:rgba(255,255,255,.05);--glass-bg-hover:rgba(255,255,255,.08);--glass-bg-active:rgba(255,255,255,.12);--glass-border:rgba(255,255,255,.1);--glass-border-hover:rgba(255,255,255,.2);--glass-shadow:0 8px 32px rgba(0,0,0,.3);--glass-blur:blur(12px);--text-primary:#ffffff;--text-secondary:rgba(255,255,255,.7);--text-muted:rgba(255,255,255,.5);--accent:#818cf8;--accent-glow:rgba(129,140,248,.4);--accent-hover:#a5b4fc;--success:#34d399;--warning:#fbbf24;--error:#f87171;--accent-gradient:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--roleplay-gradient:linear-gradient(135deg,#f472b6 0%,#818cf8 100%)}[data-theme=light]{--bg-gradient-start:#f0f2f5;--bg-gradient-mid:#e8eaf0;--bg-gradient-end:#f5f7fa;--glass-bg:rgba(255,255,255,.7);--glass-bg-hover:rgba(255,255,255,.85);--glass-bg-active:rgba(255,255,255,.95);--glass-border:rgba(0,0,0,.08);--glass-border-hover:rgba(0,0,0,.15);--glass-shadow:0 8px 32px rgba(0,0,0,.06);--glass-blur:blur(12px);--text-primary:#1a1a2e;--text-secondary:rgba(26,26,46,.7);--text-muted:rgba(26,26,46,.45);--accent:#6366f1;--accent-glow:rgba(99,102,241,.2);--accent-hover:#4f46e5;--success:#059669;--warning:#d97706;--error:#dc2626;--accent-gradient:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--roleplay-gradient:linear-gradient(135deg,#f472b6 0%,#818cf8 100%)}[data-theme=light] body{background:#f0f2f5;background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-mid) 50%,var(--bg-gradient-end) 100%)}[data-theme=light] body:before{background:radial-gradient(circle at 20% 80%,rgba(99,102,241,.06) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(167,139,250,.04) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(16,185,129,.03) 0%,transparent 40%)}[data-theme=light] .speed-select option,[data-theme=light] .roleplay-settings select option{background:#fff;color:#1a1a2e}[data-theme=light] .vocab-content,[data-theme=light] .signup-box{background:linear-gradient(135deg,#f0f2f5,#e8eaf0)}[data-theme=light] .roleplay-content{background:linear-gradient(135deg,#f0f2f5,#e8eaf0,#f5f7fa);box-shadow:0 20px 60px #00000026}[data-theme=light] .roleplay-modal{background:#ffffffeb}[data-theme=light] .vocab-modal,[data-theme=light] .signup-modal{background:#ffffffd9}[data-theme=light] .line-speaker.male{color:#3b82f6}[data-theme=light] .line-speaker.female{color:#ec4899}[data-theme=light] .current-speaker.male{color:#3b82f6}[data-theme=light] .current-speaker.female{color:#ec4899}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#0f0c29;background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-mid) 50%,var(--bg-gradient-end) 100%);background-attachment:fixed;color:var(--text-primary);line-height:1.6;min-height:100vh}body:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 80%,rgba(129,140,248,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(167,139,250,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(52,211,153,.08) 0%,transparent 40%);pointer-events:none;z-index:0}.theme-toggle{position:fixed;top:16px;right:16px;z-index:999;width:44px;height:44px;border-radius:50%;border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--text-primary);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:var(--glass-shadow)}.theme-toggle:hover{background:var(--glass-bg-hover);border-color:var(--accent);transform:scale(1.1)}.app{max-width:900px;margin:0 auto;padding:20px;position:relative;z-index:1}.seo-title{font-size:20px;font-weight:600;margin-bottom:8px;color:var(--text-secondary);text-align:center}.dialog-header{margin-bottom:25px;text-align:center}.dialog-header h1{font-size:28px;margin-bottom:12px;font-weight:700}.dialog-header .description{color:var(--text-secondary);margin-bottom:18px;font-size:16px}.intro-paragraph{margin-top:20px;padding:20px 24px;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:12px;color:var(--text-secondary);font-size:15px;line-height:1.7;text-align:left}.badges{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:20px}.badge{padding:8px 16px;background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:10px;font-size:13px;font-weight:500}.badge.cefr-a1{background:linear-gradient(135deg,#059669,#047857);border:none}.badge.cefr-a2{background:linear-gradient(135deg,#10b981,#059669);border:none}.badge.cefr-b1{background:linear-gradient(135deg,#f59e0b,#d97706);border:none}.badge.cefr-b2{background:linear-gradient(135deg,#ef4444,#dc2626);border:none}.badge.cefr-c1{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none}.badge.cefr-c2{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none}.roleplay-btn{background:var(--roleplay-gradient);border:none;border-radius:12px;padding:14px 28px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:10px;margin-bottom:20px;transition:all .3s ease;box-shadow:0 4px 20px #f472b64d}.roleplay-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #f472b666}.audio-player{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:20px;padding:24px;margin-bottom:25px;box-shadow:var(--glass-shadow);position:sticky;top:20px;z-index:100}.audio-player-title{font-size:14px;color:var(--text-secondary);margin-bottom:16px;font-weight:500;display:flex;align-items:center;gap:8px}.audio-controls{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.play-btn{width:56px;height:56px;border-radius:50%;background:var(--accent-gradient);border:none;color:#fff;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 20px var(--accent-glow)}.play-btn:hover{transform:scale(1.1);box-shadow:0 6px 30px var(--accent-glow)}.audio-info{flex:1}.audio-info .title{font-weight:600;margin-bottom:4px}.audio-info .status{font-size:13px;color:var(--text-secondary)}.vocab-btn{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;padding:10px 18px;color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .3s ease}.vocab-btn:hover{background:var(--glass-bg-hover);border-color:var(--accent)}.text-size-controls{display:inline-flex;gap:4px;margin-left:10px}.text-size-btn{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;padding:8px 12px;color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-weight:600;min-width:36px;text-align:center}.text-size-btn:hover{background:var(--glass-bg-hover);border-color:var(--accent)}.text-size-btn.small{font-size:12px}.text-size-btn.large{font-size:18px}.playback-controls{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap;align-items:center}.control-btn{padding:8px 14px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);font-size:13px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.control-btn:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.control-btn.active{background:var(--accent-gradient);border-color:transparent;box-shadow:0 4px 15px var(--accent-glow)}.speed-select{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;padding:8px 12px;color:var(--text-primary);font-size:13px;cursor:pointer}.speed-select option{background:#1a1a3e;color:#fff}.control-label{color:var(--text-secondary);font-size:13px;margin-right:8px}.dialog-lines{margin-bottom:30px}.dialog-line{display:flex;gap:15px;padding:16px;margin-bottom:8px;background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:12px;align-items:flex-start;transition:all .2s ease}.dialog-line:hover{background:var(--glass-bg-hover)}.dialog-line.playing{border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.line-play-btn{width:36px;height:36px;border-radius:50%;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.line-play-btn:hover{background:var(--accent-gradient);border-color:transparent;transform:scale(1.1)}.line-play-btn.loading{background:linear-gradient(135deg,var(--warning) 0%,#f59e0b 100%);border-color:transparent;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.line-content{flex:1;min-width:0}.line-speaker{font-weight:600;margin-bottom:6px;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.line-speaker.male{color:#60a5fa}.line-speaker.female{color:#f472b6}.line-text{font-size:16px;line-height:1.6}.line-romanization{font-size:13px;color:var(--text-secondary);margin-top:6px;font-style:italic;display:none}.line-romanization.visible,.show-transcription .line-romanization{display:block}.dialog-lines.center-all .line-text,.dialog-lines.center-all .line-romanization{text-align:center}.vocab-modal,.signup-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:1000;align-items:center;justify-content:center;padding:20px}.vocab-modal.active,.signup-modal.active{display:flex}.vocab-content{background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-mid) 100%);border:1px solid var(--glass-border);border-radius:20px;padding:30px;max-width:600px;width:100%;max-height:80vh;overflow-y:auto}.vocab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.vocab-header h3{font-size:20px}.vocab-close{width:36px;height:36px;border-radius:50%;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);font-size:18px;cursor:pointer}.vocab-close:hover{background:var(--error);border-color:transparent}.vocab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.vocab-item{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;padding:14px;transition:all .2s ease}.vocab-item:hover{border-color:var(--accent);transform:translateY(-2px)}.vocab-term{font-weight:600;color:var(--accent);margin-bottom:4px}.vocab-romanization{font-size:12px;color:var(--text-muted);font-style:italic;margin-bottom:4px;display:none}.vocab-romanization.visible,.show-transcription .vocab-romanization{display:block}.vocab-translation{font-size:13px;color:var(--text-secondary)}.signup-box{background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-mid) 100%);border:2px solid var(--glass-border);border-radius:24px;padding:40px;max-width:450px;width:100%;text-align:center}.signup-box h3{font-size:24px;margin-bottom:12px;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.signup-box p{color:var(--text-secondary);margin-bottom:24px}.signup-box input{width:100%;padding:14px 18px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;color:var(--text-primary);font-size:16px;margin-bottom:16px}.signup-box input::-moz-placeholder{color:var(--text-muted)}.signup-box input::placeholder{color:var(--text-muted)}.signup-box input:focus{outline:none;border-color:var(--accent)}.signup-box button{width:100%;padding:14px;background:var(--accent-gradient);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.signup-box button:hover{transform:scale(1.02);box-shadow:0 8px 30px var(--accent-glow)}.signup-box .skip{margin-top:16px;color:var(--text-muted);font-size:14px;cursor:pointer}.signup-box .skip:hover{color:var(--text-secondary)}.roleplay-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;z-index:1000;justify-content:center;align-items:center}.roleplay-modal.active{display:flex}.roleplay-modal.shake{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.roleplay-tap-area{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:1}.roleplay-content{width:90%;max-width:800px;background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-mid) 50%,var(--bg-gradient-end) 100%);border:2px solid var(--glass-border);border-radius:24px;padding:40px;text-align:center;position:relative;box-shadow:0 20px 60px #00000080;z-index:2;pointer-events:none}.roleplay-content button,.roleplay-content select,.roleplay-content input[type=range]{pointer-events:auto}.roleplay-close{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:50%;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-primary);font-size:20px;cursor:pointer;z-index:10}.roleplay-close:hover{background:var(--error);border-color:transparent}.roleplay-badge{position:absolute;top:20px;left:20px;padding:8px 16px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;font-size:13px;color:var(--text-secondary)}.roleplay-progress{display:flex;align-items:center;gap:15px;margin-bottom:30px}.progress-bar{flex:1;height:6px;background:var(--glass-bg);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--accent-gradient);transition:width .3s ease}.progress-text{font-size:14px;color:var(--text-secondary);min-width:80px;text-align:right}.current-speaker{font-size:16px;font-weight:600;margin-bottom:20px;padding:10px 20px;background:var(--glass-bg);border-radius:30px;display:inline-block}.current-speaker.male{color:#60a5fa}.current-speaker.female{color:#f472b6}.current-speaker.your-turn{background:linear-gradient(135deg,#f472b633,#818cf833);border:2px solid var(--accent);color:var(--success)}.roleplay-text-container{min-height:180px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:30px}.roleplay-text{font-size:32px;line-height:1.5;font-weight:500;margin-bottom:15px}.roleplay-text.rtl{direction:rtl}.roleplay-romanization{font-size:18px;color:var(--accent);font-style:italic;margin-bottom:15px}.roleplay-translation{font-size:16px;color:var(--text-muted)}.roleplay-controls{display:flex;justify-content:center;gap:15px;margin-top:20px}.rp-btn{padding:12px 24px;border-radius:10px;font-weight:600;cursor:pointer;border:none;font-size:14px;transition:all .2s ease}.rp-btn.prev{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary)}.rp-btn.play{background:var(--accent-gradient);color:#fff;min-width:100px}.rp-btn.next{background:linear-gradient(135deg,var(--success) 0%,#059669 100%);color:#fff}.rp-btn:hover{transform:scale(1.05)}.rp-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.roleplay-settings{margin-top:30px;padding-top:20px;border-top:1px solid var(--glass-border);display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.roleplay-settings select,.roleplay-settings button{padding:8px 14px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);font-size:13px;cursor:pointer}.roleplay-settings select option{background:#1a1a3e}.roleplay-settings button.active{background:var(--accent-gradient);border-color:transparent}.rp-setup{text-align:center}.rp-setup h3{font-size:22px;margin-bottom:25px}.rp-setup-section{margin-bottom:25px;text-align:left}.rp-setup-section label{display:block;font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:10px}.rp-role-options{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.rp-role-btn{padding:12px 20px;background:var(--glass-bg);border:2px solid var(--glass-border);border-radius:10px;cursor:pointer;transition:all .2s;color:var(--text-primary)}.rp-role-btn:hover{border-color:var(--accent)}.rp-role-btn.selected{background:var(--accent-gradient);border-color:transparent;color:#fff}.rp-role-btn .name{font-weight:600}.rp-role-btn .gender{font-size:12px;opacity:.8}.rp-helper-slider{display:flex;align-items:center;gap:15px;justify-content:center}.rp-helper-slider input[type=range]{width:200px;cursor:pointer}.rp-helper-value{font-size:18px;font-weight:700;color:var(--accent);min-width:50px}.rp-display-toggle{display:flex;gap:10px;justify-content:center}.rp-toggle-btn{padding:12px 24px;border:2px solid var(--glass-border);background:transparent;border-radius:10px;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all .2s}.rp-toggle-btn:hover{border-color:var(--accent);color:var(--text-primary)}.rp-toggle-btn.active{background:var(--accent-gradient);border-color:transparent;color:#fff}.rp-start-btn{padding:16px 40px;background:var(--roleplay-gradient);border:none;border-radius:12px;color:#fff;font-size:18px;font-weight:700;cursor:pointer;margin-top:20px;transition:all .3s}.rp-start-btn:hover{transform:scale(1.05);box-shadow:0 8px 30px #f472b666}.rp-start-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.hidden-word{color:var(--accent);font-style:italic}.completion-screen{text-align:center}.completion-icon{font-size:64px;margin-bottom:20px}.completion-title{font-size:28px;font-weight:700;margin-bottom:20px;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.completion-stats{display:flex;justify-content:center;gap:30px;margin-bottom:30px}.stat-item{text-align:center}.stat-value{font-size:32px;font-weight:700;color:var(--accent)}.stat-label{font-size:13px;color:var(--text-secondary)}.completion-question{font-size:16px;font-weight:600;margin-bottom:20px}.completion-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.completion-btn{padding:14px 28px;border-radius:10px;font-weight:600;font-size:15px;cursor:pointer;border:none;transition:all .2s}.completion-btn.yes{background:var(--success);color:#fff}.completion-btn.no{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary)}.completion-btn.retry{background:var(--roleplay-gradient);color:#fff}.completion-btn.close{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary)}.audio-indicator{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:var(--glass-bg);border-radius:20px;font-size:14px;color:var(--accent);margin-bottom:20px}.audio-wave{display:flex;align-items:center;gap:3px}.audio-wave span{width:3px;height:12px;background:var(--accent);border-radius:2px;animation:wave .8s ease-in-out infinite}.audio-wave span:nth-child(2){animation-delay:.1s}.audio-wave span:nth-child(3){animation-delay:.2s}.audio-wave span:nth-child(4){animation-delay:.3s}.audio-wave span:nth-child(5){animation-delay:.4s}@keyframes wave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1.2)}}.notes-section{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:20px;padding:30px;margin-top:30px}.notes-section h3{font-size:16px;color:var(--text-muted);margin-bottom:15px;text-transform:uppercase;letter-spacing:1px}.notes-section .notes-content{color:var(--text-secondary);font-size:15px;line-height:1.7;white-space:pre-wrap}.cta-section{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:20px;padding:40px;text-align:center;margin-top:30px}.cta-section h2{font-size:24px;margin-bottom:12px;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.cta-section p{color:var(--text-secondary);margin-bottom:24px}.email-form{display:flex;gap:12px;max-width:450px;margin:0 auto}.email-form input{flex:1;padding:14px 18px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;color:var(--text-primary);font-size:16px}.email-form input::-moz-placeholder{color:var(--text-muted)}.email-form input::placeholder{color:var(--text-muted)}.email-form button{padding:14px 24px;background:var(--accent-gradient);border:none;border-radius:12px;color:#fff;font-weight:600;cursor:pointer;white-space:nowrap}.social-proof{text-align:center;margin-top:12px;font-size:13px;color:var(--text-muted)}.share-buttons{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:20px}.share-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:10px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s ease;border:1px solid var(--glass-border);cursor:pointer}.share-btn:hover{transform:translateY(-2px)}.share-btn.twitter{background:#1da1f2;color:#fff;border-color:#1da1f2}.share-btn.linkedin{background:#0077b5;color:#fff;border-color:#0077b5}.share-btn.whatsapp{background:#25d366;color:#fff;border-color:#25d366}.share-btn.facebook{background:#1877f2;color:#fff;border-color:#1877f2}.share-btn.telegram{background:#08c;color:#fff;border-color:#08c}.share-btn.copy{background:var(--glass-bg);color:var(--text-primary)}.share-btn.copy:hover{background:var(--glass-bg-hover);border-color:var(--accent)}.related-dialogs{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:20px;padding:30px;margin-top:30px}.related-dialogs h3{font-size:18px;margin-bottom:20px}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.related-card{background:var(--glass-bg-hover);border:1px solid var(--glass-border);border-radius:12px;padding:16px;text-decoration:none;color:var(--text-primary);transition:all .2s ease;display:block}.related-card:hover{background:var(--glass-bg-active);border-color:var(--accent);transform:translateY(-2px)}.related-card .meta{font-size:12px;color:var(--text-muted);margin-bottom:6px}.related-card .title{font-weight:600;font-size:14px;margin-bottom:4px}.related-card .stats{font-size:12px;color:var(--text-secondary)}footer{text-align:center;padding:30px 20px;margin-top:40px;color:var(--text-muted)}footer .logo{font-size:20px;font-weight:700;margin-bottom:8px;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}footer a{color:var(--text-muted);text-decoration:none}footer a:hover{color:var(--text-secondary)}@media(max-width:640px){.dialog-header h1{font-size:22px}.audio-player{padding:16px}.audio-controls{gap:10px}.playback-controls{gap:6px}.control-btn{padding:6px 10px;font-size:12px}.play-btn{width:48px;height:48px;font-size:18px}.email-form{flex-direction:column}.roleplay-text{font-size:24px}.roleplay-content{padding:30px 20px}.seo-title{font-size:16px}}.line-text.arabic{font-family:Noto Naskh Arabic,serif;font-size:20px;line-height:1.8}.line-text.nastaliq{font-family:Noto Nastaliq Urdu,Jameel Noori Nastaleeq,serif;font-size:24px;line-height:2.2}.line-text.hebrew{font-family:Noto Sans Hebrew,sans-serif;font-size:18px}.line-text.cyrillic{font-family:Noto Sans,Inter,sans-serif;font-size:18px}.line-text.rtl{direction:rtl;text-align:center}.vocab-term.arabic{font-family:Noto Naskh Arabic,serif}.vocab-term.nastaliq{font-family:Noto Nastaliq Urdu,serif;font-size:24px;line-height:2.2}.roleplay-text.nastaliq{font-family:Noto Nastaliq Urdu,serif;font-size:40px;line-height:2}*,:before,:after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.sticky{position:sticky}.top-0{top:0}.z-40{z-index:40}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.h-14{height:3.5rem}.h-4{height:1rem}.h-5{height:1.25rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-full{width:100%}.max-w-dialog{max-width:900px}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-6{gap:1.5rem}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-\[var\(--color-border\)\]{border-color:var(--color-border)}.bg-\[var\(--color-bg\)\]{background-color:var(--color-bg)}.bg-\[var\(--color-bg-tertiary\)\]{background-color:var(--color-bg-tertiary)}.bg-\[var\(--color-brand\)\]{background-color:var(--color-brand)}.bg-amber-100{--tw-bg-opacity:1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))}.p-2{padding:.5rem}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.italic{font-style:italic}.tracking-tight{letter-spacing:-.025em}.text-\[var\(--color-text-muted\)\]{color:var(--color-text-muted)}.text-\[var\(--color-text-secondary\)\]{color:var(--color-text-secondary)}.text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.first\:border-0:first-child{border-width:0px}.first\:pt-0:first-child{padding-top:0}.hover\:bg-\[var\(--color-bg-secondary\)\]:hover{background-color:var(--color-bg-secondary)}.hover\:text-\[var\(--color-text\)\]:hover{color:var(--color-text)}@media(min-width:640px){.sm\:flex{display:flex}.sm\:hidden{display:none}}