body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--ramadan-night:#1a1446;--ramadan-dusk:#2d1b69;--ramadan-gold:#d4af37;--ramadan-moon:#f4e4c1;--ramadan-teal:#0d7377;--ramadan-mint:#14ffec;--ramadan-cream:#fef9e7;--ramadan-sand:#f5e6d3;--primary:var(--ramadan-teal);--primary-dark:#0a5d61;--secondary:var(--ramadan-gold);--accent:var(--ramadan-mint);--success:#27ae60;--success-light:#52c27b;--warning:#f39c12;--danger:#e74c3c;--background:var(--ramadan-cream);--surface:#fff;--text:#2c3e50;--text-secondary:#5d6d7e;--border:#e8dacc;--gradient-ramadan:linear-gradient(135deg,#1a1446,#2d1b69 50%,#0d7377);--gradient-gold:linear-gradient(135deg,#d4af37,#f4e4c1);--gradient-peaceful:linear-gradient(135deg,#0d7377,#14ffec);--gradient-night:linear-gradient(180deg,#1a1446,#0d1b2a);--shadow-soft:0 2px 8px #1a144614;--shadow-medium:0 4px 16px #1a14461f;--shadow-large:0 8px 32px #1a144629;--shadow-glow:0 0 20px #d4af374d;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:400ms ease}.dark-mode{--background:var(--ramadan-night);--surface:var(--ramadan-dusk);--text:var(--ramadan-moon);--text-secondary:#b8a891;--border:#3d2b6d}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fef9e7;background:var(--background);color:#2c3e50;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;position:relative}body:before{background-image:radial-gradient(circle at 20% 30%,#d4af3708 0,#0000 50%),radial-gradient(circle at 80% 70%,#0d737708 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.App{display:flex;flex-direction:column;min-height:100vh;z-index:1}.App,header{position:relative}header{background:linear-gradient(135deg,#1a1446,#2d1b69 50%,#0d7377);background:var(--gradient-ramadan);box-shadow:0 8px 32px #1a144629;box-shadow:var(--shadow-large);color:#fff;overflow:hidden;padding:32px 24px;padding:var(--spacing-xl) var(--spacing-lg)}header:before{animation:twinkle 8s ease-in-out infinite;background-image:radial-gradient(2px 2px at 20% 30%,#fff,#0000),radial-gradient(2px 2px at 60% 70%,#fff,#0000),radial-gradient(1px 1px at 50% 50%,#fff,#0000),radial-gradient(1px 1px at 80% 10%,#fff,#0000),radial-gradient(2px 2px at 90% 60%,#fff,#0000),radial-gradient(1px 1px at 33% 80%,#fff,#0000);background-size:200% 200%;bottom:0;content:"";left:0;opacity:.6;position:absolute;right:0;top:0}@keyframes twinkle{0%,to{opacity:.4}50%{opacity:.8}}header:after{animation:moonGlow 4s ease-in-out infinite;color:#d4af37;color:var(--ramadan-gold);content:"☾";font-size:60px;opacity:.3;position:absolute;right:40px;top:20px}@keyframes moonGlow{0%,to{opacity:.3;text-shadow:0 0 10px #d4af374d}50%{opacity:.5;text-shadow:0 0 30px #d4af3799}}header h1{font-size:32px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;margin-bottom:var(--spacing-sm);position:relative;text-shadow:0 2px 4px #0003;z-index:1}header h1:before{content:"✨ "}header h1:after{content:" ✨"}header p{font-size:16px;margin-bottom:24px;margin-bottom:var(--spacing-lg);opacity:.9}.header-controls,header p{position:relative;z-index:1}.header-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px;gap:var(--spacing-md);margin-top:24px;margin-top:var(--spacing-lg)}.mode-toggle{display:flex;flex-wrap:wrap;gap:8px;gap:var(--spacing-sm)}.mode-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff4d;border-radius:9999px;border-radius:var(--radius-full);color:#fff;cursor:pointer;font-size:14px;font-weight:600;overflow:hidden;padding:10px 20px;position:relative;transition:all .25s ease;transition:all var(--transition-base)}.mode-btn:before{background:#d4af37;background:var(--ramadan-gold);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease;width:0}.mode-btn:hover{box-shadow:0 4px 12px #d4af374d;transform:translateY(-2px)}.mode-btn.active,.mode-btn:hover{border-color:#d4af37;border-color:var(--ramadan-gold)}.mode-btn.active{background:linear-gradient(135deg,#d4af37,#f4e4c1);background:var(--gradient-gold);box-shadow:0 0 20px #d4af374d;box-shadow:var(--shadow-glow);color:#1a1446;color:var(--ramadan-night)}.daily-word-trigger,.dark-mode-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff4d;border-radius:9999px;border-radius:var(--radius-full);color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .25s ease;transition:all var(--transition-base)}.daily-word-trigger:hover,.dark-mode-toggle:hover{background:#ffffff40;box-shadow:0 4px 12px #fff3;transform:translateY(-2px)}.stats{grid-gap:24px;grid-gap:var(--spacing-lg);display:grid;gap:24px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:32px 0;margin:var(--spacing-xl) 0}.stat-card{background:#fff;background:var(--surface);border:2px solid #d4af37;border:2px solid var(--ramadan-gold);border-radius:24px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #1a14461f;box-shadow:var(--shadow-medium);overflow:hidden;padding:32px;padding:var(--spacing-xl);position:relative;text-align:center;transition:all .25s ease;transition:all var(--transition-base)}.stat-card:before{color:#d4af37;color:var(--ramadan-gold);content:"✦";font-size:24px;opacity:.2;position:absolute;right:10px;top:10px}.stat-card:hover{border-color:#0d7377;border-color:var(--ramadan-teal);box-shadow:0 8px 32px #1a144629,0 0 20px #d4af374d;box-shadow:var(--shadow-large),var(--shadow-glow);transform:translateY(-5px)}.stat-card h3{color:#0d7377;color:var(--ramadan-teal);font-size:48px;font-weight:700;margin-bottom:8px;margin-bottom:var(--spacing-sm);text-shadow:0 2px 4px #0d73771a}.stat-card p{color:#5d6d7e;color:var(--text-secondary);font-size:14px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.container{flex:1 1;padding:32px 24px;padding:var(--spacing-xl) var(--spacing-lg);width:100%}.search-section{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.search-input{background:#fff;background:var(--surface);border:2px solid #e8dacc;border:2px solid var(--border);border-radius:24px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #1a144614;box-shadow:var(--shadow-soft);color:#2c3e50;color:var(--text);font-size:16px;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);transition:all .25s ease;transition:all var(--transition-base);width:100%}.search-input:focus{border-color:#0d7377;border-color:var(--ramadan-teal);box-shadow:0 0 0 4px #0d73771a,0 4px 16px #1a14461f;box-shadow:0 0 0 4px #0d73771a,var(--shadow-medium);outline:none;transform:translateY(-2px)}.search-input::placeholder{color:#5d6d7e;color:var(--text-secondary)}.filters-section{margin-bottom:32px;margin-bottom:var(--spacing-xl)}.filters-section h3{color:#2c3e50;color:var(--text);font-size:18px;font-weight:600;margin-bottom:16px;margin-bottom:var(--spacing-md)}.category-filters{display:flex;flex-wrap:wrap;gap:8px;gap:var(--spacing-sm)}.filter-btn{background:#fff;background:var(--surface);border:2px solid #e8dacc;border:2px solid var(--border);border-radius:9999px;border-radius:var(--radius-full);color:#2c3e50;color:var(--text);cursor:pointer;font-size:14px;font-weight:600;overflow:hidden;padding:8px 20px;position:relative;transition:all .25s ease;transition:all var(--transition-base)}.filter-btn:before{background:linear-gradient(135deg,#d4af37,#f4e4c1);background:var(--gradient-gold);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%;z-index:0}.filter-btn:hover{box-shadow:0 4px 16px #1a14461f;box-shadow:var(--shadow-medium);transform:translateY(-2px)}.filter-btn.active,.filter-btn:hover{border-color:#d4af37;border-color:var(--ramadan-gold)}.filter-btn.active{background:linear-gradient(135deg,#d4af37,#f4e4c1);background:var(--gradient-gold);box-shadow:0 0 20px #d4af374d;box-shadow:var(--shadow-glow);color:#1a1446;color:var(--ramadan-night)}.filter-btn.active:before{left:0}.words-section h2{color:#2c3e50;color:var(--text);font-size:24px;font-weight:700;margin-bottom:24px;margin-bottom:var(--spacing-lg)}.words-grid{grid-gap:24px;grid-gap:var(--spacing-lg);animation:fadeInUp .6s ease;display:grid;gap:24px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.word-card{background:#fff;background:var(--surface);border:2px solid #e8dacc;border:2px solid var(--border);border-radius:24px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #1a144614;box-shadow:var(--shadow-soft);cursor:pointer;padding:24px;padding:var(--spacing-lg);transition:all .4s ease;transition:all var(--transition-slow)}.word-card:before{color:#d4af37;color:var(--ramadan-gold);content:"✦";font-size:16px;right:8px;top:8px;transition:opacity .25s ease;transition:opacity var(--transition-base)}.word-card:hover:before{opacity:.4}.word-card:after{background:linear-gradient(135deg,#0d7377,#14ffec);background:var(--gradient-peaceful);bottom:0;height:3px;left:0;right:0;transform:scaleX(0);transition:transform .25s ease;transition:transform var(--transition-base)}.word-card:hover{border-color:#0d7377;border-color:var(--ramadan-teal);box-shadow:0 8px 32px #1a144629;box-shadow:var(--shadow-large);transform:translateY(-8px)}.word-card:hover:after{transform:scaleX(1)}.word-card h3{color:#0d7377;color:var(--ramadan-teal);font-family:Amiri,Traditional Arabic,serif;font-size:36px;font-weight:700;line-height:1.8;margin-bottom:16px;margin-bottom:var(--spacing-md);text-align:center;text-shadow:0 1px 2px #0d73771a}.word-card .transliteration{color:#5d6d7e;color:var(--text-secondary);font-size:14px;font-style:italic;margin-bottom:4px;margin-bottom:var(--spacing-xs);text-align:center}.word-card .meaning{color:#2c3e50;color:var(--text);font-size:18px;font-weight:600;margin-bottom:16px;margin-bottom:var(--spacing-md);text-align:center}.word-card .details{display:flex;flex-wrap:wrap;gap:8px;gap:var(--spacing-sm);justify-content:center;margin-top:16px;margin-top:var(--spacing-md)}.word-card .badge{align-items:center;background:#f5e6d3;background:var(--ramadan-sand);border-radius:9999px;border-radius:var(--radius-full);color:#5d6d7e;color:var(--text-secondary);display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:4px 12px}.word-card .root-badge{background:linear-gradient(135deg,#d4af37,#f4e4c1);background:var(--gradient-gold);color:#1a1446;color:var(--ramadan-night);cursor:pointer;transition:all .25s ease;transition:all var(--transition-base)}.word-card .root-badge:hover{box-shadow:0 0 20px #d4af374d;box-shadow:var(--shadow-glow);transform:scale(1.05)}.word-card .category-badge{background:linear-gradient(135deg,#0d7377,#14ffec);background:var(--gradient-peaceful);color:#fff}.no-results{background:#fff;background:var(--surface);border-radius:var(--radius-lg);box-shadow:0 2px 8px #1a144614;box-shadow:var(--shadow-soft);padding:48px;padding:var(--spacing-2xl)}.no-results h3{color:var(--text);font-size:24px;margin-bottom:16px;margin-bottom:var(--spacing-md)}.no-results p{color:#5d6d7e;color:var(--text-secondary);margin-bottom:24px;margin-bottom:var(--spacing-lg)}.reset-btn{background:var(--gradient-peaceful);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 4px 16px #1a14461f;box-shadow:var(--shadow-medium);padding:12px 32px;transition:all .25s ease;transition:all var(--transition-base)}.reset-btn:hover{box-shadow:0 8px 32px #1a144629;box-shadow:var(--shadow-large)}.flashcard-stats{display:flex;gap:16px;gap:var(--spacing-md);justify-content:center;margin-bottom:24px;margin-bottom:var(--spacing-lg)}.stat-card-small{align-items:center;background:#fff;background:var(--surface);border:2px solid #d4af37;border:2px solid var(--ramadan-gold);border-radius:16px;border-radius:var(--radius-md);box-shadow:0 2px 8px #1a144614;box-shadow:var(--shadow-soft);display:flex;gap:8px;gap:var(--spacing-sm);padding:16px;padding:var(--spacing-md)}.stat-label{color:#5d6d7e;color:var(--text-secondary)}.stat-value{color:#0d7377;color:var(--ramadan-teal)}button{font-family:inherit;transition:all .25s ease;transition:all var(--transition-base)}button:active{transform:scale(.98)}.dark .word-card{background:#fff;background:var(--surface);border-color:#e8dacc;border-color:var(--border);box-shadow:0 4px 16px #0000004d}.dark .word-card:hover{box-shadow:0 8px 32px #14ffec33}.dark .stat-card,.dark .word-card:hover{border-color:#14ffec;border-color:var(--ramadan-mint)}.dark .stat-card{background:#fff;background:var(--surface)}.dark header:after{color:#f4e4c1;color:var(--ramadan-moon)}@media (max-width:768px){header h1{font-size:24px}header:after{font-size:40px;right:20px;top:10px}.stats,.words-grid{grid-template-columns:1fr}.mode-toggle{width:100%}.mode-btn{flex:1 1;min-width:100px}.stat-card h3{font-size:36px}.word-card h3{font-size:28px}}@keyframes peacefulFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.container>*{animation:peacefulFadeIn .6s ease}.blessing-text{color:#d4af37;color:var(--ramadan-gold);font-weight:600;text-shadow:0 0 10px #d4af3780}:focus-visible{outline:3px solid var(--ramadan-mint)}@media print{.filters-section,.header-controls,.search-section,button,header{display:none}.word-card{border:1px solid #ccc;box-shadow:none;break-inside:avoid;page-break-inside:avoid}body:before{display:none}}.app-header-clean{background:linear-gradient(135deg,#1a1446,#0d7377);box-shadow:0 2px 8px #0000001a;color:#fff;padding:16px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content-clean{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.app-title-clean{font-size:24px;font-weight:700;letter-spacing:-.5px;margin:0}.menu-toggle{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:none;font-size:20px;height:40px;transition:all .3s;width:40px}.menu-toggle:hover{background:#ffffff4d}.mode-tabs{background:#f8f9fa;border-bottom:3px solid #e9ecef;box-shadow:0 2px 4px #0000000d;display:flex;position:-webkit-sticky;position:sticky;top:57px;z-index:99}.tab{align-items:center;background:#0000;border:none;color:#6c757d;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:inherit;gap:4px;padding:16px 12px;position:relative;transition:all .3s}.tab-icon{font-size:24px;transition:transform .3s}.tab-label{font-weight:600;letter-spacing:.5px;text-transform:uppercase}.tab:hover{background:#0d73770d;color:#0d7377}.tab:hover .tab-icon{transform:scale(1.1)}.tab.active{background:#fff;color:#0d7377}.tab.active:after{background:linear-gradient(90deg,#0d7377,#14ffec);bottom:-3px;content:"";height:3px;left:0;position:absolute;right:0}.stats-bar{align-items:center;background:#fff;border-bottom:1px solid #e9ecef;box-shadow:0 2px 8px #0000000d;display:flex;gap:16px;justify-content:space-around;padding:12px 20px;position:-webkit-sticky;position:sticky;top:121px;z-index:98}.dark .stats-bar{background:#2d1b69;background:var(--ramadan-dusk);border-bottom-color:#e8dacc;border-bottom-color:var(--border)}.stat-compact{align-items:center;display:flex;flex-direction:column;gap:2px;min-width:70px}.stat-compact.streak{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-radius:12px;box-shadow:0 2px 8px #ff6b6b4d;color:#fff;padding:8px 16px}.stat-number{font-size:20px;line-height:1}.stat-compact.streak .stat-number{color:#fff}.stat-label{font-size:11px}.stat-compact.streak .stat-label{color:#ffffffe6}.floating-actions{bottom:24px;display:flex;flex-direction:column;gap:12px;position:fixed;right:24px;z-index:1000}.fab{align-items:center;border:none;border-radius:50%;box-shadow:0 4px 12px #0003;cursor:pointer;display:flex;font-size:24px;height:56px;justify-content:center;transition:all .3s;width:56px}.fab-primary{background:linear-gradient(135deg,#0d7377,#14ffec);color:#fff}.fab-secondary{background:linear-gradient(135deg,#d4af37,#f4e4c1);color:#1a1446}.fab:hover{box-shadow:0 6px 20px #0000004d;transform:scale(1.1)}.fab:active{transform:scale(.95)}.mobile-menu-overlay{animation:fadeIn .3s;background:#00000080;display:none;left:0;z-index:999}.mobile-menu,.mobile-menu-overlay{bottom:0;position:fixed;right:0;top:0}.mobile-menu{animation:slideInRight .3s;background:#fff;box-shadow:-4px 0 12px #0003;display:flex;flex-direction:column;gap:12px;padding:24px;width:280px}.dark .mobile-menu{background:#2d1b69;background:var(--ramadan-dusk)}.mobile-menu h3{color:#1a1446;font-size:20px;margin:0 0 16px}.dark .mobile-menu h3{color:#f4e4c1;color:var(--ramadan-moon)}.mobile-menu button{background:#fff;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;font-size:16px;padding:16px;text-align:left;transition:all .3s}.dark .mobile-menu button{background:#1a1446;background:var(--ramadan-night);border-color:#e8dacc;border-color:var(--border);color:#f4e4c1;color:var(--ramadan-moon)}.mobile-menu button:hover{background:#0d73770d;border-color:#0d7377;transform:translateX(4px)}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.container{margin:0 auto;max-width:1200px;padding:24px}@media (max-width:768px){.app-title-clean{font-size:18px}.menu-toggle{align-items:center;display:flex;justify-content:center}.mode-tabs{top:56px}.tab{padding:12px 8px}.tab-icon{font-size:20px}.tab-label{font-size:11px}.stats-bar{gap:8px;padding:10px 12px;top:112px}.stat-compact{flex:1 1;min-width:auto}.stat-number{font-size:16px}.stat-label{font-size:9px}.floating-actions{bottom:16px;right:16px}.fab{font-size:20px;height:48px;width:48px}.mobile-menu-overlay{display:block}.container{padding:16px}}@media (max-width:1024px) and (min-width:769px){.tab-label{font-size:12px}.stat-number{font-size:18px}}@media print{.app-header-clean,.floating-actions,.mobile-menu-overlay,.mode-tabs,.stats-bar{display:none}}.word-card{overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.word-card:before{background:linear-gradient(135deg,#0d73770d,#14ffec0d);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .4s}.word-card:hover:before{opacity:1}.word-card:hover{box-shadow:0 20px 40px #0d737733,0 0 0 1px #0d73771a;transform:translateY(-12px) scale(1.02)}.word-card.known{background:linear-gradient(135deg,#27ae600d,#2ecc710d);border-color:#27ae60}.word-card.known:after{align-items:center;background:linear-gradient(135deg,#27ae60,#2ecc71);border-radius:50%;box-shadow:0 2px 8px #27ae604d;color:#fff;content:"✓";display:flex;font-size:18px;font-weight:700;height:32px;justify-content:center;position:absolute;right:12px;top:12px;width:32px}.word-card:after{background:linear-gradient(45deg,#0000,#ffffff1a,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:translateX(-100%);transition:transform .6s;width:200%}.word-card:hover:after{transform:translateX(100%)}.word-card[data-category="Divine Names"]{border-left:4px solid #d4af37}.word-card[data-category="Divine Names"]:hover{box-shadow:0 20px 40px #d4af374d}.word-card[data-category=Worship]{border-left:4px solid #0d7377}.word-card[data-category=Worship]:hover{box-shadow:0 20px 40px #0d73774d}.word-card[data-category=Faith]{border-left:4px solid #8e44ad}.word-card[data-category=Faith]:hover{box-shadow:0 20px 40px #8e44ad4d}.word-card[data-category="Moral Qualities"]{border-left:4px solid #27ae60}.word-card[data-category="Moral Qualities"]:hover{box-shadow:0 20px 40px #27ae604d}.word-card[data-category=Prophets]{border-left:4px solid #e67e22}.word-card[data-category=Prophets]:hover{box-shadow:0 20px 40px #e67e224d}.word-card[data-category="Common Verbs"]{border-left:4px solid #3498db}.word-card[data-category="Common Verbs"]:hover{box-shadow:0 20px 40px #3498db4d}.word-card[data-category="Time & Place"]{border-left:4px solid #e74c3c}.word-card[data-category="Time & Place"]:hover{box-shadow:0 20px 40px #e74c3c4d}.category-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.category-badge[data-category="Divine Names"]{background:linear-gradient(135deg,#d4af37,#f4e4c1);color:#1a1446}.category-badge[data-category=Worship]{background:linear-gradient(135deg,#0d7377,#14ffec);color:#fff}.category-badge[data-category=Faith]{background:linear-gradient(135deg,#8e44ad,#9b59b6);color:#fff}.category-badge[data-category="Moral Qualities"]{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff}.category-badge[data-category=Prophets]{background:linear-gradient(135deg,#e67e22,#f39c12);color:#fff}.category-badge[data-category="Common Verbs"]{background:linear-gradient(135deg,#3498db,#5dade2);color:#fff}.category-badge[data-category="Time & Place"]{background:linear-gradient(135deg,#e74c3c,#ec7063);color:#fff}.container>*{animation:smoothFadeIn .5s ease-out}@keyframes smoothFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.words-grid .word-card{animation:cardSlideIn .5s ease-out backwards}.words-grid .word-card:first-child{animation-delay:.05s}.words-grid .word-card:nth-child(2){animation-delay:.1s}.words-grid .word-card:nth-child(3){animation-delay:.15s}.words-grid .word-card:nth-child(4){animation-delay:.2s}.words-grid .word-card:nth-child(5){animation-delay:.25s}.words-grid .word-card:nth-child(6){animation-delay:.3s}.words-grid .word-card:nth-child(7){animation-delay:.35s}.words-grid .word-card:nth-child(8){animation-delay:.4s}.words-grid .word-card:nth-child(9){animation-delay:.45s}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.container{animation:modeSwitch .4s ease-out}@keyframes modeSwitch{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.filter-btn,.tab,button{transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-btn:active,.tab:active,button:active{transform:scale(.96)}.word-card-skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:16px;height:200px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.loading-spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#0d7377;display:inline-block;height:50px;width:50px}.loading-dots{align-items:center;display:flex;gap:8px;justify-content:center;padding:40px}.loading-dots span{animation:bounce 1.4s ease-in-out infinite;background:#0d7377;border-radius:50%;height:12px;width:12px}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.progress-bar-animated{overflow:hidden;position:relative}.progress-bar-animated:after{animation:progressShimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes progressShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.no-results{animation:emptyStateFadeIn .5s ease-out;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:24px;box-shadow:0 4px 20px #0000000d;padding:80px 40px;text-align:center}@keyframes emptyStateFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.no-results:before{animation:floatIcon 3s ease-in-out infinite;content:"📚";display:block;font-size:80px;margin-bottom:24px}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.no-results h3{color:#2c3e50;font-size:28px;font-weight:700;margin-bottom:12px}.no-results p{color:#6c757d;font-size:16px;line-height:1.6;margin-bottom:32px}.reset-btn{background:linear-gradient(135deg,#0d7377,#14ffec);border:none;border-radius:12px;box-shadow:0 4px 20px #0d73774d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;overflow:hidden;padding:16px 40px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.reset-btn:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.reset-btn:hover:before{height:300px;width:300px}.reset-btn:hover{box-shadow:0 8px 30px #0d737766;transform:translateY(-2px)}.reset-btn:active{transform:translateY(0)}.no-results.no-search-results:before{content:"🔍"}.no-results.no-known-words:before{content:"🎯"}.no-results.no-category-words:before{content:"📂"}.word-card.just-learned{animation:successPulse .5s ease-out}@keyframes confetti{0%{opacity:1;transform:translateY(0) rotate(0deg)}to{opacity:0;transform:translateY(-100vh) rotate(2turn)}}.ripple{overflow:hidden;position:relative}.ripple:after{background:#ffffff80;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.ripple:active:after{height:200px;width:200px}[data-tooltip]{position:relative}[data-tooltip]:before{background:#1a1446;border-radius:6px;bottom:100%;color:#fff;content:attr(data-tooltip);font-size:12px;left:50%;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(-8px);transition:all .3s;white-space:nowrap}[data-tooltip]:hover:before{opacity:1;transform:translateX(-50%) translateY(-4px)}:focus-visible{border-radius:4px;outline:3px solid #14ffec;outline-offset:2px}html{scroll-behavior:smooth}.fab-learning{background:linear-gradient(135deg,#667eea,#764ba2)}.fab-learning:hover{box-shadow:0 4px 20px #667eea66}.fab-clusters{background:linear-gradient(135deg,#f093fb,#f5576c)}.fab-clusters:hover{box-shadow:0 4px 20px #f093fb66}.header-auth{display:flex}.auth-trigger-btn{background:#0000;border:2px solid #0d7377;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:all .3s}.auth-trigger-btn:hover{background:#ffffff1a;transform:translateY(-2px)}.auth-trigger-btn.primary{background:linear-gradient(135deg,#0d7377,#14ffec);border-color:#0000}.auth-trigger-btn.primary:hover{box-shadow:0 4px 15px #0d737766}.user-email{background:#ffffff26;border:2px solid #ffffff4d;border-radius:8px;color:#fff;font-size:14px;font-weight:600;padding:8px 16px}@media (max-width:768px){.header-auth{display:flex}}.header-auth{align-items:center;display:flex!important;gap:12px}@media (max-width:768px){.header-auth{display:flex!important}.auth-trigger-btn{font-size:12px;padding:6px 12px}}.header-auth{pointer-events:auto!important;z-index:100!important}.auth-trigger-btn,.header-auth{position:relative}.app-header-clean,.header-content-clean{position:relative;z-index:100!important}body{background:linear-gradient(160deg,#0b0918,#1a1446 35%,#0d2a2e 70%,#0b1220)!important;background-attachment:fixed!important;min-height:100vh}body:before{background-image:radial-gradient(ellipse 700px 500px at 15% 0,#d4af3712 0,#0000 65%),radial-gradient(ellipse 600px 600px at 85% 100%,#0d737714 0,#0000 65%),radial-gradient(ellipse 400px 400px at 50% 50%,#2d1b690d 0,#0000 65%)!important}.app-header-clean{backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;background:linear-gradient(135deg,#0b0918fa,#1a1446f5 50%,#0d2a2ef5)!important;border-bottom:1px solid #d4af3726!important;box-shadow:0 1px 0 #d4af3714,0 4px 32px #00000080!important;padding:12px 28px!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:200!important}.app-header-clean:before{background:linear-gradient(90deg,#0000,#d4af37 30%,#14ffec 70%,#0000);content:"";height:1px;left:0;pointer-events:none;position:absolute;right:0;top:0}.header-content-clean{align-items:center!important;display:flex!important;justify-content:space-between!important;margin:0 auto!important;max-width:1200px!important}.app-title-clean{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#f4e4c1,#d4af37 55%,#14ffec)!important;-webkit-background-clip:text!important;background-clip:text!important;font-size:22px!important;font-weight:800!important;letter-spacing:-.4px!important;margin:0!important;text-shadow:none!important}.auth-trigger-btn{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#ffffff12!important;border:1px solid #ffffff2e!important;border-radius:10px!important;color:#f4e4c1e6!important;cursor:pointer!important;font-size:13px!important;font-weight:700!important;letter-spacing:.2px!important;padding:8px 18px!important;pointer-events:auto!important;position:relative!important;transition:all .25s cubic-bezier(.34,1.56,.64,1)!important;z-index:101!important}.auth-trigger-btn:hover{background:#ffffff21!important;border-color:#ffffff4d!important;box-shadow:0 4px 16px #0000004d!important;color:#fff!important;transform:translateY(-2px)!important}.auth-trigger-btn.primary{background:linear-gradient(135deg,#b8860b,#d4af37 50%,#f0c040)!important;border-color:#0000!important;box-shadow:0 2px 12px #d4af3759!important;color:#1a1446!important}.auth-trigger-btn.primary:hover{box-shadow:0 6px 24px #d4af378c!important;transform:translateY(-2px) scale(1.02)!important}.user-email{background:#ffffff0f!important;border:1px solid #ffffff1f!important;border-radius:8px!important;color:#f4e4c1d9!important;font-size:13px!important;font-weight:600!important;padding:7px 14px!important}.menu-toggle{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#ffffff12!important;border:1px solid #ffffff26!important;border-radius:10px!important;color:#f4e4c1e6!important;cursor:pointer!important;font-size:18px!important;height:38px!important;transition:all .25s cubic-bezier(.34,1.56,.64,1)!important;width:38px!important}.menu-toggle:hover{background:#ffffff1f!important;transform:scale(1.08)!important}.mode-tabs{backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;background:#00000073!important;border-bottom:1px solid #ffffff12!important;box-shadow:0 4px 20px #0000004d!important;position:-webkit-sticky!important;position:sticky!important;top:57px!important;z-index:199!important}.tab{background:#0000!important;border:none!important;color:#f4e4c173!important;padding:14px 12px!important;position:relative!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.tab-icon{filter:grayscale(.5) opacity(.7)!important;font-size:22px!important;transition:transform .3s cubic-bezier(.34,1.56,.64,1)!important}.tab-label{font-size:11px!important;font-weight:700!important;letter-spacing:.8px!important;text-transform:uppercase!important}.tab:hover{background:#ffffff0a!important;color:#f4e4c1d9!important}.tab:hover .tab-icon{filter:grayscale(0) opacity(1)!important;transform:scale(1.15) translateY(-2px)!important}.tab.active{background:#ffffff0d!important;color:#fff!important}.tab.active .tab-icon{filter:grayscale(0) opacity(1)!important;transform:translateY(-1px)!important}.tab.active:after{background:linear-gradient(90deg,#d4af37,#14ffec)!important;border-radius:999px 999px 0 0!important;bottom:0!important;box-shadow:0 0 12px #14ffec80!important;content:""!important;height:2.5px!important;left:8%!important;position:absolute!important;right:8%!important}.stats-bar{backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;background:#00000059!important;border-bottom:1px solid #ffffff0f!important;box-shadow:none!important;padding:10px 24px!important;position:-webkit-sticky!important;position:sticky!important;top:121px!important;z-index:198!important}.stat-compact{gap:1px!important}.stat-number{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#d4af37,#f0c040 60%,#14ffec)!important;-webkit-background-clip:text!important;background-clip:text!important;font-size:19px!important;font-weight:800!important;line-height:1!important}.stat-compact.streak{background:linear-gradient(135deg,#ff6b6b40,#ee5a6f33)!important;border:1px solid #ff6b6b4d!important;border-radius:10px!important;box-shadow:0 0 16px #ff6b6b26!important;padding:6px 14px!important}.stat-compact.streak .stat-number{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#ff6b6b,#ee5a6f)!important;-webkit-background-clip:text!important;background-clip:text!important}.stat-label{color:#f4e4c166!important;font-size:10px!important;font-weight:600!important;letter-spacing:.8px!important}.stat-compact.streak .stat-label{color:#ff9696b3!important}.container{margin:0 auto!important;max-width:1200px!important;padding:28px 24px!important}.search-section{margin-bottom:20px!important;position:relative!important}.search-input{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#ffffff0f!important;border:1px solid #ffffff1f!important;border-radius:14px!important;box-shadow:inset 0 1px 0 #ffffff0d!important;color:#f4e4c1e6!important;font-size:15px!important;padding:14px 20px!important;transition:all .3s ease!important;width:100%!important}.search-input::placeholder{color:#f4e4c14d!important}.search-input:focus{background:#ffffff17!important;border-color:#14ffec73!important;box-shadow:0 0 0 3px #14ffec1a,inset 0 1px 0 #ffffff14!important;outline:none!important;transform:none!important}.filters-section h3{color:#f4e4c180!important;font-size:11px!important;font-weight:700!important;letter-spacing:1.2px!important;margin-bottom:12px!important;text-transform:uppercase!important}.filter-btn{-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important;background:#ffffff0f!important;border:1px solid #ffffff1a!important;border-radius:999px!important;color:#f4e4c1a6!important;font-size:13px!important;font-weight:600!important;padding:7px 18px!important;transition:all .25s cubic-bezier(.34,1.56,.64,1)!important}.filter-btn:before{display:none!important}.filter-btn:hover{background:#ffffff1a!important;border-color:#d4af3759!important;box-shadow:0 4px 12px #0000004d!important;color:#f4e4c1e6!important;transform:translateY(-2px)!important}.filter-btn.active{background:linear-gradient(135deg,#b8860b,#d4af37 55%,#f0c040)!important;border-color:#0000!important;box-shadow:0 0 16px #d4af3766,0 2px 8px #0000004d!important;color:#1a1446!important;transform:translateY(-1px)!important}.words-section h2{color:#f4e4c199!important;font-size:13px!important;font-weight:700!important;letter-spacing:.8px!important;margin-bottom:20px!important;text-transform:uppercase!important}.word-card{backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;background:#ffffff0d!important;border:1px solid #ffffff1a!important;border-radius:20px!important;box-shadow:0 4px 24px #00000059,inset 0 1px 0 #ffffff14!important;overflow:hidden!important;padding:24px 20px!important;position:relative!important;transition:all .35s cubic-bezier(.4,0,.2,1)!important}.word-card:before{background:linear-gradient(135deg,#d4af3700,#d4af370f 50%,#14ffec0a)!important;border-radius:inherit!important;bottom:0!important;content:""!important;left:0!important;opacity:0!important;pointer-events:none!important;position:absolute!important;right:0!important;top:0!important;transition:opacity .35s!important}.word-card:hover:before{opacity:1!important}.word-card:after{background:linear-gradient(90deg,#0000,#14ffec,#0000)!important;border-radius:999px!important;bottom:0!important;content:""!important;height:1.5px!important;left:10%!important;position:absolute!important;right:10%!important;transform:scaleX(0)!important;transition:transform .35s ease!important}.word-card:hover{background:#ffffff14!important;border-color:#d4af3740!important;box-shadow:0 20px 50px #00000080,0 0 0 1px #d4af371a,inset 0 1px 0 #ffffff1f!important;transform:translateY(-10px)!important}.word-card:hover:after{transform:scaleX(1)!important}.word-card[data-category="Divine Names"]:hover{box-shadow:0 20px 50px #00000080,0 0 30px #d4af3726!important}.word-card[data-category=Worship]:hover{box-shadow:0 20px 50px #00000080,0 0 30px #0d737733!important}.word-card[data-category=Faith]:hover{box-shadow:0 20px 50px #00000080,0 0 30px #8e44ad33!important}.word-card h3{color:#f4e4c1f2!important;font-size:34px!important;text-shadow:0 0 20px #d4af3733!important}.word-card .transliteration{color:#f4e4c173!important;font-size:13px!important}.word-card .meaning{color:#ffffffeb!important;font-size:17px!important}.word-card .badge{background:#ffffff12!important;border:1px solid #ffffff1a!important;border-radius:999px!important;color:#f4e4c1a6!important}.word-card .root-badge{background:linear-gradient(135deg,#d4af3740,#f0c04033)!important;border:1px solid #d4af3759!important;color:#d4af37!important}.word-card .root-badge:hover{background:linear-gradient(135deg,#d4af3766,#f0c04059)!important;box-shadow:0 0 12px #d4af374d!important;transform:scale(1.05)!important}.word-card .category-badge{background:linear-gradient(135deg,#0d73774d,#14ffec33)!important;border:1px solid #14ffec40!important;color:#14ffece6!important}.word-card.known{background:#27ae600f!important;border-color:#27ae6040!important}.root-explorer-banner{align-items:center!important;animation:smoothFadeIn .4s ease-out!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#0d737726!important;border:1px solid #14ffec33!important;border-radius:14px!important;display:flex!important;justify-content:space-between!important;margin-bottom:20px!important;padding:16px 20px!important}.root-explorer-banner h3{color:#14ffec!important;font-size:16px!important;margin:0!important}.root-explorer-banner p{color:#f4e4c199!important;font-size:13px!important;margin:2px 0 0!important}.close-root-btn{background:#ffffff14!important;border:1px solid #ffffff26!important;border-radius:8px!important;color:#f4e4c1b3!important;cursor:pointer!important;font-size:13px!important;padding:6px 14px!important;transition:all .25s ease!important}.close-root-btn:hover{background:#ffffff24!important;color:#fff!important}.no-results{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffff0a!important;border:1px solid #ffffff14!important;border-radius:24px!important;padding:64px 40px!important}.no-results h3{color:#f4e4c1d9!important}.no-results p{color:#f4e4c173!important}.fab{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid #ffffff1f!important;box-shadow:0 4px 20px #00000080,inset 0 1px 0 #ffffff1a!important;transition:all .3s cubic-bezier(.34,1.56,.64,1)!important}.fab-primary{background:linear-gradient(135deg,#0d7377,#14ffec)!important}.fab-secondary{background:linear-gradient(135deg,#b8860b,#d4af37)!important;color:#1a1446!important}.fab-learning{background:linear-gradient(135deg,#5a4fcf,#9b59b6)!important}.fab-clusters{background:linear-gradient(135deg,#c0392b,#e74c3c)!important}.fab:hover{box-shadow:0 8px 32px #0009,inset 0 1px 0 #ffffff26!important;transform:scale(1.12) translateY(-2px)!important}.mobile-menu{background:linear-gradient(160deg,#1a1446,#0d2a2e)!important;border-left:1px solid #d4af3726!important;box-shadow:-8px 0 40px #0009!important;padding:28px 20px!important;width:300px!important}.mobile-menu h3{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#f4e4c1,#d4af37)!important;-webkit-background-clip:text!important;background-clip:text!important;font-size:20px!important;font-weight:800!important;margin-bottom:20px!important}.mobile-menu button{background:#ffffff0d!important;border:1px solid #ffffff1a!important;border-radius:12px!important;color:#f4e4c1cc!important;font-size:15px!important;padding:14px 16px!important;text-align:left!important;transition:all .25s ease!important}.mobile-menu button:hover{background:#ffffff1a!important;border-color:#d4af374d!important;color:#f4e4c1f2!important;transform:translateX(4px)!important}.mobile-menu-overlay{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;background:#000000b3!important}.words-grid{grid-gap:20px!important;display:grid!important;gap:20px!important;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important}.words-grid .word-card{animation:cardRiseIn .5s cubic-bezier(.34,1.56,.64,1) backwards!important}@keyframes cardRiseIn{0%{opacity:0;transform:translateY(28px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.words-grid .word-card:first-child{animation-delay:.04s}.words-grid .word-card:nth-child(2){animation-delay:.08s}.words-grid .word-card:nth-child(3){animation-delay:.12s}.words-grid .word-card:nth-child(4){animation-delay:.16s}.words-grid .word-card:nth-child(5){animation-delay:.2s}.words-grid .word-card:nth-child(6){animation-delay:.24s}.words-grid .word-card:nth-child(7){animation-delay:.28s}.words-grid .word-card:nth-child(8){animation-delay:.32s}.words-grid .word-card:nth-child(9){animation-delay:.36s}.words-grid .word-card:nth-child(n+10){animation-delay:.4s}.container{animation:modeFadeIn .4s ease-out!important}@keyframes modeFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.dark .stats-bar,.stats-bar{background:#00000059!important;border-bottom-color:#ffffff0f!important}@media (max-width:768px){.app-title-clean{font-size:17px!important}.mode-tabs{top:52px!important}.stats-bar{padding:8px 16px!important;top:112px!important}.tab{padding:11px 8px!important}.tab-icon{font-size:18px!important}.words-grid{gap:14px!important;grid-template-columns:1fr!important}.word-card{border-radius:16px!important}.container{padding:18px 16px!important}.auth-trigger-btn{font-size:12px!important;padding:6px 12px!important}}@media print{body{background:#fff!important}.app-header-clean,.floating-actions,.mobile-menu-overlay,.mode-tabs,.stats-bar{display:none!important}}body:not(.dark-mode){background:linear-gradient(160deg,#fff,#ecfdf5 45%,#fef9e7)!important;background-attachment:fixed!important}body:not(.dark-mode) .mode-tabs{-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;background:#fffffff7!important;border-bottom:1px solid #10b98126!important;box-shadow:0 2px 12px #04785712!important}body:not(.dark-mode) .tab{background:#0000!important;color:#04785773!important}body:not(.dark-mode) .tab:hover{background:#10b9810d!important;color:#047857d9!important}body:not(.dark-mode) .tab.active{background:#10b9810f!important;color:#064e3b!important}body:not(.dark-mode) .tab-icon{filter:grayscale(.3) opacity(.6)!important}body:not(.dark-mode) .tab.active .tab-icon,body:not(.dark-mode) .tab:hover .tab-icon{filter:grayscale(0) opacity(1)!important}body:not(.dark-mode) .stats-bar{-webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important;background:#fffffff2!important;border-bottom:1px solid #10b9811f!important}body:not(.dark-mode) .stat-label{color:#0478577a!important}body:not(.dark-mode) .stat-compact.streak{background:linear-gradient(135deg,#ff6b6b1f,#ee5a6f14)!important;border:1px solid #ff6b6b33!important;box-shadow:none!important}body:not(.dark-mode) .search-input{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;border:1px solid #10b98133!important;box-shadow:inset 0 1px 4px #10b9810f!important;color:#064e3b!important}body:not(.dark-mode) .search-input::placeholder{color:#04785759!important}body:not(.dark-mode) .search-input:focus{background:#fff!important;border-color:#10b98180!important;box-shadow:0 0 0 3px #10b9811f!important}body:not(.dark-mode) .filters-section h3{color:#04785780!important}body:not(.dark-mode) .filter-btn{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fffffff2!important;border:1px solid #10b98124!important;color:#047857a6!important}body:not(.dark-mode) .filter-btn:hover{background:#fff!important;border-color:#10b98166!important;box-shadow:0 4px 12px #10b9811a!important;color:#064e3b!important}body:not(.dark-mode) .words-section h2{color:#0478577a!important}body:not(.dark-mode) .word-card{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;border:1px solid #10b9811a!important;box-shadow:0 2px 10px #10b98112,0 1px 3px #0478570a!important}body:not(.dark-mode) .word-card:hover{background:#f0fdf4!important;border-color:#d4af374d!important;box-shadow:0 12px 32px #10b9811f,0 4px 8px #0478570f!important}body:not(.dark-mode) .word-card[data-category="Divine Names"]:hover,body:not(.dark-mode) .word-card[data-category=Faith]:hover,body:not(.dark-mode) .word-card[data-category=Worship]:hover{box-shadow:0 12px 32px #10b9811f!important}body:not(.dark-mode) .word-card h3{color:#064e3b!important;text-shadow:none!important}body:not(.dark-mode) .word-card .transliteration{color:#6b8f7e!important}body:not(.dark-mode) .word-card .meaning{color:#1e3a2f!important}body:not(.dark-mode) .word-card .badge{background:#10b9810f!important;border:1px solid #10b9811f!important;color:#04785799!important}body:not(.dark-mode) .word-card .root-badge{background:linear-gradient(135deg,#d4af371a,#f0c04012)!important;border:1px solid #d4af3738!important;color:#b8860b!important}body:not(.dark-mode) .word-card .root-badge:hover{background:linear-gradient(135deg,#d4af3733,#f0c04026)!important;box-shadow:none!important}body:not(.dark-mode) .word-card .category-badge{background:linear-gradient(135deg,#10b9811a,#34d39912)!important;border:1px solid #10b98133!important;color:#059669!important}body:not(.dark-mode) .word-card.known{background:#10b9810a!important;border-color:#10b98138!important}body:not(.dark-mode) .auth-trigger-btn{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#10b98112!important;border:1px solid #10b9812e!important;color:#047857d9!important}body:not(.dark-mode) .auth-trigger-btn:hover{background:#10b9811f!important;border-color:#10b9814d!important;box-shadow:none!important;color:#064e3b!important}body:not(.dark-mode) .user-email{background:#10b98112!important;border:1px solid #10b98124!important;color:#064e3b!important}body:not(.dark-mode) .menu-toggle{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#10b98112!important;border:1px solid #10b98126!important;color:#064e3b!important}body:not(.dark-mode) .menu-toggle:hover{background:#10b9811f!important}body:not(.dark-mode) .no-results{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;border:1px solid #10b9811a!important}body:not(.dark-mode) .no-results h3{color:#064e3b!important}body:not(.dark-mode) .no-results p{color:#0478578c!important}body:not(.dark-mode) .root-explorer-banner{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#10b98112!important;border:1px solid #10b98133!important}body:not(.dark-mode) .root-explorer-banner h3{color:#059669!important}body:not(.dark-mode) .root-explorer-banner p{color:#04785799!important}body:not(.dark-mode) .close-root-btn{background:#10b98112!important;border:1px solid #10b98124!important;color:#064e3b!important}body:not(.dark-mode) .close-root-btn:hover{background:#10b9811f!important;color:#064e3b!important}body:not(.dark-mode) .mobile-menu{background:linear-gradient(160deg,#fff,#ecfdf5)!important;border-left:1px solid #10b98126!important;box-shadow:-8px 0 40px #0478571f!important}body:not(.dark-mode) .mobile-menu h3{-webkit-text-fill-color:#064e3b!important;background:none!important;color:#064e3b!important}body:not(.dark-mode) .mobile-menu button{background:#10b9810f!important;border:1px solid #10b9811a!important;color:#047857cc!important}body:not(.dark-mode) .mobile-menu button:hover{background:#10b9811c!important;border-color:#d4af3740!important;color:#064e3b!important}body:not(.dark-mode) .mobile-menu-overlay{background:#04785759!important}.word-context-overlay-simplified{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:1000}.word-context-modal-simplified{animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:24px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:700px;overflow-y:auto;position:relative;width:100%}.close-btn-simplified{align-items:center;background:#0000001a;border:none;border-radius:50%;color:#495057;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s;width:40px;z-index:10}.close-btn-simplified:hover{background:#0003;transform:rotate(90deg)}.modal-header-simplified{background:linear-gradient(135deg,#0d73770d,#14ffec0d);border-bottom:2px solid #e9ecef;padding:48px 32px 32px;text-align:center}.word-display-large{color:#1a1446;direction:rtl;font-size:64px;font-weight:700;line-height:1.2;margin-bottom:16px}.word-meaning-large{color:#0d7377;font-size:28px;font-weight:600;margin-bottom:12px}.word-trans-sub{color:#6c757d;font-size:16px;font-style:italic;margin-bottom:20px}.listen-btn-header{background:linear-gradient(135deg,#0d7377,#14ffec);border:none;border-radius:24px;box-shadow:0 4px 12px #0d73774d;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-bottom:24px;padding:12px 28px;transition:all .3s}.listen-btn-header:hover:not(:disabled){box-shadow:0 6px 16px #0d737766;transform:translateY(-2px)}.listen-btn-header:disabled{cursor:not-allowed;opacity:.6}.quick-info-chips{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.info-chip{align-items:center;background:#0d73771a;border:1px solid #0d737733;border-radius:20px;color:#1a1446;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px}.chip-icon{font-size:16px}.tabs-simplified{background:#f8f9fa;border-bottom:2px solid #e9ecef;display:flex}.tab-simplified{align-items:center;background:#0000;border:none;color:#6c757d;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:14px;font-weight:600;gap:6px;padding:16px 20px;position:relative;transition:all .3s}.tab-simplified:hover{background:#0d73770d;color:#0d7377}.tab-simplified.active{background:#fff;color:#0d7377}.tab-simplified.active:after{background:linear-gradient(90deg,#0d7377,#14ffec);bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.tab-label{font-size:13px}.tab-content-simplified{min-height:300px;padding:32px}.learning-content{display:flex;flex-direction:column;gap:24px}.learning-section{background:#fff;border:2px solid #e9ecef;border-radius:16px;padding:20px}.section-title{align-items:center;color:#1a1446;display:flex;font-size:18px;font-weight:700;gap:8px;margin-bottom:16px}.root-display-box{display:flex;flex-direction:column;gap:16px}.root-letters{gap:16px}.root-letter-item,.root-letters{display:flex;justify-content:center}.root-letter-item{align-items:center;background:linear-gradient(135deg,#d4af37,#f4d03f);border-radius:12px;box-shadow:0 4px 12px #d4af374d;color:#1a1446;font-size:32px;font-weight:700;height:60px;width:60px}.root-meaning-text{background:#0d73770d;border:1px solid #0d73771a;border-radius:10px;color:#495057;font-size:14px;padding:12px 16px;text-align:center}.root-meaning-text strong{color:#0d7377}.grammar-info-box{display:flex;flex-direction:column;gap:12px}.grammar-item{align-items:center;background:#0d73770d;border-radius:8px;display:flex;justify-content:space-between;padding:10px 12px}.grammar-label{color:#6c757d;font-size:13px;font-weight:600}.grammar-value{color:#1a1446;font-size:14px;font-weight:600}.grammar-notes{background:#14ffec0d;border-left:3px solid #14ffec;border-radius:6px;color:#495057;font-size:13px;line-height:1.6;padding:12px}.learning-tip-box{align-items:flex-start;background:linear-gradient(135deg,#d4af371a,#f4d03f1a);border:1px solid #d4af374d;border-radius:12px;display:flex;gap:12px;padding:16px}.tip-text strong{color:#d4af37;font-weight:700}.verses-content{display:flex;flex-direction:column;gap:20px}.verses-intro{background:#0d73770d;border-radius:12px;color:#495057;font-size:14px;padding:16px;text-align:center}.verses-intro strong{color:#0d7377;font-weight:700}.verse-card-simple{background:#fff;border:2px solid #e9ecef;border-radius:16px;padding:20px;transition:all .3s}.verse-card-simple:hover{border-color:#0d7377;box-shadow:0 4px 12px #0d73771a}.verse-reference{color:#0d7377;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.verse-arabic-text{color:#1a1446;direction:rtl;font-size:24px;line-height:1.8;margin-bottom:12px;text-align:right}.verse-translation-text{color:#495057;font-size:15px;font-style:italic;line-height:1.6;margin-bottom:12px}.verse-context-note{background:#d4af371a;border-left:3px solid #d4af37;border-radius:6px;color:#495057;font-size:13px;line-height:1.6;padding:12px}.usage-content{display:flex;flex-direction:column;gap:24px}.usage-section{background:#fff;border:2px solid #e9ecef;border-radius:16px;padding:20px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.stat-box{background:linear-gradient(135deg,#0d73770d,#14ffec0d);border:1px solid #0d73771a;border-radius:12px;padding:20px;text-align:center}.stat-number{color:#0d7377}.stat-label{font-size:12px;font-weight:600;letter-spacing:.5px}.insights-box{background:#14ffec0d;border-radius:10px;color:#495057;font-size:14px;line-height:1.7;padding:16px}.empty-state,.insights-placeholder{padding:40px 20px;text-align:center}.empty-icon,.placeholder-icon{font-size:48px;margin-bottom:12px;opacity:.5}.empty-text{color:#495057;font-size:16px;font-weight:600;margin-bottom:8px}.empty-subtext{color:#6c757d;font-size:14px}.loading-state{padding:40px;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #e9ecef;border-top-color:#0d7377;height:40px;margin:0 auto 16px;width:40px}.modal-footer-simplified{background:#f8f9fa;border-radius:0 0 24px 24px;border-top:2px solid #e9ecef;padding:24px 32px}.multisensory-cta{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:16px;box-shadow:0 6px 20px #667eea4d;color:#fff;cursor:pointer;display:flex;gap:16px;padding:18px 24px;transition:all .3s;width:100%}.multisensory-cta:hover{box-shadow:0 8px 24px #667eea66;transform:translateY(-4px)}.cta-icon{flex-shrink:0;font-size:32px}.cta-content{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;text-align:left}.cta-title{display:block;font-size:17px;font-weight:700;margin-bottom:4px}.cta-subtitle{display:block;font-size:13px;opacity:.9}@media (max-width:768px){.word-context-modal-simplified{border-radius:20px 20px 0 0;max-height:95vh}.modal-header-simplified{padding:36px 24px 24px}.word-display-large{font-size:48px}.word-meaning-large{font-size:24px}.tab-content-simplified{padding:24px 20px}.tabs-simplified{overflow-x:auto}.tab-simplified{flex-shrink:0;min-width:100px}.root-letters{gap:12px}.root-letter-item{font-size:28px;height:50px;width:50px}.stats-grid{grid-template-columns:1fr}.multisensory-cta{padding:16px 20px}.cta-icon{font-size:28px}}.verse-context-container{background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:16px;margin:20px 0;padding:24px}.context-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.context-title{color:#1a1446;font-size:20px;font-weight:700;margin:0}.context-info{display:flex;gap:8px}.surah-badge{background:linear-gradient(135deg,#0d7377,#14ffec);border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:6px 14px}.context-verse{background:#fff;border:2px solid #e9ecef;border-radius:12px;margin-bottom:16px;padding:20px;transition:all .3s}.context-verse:hover{border-color:#0d7377;box-shadow:0 4px 12px #0d73771a}.next-verse,.previous-verse{background:linear-gradient(135deg,#f8f9fa,#fff);opacity:.85}.next-verse:hover,.previous-verse:hover{opacity:1}.current-verse{background:linear-gradient(135deg,#0d73770d,#14ffec0d);border-color:#0d7377;border-width:3px;box-shadow:0 4px 16px #0d737726}.verse-label{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.verse-number{color:#0d7377;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.context-badge{background:#6c757d1a;color:#6c757d}.context-badge,.current-badge{border-radius:12px;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.current-badge{background:linear-gradient(135deg,#d4af37,#f4d03f);color:#1a1446}.verse-arabic-context{color:#495057;font-size:20px;margin-bottom:12px}.verse-arabic-context,.verse-arabic-main{direction:rtl;line-height:1.8;text-align:right}.verse-arabic-main{color:#1a1446;font-size:24px;font-weight:600;margin-bottom:16px}.word-highlight{background:linear-gradient(135deg,#14ffec,#0d7377);border-radius:6px;box-shadow:0 2px 8px #14ffec4d;color:#fff;font-weight:700;padding:2px 8px}.verse-translation-context{color:#6c757d;font-size:14px;font-style:italic;line-height:1.6}.verse-translation-main{color:#495057;font-size:16px;font-style:italic;line-height:1.7;margin-bottom:16px}.verse-actions{border-top:1px solid #e9ecef;display:flex;gap:10px;margin-top:16px;padding-top:16px}.copy-btn{align-items:center;background:#fff;border:2px solid #0d7377;border-radius:10px;color:#0d7377;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:all .3s}.copy-btn:hover{background:#0d7377;box-shadow:0 4px 12px #0d73774d;color:#fff;transform:translateY(-2px)}.copy-btn.context{border-color:#667eea;color:#667eea}.copy-btn.context:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.context-insight{align-items:flex-start;background:linear-gradient(135deg,#d4af371a,#f4d03f1a);border-left:4px solid #d4af37;border-radius:10px;display:flex;gap:12px;margin-top:20px;padding:16px}.insight-text{color:#495057}.verse-context-loading{padding:40px 20px;text-align:center}.spinner-verse{animation:spin 1s linear infinite;border:4px solid #e9ecef;border-radius:50%;border-top-color:#0d7377;height:40px;margin:0 auto 16px;width:40px}@media (max-width:768px){.verse-context-container{padding:16px}.context-header{align-items:flex-start;flex-direction:column;gap:12px}.verse-arabic-main{font-size:20px}.verse-arabic-context{font-size:18px}.verse-actions{flex-direction:column}.copy-btn{width:100%}}.related-words-container{background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:16px;margin:20px 0;padding:24px}.related-header{margin-bottom:20px;text-align:center}.related-title{color:#1a1446;font-size:20px;font-weight:700;margin-bottom:8px}.related-subtitle{color:#6c757d;font-size:14px;margin:0}.related-tabs{display:flex;gap:8px;margin-bottom:24px;overflow-x:auto;padding-bottom:8px}.related-tab{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:120px;padding:12px 16px;transition:all .3s}.related-tab:hover{border-color:#0d7377;transform:translateY(-2px)}.related-tab.active{background:linear-gradient(135deg,#0d7377,#14ffec);border-color:#0d7377;box-shadow:0 4px 12px #0d73774d;color:#fff}.tab-icon{font-size:20px}.tab-text{font-size:12px;font-weight:600}.tab-count{background:#0000001a;border-radius:10px;font-size:11px;font-weight:700;padding:2px 8px}.related-tab.active .tab-count{background:#ffffff4d}.related-words-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:20px}.related-word-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:16px;position:relative;transition:all .3s}.related-word-card:hover{border-color:#0d7377;box-shadow:0 6px 16px #0d737726;transform:translateY(-4px)}.related-word-card.known{background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border-color:#81c784;opacity:.8}.related-word-card.known:hover{opacity:1}.known-badge-small{background:linear-gradient(135deg,#66bb6a,#4caf50);border-radius:50%;color:#fff;font-size:14px;font-weight:700;height:24px;justify-content:center;width:24px}.known-badge-small,.priority-badge{align-items:center;display:flex;position:absolute;right:8px;top:8px}.priority-badge{background:linear-gradient(135deg,#ffd93d,#f39c12);border-radius:12px;box-shadow:0 2px 8px #ffd93d66;gap:4px;padding:4px 8px}.priority-icon{font-size:12px}.priority-text{color:#1a1446;font-size:10px;font-weight:700;text-transform:uppercase}.related-arabic{color:#1a1446;direction:rtl;font-size:28px;font-weight:700;margin-top:8px;text-align:center}.related-english{color:#0d7377;font-size:15px;font-weight:600;text-align:center}.related-trans{color:#6c757d;font-size:12px;font-style:italic;text-align:center}.related-meta{border-top:1px solid #e9ecef;display:flex;justify-content:space-around;margin-top:8px;padding-top:8px}.meta-item{color:#6c757d;font-size:11px;gap:4px}.meta-icon{font-size:14px}.learn-this-btn{background:linear-gradient(135deg,#0d7377,#14ffec);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;margin-top:auto;padding:8px 12px;transition:all .3s;width:100%}.learn-this-btn:hover{box-shadow:0 4px 12px #0d73774d;transform:translateY(-2px)}.related-word-card.known .learn-this-btn{background:linear-gradient(135deg,#81c784,#66bb6a)}.related-tip{align-items:flex-start;background:linear-gradient(135deg,#d4af371a,#f4d03f1a);border-left:4px solid #d4af37;border-radius:10px;display:flex;gap:12px;padding:16px}.tip-icon{flex-shrink:0;font-size:24px}.tip-text{color:#495057;font-size:14px;line-height:1.6}.related-words-empty{padding:40px 20px;text-align:center}.empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.related-words-empty p:last-child{color:#6c757d;font-size:16px}@media (max-width:768px){.related-words-container{padding:16px}.related-words-grid{grid-template-columns:1fr}.related-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:scroll}.related-tab{flex-shrink:0}.related-arabic{font-size:24px}}.related-word-card{animation:fadeInScale .4s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.related-word-card:first-child{animation-delay:.05s}.related-word-card:nth-child(2){animation-delay:.1s}.related-word-card:nth-child(3){animation-delay:.15s}.related-word-card:nth-child(4){animation-delay:.2s}.related-word-card:nth-child(5){animation-delay:.25s}.related-word-card:nth-child(6){animation-delay:.3s}.related-word-card:nth-child(7){animation-delay:.35s}.related-word-card:nth-child(8){animation-delay:.4s}.pricing-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;display:flex;height:100%;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;top:0;width:100%;z-index:10001}.pricing-modal{animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#1a1446,#0d1117);border-radius:24px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:1200px;overflow-y:auto;position:relative;width:100%}.pricing-modal .close-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s;width:40px;z-index:10}.pricing-modal .close-btn:hover{background:#fff3;transform:rotate(90deg)}.pricing-header{background:linear-gradient(135deg,#0d737733,#14ffec1a);border-radius:24px 24px 0 0;padding:60px 40px 40px;text-align:center}.pricing-header h1{color:#fff;font-size:36px;font-weight:700;line-height:1.2;margin-bottom:16px}.pricing-header p{color:#fffc;font-size:18px;margin-bottom:24px}.pricing-header strong{color:#14ffec;font-weight:700}.trial-active-banner{background:linear-gradient(135deg,#d4af37,#f4d03f);border-radius:12px;color:#1a1446;display:inline-block;font-weight:700;margin-top:16px;padding:12px 24px}.trust-badges{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:20px 40px}.trust-badges span{background:#ffffff0d;border-radius:20px;color:#ffffffb3;font-size:14px;font-weight:600;padding:8px 16px}.pricing-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px;padding:40px}.pricing-card{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:20px;cursor:pointer;padding:32px;position:relative;transition:all .3s}.pricing-card:hover{border-color:#0d7377;box-shadow:0 12px 32px #0d73774d;transform:translateY(-8px)}.pricing-card.highlighted{background:linear-gradient(135deg,#0d737733,#14ffec1a);border-color:#14ffec;box-shadow:0 8px 24px #14ffec33}.pricing-card.highlighted:hover{box-shadow:0 16px 40px #14ffec66}.plan-badge{background:linear-gradient(135deg,#d4af37,#f4d03f);border-radius:20px;color:#1a1446;font-size:12px;font-weight:700;left:50%;letter-spacing:.5px;padding:6px 16px;position:absolute;text-transform:uppercase;top:-12px;transform:translateX(-50%);white-space:nowrap}.pricing-card h3{color:#fff;font-size:28px;font-weight:700;margin-top:8px}.plan-price,.pricing-card h3{margin-bottom:16px}.plan-price .price{color:#14ffec;font-size:48px;font-weight:700;line-height:1}.plan-price .period{color:#fff9;font-size:18px;margin-left:4px}.savings{color:#d4af37;font-size:14px;font-weight:600;margin-bottom:24px}.features{list-style:none;margin:24px 0;padding:0}.features li{border-bottom:1px solid #ffffff1a;color:#ffffffe6;font-size:15px;line-height:1.8;padding:10px 0}.features li:last-child{border-bottom:none}.cta-btn{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:.5px;margin-top:24px;padding:16px 32px;text-transform:uppercase;transition:all .3s;width:100%}.cta-btn.primary{background:linear-gradient(135deg,#0d7377,#14ffec);color:#fff}.cta-btn.primary:hover{box-shadow:0 8px 20px #14ffec66;transform:translateY(-2px)}.cta-btn.secondary{background:#ffffff1a;border:2px solid #fff3;color:#fff}.cta-btn.secondary:hover{background:#ffffff26;border-color:#ffffff4d}.cta-btn:disabled{cursor:not-allowed;opacity:.5}.comparison-section{background:#ffffff05;padding:40px}.comparison-section h3{color:#fff;font-size:28px;font-weight:700;margin-bottom:32px;text-align:center}.comparison-table{background:#ffffff0d;border-collapse:collapse;border-radius:12px;margin:0 auto;max-width:800px;overflow:hidden;width:100%}.comparison-table thead{background:#0d73774d}.comparison-table th{color:#fff;font-size:14px;font-weight:700;padding:16px;text-align:left;text-transform:uppercase}.comparison-table td{border-bottom:1px solid #ffffff0d;color:#fffc;padding:16px}.comparison-table tbody tr:last-child td{border-bottom:none}.comparison-table tbody tr:hover{background:#ffffff0d}.faq-section{margin:0 auto;max-width:900px;padding:40px}.faq-section h3{color:#fff;font-size:28px;font-weight:700;margin-bottom:32px;text-align:center}.faq-item{background:#ffffff0d;border-radius:12px;margin-bottom:16px;padding:24px}.faq-item h4{color:#14ffec;font-size:18px;font-weight:700;margin-bottom:12px}.faq-item p{color:#fffc;line-height:1.6;margin:0}.final-cta{background:linear-gradient(135deg,#0d737733,#14ffec1a);padding:60px 40px;text-align:center}.final-cta h3{color:#fff;font-size:32px;font-weight:700;margin-bottom:16px}.final-cta p{color:#fffc;font-size:18px;margin-bottom:8px}.signin-prompt{background:#ffc80033;border:2px solid #ffc80080;border-radius:12px;margin-top:16px;padding:16px}.signin-prompt strong{color:#ffc800}@media (max-width:768px){.pricing-modal{border-radius:20px 20px 0 0;max-height:95vh}.pricing-header{padding:40px 20px 20px}.pricing-header h1{font-size:28px}.pricing-header p{font-size:16px}.trust-badges{flex-direction:column;gap:8px}.pricing-cards{gap:20px;grid-template-columns:1fr;padding:20px}.pricing-card{padding:24px}.plan-price .price{font-size:36px}.comparison-section,.faq-section,.final-cta{padding:30px 20px}.comparison-table{font-size:14px}.comparison-table td,.comparison-table th{padding:12px 8px}.faq-item{padding:20px}.faq-item h4{font-size:16px}.final-cta h3{font-size:24px}.final-cta p{font-size:16px}}.pricing-modal{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.pricing-modal::-webkit-scrollbar{width:8px}.pricing-modal::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.pricing-modal::-webkit-scrollbar-thumb{background:#14ffec4d;border-radius:4px}.pricing-modal::-webkit-scrollbar-thumb:hover{background:#14ffec80}.cta-btn:disabled{position:relative}.cta-btn:disabled:after{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";height:16px;left:50%;margin-left:-8px;margin-top:-8px;position:absolute;top:50%;width:16px}@media (hover:none) and (pointer:coarse){.close-btn,.cta-btn,.pricing-card{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.pricing-card:active{transform:scale(.98)}.cta-btn:active{transform:scale(.95)}}.pricing-overlay{animation:pricingReveal .35s cubic-bezier(.4,0,.2,1)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:linear-gradient(135deg,#0b0918f7,#1a1446f2 50%,#0d2a2ef2)!important}@keyframes pricingReveal{0%{opacity:0}to{opacity:1}}.pricing-modal{animation:modalSpring .45s cubic-bezier(.34,1.56,.64,1)!important;-webkit-backdrop-filter:blur(24px)!important;backdrop-filter:blur(24px)!important;background:#ffffff0a!important;border:1px solid #ffffff17!important;border-radius:28px!important;box-shadow:0 0 0 1px #d4af3714,0 32px 80px #000000b3,inset 0 1px 0 #ffffff12!important;scrollbar-color:#d4af374d #0000!important}@keyframes modalSpring{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.pricing-modal:before{background:linear-gradient(90deg,#0000,#d4af37,#14ffec,#0000);border-radius:999px;content:"";height:1px;left:50%;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:55%}.pricing-modal .close-btn{background:#ffffff12!important;border:1px solid #ffffff1f!important;color:#f4e4c1cc!important;font-size:20px!important;height:36px!important;transition:all .25s cubic-bezier(.34,1.56,.64,1)!important;width:36px!important}.pricing-modal .close-btn:hover{background:#ffffff21!important;color:#fff!important;transform:rotate(90deg) scale(1.1)!important}.pricing-header{background:linear-gradient(135deg,#d4af370f,#14ffec0a)!important;border-bottom:1px solid #ffffff0f!important}.pricing-header h1{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#f4e4c1,#d4af37 55%,#14ffec)!important;-webkit-background-clip:text!important;background-clip:text!important;font-size:32px!important;font-weight:800!important;letter-spacing:-.5px!important}.pricing-subtitle{color:#f4e4c199!important}.special-offer-banner{background:linear-gradient(135deg,#d4af371f,#f0c04014)!important;border:1px solid #d4af3740!important;border-radius:12px!important}.trust-badges span{color:#f4e4c1a6!important;font-size:13px!important}.trust-badges span:before{color:#14ffec;content:"✦ ";font-size:10px}.pricing-card{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffff0d!important;border:1px solid #ffffff1a!important;border-radius:20px!important;box-shadow:0 8px 32px #00000059,inset 0 1px 0 #ffffff12!important;transition:all .35s cubic-bezier(.4,0,.2,1)!important}.pricing-card:hover{background:#ffffff14!important;border-color:#d4af3733!important;box-shadow:0 20px 60px #0000008c,0 0 0 1px #d4af371a,inset 0 1px 0 #ffffff1a!important;transform:translateY(-8px)!important}.pricing-card.highlighted{background:#0d73771f!important;border-color:#14ffec40!important;box-shadow:0 8px 32px #0006,0 0 40px #0d737726,inset 0 1px 0 #14ffec1a!important}.pricing-card.highlighted:hover{box-shadow:0 24px 64px #0009,0 0 60px #0d737740,0 0 0 1px #14ffec26!important}.plan-name{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#f4e4c1,#d4af37)!important;-webkit-background-clip:text!important;background-clip:text!important}.plan-description{color:#f4e4c180!important}.price-amount{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#14ffec,#d4af37)!important;-webkit-background-clip:text!important;background-clip:text!important;font-weight:900!important}.price-period{color:#f4e4c180!important}.savings-badge{background:#14ffec1a!important;border:1px solid #14ffec33!important;border-radius:999px!important;color:#14ffec!important;font-size:12px!important;font-weight:700!important;letter-spacing:.3px!important;padding:4px 14px!important}.feature-item{border-bottom-color:#ffffff0d!important;color:#f4e4c1bf!important;font-size:14px!important}.feature-item strong{color:#14ffec!important}.feature-item:before{color:#d4af37;content:"✦ ";font-size:9px}.cta-btn.primary{background:linear-gradient(135deg,#0d7377,#14ffec)!important;border:none!important;border-radius:12px!important;box-shadow:0 4px 20px #0d737773!important;color:#0b1220!important;font-weight:800!important}.cta-btn.primary:hover{box-shadow:0 10px 32px #0d737799!important;transform:translateY(-3px) scale(1.02)!important}.cta-btn.secondary{background:#ffffff12!important;border:1px solid #ffffff24!important;border-radius:12px!important;color:#f4e4c1cc!important;font-weight:700!important}.cta-btn.secondary:hover{background:#ffffff1c!important;border-color:#d4af374d!important;color:#f4e4c1f2!important;transform:translateY(-2px)!important}.plan-badge{background:linear-gradient(135deg,#b8860b,#d4af37)!important;border-radius:999px!important;box-shadow:0 2px 12px #d4af3766!important;color:#0b1220!important;font-size:11px!important;font-weight:800!important;letter-spacing:.5px!important}.comparison-section h3,.faq-section h3,.final-cta h3,.trial-explanation h3{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#f4e4c1,#d4af37)!important;-webkit-background-clip:text!important;background-clip:text!important}.comparison-table th{background:#ffffff0f!important;border-bottom:1px solid #ffffff14!important;color:#f4e4c1cc!important}.comparison-table td{border-bottom:1px solid #ffffff0a!important;color:#f4e4c1a6!important}.comparison-table tbody tr:hover{background:#ffffff0a!important}.highlight-row td{color:#d4af37!important}.step-number{background:linear-gradient(135deg,#0d7377,#14ffec)!important;color:#0b1220!important;font-weight:900!important}.trial-step p{color:#f4e4c1a6!important}.trial-step strong{color:#f4e4c1e6!important}.trial-note{background:#ffffff0a!important;border-radius:10px!important;color:#f4e4c173!important;font-size:12px!important;padding:10px 16px!important}.faq-item h4{color:#f4e4c1d9!important}.faq-item p{color:#f4e4c180!important}.final-cta p{color:#f4e4c199!important}.no-account-needed strong{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#14ffec,#d4af37)!important;-webkit-background-clip:text!important;background-clip:text!important}.trial-badge{background:#d4af371a!important;border:1px solid #d4af3733!important;border-radius:8px!important;color:#d4af37!important;font-size:13px!important;font-weight:700!important;padding:8px 14px!important;text-align:center!important}.no-trial-notice{color:#f4e4c166!important;font-size:12px!important}.word-card-colored{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e9ecef;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:12px;min-height:280px;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.word-card-colored:hover{border-color:var(--category-primary);box-shadow:0 12px 32px #00000026;transform:translateY(-8px)}.word-card-colored.known{background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border-color:#81c784}.category-color-strip{background:var(--category-gradient);border-radius:16px 16px 0 0;height:6px;left:0;position:absolute;right:0;top:0}.known-indicator{align-items:center;animation:checkPop .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#66bb6a,#4caf50);border-radius:50%;box-shadow:0 2px 8px #4caf504d;display:flex;height:32px;justify-content:center;position:absolute;right:12px;top:12px;width:32px;z-index:2}@keyframes checkPop{0%{opacity:0;transform:scale(0) rotate(-45deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.check-icon{color:#fff;font-size:18px;font-weight:700}.word-arabic-main{color:#1a1446;direction:rtl;font-size:42px;font-weight:700;line-height:1.2;margin-top:16px;text-align:center;transition:all .3s}.word-card-colored:hover .word-arabic-main{color:var(--category-primary);transform:scale(1.05)}.word-english-main{color:var(--category-dark);font-size:20px;font-weight:600;line-height:1.3;margin-top:4px;text-align:center;transition:all .3s}.word-card-colored:hover .word-english-main{color:var(--category-primary)}.word-transliteration-sub{color:#6c757d;font-size:14px;font-style:italic;margin-bottom:8px;text-align:center}.card-divider{background:linear-gradient(90deg,#0000 0,var(--category-light) 20%,var(--category-light) 80%,#0000 100%);height:2px;margin:8px 0;width:100%}.info-badges-grid{display:flex;flex-direction:column;gap:10px;margin-top:auto}.info-badge{align-items:center;background:#0d73770d;border:1px solid #0d737726;border-radius:10px;display:flex;gap:10px;padding:10px 12px;transition:all .3s}.info-badge:hover{background:#0d73771a;border-color:#0d7377;transform:translateX(4px)}.badge-icon{flex-shrink:0;font-size:20px}.badge-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.badge-label{color:#6c757d;font-size:10px;font-weight:600;letter-spacing:.5px}.badge-value{color:#1a1446;font-size:14px;font-weight:600}.root-badge{background:linear-gradient(135deg,#d4af371a,#f4d03f1a);border-color:#d4af374d;cursor:pointer}.root-badge:hover{background:linear-gradient(135deg,#d4af3733,#f4d03f33);border-color:#d4af37;transform:translateX(6px)}.root-badge .badge-value{color:#d4af37;direction:rtl;font-weight:700}.category-colored{background:var(--category-gradient)!important;border-color:var(--category-primary)!important;color:#fff!important}.category-colored .badge-label{color:#ffffffe6!important}.category-colored .badge-value{color:#fff!important;font-weight:700}.category-colored:hover{box-shadow:0 4px 12px #0003;transform:translateX(6px) scale(1.02)}.occurrence-badge .badge-value{color:#1a1446;font-weight:700}.card-hover-hint{align-items:center;background:var(--category-gradient);border-radius:20px;bottom:12px;color:#fff;display:flex;font-size:11px;font-weight:600;gap:6px;left:50%;opacity:0;padding:6px 16px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:all .3s;white-space:nowrap}.word-card-colored:hover .card-hover-hint{bottom:16px;opacity:1}.hint-icon{font-size:14px}.word-card-colored:before{background:var(--category-gradient);border-radius:16px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s;z-index:-1}.word-card-colored:hover:before{opacity:.1}@media (max-width:768px){.word-card-colored{min-height:260px;padding:20px}.word-arabic-main{font-size:36px;margin-top:12px}.word-english-main{font-size:18px}.word-transliteration-sub{font-size:13px}.badge-icon{font-size:18px}.badge-value{font-size:13px}}.dark-mode .word-card-colored{background:linear-gradient(135deg,#2c2c54,#1a1446);border-color:#ffffff1a}.dark-mode .word-card-colored:hover{border-color:var(--category-primary)}.dark-mode .word-card-colored.known{background:linear-gradient(135deg,#1b5e20,#2e7d32);border-color:#66bb6a}.dark-mode .word-arabic-main{color:#fff}.dark-mode .word-card-colored:hover .word-arabic-main,.dark-mode .word-english-main{color:var(--category-light)}.dark-mode .word-card-colored:hover .word-english-main{color:var(--category-primary)}.dark-mode .word-transliteration-sub{color:#fff9}.dark-mode .info-badge{background:#ffffff0d;border-color:#ffffff1a}.dark-mode .info-badge:hover{background:#ffffff1a}.dark-mode .badge-label{color:#ffffff80}.dark-mode .badge-value{color:#fff}.dark-mode .card-divider{background:linear-gradient(90deg,#0000 0,var(--category-primary) 20%,var(--category-primary) 80%,#0000 100%);opacity:.3}.word-card-colored{animation:cardFadeIn .5s ease-out}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.word-card-colored:first-child{animation-delay:.05s}.word-card-colored:nth-child(2){animation-delay:.1s}.word-card-colored:nth-child(3){animation-delay:.15s}.word-card-colored:nth-child(4){animation-delay:.2s}.word-card-colored:nth-child(5){animation-delay:.25s}.word-card-colored:nth-child(6){animation-delay:.3s}.word-card-colored{backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;background:#ffffff0d!important;border:1px solid #ffffff1a!important;border-radius:20px!important;box-shadow:0 4px 24px #0006,inset 0 1px 0 #ffffff14!important;min-height:270px!important;overflow:hidden!important;transition:all .35s cubic-bezier(.4,0,.2,1)!important}.word-card-colored:hover{background:#ffffff14!important;border-color:#d4af374d!important;border-color:rgba(var(--category-rgb,212,175,55),.3)!important;box-shadow:0 24px 56px #0000008c,0 0 0 1px #ffffff0f,inset 0 1px 0 #ffffff1a!important;transform:translateY(-10px)!important}.word-card-colored.known{background:#27ae6012!important;border-color:#66bb6a40!important}.category-color-strip{border-radius:20px 20px 0 0!important;height:3px!important;opacity:.85!important}.word-arabic-main{color:#f4e4c1f2!important;font-size:40px!important;text-shadow:0 0 20px #d4af3726!important;transition:all .3s ease!important}.word-card-colored:hover .word-arabic-main{color:#fff!important;text-shadow:0 0 24px #d4af3740!important;transform:scale(1.04)!important}.word-english-main{color:#ffffffe6!important;font-size:18px!important}.word-card-colored:hover .word-english-main{color:#fff!important}.word-transliteration-sub{color:#f4e4c166!important;font-size:13px!important}.card-divider{background:linear-gradient(90deg,#0000,#ffffff14,#0000)!important;height:1px!important}.info-badge{background:#ffffff0d!important;border:1px solid #ffffff17!important;border-radius:10px!important;transition:all .25s ease!important}.info-badge:hover{background:#ffffff17!important;border-color:#ffffff26!important;transform:translateX(3px)!important}.badge-label{color:#f4e4c161!important;font-size:10px!important;letter-spacing:.7px!important}.badge-value{color:#f4e4c1e0!important;font-size:13px!important}.root-badge{background:linear-gradient(135deg,#d4af371f,#f0c04014)!important;border-color:#d4af3740!important}.root-badge:hover{background:linear-gradient(135deg,#d4af3738,#f0c0402e)!important;border-color:#d4af3773!important;box-shadow:0 0 14px #d4af3733!important}.root-badge .badge-value{color:#d4af37!important}.known-indicator{background:linear-gradient(135deg,#27ae60,#2ecc71)!important;box-shadow:0 2px 10px #27ae6066!important;height:28px!important;width:28px!important}.card-hover-hint{font-size:11px!important;font-weight:700!important;letter-spacing:.2px!important;opacity:0!important}.word-card-colored:hover .card-hover-hint{opacity:.9!important}@media (max-width:768px){.word-card-colored{border-radius:16px!important;min-height:240px!important;padding:18px!important}.word-arabic-main{font-size:34px!important}.word-english-main{font-size:16px!important}}body:not(.dark-mode) .word-card-colored{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#fff!important;border:1px solid #10b9811a!important;box-shadow:0 2px 10px #10b98112!important}body:not(.dark-mode) .word-card-colored:hover{background:#f0fdf4!important;border-color:#d4af3747!important;box-shadow:0 12px 32px #10b9811f!important}body:not(.dark-mode) .word-card-colored.known{background:#10b9810a!important;border-color:#10b98140!important}body:not(.dark-mode) .word-arabic-main{color:#064e3b!important;text-shadow:none!important}body:not(.dark-mode) .word-card-colored:hover .word-arabic-main{color:var(--category-primary)!important;text-shadow:none!important}body:not(.dark-mode) .word-english-main{color:#1e3a2f!important}body:not(.dark-mode) .word-transliteration-sub{color:#04785773!important}body:not(.dark-mode) .card-divider{background:linear-gradient(90deg,#0000,#10b9811a,#0000)!important}body:not(.dark-mode) .info-badge{background:#10b9810d!important;border:1px solid #10b9811a!important}body:not(.dark-mode) .info-badge:hover{background:#10b98117!important;border-color:#10b98129!important}body:not(.dark-mode) .badge-label{color:#0478576b!important}body:not(.dark-mode) .badge-value{color:#064e3b!important}body:not(.dark-mode) .root-badge{background:linear-gradient(135deg,#d4af3714,#f0c0400d)!important;border-color:#d4af3733!important}body:not(.dark-mode) .root-badge:hover{background:linear-gradient(135deg,#d4af3729,#f0c0401f)!important;border-color:#d4af3759!important;box-shadow:0 0 10px #d4af371f!important}body:not(.dark-mode) .root-badge .badge-value{color:#b8860b!important}.flashcard-ultra-container{margin:0 auto;max-width:700px;padding:20px;position:relative}.flashcard-top-bar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a144666,#0d737766);border:1px solid #ffffff1a;border-radius:16px;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px 20px}.progress-info{flex:1 1}.progress-text{color:#ffffffe6;margin-bottom:8px}.progress-bar-mini{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden;width:100%}.progress-fill-mini{background:linear-gradient(90deg,#14ffec,#0d7377);border-radius:3px;height:100%;transition:width .4s ease}.card-actions-top{display:flex;gap:8px}.action-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;transition:all .3s;width:40px}.action-btn:hover:not(:disabled){background:#fff3;box-shadow:0 4px 12px #14ffec4d;transform:translateY(-2px)}.action-btn:disabled{cursor:not-allowed;opacity:.5}.action-btn.bookmarked{animation:bookmarkPulse 1s ease-in-out;background:linear-gradient(135deg,#f093fb,#f5576c);border-color:#f5576c}@keyframes bookmarkPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.flashcard-ultra{cursor:pointer;height:500px;margin-bottom:20px;perspective:1500px;position:relative;width:100%}.flashcard-side{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:24px;box-shadow:0 20px 60px #0000004d;height:100%;position:absolute;transition:transform .6s cubic-bezier(.4,0,.2,1);width:100%}.front-side{background:linear-gradient(135deg,#1a1446,#0d7377);border:2px solid #14ffec4d;transform:rotateY(0deg)}.flashcard-ultra.flipped .front-side{transform:rotateY(-180deg)}.back-side{background:linear-gradient(135deg,#0d7377,#14ffec);border:2px solid #1a14464d;transform:rotateY(180deg)}.flashcard-ultra.flipped .back-side{transform:rotateY(0deg)}.card-inner{flex-direction:column;height:100%;justify-content:center;padding:40px;position:relative;width:100%}.card-inner,.root-badge-top{align-items:center;display:flex}.root-badge-top{animation:fadeInDown .6s ease-out;background:linear-gradient(135deg,#d4af37,#f4d03f);border-radius:20px;box-shadow:0 4px 16px #d4af3766;gap:8px;left:50%;padding:10px 24px;position:absolute;top:24px;transform:translateX(-50%)}@keyframes fadeInDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.badge-icon,.badge-text{font-size:18px}.badge-text{color:#1a1446;direction:rtl;font-weight:700}.badge-label{color:#1a1446b3;font-size:11px;font-weight:700;text-transform:uppercase}.arabic-display-ultra{animation:scaleIn .6s cubic-bezier(.34,1.56,.64,1);color:#fff;direction:rtl;font-size:80px;font-weight:700;margin:40px 0 20px;text-shadow:0 4px 20px #14ffec80}.transliteration-ultra{animation:fadeIn .8s ease-out;color:#fffc;font-size:24px;font-style:italic;margin-bottom:16px}.category-badge-ultra{animation:fadeIn 1s ease-out;background:#14ffec33;border:1px solid #14ffec80;border-radius:20px;color:#14ffec;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:20px;padding:8px 16px;text-transform:uppercase}.occurrence-badge-ultra{align-items:center;animation:fadeIn 1.2s ease-out;background:#0000004d;border:1px solid #ffffff1a;border-radius:16px;display:flex;gap:8px;margin-top:20px;padding:12px 20px}.occ-icon{font-size:20px}.occ-count{color:#14ffec;font-size:18px;font-weight:700}.occ-label{color:#ffffffb3;font-size:12px}.flip-hint-ultra{align-items:center;animation:bounce 2s ease-in-out infinite;bottom:24px;color:#fff9;display:flex;font-size:13px;gap:8px;position:absolute}.flip-arrow{animation:rotate 2s linear infinite;font-size:20px}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.meaning-display-ultra{animation:scaleIn .6s cubic-bezier(.34,1.56,.64,1);color:#1a1446;font-size:48px;font-weight:700;margin-bottom:16px;text-align:center;text-shadow:0 2px 8px #ffffff4d}.arabic-reference{animation:fadeIn .8s ease-out;color:#1a144699;direction:rtl;font-size:28px;margin-bottom:24px}.info-grid-ultra{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:24px;width:100%}.info-item{align-items:center;background:#1a14464d;border:1px solid #1a144666;border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:12px;transition:all .3s}.info-item:hover{background:#1a144666;box-shadow:0 4px 12px #0003;transform:translateY(-4px)}.info-icon{font-size:20px}.info-value{font-weight:700}.info-label{color:#1a1446b3;font-size:10px;text-transform:uppercase}.detail-tabs-ultra{display:flex;gap:8px;margin-top:auto;width:100%}.tab-btn-ultra{background:#1a14464d;border:1px solid #1a144666;border-radius:10px;color:#1a1446;cursor:pointer;flex:1 1;font-size:12px;font-weight:600;padding:10px 12px;transition:all .3s;white-space:nowrap}.tab-btn-ultra:hover{background:#1a144680;transform:translateY(-2px)}.tab-btn-ultra.active{background:linear-gradient(135deg,#1a1446,#0d7377);border-color:#14ffec;box-shadow:0 4px 12px #14ffec4d;color:#14ffec}.detail-panel{animation:slideUp .4s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1446f2,#0d7377f2);border:2px solid #14ffec4d;border-radius:20px;box-shadow:0 10px 40px #0000004d;margin-bottom:20px;padding:24px}.panel-title{color:#14ffec;font-size:20px;font-weight:700;margin-bottom:20px;text-align:center;text-shadow:0 2px 8px #14ffec80}.root-breakdown{display:flex;flex-direction:column;gap:20px}.root-letters-grid{display:flex;gap:16px;justify-content:center}.root-letter-box{align-items:center;animation:popIn .5s cubic-bezier(.34,1.56,.64,1);animation-fill-mode:backwards;background:linear-gradient(135deg,#d4af37,#f4d03f);border-radius:16px;box-shadow:0 4px 16px #d4af3766;display:flex;flex-direction:column;gap:8px;min-width:80px;padding:20px}.root-letter-box:first-child{animation-delay:.1s}.root-letter-box:nth-child(2){animation-delay:.2s}.root-letter-box:nth-child(3){animation-delay:.3s}@keyframes popIn{0%{opacity:0;transform:scale(.5) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.letter-arabic{color:#1a1446;font-size:36px;font-weight:700}.letter-position{color:#1a1446b3;font-size:11px;font-weight:600;text-transform:uppercase}.root-meaning-box{background:#14ffec1a;border:1px solid #14ffec4d;border-radius:12px;padding:16px;text-align:center}.meaning-label{color:#ffffffb3;font-size:12px;margin-bottom:8px;text-transform:uppercase}.meaning-value{color:#14ffec;font-size:18px;font-weight:600}.etymology-insight{align-items:flex-start;background:#0000004d;border-left:4px solid #14ffec;border-radius:8px;display:flex;gap:12px;padding:16px}.insight-icon{flex-shrink:0;font-size:24px}.insight-text{color:#ffffffe6;font-size:14px;line-height:1.6}.insight-text strong{color:#14ffec;font-weight:700}.example-box{background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;padding:20px}.example-arabic{color:#14ffec;direction:rtl;font-size:24px;line-height:1.8;margin-bottom:16px;text-align:center}.example-translation{color:#ffffffe6;font-size:15px;font-style:italic;line-height:1.6;margin-bottom:12px;text-align:center}.example-reference{color:#fff9;font-size:12px;text-align:center}.root-chain-compact{align-items:center;background:#0000004d;border-radius:12px;display:flex;flex-direction:column;gap:12px;margin-bottom:20px;padding:20px}.chain-root-compact{align-items:center;background:linear-gradient(135deg,#d4af37,#f4d03f);border-radius:20px;box-shadow:0 4px 16px #d4af3766;display:flex;gap:8px;padding:12px 24px}.root-icon-chain{font-size:20px}.root-text-chain{color:#1a1446;direction:rtl;font-size:20px;font-weight:700}.chain-arrow{color:#14ffec;font-size:24px}.chain-words-compact{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;width:100%}.chain-word{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;gap:4px;min-width:120px;padding:12px 16px;transition:all .3s}.chain-word:hover{border-color:#14ffec;box-shadow:0 4px 12px #14ffec4d;transform:translateY(-4px)}.current-word-chain{animation:glow 2s ease-in-out infinite;background:linear-gradient(135deg,#0d737780,#14ffec4d);border-color:#14ffec;box-shadow:0 0 20px #14ffec66}@keyframes glow{0%,to{box-shadow:0 0 20px #14ffec66}50%{box-shadow:0 0 30px #14ffec99}}.word-ar{color:#14ffec;direction:rtl;font-size:18px;font-weight:600}.word-en{color:#fffc;font-size:12px}.current-indicator{color:#d4af37;font-size:10px;font-weight:600;margin-top:4px}.more-words-chain{background:#d4af3733;border-color:#d4af3780;color:#d4af37;font-weight:600;justify-content:center}.related-categories{display:flex;flex-direction:column;gap:16px}.related-cat-group{background:#0003;border:1px solid #ffffff1a;border-radius:12px;padding:16px}.cat-header{border-bottom:2px solid #d4af374d;color:#d4af37;font-size:14px;font-weight:700;margin-bottom:12px;padding-bottom:8px;text-transform:uppercase}.cat-words{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.related-word-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:10px;transition:all .3s}.related-word-item:hover{background:#ffffff1a;border-color:#14ffec;transform:translateY(-2px)}.rw-arabic{color:#14ffec;direction:rtl;font-size:16px;font-weight:600}.rw-meaning{color:#fffc;font-size:12px}.flashcard-bottom{display:flex;flex-direction:column;gap:16px}.confidence-rating{animation:slideUp .4s ease-out;background:linear-gradient(135deg,#1a144666,#0d737766);border:1px solid #ffffff1a;border-radius:16px;padding:20px}.confidence-label{color:#ffffffe6;font-size:14px;font-weight:600;margin-bottom:12px;text-align:center}.confidence-buttons{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.confidence-btn{align-items:center;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:14px 16px;transition:all .3s}.confidence-btn.weak{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff}.confidence-btn.weak:hover{box-shadow:0 6px 16px #ff6b6b66;transform:translateY(-4px)}.confidence-btn.medium{background:linear-gradient(135deg,#ffd93d,#f39c12);color:#1a1446}.confidence-btn.medium:hover{box-shadow:0 6px 16px #ffd93d66;transform:translateY(-4px)}.confidence-btn.strong{background:linear-gradient(135deg,#6bcf7f,#51cf66);color:#fff}.confidence-btn.strong:hover{box-shadow:0 6px 16px #6bcf7f66;transform:translateY(-4px)}.nav-buttons-ultra{align-items:center;display:flex;gap:16px;justify-content:space-between}.nav-btn{background:linear-gradient(135deg,#0d7377,#14ffec);border:none;border-radius:12px;box-shadow:0 4px 12px #0d73774d;color:#fff;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:14px 24px;transition:all .3s}.nav-btn:hover:not(:disabled){box-shadow:0 6px 16px #0d737780;transform:translateY(-4px)}.nav-btn:disabled{cursor:not-allowed;opacity:.4;transform:none}.prev-btn{background:linear-gradient(135deg,#667eea,#764ba2)}.card-counter{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;font-size:15px;font-weight:700;padding:12px 20px;white-space:nowrap}.learning-tip{animation:fadeIn 1s ease-out;background:linear-gradient(135deg,#d4af3733,#f4d03f33);border-left:4px solid #d4af37;border-radius:10px;color:#ffffffe6;font-size:13px;line-height:1.6;padding:14px 16px}.learning-tip strong{color:#d4af37}@media (max-width:768px){.flashcard-ultra-container{padding:12px}.flashcard-ultra{height:450px}.card-inner{padding:24px 20px}.arabic-display-ultra{font-size:60px;margin:30px 0 16px}.meaning-display-ultra{font-size:36px}.transliteration-ultra{font-size:20px}.info-grid-ultra{grid-template-columns:1fr}.detail-tabs-ultra{flex-direction:column}.root-letters-grid{gap:12px}.root-letter-box{min-width:70px;padding:16px}.letter-arabic{font-size:28px}.confidence-buttons{grid-template-columns:1fr}.nav-buttons-ultra{flex-direction:column}.nav-btn{width:100%}.card-counter{text-align:center;width:100%}.cat-words{grid-template-columns:1fr}.chain-words-compact{flex-direction:column}.chain-word{width:100%}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}button:focus-visible{outline:3px solid #14ffec;outline-offset:2px}@media print{.action-btn,.confidence-rating,.flashcard-bottom,.flashcard-top-bar,.learning-tip,.nav-btn{display:none}.flashcard-ultra{border:2px solid #333;box-shadow:none}}.flashcard-ultra-container{max-width:680px!important;padding:24px 20px!important}.flashcard-top-bar{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:#ffffff0d!important;border:1px solid #ffffff14!important;border-radius:14px!important;box-shadow:0 4px 20px #0000004d,inset 0 1px 0 #ffffff0f!important;padding:14px 18px!important}.progress-text{color:#f4e4c1bf!important;font-size:13px!important}.progress-bar-mini{background:#ffffff12!important;border-radius:999px!important;height:5px!important}.progress-fill-mini{background:linear-gradient(90deg,#d4af37,#14ffec)!important;box-shadow:0 0 8px #14ffec66!important}.action-btn{background:#ffffff12!important;border:1px solid #ffffff1f!important;border-radius:10px!important;transition:all .25s cubic-bezier(.34,1.56,.64,1)!important}.action-btn:hover:not(:disabled){background:#ffffff24!important;box-shadow:0 4px 14px #14ffec33!important;transform:scale(1.1) translateY(-1px)!important}.flashcard-ultra{height:480px!important;perspective:1800px!important}.flashcard-side{border-radius:24px!important;box-shadow:0 24px 70px #0000008c,inset 0 1px 0 #ffffff1a!important;transition:transform .55s cubic-bezier(.4,0,.2,1)!important}.front-side{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:linear-gradient(145deg,#1a1446f2,#2d1b69e6 40%,#0d2a2ef2)!important;border:1px solid #d4af3733!important}.front-side:before{background:linear-gradient(90deg,#0000,#d4af37,#14ffec,#0000);border-radius:999px;content:"";height:1px;left:50%;pointer-events:none;position:absolute;top:-1px;transform:translateX(-50%);width:50%}.back-side{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:linear-gradient(145deg,#0d2a2ef5,#0d7377d9 50%,#0b1220f5)!important;border:1px solid #14ffec2e!important}.arabic-display-ultra{color:#f4e4c1fa!important;font-size:76px!important;text-shadow:0 4px 24px #d4af374d!important}.transliteration-ultra{color:#f4e4c18c!important;font-size:22px!important;letter-spacing:.3px!important}.category-badge-ultra{background:#14ffec1a!important;border-color:#14ffec4d!important;color:#14ffec!important;letter-spacing:.8px!important}.occurrence-badge-ultra{background:#00000040!important;border-color:#ffffff12!important}.occ-count{color:#14ffec!important}.root-badge-top{background:linear-gradient(135deg,#b8860b,#d4af37)!important;border-radius:999px!important;box-shadow:0 4px 20px #d4af3766!important;padding:8px 22px!important}.nav-btn{border:none!important;border-radius:12px!important;font-size:14px!important;font-weight:700!important;padding:13px 22px!important;transition:all .3s cubic-bezier(.34,1.56,.64,1)!important}.nav-btn:not(.prev-btn){background:linear-gradient(135deg,#0d7377,#14ffec)!important;box-shadow:0 4px 18px #0d737773!important;color:#0b1220!important}.prev-btn{background:#ffffff12!important;border:1px solid #ffffff1f!important;box-shadow:none!important;color:#f4e4c1cc!important}.nav-btn:hover:not(:disabled):not(.prev-btn){box-shadow:0 8px 28px #0d737799!important;transform:translateY(-3px) scale(1.02)!important}.prev-btn:hover:not(:disabled){background:#ffffff1c!important;transform:translateY(-2px)!important}.card-counter{background:#ffffff0f!important;border:1px solid #ffffff1a!important;border-radius:10px!important;color:#f4e4c1bf!important;font-size:14px!important}.confidence-btn{border:none!important;border-radius:12px!important;font-size:14px!important;font-weight:700!important;padding:13px 20px!important;transition:all .3s cubic-bezier(.34,1.56,.64,1)!important}.confidence-btn.weak{background:linear-gradient(135deg,#e74c3c4d,#c0392b40)!important;border:1px solid #e74c3c59!important;color:#e74c3c!important}.confidence-btn.weak:hover{background:linear-gradient(135deg,#c0392b,#e74c3c)!important;border-color:#0000!important;box-shadow:0 4px 18px #e74c3c73!important;color:#fff!important;transform:translateY(-3px)!important}.confidence-btn.medium{background:linear-gradient(135deg,#e67e224d,#c0611640)!important;border:1px solid #e67e2259!important;color:#e67e22!important}.confidence-btn.medium:hover{background:linear-gradient(135deg,#d35400,#e67e22)!important;border-color:#0000!important;box-shadow:0 4px 18px #e67e2273!important;color:#fff!important;transform:translateY(-3px)!important}.confidence-btn.strong{background:linear-gradient(135deg,#27ae604d,#1b8e4b40)!important;border:1px solid #27ae6059!important;color:#27ae60!important}.confidence-btn.strong:hover{background:linear-gradient(135deg,#1e8449,#27ae60)!important;border-color:#0000!important;box-shadow:0 4px 18px #27ae6073!important;color:#fff!important;transform:translateY(-3px)!important}.learning-tip{background:#d4af3714!important;border:1px solid #d4af3733!important;border-left:3px solid #d4af37!important;border-radius:12px!important;color:#f4e4c1b3!important}.learning-tip strong{color:#d4af37!important}@media (max-width:768px){.flashcard-ultra{height:420px!important}.arabic-display-ultra{font-size:56px!important}.nav-buttons-ultra{gap:10px!important}}body:not(.dark-mode) .flashcard-top-bar{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;border:1px solid #10b9811f!important;box-shadow:0 2px 10px #10b98114!important}body:not(.dark-mode) .progress-text{color:#047857a6!important}body:not(.dark-mode) .progress-bar-mini{background:#10b9811f!important}body:not(.dark-mode) .action-btn{background:#10b98112!important;border:1px solid #10b98124!important;color:#064e3b!important}body:not(.dark-mode) .action-btn:hover:not(:disabled){background:#10b9811f!important;box-shadow:0 4px 12px #10b98126!important}body:not(.dark-mode) .flashcard-side{box-shadow:0 16px 50px #0478571f,inset 0 1px 0 #fffffff2!important}body:not(.dark-mode) .front-side{background:linear-gradient(145deg,#fff,#ecfdf5 55%,#fef9e7)!important;border:1px solid #10b9812e!important}body:not(.dark-mode) .back-side,body:not(.dark-mode) .front-side{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}body:not(.dark-mode) .back-side{background:linear-gradient(145deg,#ecfdf5,#d1fae5 55%,#fff)!important;border:1px solid #10b98138!important}body:not(.dark-mode) .arabic-display-ultra{color:#064e3b!important;text-shadow:none!important}body:not(.dark-mode) .transliteration-ultra{color:#04785780!important}body:not(.dark-mode) .category-badge-ultra{background:#10b9811a!important;border-color:#10b98140!important;color:#059669!important}body:not(.dark-mode) .occurrence-badge-ultra{background:#10b9810f!important;border-color:#10b9811a!important}body:not(.dark-mode) .occ-count{color:#059669!important}body:not(.dark-mode) .prev-btn{background:#10b98112!important;border:1px solid #10b98124!important;color:#047857b3!important}body:not(.dark-mode) .prev-btn:hover:not(:disabled){background:#10b9811f!important;color:#064e3b!important}body:not(.dark-mode) .card-counter{background:#10b9810f!important;border:1px solid #10b9811a!important;color:#047857a6!important}body:not(.dark-mode) .learning-tip{background:#d4af370f!important;border-color:#d4af3738 #d4af3738 #d4af3738 #d4af37!important;color:#047857bf!important}body:not(.dark-mode) .learning-tip strong{color:#b8860b!important}.quiz-type-selection{margin:0 auto;max-width:1000px;padding:40px 20px}.quiz-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0d7377,#14ffec);-webkit-background-clip:text;background-clip:text;font-size:42px;margin-bottom:12px;text-align:center}.quiz-subtitle{color:#6c757d;font-size:18px;margin-bottom:40px;text-align:center}.quiz-types-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.quiz-type-card{background:#fff;border:3px solid #e9ecef;border-radius:20px;cursor:pointer;overflow:hidden;padding:32px 24px;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.quiz-type-card:before{background:linear-gradient(135deg,#0d73770d,#14ffec0d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s}.quiz-type-card:hover:before{opacity:1}.quiz-type-card:hover{border-color:#0d7377;box-shadow:0 20px 40px #0d737733;transform:translateY(-8px)}.quiz-type-card.locked{cursor:not-allowed;opacity:.6}.quiz-type-card.locked:hover{border-color:#e9ecef;box-shadow:none;transform:none}.premium-lock{background:linear-gradient(135deg,#d4af37,#f4e4c1);border-radius:8px;box-shadow:0 2px 8px #d4af374d;color:#1a1446;font-size:12px;font-weight:700;padding:6px 12px;position:absolute;right:16px;top:16px}.quiz-type-icon{font-size:60px;margin-bottom:16px}.quiz-type-card h3{color:#1a1446;font-size:22px;font-weight:700;margin-bottom:12px}.quiz-type-card p{color:#6c757d;font-size:15px;line-height:1.5;margin-bottom:16px}.quiz-type-meta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.difficulty{border-radius:8px;font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.difficulty.easy{background:#d4edda;color:#155724}.difficulty.medium{background:#fff3cd;color:#856404}.difficulty.hard{background:#f8d7da;color:#721c24}.questions{background:#e9ecef;border-radius:8px;color:#495057;font-size:12px;font-weight:600;padding:6px 12px}.premium-quiz-upsell{align-items:center;background:linear-gradient(135deg,#1a1446,#2d1b69);border:2px solid #d4af37;border-radius:16px;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;padding:20px 24px}.upsell-icon{font-size:32px}.upsell-text{color:#f4e4c1;font-size:16px;font-weight:600}.upsell-btn-quiz{background:linear-gradient(135deg,#d4af37,#f4e4c1);border:none;border-radius:10px;box-shadow:0 4px 15px #d4af3766;color:#1a1446;cursor:pointer;font-size:15px;font-weight:700;padding:12px 28px;transition:all .3s}.upsell-btn-quiz:hover{box-shadow:0 6px 20px #d4af3780;transform:translateY(-2px)}.quiz-container-enhanced{margin:0 auto;max-width:800px;padding:20px}.quiz-header{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000d;padding:20px}.quiz-progress-info{margin-bottom:16px}.question-counter{color:#6c757d;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.quiz-progress-bar{background:#e9ecef;border-radius:10px;height:8px;overflow:hidden}.quiz-progress-fill{background:linear-gradient(90deg,#0d7377,#14ffec);border-radius:10px;height:100%;transition:width .5s ease}.quiz-stats{display:flex;gap:16px;justify-content:space-around}.stat-item-quiz{align-items:center;background:#f8f9fa;border-radius:10px;display:flex;gap:8px;padding:8px 16px}.stat-item-quiz.timer{background:linear-gradient(135deg,#0d7377,#14ffec)}.stat-item-quiz.timer .stat-icon,.stat-item-quiz.timer .stat-value{color:#fff}.stat-icon{font-size:20px}.stat-value{font-size:18px}.stat-value.warning{animation:pulse 1s infinite;color:#ff6b6b}.question-card{animation:slideIn .5s ease-out;background:#fff;border-radius:20px;box-shadow:0 8px 30px #0000001a;margin-bottom:20px;padding:40px}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.question-prompt{color:#6c757d;font-size:20px;font-weight:600;margin-bottom:24px;text-align:center}.question-word{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px;margin-bottom:32px;padding:24px;text-align:center}.word-arabic-quiz{color:#0d7377;font-family:Amiri,Traditional Arabic,serif;font-size:56px;font-weight:700;margin-bottom:8px}.word-transliteration-quiz{color:#6c757d;font-size:20px;font-style:italic}.quiz-options{display:flex;flex-direction:column;gap:12px}.quiz-option{align-items:center;background:#f8f9fa;border:3px solid #e9ecef;border-radius:12px;cursor:pointer;display:flex;font-size:16px;gap:16px;padding:16px 20px;text-align:left;transition:all .3s}.quiz-option:hover:not(:disabled){background:#fff;border-color:#0d7377;box-shadow:0 4px 15px #0d737733;transform:translateX(8px)}.quiz-option:disabled{cursor:not-allowed}.quiz-option.correct{animation:correctPulse .5s ease-out;background:linear-gradient(135deg,#d4edda,#c3e6cb);border-color:#28a745}.quiz-option.incorrect{animation:shake .5s ease-out;background:linear-gradient(135deg,#f8d7da,#f5c6cb);border-color:#dc3545}@keyframes correctPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.option-letter{background:#fff;border:2px solid #dee2e6;border-radius:10px;color:#495057}.quiz-option:hover:not(:disabled) .option-letter{background:#0d7377;border-color:#0d7377;color:#fff}.quiz-option.correct .option-letter{background:#28a745;border-color:#28a745;color:#fff}.option-text{font-weight:500}.typing-section{display:flex;flex-direction:column;gap:16px}.typing-input{border:3px solid #e9ecef;border-radius:12px;font-size:18px;padding:16px 20px;transition:all .3s;width:100%}.typing-input:focus{border-color:#0d7377;box-shadow:0 0 0 4px #0d73771a;outline:none}.submit-btn{background:linear-gradient(135deg,#0d7377,#14ffec);border:none;border-radius:12px;box-shadow:0 4px 15px #0d73774d;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:16px 32px;transition:all .3s}.submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #0d737766;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.5}.feedback{align-items:center;animation:slideDown .3s ease-out;border-radius:12px;display:flex;gap:16px;margin-top:20px;padding:20px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.correct-feedback{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:2px solid #28a745}.incorrect-feedback{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:2px solid #dc3545}.feedback-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:28px;font-weight:700;height:50px;justify-content:center;width:50px}.correct-feedback .feedback-icon{background:#28a745;color:#fff}.incorrect-feedback .feedback-icon{background:#dc3545;color:#fff}.feedback-text{font-size:16px;line-height:1.5}.quiz-hint-section{margin-top:20px;text-align:center}.hint-btn-quiz{background:linear-gradient(135deg,#f4e4c1,#d4af37);border:none;border-radius:10px;color:#1a1446;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;position:relative;transition:all .3s}.hint-btn-quiz:hover{box-shadow:0 4px 15px #d4af374d;transform:translateY(-2px)}.premium-badge-quiz{background:#dc3545;border-radius:6px;color:#fff;font-size:10px;font-weight:700;padding:3px 6px;position:absolute;right:-8px;top:-8px}.quiz-complete{margin:40px auto;max-width:600px;padding:20px}.result-card{animation:zoomIn .5s ease-out;background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000001a;padding:48px 32px;text-align:center}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.result-card.passed{border:4px solid #28a745}.result-card.failed{border:4px solid #ffc107}.result-icon{font-size:80px;margin-bottom:16px}.result-title{font-size:36px;font-weight:700;margin-bottom:32px}.result-card.passed .result-title{color:#28a745}.result-card.failed .result-title{color:#ffc107}.result-score{align-items:center;display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.score-circle{height:150px;position:relative;width:150px}.score-circle svg{transform:rotate(-90deg)}.score-bg{fill:none;stroke:#e9ecef;stroke-width:8}.score-fill{fill:none;stroke:#0d7377;stroke-width:8;stroke-linecap:round;transition:stroke-dasharray 1s ease}.score-text{color:#0d7377;font-size:36px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.score-details{display:flex;gap:32px}.score-item{display:flex;flex-direction:column;gap:4px}.score-label{color:#6c757d;font-size:14px;letter-spacing:.5px;text-transform:uppercase}.score-value{color:#1a1446;font-size:24px;font-weight:700}.achievements-earned{background:linear-gradient(135deg,#fff3cd,#ffe69c);border:2px solid #ffc107;border-radius:16px;margin:32px 0;padding:24px}.achievements-earned h3{font-size:20px;margin-bottom:16px}.achievements-list{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.achievement-badge{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;display:flex;gap:8px;padding:8px 16px}.achievement-icon{font-size:24px}.achievement-name{font-size:14px;font-weight:600}.result-actions{display:flex;gap:12px;justify-content:center}.result-btn{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:700;padding:14px 32px;transition:all .3s}.result-btn.primary{background:linear-gradient(135deg,#0d7377,#14ffec);box-shadow:0 4px 15px #0d73774d;color:#fff}.result-btn.primary:hover{box-shadow:0 6px 20px #0d737766;transform:translateY(-2px)}.result-btn.secondary{background:#fff;border:2px solid #0d7377;color:#0d7377}.result-btn.secondary:hover{background:#0d7377;color:#fff}.quiz-premium-prompt{background:#d4af371a;border:2px dashed #d4af37;border-radius:12px;margin-top:24px;padding:16px;text-align:center}.quiz-premium-prompt p{color:#856404;font-size:15px;margin-bottom:12px}.premium-btn-small{background:linear-gradient(135deg,#d4af37,#f4e4c1);border:none;border-radius:8px;color:#1a1446;cursor:pointer;font-size:14px;font-weight:700;padding:8px 20px}@media (max-width:768px){.quiz-title{font-size:32px}.quiz-types-grid{grid-template-columns:1fr}.question-card{padding:24px}.word-arabic-quiz{font-size:42px}.quiz-option{padding:12px 16px}.result-card{padding:32px 20px}.result-title{font-size:28px}.score-details{gap:16px}.result-actions,.score-details{flex-direction:column}.result-btn{width:100%}}.quiz-subtitle,.quiz-type-selection>.quiz-subtitle{color:#f4e4c18c!important}.quiz-type-card{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:#ffffff0f!important;border:1px solid #ffffff1f!important;box-shadow:0 4px 20px #00000059,inset 0 1px 0 #ffffff12!important;transition:all .3s cubic-bezier(.34,1.56,.64,1)!important}.quiz-type-card:hover{background:#ffffff1a!important;border-color:#14ffec4d!important;box-shadow:0 16px 40px #00000080,0 0 30px #0d737726!important;transform:translateY(-8px)!important}.quiz-type-card h3{color:#f4e4c1eb!important}.quiz-type-card p{color:#f4e4c180!important}.quiz-type-icon{font-size:48px!important}.quiz-header{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:#ffffff0d!important;border:1px solid #ffffff14!important;box-shadow:0 4px 20px #0000004d,inset 0 1px 0 #ffffff0f!important}.question-counter{color:#f4e4c180!important}.quiz-progress-bar{background:#ffffff14!important}.stat-item-quiz{background:#ffffff0d!important;border:1px solid #ffffff14!important;color:#f4e4c1b3!important}.stat-value{color:#f4e4c1e6!important}.question-card{-webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important;background:#ffffff0f!important;border:1px solid #ffffff1a!important;box-shadow:0 8px 32px #0006,inset 0 1px 0 #ffffff0f!important}.question-text{color:#f4e4c1e6!important}.quiz-option{background:#ffffff0f!important;border:1px solid #ffffff1f!important;color:#f4e4c1d9!important;transition:all .25s cubic-bezier(.34,1.56,.64,1)!important}.quiz-option:hover:not(:disabled){background:#ffffff1a!important;border-color:#14ffec59!important;color:#fff!important;transform:translateX(4px)!important}.quiz-option .option-letter{background:#ffffff1a!important;border:1px solid #ffffff26!important;color:#f4e4c1cc!important}.result-card{-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;background:#ffffff0f!important;border:1px solid #ffffff1a!important;box-shadow:0 20px 60px #00000080,inset 0 1px 0 #ffffff14!important}.result-title{color:#f4e4c1e6!important}.result-card .result-stats{background:#ffffff0a!important;border-color:#ffffff12!important}.quiz-premium-prompt{background:#d4af3714!important;border-color:#d4af3740!important}.quiz-premium-prompt p{color:#f4e4c1a6!important}body:not(.dark-mode) .quiz-subtitle{color:#0478578c!important}body:not(.dark-mode) .quiz-type-card{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;border:1px solid #04785714!important;box-shadow:0 2px 12px #04785712!important}body:not(.dark-mode) .quiz-type-card:hover{background:#fafafa!important;border-color:#10b98140!important;box-shadow:0 12px 32px #10b9811f!important}body:not(.dark-mode) .quiz-type-card h3{color:#064e3b!important}body:not(.dark-mode) .quiz-type-card p{color:#0478578c!important}body:not(.dark-mode) .quiz-header{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;border:1px solid #10b9811a!important;box-shadow:0 2px 10px #10b98112!important}body:not(.dark-mode) .question-counter{color:#04785780!important}body:not(.dark-mode) .quiz-progress-bar{background:#10b9811f!important}body:not(.dark-mode) .stat-item-quiz{background:#10b9810d!important;border:1px solid #10b9811a!important;color:#047857b3!important}body:not(.dark-mode) .stat-value{color:#064e3b!important}body:not(.dark-mode) .question-card{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;border:1px solid #10b9811a!important;box-shadow:0 4px 20px #10b98117!important}body:not(.dark-mode) .question-text{color:#064e3b!important}body:not(.dark-mode) .quiz-option{background:#fff!important;border:1px solid #10b9811a!important;color:#1e3a2f!important}body:not(.dark-mode) .quiz-option:hover:not(:disabled){background:#f0fdf4!important;border-color:#10b9814d!important;color:#064e3b!important;transform:translateX(4px)!important}body:not(.dark-mode) .quiz-option .option-letter{background:#10b98114!important;border:1px solid #10b98126!important;color:#064e3b!important}body:not(.dark-mode) .result-card{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;border:1px solid #10b9811a!important;box-shadow:0 8px 32px #10b9811a!important}body:not(.dark-mode) .result-title{color:#064e3b!important}body:not(.dark-mode) .result-card .result-stats{background:#10b9810a!important;border-color:#10b98117!important}body:not(.dark-mode) .quiz-premium-prompt{background:#d4af370d!important;border-color:#d4af372e!important}body:not(.dark-mode) .quiz-premium-prompt p{color:#04785799!important}.daily-word-overlay{align-items:center;animation:fadeIn .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:4000}.daily-word-modal{animation:scaleIn .4s;background:#fff;border-radius:24px;box-shadow:0 25px 70px #0006;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:100%}.close-daily{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;height:36px;position:absolute;right:16px;top:16px;transition:all .3s;width:36px;z-index:10}.close-daily:hover{background:#ffffff4d;transform:rotate(90deg)}.daily-word-header{background:linear-gradient(135deg,#ffc107,#ff9800);border-radius:24px 24px 0 0;color:#fff;padding:32px;text-align:center}.daily-icon{animation:float 3s ease-in-out infinite;font-size:64px;margin-bottom:12px}.daily-word-header h2{font-size:28px;margin:0 0 8px}.daily-date{font-size:14px;margin:0;opacity:.9}.daily-word-content{padding:32px}.word-display-daily{background:linear-gradient(135deg,#fff9e6,#fff3cd);border-radius:16px;margin-bottom:24px;padding:24px;text-align:center}.arabic-daily{color:#1a1446;font-family:Amiri,Traditional Arabic,serif;font-size:64px;font-weight:700;margin-bottom:12px}.transliteration-daily{color:#856404;font-size:24px;margin-bottom:8px}.meaning-daily{color:#495057;font-size:28px;font-weight:600}.word-details-daily{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.detail-item-daily{background:#f8f9fa;border-radius:10px;padding:16px;text-align:center}.detail-label-daily{color:#6c757d;display:block;font-size:12px;font-weight:600;margin-bottom:6px;text-transform:uppercase}.detail-value-daily{color:#1a1446;display:block;font-size:18px;font-weight:700}.motivation-quote{background:#e7f0ff;border-left:4px solid #4dabf7;border-radius:8px;margin-bottom:24px;padding:16px 20px}.motivation-quote p{color:#1971c2;font-size:14px;line-height:1.6;margin:0}.daily-actions{display:flex;flex-direction:column;gap:16px;padding:0 32px 32px}.btn-share-main{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:12px;box-shadow:0 4px 15px #25d3664d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:8px;justify-content:center;padding:16px 32px;transition:all .3s}.btn-share-main:hover{box-shadow:0 6px 20px #25d36666;transform:translateY(-2px)}.btn-share-main.success{animation:successPulse .6s;background:linear-gradient(135deg,#51cf66,#8ce99a)}.quick-share-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.quick-share-btn{align-items:center;border:none;border-radius:50%;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;font-size:20px;height:48px;justify-content:center;transition:all .3s;width:48px}.quick-share-btn:hover{box-shadow:0 4px 12px #0003;transform:translateY(-3px) scale(1.1)}.quick-share-btn.whatsapp{background:#25d366;color:#fff}.quick-share-btn.twitter{background:#1da1f2;color:#fff;font-size:18px;font-weight:700}.quick-share-btn.telegram{background:#08c;color:#fff}.quick-share-btn.copy{background:#6c757d;color:#fff}.quick-share-btn.image{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.quick-share-btn.email{background:#ea4335;color:#fff}.btn-more-options{background:#fff;border:2px solid #e9ecef;border-radius:10px;color:#6c757d;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s}.btn-more-options:hover{border-color:#ffc107;color:#856404}.expanded-share-menu{animation:expandMenu .3s;background:#f8f9fa;border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:12px}@keyframes expandMenu{0%{max-height:0;opacity:0}to{max-height:300px;opacity:1}}.expanded-share-menu button{align-items:center;background:#fff;border:none;border-radius:8px;color:#495057;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:12px;padding:12px 16px;text-align:left;transition:all .3s}.expanded-share-menu button:hover{background:#e7f0ff;color:#1971c2;transform:translateX(4px)}.expanded-share-menu button span{font-size:20px}.btn-learn-daily{background:linear-gradient(135deg,#0d7377,#14ffec);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:14px 32px;transition:all .3s}.btn-learn-daily:hover{box-shadow:0 4px 15px #0d73774d;transform:translateY(-2px)}.daily-footer{background:#f8f9fa;border-top:2px solid #e9ecef;padding:20px 32px;text-align:center}.daily-footer p{color:#6c757d;font-size:14px;margin:0}@media (max-width:768px){.daily-word-modal{border-radius:16px;margin:10px}.daily-word-header{padding:24px}.daily-icon{font-size:48px}.daily-word-header h2{font-size:24px}.daily-word-content{padding:24px}.arabic-daily{font-size:48px}.transliteration-daily{font-size:20px}.meaning-daily{font-size:24px}.word-details-daily{gap:12px;grid-template-columns:1fr}.daily-actions{padding:0 24px 24px}.quick-share-buttons{gap:12px}.quick-share-btn{font-size:24px;height:56px;width:56px}}.review-container{margin:2rem auto;max-width:700px;padding:2rem}.review-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.review-progress-text,.review-score{color:#667eea;font-size:1.2rem;font-weight:600}.review-progress-bar{background:#e0e0e0;border-radius:10px;height:8px;margin-bottom:2rem;overflow:hidden;width:100%}.review-progress-fill{background:linear-gradient(90deg,#10b981,#059669);height:100%;transition:width .3s ease}.review-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin-bottom:2rem;padding:3rem 2rem}.review-question{margin-bottom:2rem;text-align:center}.review-question h2{color:#333;font-size:1.5rem;margin-bottom:2rem}.review-arabic{color:#667eea;font-size:5rem;font-weight:700;margin-bottom:1rem}.review-transliteration{color:#999;font-size:1.8rem;font-style:italic}.review-btn{border:none;border-radius:12px;box-shadow:0 4px 12px #0000001a;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s}.review-btn.show-answer{background:#667eea;color:#fff;width:100%}.review-btn.show-answer:hover{background:#5568d3;box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.review-answer{animation:fadeIn .4s ease;margin-bottom:2rem;text-align:center}.answer-meaning{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:2rem}.answer-details{background:#f5f5f5;border-radius:12px;padding:1.5rem;text-align:left}.answer-details p{color:#666;font-size:1.1rem;margin:.75rem 0}.answer-details strong{color:#333}.review-response{margin-top:2rem}.review-response h3{color:#333;font-size:1.3rem;margin-bottom:1.5rem;text-align:center}.response-buttons{display:flex;gap:1rem}.review-btn.wrong{background:#ef4444;color:#fff;flex:1 1}.review-btn.wrong:hover{background:#dc2626;box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.review-btn.correct{background:#10b981;color:#fff;flex:1 1}.review-btn.correct:hover{background:#059669;box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.review-info{color:#999;font-size:.95rem;text-align:center}.review-complete{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin:4rem auto;max-width:600px;padding:3rem;text-align:center}.complete-icon{animation:bounceIn .6s ease;font-size:6rem;margin-bottom:1rem}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.review-complete h2{color:#333;font-size:2.5rem;margin-bottom:1rem}.review-complete p{color:#666;font-size:1.2rem;margin-bottom:2rem}.next-review-info{background:#f0f9ff;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.next-review-info p{color:#0369a1;font-size:1rem;margin:.5rem 0}.review-btn.primary{background:#667eea;color:#fff}.review-btn.primary:hover{background:#5568d3;box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.dark-mode .review-card,.dark-mode .review-complete{background:#16213e}.dark-mode .answer-meaning,.dark-mode .review-complete h2,.dark-mode .review-question h2,.dark-mode .review-response h3{color:#eee}.dark-mode .answer-details{background:#0f3460}.dark-mode .answer-details p{color:#aaa}.review-progress-text,.review-score{color:#14ffecd9!important}.review-progress-bar{background:#ffffff14!important}.review-card{-webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important;background:#ffffff0f!important;border:1px solid #ffffff1a!important;box-shadow:0 8px 32px #00000073,inset 0 1px 0 #ffffff12!important;color:#f4e4c1e6!important}.review-question h2{color:#f4e4c1d9!important}.review-arabic{color:#f4e4c1f2!important;text-shadow:0 0 20px #d4af3733!important}.answer-meaning{color:#f4e4c1e6!important}.answer-details{background:#ffffff0a!important;border:1px solid #ffffff12!important}.answer-details p{color:#f4e4c1a6!important}.answer-details strong{color:#f4e4c1d9!important}.review-complete{-webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important;background:#ffffff0d!important;border:1px solid #ffffff17!important;box-shadow:0 8px 32px #0006!important}.review-complete h2{color:#f4e4c1e6!important}.review-complete p{color:#f4e4c18c!important}.next-review-info{background:#0d73771a!important;border:1px solid #14ffec26!important;border-radius:12px!important}.next-review-info p{color:#f4e4c1a6!important}.dark-mode .answer-details strong{color:#eee}.dark-mode .review-complete p{color:#aaa}.dark-mode .next-review-info{background:#0f3460}.dark-mode .next-review-info p{color:#7c9fff}@media (max-width:768px){.review-arabic{font-size:3.5rem}.answer-meaning{font-size:2rem}.response-buttons{flex-direction:column}}.review-audio-btn{background:#667eea;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;margin-bottom:1.5rem;padding:.6rem 1.5rem;transition:all .3s}.review-audio-btn:hover{background:#5568d3;box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.dark-mode .review-audio-btn{background:#7c9fff}.dark-mode .review-audio-btn:hover{background:#6b8fee}body:not(.dark-mode) .review-progress-text,body:not(.dark-mode) .review-score{color:#059669!important}body:not(.dark-mode) .review-progress-bar{background:#10b9811f!important}body:not(.dark-mode) .review-card{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;border:1px solid #10b9811a!important;box-shadow:0 4px 20px #10b98117!important;color:#1e3a2f!important}body:not(.dark-mode) .review-question h2{color:#064e3b!important}body:not(.dark-mode) .review-arabic{color:#064e3b!important;text-shadow:none!important}body:not(.dark-mode) .answer-meaning{color:#064e3b!important}body:not(.dark-mode) .answer-details{background:#10b9810a!important;border:1px solid #10b98117!important}body:not(.dark-mode) .answer-details p{color:#0478579e!important}body:not(.dark-mode) .answer-details strong{color:#064e3b!important}body:not(.dark-mode) .review-complete{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;border:1px solid #10b9811a!important;box-shadow:0 4px 20px #10b98117!important}body:not(.dark-mode) .review-complete h2{color:#064e3b!important}body:not(.dark-mode) .review-complete p{color:#04785785!important}body:not(.dark-mode) .next-review-info{background:#0d73770f!important;border:1px solid #0d737726!important}body:not(.dark-mode) .next-review-info p{color:#0d7377!important}.dashboard-overlay-enhanced{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;display:flex;height:100%;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;top:0;width:100%;z-index:10000}.dashboard-modal-enhanced{animation:slideUp .4s ease-out;background:linear-gradient(135deg,#1a1446,#0d1117);border-radius:24px;box-shadow:0 25px 70px #0009;max-height:95vh;max-width:1200px;overflow-y:auto;padding:40px;position:relative;width:100%}.close-btn-enhanced{background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:24px;height:44px;position:absolute;right:20px;top:20px;transition:all .3s;width:44px}.close-btn-enhanced:hover{background:#fff3;transform:rotate(90deg)}.dashboard-header-enhanced{margin-bottom:30px;text-align:center}.dashboard-header-enhanced h1{color:#fff;font-size:42px;font-weight:700;margin-bottom:8px}.dashboard-subtitle{color:#ffffffb3;font-size:18px}.progress-summary-enhanced{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:40px}.progress-stat{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:24px;text-align:center}.stat-number{font-size:48px;margin-bottom:8px}.stat-label{color:#fff9}.methods-grid-enhanced{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin-bottom:40px}.method-card-enhanced{background:#ffffff0d;border:2px solid #0000;border-radius:20px;padding:32px;position:relative;transition:all .3s}.method-card-enhanced:before{background:linear-gradient(90deg,var(--card-color-1),var(--card-color-2));content:"";height:4px;left:0;position:absolute;right:0;top:0}.method-card-enhanced.spaced-repetition{--card-color-1:#6366f1;--card-color-2:#8b5cf6}.method-card-enhanced.mnemonics{--card-color-1:#ec4899;--card-color-2:#f43f5e}.method-card-enhanced.active-recall{--card-color-1:#14b8a6;--card-color-2:#06b6d4}.method-card-enhanced.multi-sensory{--card-color-1:#f59e0b;--card-color-2:#f97316}.method-card-enhanced:hover{border-color:var(--card-color-1);box-shadow:0 20px 40px #0000004d;transform:translateY(-8px)}.method-icon-large{animation:float 3s ease-in-out infinite;font-size:64px;margin-bottom:20px;text-align:center}.method-title{color:#fff;font-size:24px;font-weight:700;margin-bottom:12px;text-align:center}.method-description{color:#ffffffb3;font-size:15px;line-height:1.6;margin-bottom:20px;min-height:60px;text-align:center}.method-benefits{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:24px}.benefit-tag{background:#ffffff1a;border-radius:12px;color:#fffc;font-size:12px;font-weight:600;padding:6px 12px}.method-btn-enhanced{align-items:center;border:none;border-radius:14px;cursor:pointer;display:flex;font-size:18px;font-weight:700;justify-content:space-between;letter-spacing:.5px;padding:18px 24px;text-transform:uppercase;transition:all .3s;width:100%}.method-btn-enhanced .btn-arrow{font-size:24px;transition:transform .3s}.method-btn-enhanced:hover .btn-arrow{transform:translateX(5px)}.method-btn-enhanced.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 8px 24px #6366f180;color:#fff}.method-btn-enhanced.primary:hover{box-shadow:0 12px 32px #6366f1b3;transform:translateY(-3px)}.method-btn-enhanced.secondary{background:linear-gradient(135deg,#ec4899,#f43f5e);box-shadow:0 8px 24px #ec489980;color:#fff}.method-btn-enhanced.secondary:hover{box-shadow:0 12px 32px #ec4899b3;transform:translateY(-3px)}.method-btn-enhanced.accent{background:linear-gradient(135deg,#14b8a6,#06b6d4);box-shadow:0 8px 24px #14b8a680;color:#fff}.method-btn-enhanced.accent:hover{box-shadow:0 12px 32px #14b8a6b3;transform:translateY(-3px)}.method-btn-enhanced.highlight{background:linear-gradient(135deg,#f59e0b,#f97316);box-shadow:0 8px 24px #f59e0b80;color:#fff}.method-btn-enhanced.highlight:hover{box-shadow:0 12px 32px #f59e0bb3;transform:translateY(-3px)}.dashboard-info-enhanced{background:#14ffec0d;border-left:4px solid #14ffec;border-radius:12px;padding:24px}.dashboard-info-enhanced h4{color:#14ffec;font-size:18px;font-weight:600;margin-bottom:8px}.dashboard-info-enhanced p{color:#ffffffb3;font-size:15px;line-height:1.6}@media (max-width:768px){.methods-grid-enhanced,.progress-summary-enhanced{grid-template-columns:1fr}}.active-recall-container{margin:0 auto;max-width:800px;min-height:100vh;padding:24px}.quiz-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.quiz-title{color:#1a1446;font-size:24px;font-weight:700;margin:0}.quiz-score{background:#0d73771a;border-radius:20px;color:#0d7377;font-size:18px;font-weight:700;padding:8px 16px}.quiz-type-selector{display:flex;gap:12px;justify-content:center;margin-bottom:24px}.type-btn{background:#fff;border:2px solid #e9ecef;border-radius:12px;color:#495057;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;max-width:200px;padding:12px 24px;transition:all .3s}.type-btn:hover{border-color:#0d7377;transform:translateY(-2px)}.type-btn.active{background:linear-gradient(135deg,#0d7377,#14ffec);border-color:#0d7377;box-shadow:0 4px 12px #0d73774d;color:#fff}.quiz-progress{margin-bottom:32px}.progress-bar{background:#e9ecef;border-radius:4px;height:8px;margin-bottom:8px;width:100%}.progress-fill{background:linear-gradient(90deg,#0d7377,#14ffec);border-radius:4px;transition:width .4s ease}.progress-text{color:#6c757d;font-size:14px;font-weight:600}.quiz-question{background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #e9ecef;border-radius:16px;margin-bottom:40px;padding:32px;text-align:center}.question-label{color:#6c757d;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:16px;text-transform:uppercase}.question-word{color:#1a1446;direction:rtl;font-size:48px;font-weight:700;margin-bottom:12px}.question-transliteration{color:#6c757d;font-size:18px;font-style:italic}.answer-options{grid-gap:16px;display:grid;gap:16px;margin-bottom:24px}.answer-option{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;display:flex;font-size:18px;gap:16px;padding:20px;position:relative;transition:all .3s}.answer-option:hover:not(:disabled){border-color:#0d7377;box-shadow:0 4px 12px #0d73771a;transform:translateX(8px)}.answer-option:disabled{cursor:not-allowed}.option-letter{align-items:center;background:linear-gradient(135deg,#0d7377,#14ffec);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:40px;justify-content:center;width:40px}.option-text{color:#1a1446;flex:1 1;font-weight:600;text-align:left}.check-icon,.x-icon{font-size:24px;font-weight:700}.answer-option.correct{background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border-color:#4caf50}.answer-option.correct .option-letter{background:linear-gradient(135deg,#4caf50,#66bb6a)}.answer-option.correct .check-icon{color:#4caf50}.answer-option.incorrect{background:linear-gradient(135deg,#ffebee,#fce4ec);border-color:#f44336}.answer-option.incorrect .option-letter{background:linear-gradient(135deg,#f44336,#e57373)}.answer-option.incorrect .x-icon{color:#f44336}.result-feedback{animation:slideUp .4s ease-out;border-radius:16px;margin-bottom:24px;padding:24px;text-align:center}.result-feedback.correct{background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border:2px solid #4caf50}.result-feedback.incorrect{background:linear-gradient(135deg,#ffebee,#fce4ec);border:2px solid #f44336}.feedback-icon{font-size:48px;margin-bottom:12px}.feedback-text{font-size:18px;font-weight:600;margin-bottom:16px}.result-feedback.correct .feedback-text{color:#2e7d32}.result-feedback.incorrect .feedback-text{color:#c62828}.next-btn{background:linear-gradient(135deg,#0d7377,#14ffec);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:all .3s}.next-btn:hover{box-shadow:0 6px 16px #0d73774d;transform:translateY(-2px)}.word-info-box{background:#fff;border:2px solid #e9ecef;border-radius:12px;margin-top:24px;padding:20px}.info-row{border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:12px 0}.info-row:last-child{border-bottom:none}.info-label{color:#6c757d}.info-label,.info-value{font-size:14px;font-weight:600}.info-value{color:#1a1446}.quiz-complete{padding:40px 20px;text-align:center}.complete-title{color:#1a1446;font-size:32px;font-weight:700}.complete-title,.score-display{margin-bottom:32px}.score-circle{align-items:center;animation:scaleIn .6s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#0d7377,#14ffec);border-radius:50%;box-shadow:0 8px 24px #0d73774d;display:flex;flex-direction:column;height:200px;justify-content:center;margin:0 auto;width:200px}.score-number{color:#fff;font-size:56px;font-weight:700}.score-label{color:#ffffffe6;font-size:16px;font-weight:600}.performance-message{color:#0d7377;font-size:20px;font-weight:600;margin-bottom:32px}.quiz-actions{display:flex;gap:16px;justify-content:center}.close-btn,.restart-btn{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;padding:14px 32px;transition:all .3s}.restart-btn{background:linear-gradient(135deg,#0d7377,#14ffec);color:#fff}.restart-btn:hover{box-shadow:0 6px 16px #0d73774d;transform:translateY(-4px)}.close-btn{background:#fff;border:2px solid #0d7377;color:#0d7377}.close-btn:hover{background:#0d73771a}@media (max-width:768px){.active-recall-container{padding:16px}.quiz-header{align-items:flex-start;flex-direction:column;gap:12px}.question-word{font-size:36px}.quiz-type-selector{flex-direction:column}.type-btn{max-width:100%}.score-circle{height:160px;width:160px}.score-number{font-size:48px}.quiz-actions{flex-direction:column;width:100%}.close-btn,.restart-btn{width:100%}}.mnemonics-container{margin:0 auto;max-width:1200px;min-height:100vh;padding:24px}.mnemonics-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.back-btn{background:#0000;border:none;border-radius:8px;color:#0d7377;cursor:pointer;font-size:16px;font-weight:600;padding:8px 16px;transition:all .3s}.back-btn:hover{background:#0d73771a}.mnemonics-title{color:#1a1446;font-size:28px;font-weight:700;margin:0}.stats-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:14px;font-weight:600;padding:8px 16px}.info-banner{align-items:center;background:linear-gradient(135deg,#d4af371a,#f4d03f1a);border-left:4px solid #d4af37;border-radius:12px;display:flex;gap:16px;margin-bottom:24px;padding:16px 20px}.info-icon{flex-shrink:0;font-size:32px}.info-text{color:#495057;font-size:14px;line-height:1.6}.info-text strong{color:#d4af37;font-weight:700}.filter-tabs{display:flex;gap:12px;margin-bottom:32px;overflow-x:auto;padding-bottom:8px}.filter-tab{background:#fff;border:2px solid #e9ecef;border-radius:12px;color:#495057;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s;white-space:nowrap}.filter-tab:hover{border-color:#0d7377;transform:translateY(-2px)}.filter-tab.active{background:linear-gradient(135deg,#0d7377,#14ffec);border-color:#0d7377;box-shadow:0 4px 12px #0d73774d;color:#fff}.mnemonics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:40px}.mnemonic-card{background:#fff;border:2px solid #e9ecef;border-radius:16px;cursor:pointer;overflow:hidden;padding:20px;position:relative;transition:all .3s}.mnemonic-card:hover{border-color:#0d7377;box-shadow:0 8px 20px #0d737726;transform:translateY(-4px)}.mnemonic-card.has-story{background:linear-gradient(135deg,#f8f9fa,#fff)}.story-badge{border-radius:12px;font-size:11px;font-weight:700;padding:6px 12px;position:absolute;right:12px;text-transform:uppercase;top:12px}.story-badge.user{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.story-badge.built-in{background:linear-gradient(135deg,#0d7377,#14ffec);color:#fff}.card-arabic{color:#1a1446;direction:rtl;font-size:32px;font-weight:700;margin-bottom:8px;margin-top:8px;text-align:center}.card-english{color:#0d7377;font-size:18px;font-weight:600;margin-bottom:6px;text-align:center}.card-trans{color:#6c757d;font-size:13px;font-style:italic;margin-bottom:16px;text-align:center}.story-preview{background:linear-gradient(135deg,#0d73770d,#14ffec0d);border-radius:10px;margin-top:12px;padding:12px}.preview-icon{font-size:24px;margin-bottom:8px;text-align:center}.preview-text{color:#495057;font-size:13px;line-height:1.5;text-align:center}.create-prompt{background:linear-gradient(135deg,#d4af371a,#f4d03f1a);border:2px dashed #d4af374d;border-radius:10px;margin-top:12px;padding:16px;text-align:center;transition:all .3s}.mnemonic-card:hover .create-prompt{background:linear-gradient(135deg,#d4af3733,#f4d03f33);border-color:#d4af37}.prompt-icon{color:#d4af37;font-size:24px;margin-bottom:4px}.prompt-text{color:#d4af37;font-size:13px;font-weight:600}.detail-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:1000}.detail-modal{animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:100%}.modal-close{align-items:center;background:#0000001a;border:none;border-radius:50%;color:#495057;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s;width:40px;z-index:10}.modal-close:hover{background:#0003;transform:rotate(90deg)}.modal-word-info{background:linear-gradient(135deg,#0d73770d,#14ffec0d);border-bottom:2px solid #e9ecef;padding:48px 32px 32px;text-align:center}.modal-arabic{color:#1a1446;direction:rtl;font-size:48px;font-weight:700;margin-bottom:12px}.modal-english{color:#0d7377;font-size:24px;font-weight:600;margin-bottom:8px}.modal-trans{color:#6c757d;font-size:16px;font-style:italic}.mnemonic-display{padding:32px}.mnemonic-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.mnemonic-header h3{color:#1a1446;font-size:20px;font-weight:700;margin:0}.technique-badge{background:linear-gradient(135deg,#d4af37,#f4d03f);border-radius:12px;color:#1a1446;font-size:12px;font-weight:700;padding:6px 14px;text-transform:uppercase}.mnemonic-content{background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #e9ecef;border-radius:16px;padding:24px}.mnemonic-image{font-size:48px;margin-bottom:20px;text-align:center}.mnemonic-story{color:#495057;font-size:16px;line-height:1.8;margin:0}.story-actions{display:flex;gap:12px;margin-top:20px}.delete-story-btn,.edit-story-btn{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 20px;transition:all .3s}.edit-story-btn{background:linear-gradient(135deg,#0d7377,#14ffec);color:#fff}.edit-story-btn:hover{box-shadow:0 4px 12px #0d73774d;transform:translateY(-2px)}.delete-story-btn{background:#fff;border:2px solid #f44336;color:#f44336}.delete-story-btn:hover{background:#f44336;color:#fff}.create-mnemonic-prompt{padding:48px 32px;text-align:center}.prompt-icon-large{font-size:64px;margin-bottom:20px}.create-mnemonic-prompt h3{color:#1a1446;font-size:24px;font-weight:700;margin-bottom:12px}.create-mnemonic-prompt p{color:#6c757d;font-size:16px;margin-bottom:24px}.create-story-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 32px;transition:all .3s}.create-story-btn:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-4px)}.mnemonic-tips{background:linear-gradient(135deg,#d4af370d,#f4d03f0d);border-top:2px solid #e9ecef;padding:24px 32px 32px}.mnemonic-tips h4{color:#1a1446;font-size:16px;font-weight:700;margin-bottom:16px}.mnemonic-tips ul{list-style:none;margin:0;padding:0}.mnemonic-tips li{color:#495057;font-size:14px;line-height:1.8;margin-bottom:8px;padding-left:24px;position:relative}.mnemonic-tips li:before{color:#d4af37;content:"✓";font-weight:700;left:0;position:absolute}.mnemonic-tips strong{color:#0d7377;font-weight:700}.create-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:1001}.create-modal{animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:600px;padding:32px;width:100%}.create-modal h3{color:#1a1446;font-size:24px;font-weight:700;margin-bottom:8px}.create-subtitle{color:#0d7377;font-size:16px;margin-bottom:20px}.story-input{border:2px solid #e9ecef;border-radius:12px;font-family:inherit;font-size:14px;line-height:1.6;margin-bottom:20px;padding:16px;resize:vertical;transition:all .3s;width:100%}.story-input:focus{border-color:#0d7377;box-shadow:0 0 0 4px #0d73771a;outline:none}.create-actions{display:flex;gap:12px}.cancel-btn,.save-story-btn{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px 24px;transition:all .3s}.save-story-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.save-story-btn:hover:not(:disabled){box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.save-story-btn:disabled{cursor:not-allowed;opacity:.5}.cancel-btn{background:#fff;border:2px solid #e9ecef;color:#495057}.cancel-btn:hover{background:#f8f9fa}@media (max-width:768px){.mnemonics-container{padding:16px}.mnemonics-header{align-items:flex-start;flex-direction:column;gap:12px}.mnemonics-grid{grid-template-columns:1fr}.filter-tabs{-webkit-overflow-scrolling:touch;overflow-x:scroll}.filter-tab{flex-shrink:0}.modal-arabic{font-size:36px}.modal-english{font-size:20px}.create-modal,.detail-modal{border-radius:20px 20px 0 0;max-height:95vh}.create-actions{flex-direction:column}.cancel-btn,.save-story-btn{width:100%}}.multisensory-overlay{align-items:center;animation:fadeIn .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:5000}.multisensory-modal{animation:slideUp .4s;background:#fff;border-radius:24px;box-shadow:0 25px 70px #00000080;max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.multisensory-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:24px 24px 0 0;color:#fff;padding:28px 32px;position:relative}.close-multisensory{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:24px;height:40px;position:absolute;right:16px;top:16px;transition:all .3s;width:40px}.close-multisensory:hover{background:#ffffff4d;transform:rotate(90deg)}.multisensory-header h2{font-size:32px;margin:0 0 16px}.word-display-multi{display:flex;flex-direction:column;gap:8px}.word-arabic-multi{font-family:Amiri,Traditional Arabic,serif;font-size:48px;font-weight:700}.word-meaning-multi{font-size:24px;opacity:.95}.mode-tabs-multi{background:#f8f9fa;border-bottom:2px solid #f0f0f0;display:flex;gap:8px;padding:0 32px}.mode-tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#6c757d;cursor:pointer;font-size:16px;font-weight:600;padding:16px 24px;transition:all .3s}.mode-tab.active{background:#fff;border-bottom-color:#667eea;color:#667eea}.mode-tab:hover:not(.active){color:#1a1446}.multisensory-content{min-height:500px;padding:40px}.draw-mode{display:flex;flex-direction:column;gap:24px}.draw-instructions{text-align:center}.draw-instructions h3{color:#1a1446;font-size:24px;margin:0 0 8px}.draw-instructions p{color:#6c757d;margin:0}.canvas-container{border:3px solid #667eea;border-radius:16px;box-shadow:0 4px 20px #667eea33;overflow:hidden}.drawing-canvas{background:#fff;cursor:crosshair;display:block;height:400px;width:100%}.drawing-controls{align-items:center;background:#f8f9fa;border-radius:12px;display:flex;gap:32px;justify-content:center;padding:20px}.control-group{align-items:center;display:flex;gap:12px}.control-group label{color:#1a1446;font-weight:600}.color-options{display:flex;gap:8px}.color-btn{border:3px solid #0000;border-radius:50%;cursor:pointer;height:40px;transition:all .3s;width:40px}.color-btn.active{border-color:#1a1446;transform:scale(1.2)}.color-btn:hover{transform:scale(1.1)}.size-slider{width:150px}.size-value{color:#667eea;font-weight:700;min-width:50px}.drawing-actions{display:flex;gap:12px;justify-content:center}.btn-clear{background:#ff6b6b;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s}.btn-clear:hover{background:#ff5252;transform:translateY(-2px)}.btn-save-drawing{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s}.btn-save-drawing:hover{box-shadow:0 4px 15px #667eea4d;transform:translateY(-2px)}.voice-mode{display:flex;flex-direction:column;gap:32px}.voice-instructions{text-align:center}.voice-instructions h3{color:#1a1446;font-size:24px;margin:0 0 8px}.recording-area{gap:24px}.recording-area,.recording-visualizer{align-items:center;display:flex;flex-direction:column}.recording-visualizer{background:#f8f9fa;border-radius:50%;height:200px;justify-content:center;position:relative;transition:all .3s;width:200px}.recording-visualizer.active{animation:pulse-recording 1.5s infinite;background:linear-gradient(135deg,#ff6b6b,#ff8787)}@keyframes pulse-recording{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.pulse-ring{animation:pulse-ring 1.5s infinite;border:3px solid #ff6b6b80;border-radius:50%;height:100%;position:absolute;width:100%}@keyframes pulse-ring{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}.mic-icon,.recording-icon{font-size:64px}.ready-text,.recording-text{color:#fff;font-size:18px;font-weight:600;margin:16px 0 0}.ready-text{color:#6c757d}.recording-controls{margin:16px 0}.btn-record{background:linear-gradient(135deg,#ff6b6b,#ff8787);border:none;border-radius:12px;box-shadow:0 4px 15px #ff6b6b4d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:16px 32px;transition:all .3s}.btn-record:hover{box-shadow:0 6px 20px #ff6b6b66;transform:translateY(-2px)}.btn-stop-recording{background:#495057;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:16px 32px;transition:all .3s}.playback-section{background:#f8f9fa;border-radius:12px;padding:24px;width:100%}.playback-section h4{color:#1a1446;margin:0 0 16px}.audio-player{margin-bottom:16px;width:100%}.playback-actions{display:flex;flex-wrap:wrap;gap:12px}.btn-compare,.btn-play-native{background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s}.btn-compare:hover,.btn-play-native:hover{background:#667eea;color:#fff}.recordings-history{background:#f8f9fa;border-radius:12px;padding:20px;width:100%}.recordings-history h4{margin:0 0 16px}.recording-item{align-items:center;background:#fff;border-radius:8px;display:flex;gap:16px;justify-content:space-between;margin-bottom:8px;padding:12px}.audio-player-small{flex:1 1}.listen-mode{align-items:center;display:flex;flex-direction:column;gap:32px;text-align:center}.listen-instructions h3{color:#1a1446;font-size:24px;margin:0 0 8px}.listen-area{align-items:center;display:flex;flex-direction:column;gap:32px;width:100%}.word-display-large{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;padding:48px;width:100%}.arabic-huge{font-family:Amiri,Traditional Arabic,serif;font-size:72px;font-weight:700;margin-bottom:16px}.transliteration-huge{font-size:32px;opacity:.9}.btn-play-large{align-items:center;background:#fff;border:none;border-radius:16px;box-shadow:0 4px 20px #0000001a;color:#667eea;cursor:pointer;display:flex;font-size:20px;font-weight:700;gap:16px;padding:24px 48px;transition:all .3s}.btn-play-large:hover{box-shadow:0 8px 30px #667eea4d;transform:translateY(-4px)}.play-icon{font-size:32px}.listen-steps{display:flex;gap:24px;justify-content:center}.step{align-items:center;background:#f8f9fa;border-radius:12px;flex:1 1;flex-direction:column;gap:12px;max-width:200px}.step-number{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:24px;height:48px;width:48px}.step-text{color:#6c757d;font-size:14px;text-align:center}.write-mode{display:flex;flex-direction:column;gap:24px}.write-instructions{text-align:center}.write-instructions h3{color:#1a1446;font-size:24px;margin:0 0 8px}.write-guide{display:flex;flex-direction:column;gap:24px}.guide-card,.practice-tracker,.reference-card{background:#f8f9fa;border-radius:12px;padding:24px}.guide-card h4,.practice-tracker h4,.reference-card h4{color:#1a1446;margin:0 0 16px}.guide-card ol{color:#495057;margin:0;padding-left:24px}.guide-card li{line-height:1.6;margin-bottom:8px}.arabic-example{color:#667eea;font-family:Amiri,Traditional Arabic,serif;font-size:24px}.word-reference{background:#fff;border-radius:8px;padding:24px;text-align:center}.ref-arabic{color:#1a1446;font-family:Amiri,Traditional Arabic,serif;font-size:64px;font-weight:700;margin-bottom:12px}.ref-transliteration{color:#6c757d;font-size:24px;margin-bottom:8px}.ref-meaning{color:#495057;font-size:20px;font-weight:600;margin-bottom:16px}.ref-root{color:#6c757d;font-size:16px}.checkboxes{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,1fr);margin-top:16px}.checkbox-item{align-items:center;background:#fff;border-radius:8px;cursor:pointer;display:flex;gap:8px;justify-content:center;padding:12px;transition:all .3s}.checkbox-item:hover{background:#e7f0ff}.checkbox-item input[type=checkbox]{cursor:pointer;height:20px;width:20px}.multisensory-footer{background:#f8f9fa;border-top:2px solid #e9ecef;padding:24px 32px}.science-note{color:#495057;font-size:14px;margin:0;text-align:center}.learning-tip{background:#e7f0ff;border-left:4px solid #4dabf7;border-radius:8px;color:#1971c2;padding:16px 20px}@media (max-width:768px){.multisensory-content{padding:24px}.drawing-canvas{height:300px}.drawing-controls{gap:16px}.drawing-controls,.listen-steps{flex-direction:column}.step{max-width:100%}.checkboxes{grid-template-columns:repeat(2,1fr)}}.landing-page{background:linear-gradient(135deg,#1a1446,#2d1b69 50%,#0d7377);color:#fff;min-height:100vh;opacity:0;overflow-x:hidden;position:relative;transition:opacity .8s ease}.landing-page.visible{opacity:1}.landing-bg{bottom:0;left:0;overflow:hidden;pointer-events:none;position:fixed;right:0;top:0}.floating-stars{height:100%;position:absolute;width:100%}.star{animation:floatStar 20s ease-in-out infinite;color:#d4af37;font-size:24px;opacity:.6;position:absolute}.star:first-child{animation-delay:0s;left:10%;top:10%}.star:nth-child(2){animation-delay:2s;right:15%;top:20%}.star:nth-child(3){animation-delay:4s;left:20%;top:60%}.star:nth-child(4){animation-delay:6s;right:25%;top:70%}.star:nth-child(5){animation-delay:8s;left:50%;top:40%}@keyframes floatStar{0%,to{opacity:.6;transform:translateY(0) rotate(0deg)}50%{opacity:1;transform:translateY(-20px) rotate(180deg)}}.floating-crescents{height:100%;position:absolute;width:100%}.crescent{animation:floatCrescent 30s ease-in-out infinite;color:#f4e4c1;font-size:60px;opacity:.15;position:absolute}.crescent:first-child{animation-delay:0s;right:5%;top:15%}.crescent:nth-child(2){animation-delay:10s;bottom:20%;left:10%}@keyframes floatCrescent{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-30px) rotate(15deg)}}.landing-hero{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:60px 20px;position:relative;z-index:1}.hero-content{animation:heroFadeIn 1s ease-out;max-width:800px;text-align:center}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-logo{animation:logoEntrance 1.2s ease-out;display:inline-block;margin-bottom:40px;position:relative}@keyframes logoEntrance{0%{opacity:0;transform:scale(.5) rotate(-180deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.logo-circle{align-items:center;animation:logoPulse 3s ease-in-out infinite;background:linear-gradient(135deg,#d4af37,#f4e4c1);border-radius:50%;box-shadow:0 10px 40px #d4af3766;display:flex;height:120px;justify-content:center;position:relative;width:120px;z-index:2}@keyframes logoPulse{0%,to{box-shadow:0 10px 40px #d4af3766;transform:scale(1)}50%{box-shadow:0 15px 50px #d4af3799;transform:scale(1.05)}}.logo-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:60px}.logo-glow{animation:glowPulse 2s ease-in-out infinite;background:radial-gradient(circle,#d4af374d 0,#0000 70%);border-radius:50%;height:140px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:140px}@keyframes glowPulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.2)}}.hero-title{animation:titleSlideIn 1s ease-out .3s both;font-size:56px;font-weight:800;line-height:1.2;margin:0 0 24px}@keyframes titleSlideIn{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.title-line-1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d4af37,#f4e4c1);-webkit-background-clip:text;background-clip:text;display:block;margin-bottom:8px}.title-line-2{display:block;font-size:28px;font-weight:400;opacity:.9}.hero-subtitle{animation:subtitleFadeIn 1s ease-out .6s both;font-size:18px;line-height:1.6;margin-bottom:40px;opacity:.9}@keyframes subtitleFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:.9;transform:translateY(0)}}.subtitle-highlight{color:#14ffec;font-weight:600}.hero-progress-preview{animation:progressSlideIn 1s ease-out .8s both;margin:30px 0}@keyframes progressSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.progress-preview-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:20px;display:inline-flex;gap:20px;padding:20px 30px}.progress-circle-mini{height:60px;position:relative;width:60px}.progress-circle-mini svg{height:100%;transform:rotate(-90deg);width:100%}.progress-bg-circle{fill:none;stroke:#fff3;stroke-width:8}.progress-fill-circle{fill:none;stroke:#14ffec;stroke-width:8;stroke-linecap:round;transition:stroke-dasharray .6s ease}.progress-text-mini{font-size:16px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.progress-preview-text{display:flex;flex-direction:column;text-align:left}.progress-preview-text strong{font-size:18px;margin-bottom:4px}.progress-preview-text span{font-size:14px;opacity:.8}.hero-cta{align-items:center;animation:ctaEntrance 1s ease-out 1s both;background:linear-gradient(135deg,#d4af37,#f4e4c1);border:none;border-radius:50px;box-shadow:0 10px 30px #d4af3766;color:#1a1446;cursor:pointer;display:inline-flex;font-size:20px;font-weight:700;gap:12px;overflow:hidden;padding:20px 50px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}@keyframes ctaEntrance{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-cta:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.hero-cta:hover:before{height:300px;width:300px}.hero-cta:hover{box-shadow:0 15px 40px #d4af3799;transform:translateY(-5px)}.hero-cta:active{transform:translateY(-2px)}.cta-icon{font-size:24px;transition:transform .3s}.hero-cta:hover .cta-icon{transform:translateX(5px)}.hero-stats{animation:statsSlideUp 1s ease-out 1.2s both;display:flex;gap:60px;justify-content:center;margin-top:60px}@keyframes statsSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.stat-item{align-items:center;display:flex;flex-direction:column;gap:8px}.stat-icon{filter:drop-shadow(0 2px 8px rgba(0,0,0,.2));font-size:40px}.stat-number{color:#14ffec;font-size:32px;font-weight:700}.stat-label{font-size:14px;letter-spacing:1px;opacity:.8;text-transform:uppercase}.landing-features{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;padding:100px 20px;position:relative;z-index:1}.features-container{margin:0 auto;max-width:1200px}.features-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d4af37,#f4e4c1);-webkit-background-clip:text;background-clip:text;font-size:42px;font-weight:700;margin-bottom:60px;text-align:center}.features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{animation:featureCardFadeIn .6s ease-out backwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff26;border-radius:20px;padding:40px 30px;transition:all .4s cubic-bezier(.4,0,.2,1)}.feature-card:first-child{animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}.feature-card:nth-child(5){animation-delay:.5s}.feature-card:nth-child(6){animation-delay:.6s}@keyframes featureCardFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.feature-card:hover{border-color:#d4af3780;box-shadow:0 20px 40px #0000004d;transform:translateY(-10px)}.feature-icon-wrapper{margin-bottom:20px}.feature-icon{animation:iconFloat 3s ease-in-out infinite;display:inline-block;font-size:60px}.feature-title{font-size:24px;font-weight:700;margin-bottom:12px}.feature-description{font-size:16px;line-height:1.6;opacity:.9}.landing-how-it-works{background:linear-gradient(135deg,#1a1446,#0d7377);padding:100px 20px;position:relative;z-index:1}.how-it-works-container{margin:0 auto;max-width:900px}.how-it-works-title{color:#14ffec;font-size:42px;font-weight:700;margin-bottom:60px;text-align:center;text-shadow:0 2px 10px #14ffec4d}.steps-timeline{display:flex;flex-direction:column;gap:40px}.step{align-items:flex-start;animation:stepSlideIn .6s ease-out backwards;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;display:flex;gap:30px;padding:24px;transition:all .3s ease}.step:hover{background:#ffffff14;border-color:#14ffec4d;transform:translateY(-4px)}.step:first-child{animation-delay:.2s}.step:nth-child(2){animation-delay:.4s}.step:nth-child(3){animation-delay:.6s}.step:nth-child(4){animation-delay:.8s}@keyframes stepSlideIn{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.step-number{align-items:center;background:linear-gradient(135deg,#d4af37,#f4d03f);border-radius:50%;box-shadow:0 4px 20px #d4af3780;color:#1a1446;display:flex;flex-shrink:0;font-size:28px;font-weight:700;height:60px;justify-content:center;width:60px}.step-content h3{color:#eec027;font-size:24px;font-weight:700;margin-bottom:8px}.step-content p{color:#0ce2a2d9;font-size:16px;line-height:1.6}@media (max-width:768px){.landing-how-it-works{padding:60px 20px}.how-it-works-title{font-size:32px;margin-bottom:40px}.step{flex-direction:column;gap:16px;padding:20px}.step-number{font-size:24px;height:50px;width:50px}.step-content h3{font-size:20px}.step-content p{font-size:14px}}.landing-final-cta{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0d73774d,#14ffec4d);padding:80px 20px;position:relative;text-align:center;z-index:1}.final-cta-content{margin:0 auto;max-width:600px}.final-cta-title{font-size:42px;font-weight:700;margin-bottom:16px}.final-cta-subtitle{font-size:18px;margin-bottom:40px;opacity:.9}.final-cta-button{align-items:center;background:linear-gradient(135deg,#d4af37,#f4e4c1);border:none;border-radius:50px;box-shadow:0 10px 30px #d4af3766;color:#1a1446;cursor:pointer;display:inline-flex;font-size:20px;font-weight:700;gap:12px;padding:20px 60px;transition:all .4s}.final-cta-button:hover{box-shadow:0 15px 40px #d4af3799;transform:translateY(-5px)}.button-arrow{transition:transform .3s}.final-cta-button:hover .button-arrow{transform:translateX(5px)}.skip-landing{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:25px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;position:fixed;right:20px;top:20px;transition:all .3s;z-index:100}.skip-landing:hover{background:#fff3;border-color:#fff6}@media (max-width:768px){.hero-title{font-size:36px}.title-line-2{font-size:20px}.hero-subtitle{font-size:16px}.hero-cta{font-size:18px;padding:16px 40px}.hero-stats{gap:30px}.stat-icon{font-size:32px}.stat-number{font-size:24px}.features-title,.final-cta-title,.how-it-works-title{font-size:32px}.features-grid{grid-template-columns:1fr}.step{flex-direction:column;gap:16px}.logo-circle{height:100px;width:100px}.logo-icon{font-size:50px}}.themed-clusters-overlay{align-items:center;animation:fadeIn .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:4500}.themed-clusters-modal{animation:slideUp .4s;background:#fff;border-radius:24px;box-shadow:0 25px 70px #0006;max-height:90vh;max-width:1200px;overflow-y:auto;width:100%}.themed-clusters-modal.large{max-width:900px}.themed-header{background:linear-gradient(135deg,#1a1446,#0d7377);border-radius:24px 24px 0 0;color:#fff;padding:32px;position:relative;text-align:center}.close-themed{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:24px;height:40px;position:absolute;right:16px;top:16px;transition:all .3s;width:40px}.close-themed:hover{background:#ffffff4d;transform:rotate(90deg)}.themed-header h2{font-size:32px;margin:0 0 8px}.themed-header p{margin:0;opacity:.9}.themes-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:32px}.theme-card{background:#fff;border:3px solid #e9ecef;border-radius:16px;overflow:hidden;position:relative;transition:all .3s}.theme-card:hover:not(.locked){box-shadow:0 12px 30px #00000026;transform:translateY(-8px)}.theme-card.locked{cursor:not-allowed;opacity:.6}.lock-overlay{font-size:64px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.theme-card-header{color:#fff;padding:32px;position:relative;text-align:center}.theme-icon{font-size:64px;margin-bottom:8px}.premium-badge{background:#ffffff4d;border-radius:20px;font-size:11px;font-weight:700;padding:4px 12px;position:absolute;right:12px;text-transform:uppercase;top:12px}.theme-card-body{padding:24px}.theme-card-body h3{color:#1a1446;font-size:22px;margin:0 0 12px}.theme-description{color:#6c757d;font-size:14px;line-height:1.5;margin:0 0 20px}.theme-meta{display:flex;flex-direction:column;gap:8px}.meta-item{align-items:center;color:#495057;display:flex;font-size:13px;gap:8px}.meta-icon{font-size:16px}.theme-card-actions{background:#f8f9fa;display:flex;gap:8px;padding:16px 24px}.btn-view-details{background:#fff;border:2px solid #e9ecef;border-radius:8px;color:#495057;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px 16px;transition:all .3s}.btn-view-details:hover:not(:disabled){border-color:#0d7377;color:#0d7377}.btn-view-details:disabled{cursor:not-allowed;opacity:.5}.btn-start-cluster{border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:700;padding:10px 16px;transition:all .3s}.btn-start-cluster:hover:not(:disabled){box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.btn-start-cluster:disabled{cursor:not-allowed}.theme-detail-header{color:#fff;padding:48px 32px;text-align:center}.theme-icon-large{font-size:96px;margin-bottom:16px}.theme-detail-header h2{font-size:36px;margin:0 0 12px}.theme-detail-header p{font-size:18px;margin:0;opacity:.95}.theme-detail-content{padding:32px}.theme-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:32px}.stat-item{background:#f8f9fa;border-radius:12px;padding:20px;text-align:center}.stat-label{color:#6c757d;display:block;font-size:13px;margin-bottom:8px}.stat-value{color:#1a1446;display:block;font-size:24px;font-weight:700}.word-preview-section{margin-bottom:32px}.word-preview-section h3{color:#1a1446;font-size:20px;margin:0 0 20px}.word-preview-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.word-preview-card{background:#f8f9fa;border-radius:10px;padding:16px;text-align:center;transition:all .3s}.word-preview-card:hover{background:#e7f0ff;transform:translateY(-2px)}.word-preview-arabic{color:#1a1446;font-family:Amiri,Traditional Arabic,serif;font-size:24px;font-weight:700;margin-bottom:4px}.word-preview-meaning{color:#6c757d;font-size:12px}.word-preview-card.more{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;justify-content:center}.more-count{font-size:32px;font-weight:700;margin-bottom:4px}.more-text{font-size:12px;opacity:.9}.learning-path{background:#e7f0ff;border-left:4px solid #4dabf7;border-radius:12px;margin-bottom:32px;padding:24px}.learning-path h3{color:#1971c2;font-size:18px;margin:0 0 16px}.learning-steps{color:#1971c2;margin:0;padding-left:24px}.learning-steps li{line-height:1.6;margin-bottom:8px}.btn-start-theme{border:none;border-radius:12px;box-shadow:0 4px 20px #0003;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:18px 32px;transition:all .3s;width:100%}.btn-start-theme:hover{box-shadow:0 6px 25px #0000004d;transform:translateY(-2px)}.themed-footer{background:#f8f9fa;border-top:2px solid #e9ecef;padding:24px 32px}.learning-tip{color:#495057;font-size:14px;margin:0;text-align:center}.learning-tip strong{font-weight:700}@media (max-width:768px){.themes-grid{padding:20px}.theme-stats,.themes-grid{grid-template-columns:1fr}.word-preview-grid{grid-template-columns:repeat(2,1fr)}.theme-card-actions{flex-direction:column}.btn-start-cluster,.btn-view-details{width:100%}}.auth-overlay{align-items:center;animation:fadeIn .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1446f2;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.auth-modal{animation:slideUp .4s;background:#fff;border-radius:24px;box-shadow:0 25px 70px #00000080;max-height:90vh;max-width:450px;overflow-y:auto;position:relative;width:100%}.auth-close{background:#0000001a;border:none;border-radius:50%;color:#1a1446;cursor:pointer;font-size:20px;height:36px;position:absolute;right:16px;top:16px;transition:all .3s;width:36px;z-index:10}.auth-close:hover{background:#0003;transform:rotate(90deg)}.auth-header{background:linear-gradient(135deg,#1a1446,#0d7377);border-radius:24px 24px 0 0;color:#fff;padding:40px 32px 32px;text-align:center}.auth-icon{animation:float 3s ease-in-out infinite;font-size:64px;margin-bottom:16px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.auth-header h2{font-size:28px;font-weight:700;margin:0 0 8px}.auth-header p{font-size:15px;margin:0;opacity:.9}.auth-form{padding:32px}.form-group{margin-bottom:24px}.form-group label{color:#1a1446;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{font-size:18px;left:16px;pointer-events:none;position:absolute;z-index:1}.input-wrapper input{background:#fff;border:2px solid #e8dacc;border-radius:12px;color:#2c3e50;font-size:15px;padding:14px 16px 14px 48px;transition:all .3s;width:100%}.input-wrapper input:focus{border-color:#0d7377;box-shadow:0 0 0 4px #0d73771a;outline:none}.input-wrapper input:disabled{background:#f8f9fa;cursor:not-allowed;opacity:.6}.toggle-password{background:none;border:none;cursor:pointer;font-size:18px;opacity:.6;padding:8px;position:absolute;right:12px;transition:opacity .3s}.toggle-password:hover{opacity:1}.password-match,.password-strength{font-size:13px;margin-top:8px}.match-good,.strength-good{color:#27ae60;font-weight:600}.match-bad,.strength-weak{color:#e74c3c;font-weight:600}.auth-error{align-items:center;animation:shake .4s;background:#ffebee;border:2px solid #e74c3c;border-radius:12px;color:#c0392b;display:flex;font-size:14px;gap:12px;margin-bottom:24px;padding:16px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.error-icon{flex-shrink:0;font-size:20px}.form-footer{display:flex;justify-content:flex-end;margin-bottom:24px}.forgot-password-link{background:none;border:none;color:#0d7377;cursor:pointer;font-size:14px;font-weight:600;transition:color .3s}.forgot-password-link:hover{color:#14ffec;text-decoration:underline}.auth-submit-btn{align-items:center;background:linear-gradient(135deg,#0d7377,#14ffec);border:none;border-radius:12px;box-shadow:0 4px 20px #0d73774d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:8px;justify-content:center;padding:16px 32px;transition:all .3s;width:100%}.auth-submit-btn:hover:not(:disabled){box-shadow:0 6px 25px #0d737766;transform:translateY(-2px)}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{cursor:not-allowed;opacity:.7}.spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.auth-footer{background:#f8f9fa;border-radius:0 0 24px 24px;border-top:1px solid #e9ecef;padding:24px 32px;text-align:center}.auth-footer p{color:#6c757d;font-size:14px;margin:0 0 12px}.auth-switch-btn{background:none;border:2px solid #0d7377;border-radius:10px;color:#0d7377;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .3s}.auth-switch-btn:hover{background:#0d7377;color:#fff;transform:translateY(-2px)}.auth-success{padding:48px 32px;text-align:center}.success-icon{animation:successPulse .6s;font-size:80px;margin-bottom:24px}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.auth-success h2{color:#1a1446;font-size:28px;margin:0 0 16px}.auth-success p{color:#6c757d;line-height:1.6;margin:0 0 16px}.email-badge{background:linear-gradient(135deg,#e7f0ff,#d4e9ff);border-radius:10px;color:#1971c2;display:inline-block;font-weight:600;margin-bottom:24px;padding:12px 20px}.verification-note{background:#fff9e6;border-left:4px solid #ffc107;border-radius:8px;color:#856404;font-size:14px;margin-bottom:24px;padding:16px}.success-tips{background:#f8f9fa;border-radius:12px;margin-bottom:24px;padding:24px;text-align:left}.success-tips h4{color:#1a1446;font-size:16px;margin:0 0 16px}.success-tips ul{list-style:none;margin:0;padding-left:0}.success-tips li{color:#495057;font-size:14px;padding:8px 0}@media (max-width:768px){.auth-modal{margin:10px;max-width:100%}.auth-header{padding:32px 24px 24px}.auth-icon{font-size:48px}.auth-header h2{font-size:24px}.auth-form{padding:24px}.auth-footer{padding:20px 24px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.payment-success-page{align-items:center;background:linear-gradient(135deg,#0d7377,#14ffec);display:flex;justify-content:center;min-height:100vh;padding:20px}.success-card{animation:slideUp .6s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000004d;max-width:600px;padding:48px;text-align:center;width:100%}.success-icon-wrapper{margin:0 auto 32px}.success-icon,.success-icon-wrapper{height:120px;position:relative;width:120px}.success-icon{align-items:center;animation:scaleIn .6s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#4caf50,#66bb6a);border-radius:50%;color:#fff;display:flex;font-size:64px;font-weight:700;justify-content:center;z-index:2}.success-glow{animation:pulse 2s ease-in-out infinite;background:radial-gradient(circle,#4caf5066,#0000);border-radius:50%;height:120px;left:0;position:absolute;top:0;width:120px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:0;transform:scale(1.5)}}.success-title{color:#1a1446;font-size:36px;font-weight:700;margin-bottom:16px}.success-subtitle{color:#495057;font-size:18px;line-height:1.6;margin-bottom:32px}.unlocked-features{background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:16px;margin-bottom:32px;padding:24px;text-align:left}.unlocked-features h3{color:#1a1446;font-size:20px;font-weight:700;margin-bottom:16px;text-align:center}.unlocked-features ul{list-style:none;margin:0;padding:0}.unlocked-features li{border-bottom:1px solid #0000000d;color:#495057;font-size:16px;padding:10px 0}.unlocked-features li:last-child{border-bottom:none}.redirect-message{margin-bottom:24px}.redirect-message p{color:#6c757d;font-size:16px;margin-bottom:16px}.redirect-message strong{color:#0d7377;font-size:20px}.continue-btn{background:linear-gradient(135deg,#0d7377,#14ffec);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:14px 32px;transition:all .3s}.continue-btn:hover{box-shadow:0 8px 20px #0d737766;transform:translateY(-2px)}.support-text{margin-top:24px}@media (max-width:768px){.success-card{padding:32px 24px}.success-title{font-size:28px}.success-subtitle{font-size:16px}.success-icon,.success-icon-wrapper{height:100px;width:100px}.success-icon{font-size:48px}.success-glow{height:100px;width:100px}}.payment-cancelled-page{align-items:center;background:linear-gradient(135deg,#6c757d,#495057);display:flex;justify-content:center;min-height:100vh;padding:20px}.cancelled-card{animation:slideUp .6s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000004d;max-width:600px;padding:48px;text-align:center;width:100%}.cancel-icon-wrapper{height:120px;margin:0 auto 32px;position:relative;width:120px}.cancel-icon{align-items:center;animation:scaleIn .6s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#6c757d,#495057);border-radius:50%;color:#fff;display:flex;font-size:64px;font-weight:700;height:120px;justify-content:center;width:120px}@keyframes scaleIn{0%{transform:scale(0) rotate(-90deg)}to{transform:scale(1) rotate(0deg)}}.cancel-title{color:#1a1446;font-size:36px;font-weight:700;margin-bottom:16px}.cancel-subtitle{color:#495057;font-size:18px;margin-bottom:24px}.cancel-message{background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:16px;margin-bottom:32px;padding:24px}.cancel-message p{color:#495057;font-size:16px;line-height:1.6;margin-bottom:12px}.cancel-message p:last-child{color:#0d7377;font-weight:600;margin-bottom:0}.why-subscribe{background:linear-gradient(135deg,#0d73771a,#14ffec1a);border-radius:16px;margin-bottom:32px;padding:24px;text-align:left}.why-subscribe h3{color:#1a1446;font-size:20px;font-weight:700;margin-bottom:16px;text-align:center}.why-subscribe ul{list-style:none;margin:0;padding:0}.why-subscribe li{border-bottom:1px solid #0000000d;color:#495057;font-size:16px;padding:10px 0}.why-subscribe li:last-child{border-bottom:none}.cancel-actions{display:flex;gap:16px;margin-bottom:24px}.return-btn,.try-again-btn{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:16px;font-weight:700;padding:14px 24px;transition:all .3s}.try-again-btn{background:linear-gradient(135deg,#0d7377,#14ffec);color:#fff}.try-again-btn:hover{box-shadow:0 8px 20px #0d737766;transform:translateY(-2px)}.return-btn{background:#fff;border:2px solid #e9ecef;color:#495057}.return-btn:hover{background:#f8f9fa;border-color:#dee2e6}.support-text{color:#6c757d;font-size:14px}@media (max-width:768px){.cancelled-card{padding:32px 24px}.cancel-title{font-size:28px}.cancel-subtitle{font-size:16px}.cancel-icon,.cancel-icon-wrapper{height:100px;width:100px}.cancel-icon{font-size:48px}.cancel-actions{flex-direction:column}.return-btn,.try-again-btn{width:100%}}.install-prompt{animation:slideUp .4s ease-out;bottom:20px;left:50%;position:fixed;transform:translateX(-50%);z-index:9999}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,100px)}to{opacity:1;transform:translate(-50%)}}.install-content{align-items:center;background:linear-gradient(135deg,#0d7377,#14ffec);border-radius:16px;box-shadow:0 8px 24px #0000004d;color:#fff;display:flex;gap:16px;max-width:400px;padding:16px 24px}.install-icon{font-size:32px}.install-text h4{font-size:16px;margin:0 0 4px}.install-text p{font-size:13px;margin:0;opacity:.9}.install-actions{display:flex;gap:8px}.install-btn{background:#fff;border:none;border-radius:8px;color:#0d7377;cursor:pointer;font-weight:700;padding:8px 16px}.dismiss-btn{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;height:32px;width:32px}.auth-prompt-modal{max-width:500px}.auth-prompt-content{padding:20px;text-align:center}.auth-prompt-icon{animation:bounce 1s ease-in-out;font-size:64px;margin-bottom:20px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.auth-prompt-content h2{color:#fff;font-size:32px;font-weight:700;margin-bottom:12px}.auth-prompt-text{color:#fffc;font-size:16px;line-height:1.6;margin-bottom:30px}.auth-prompt-benefits{background:#ffffff0d;border-radius:12px;margin-bottom:30px;padding:20px;text-align:left}.auth-prompt-benefits h4{color:#14ffec;font-size:16px;font-weight:600;margin-bottom:12px;text-align:center}.auth-prompt-benefits ul{list-style:none;margin:0;padding:0}.auth-prompt-benefits li{border-bottom:1px solid #ffffff0d;color:#ffffffe6;font-size:14px;padding:8px 0}.auth-prompt-benefits li:last-child{border-bottom:none}.auth-prompt-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.auth-btn{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:.5px;padding:16px;text-transform:uppercase;transition:all .3s;width:100%}.auth-btn.primary{background:linear-gradient(135deg,#0d7377,#14ffec);box-shadow:0 6px 20px #14ffec66;color:#fff}.auth-btn.primary:hover{box-shadow:0 8px 24px #14ffec99;transform:translateY(-2px)}.auth-btn.secondary{background:#ffffff1a;border:2px solid #fff3;color:#fff}.auth-btn.secondary:hover{background:#ffffff26;border-color:#ffffff4d}.auth-prompt-note{color:#fff9;font-size:13px;font-style:italic}@media (max-width:768px){.auth-prompt-icon{font-size:48px}.auth-prompt-content h2{font-size:24px}}.locked-word-card{align-items:center;background:linear-gradient(135deg,#0d73771a,#14ffec0d);border:2px dashed #d4af3780;border-radius:16px;cursor:pointer;display:flex;justify-content:center;min-height:200px;padding:20px;position:relative;transition:all .3s}.locked-word-card:hover{border-color:#d4af37cc;box-shadow:0 8px 24px #d4af3733;transform:translateY(-4px)}.word-preview-blurred{filter:blur(8px);left:20px;opacity:.3;pointer-events:none;position:absolute;right:20px;top:20px}.arabic-blurred{color:#fff;font-size:28px;font-weight:700;margin-bottom:8px;text-align:center}.transliteration-blurred{color:#ffffffb3;font-size:16px;margin-bottom:4px;text-align:center}.meaning-blurred{color:#fff9;font-size:14px;text-align:center}.premium-overlay-card{align-items:center;display:flex;flex-direction:column;gap:12px;position:relative;text-align:center;z-index:2}.lock-icon-large{animation:lockBounce 2s ease-in-out infinite;font-size:48px}@keyframes lockBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.premium-text{display:flex;flex-direction:column;gap:4px}.premium-text strong{color:#14ffec;font-size:16px;font-weight:700}.premium-text span{color:#ffffffb3;font-size:13px}.unlock-btn-card{background:linear-gradient(135deg,#d4af37,#f4d03f);border:none;border-radius:10px;color:#1a1446;cursor:pointer;font-size:14px;font-weight:700;padding:10px 24px;transition:all .3s}.unlock-btn-card:hover{box-shadow:0 6px 16px #d4af3766;transform:translateY(-2px)}.premium-badge-corner{animation:starTwinkle 2s ease-in-out infinite;font-size:24px;opacity:.5;position:absolute;right:12px;top:12px}@keyframes starTwinkle{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@media (max-width:768px){.locked-word-card{min-height:180px;padding:16px}.lock-icon-large{font-size:40px}.premium-text strong{font-size:14px}}.paywall-container{align-items:center;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:16px;position:fixed;z-index:10000}.paywall-overlay{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:linear-gradient(135deg,#1a1446f7,#2d1b69f2 50%,#0d7377ed);inset:0;position:fixed}.paywall-content{animation:paywallReveal .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(160deg,#ffffff12,#ffffff08);border:1px solid #d4af3759;border-radius:24px;box-shadow:0 0 0 1px #14ffec14,0 24px 64px #0009,inset 0 1px 0 #ffffff1a;max-height:92vh;max-width:520px;overflow-y:auto;padding:40px 36px 32px;position:relative;scrollbar-color:#d4af374d #0000;scrollbar-width:thin;text-align:center;width:100%}.paywall-content::-webkit-scrollbar{width:4px}.paywall-content::-webkit-scrollbar-track{background:#0000}.paywall-content::-webkit-scrollbar-thumb{background:#d4af374d;border-radius:2px}@keyframes paywallReveal{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.paywall-content:before{background:linear-gradient(90deg,#0000,#d4af37,#14ffec,#0000);border-radius:999px;content:"";height:2px;left:50%;position:absolute;top:-1px;transform:translateX(-50%);width:60%}.paywall-icon{align-items:center;animation:iconFloat 3s ease-in-out infinite;background:radial-gradient(circle at 40% 40%,#d4af3733,#14ffec14);border:1px solid #d4af3766;border-radius:50%;box-shadow:0 0 24px #d4af3733,inset 0 1px 0 #ffffff26;display:inline-flex;font-size:44px;height:88px;justify-content:center;margin:0 auto 24px;width:88px}@keyframes iconFloat{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-6px) rotate(2deg)}66%{transform:translateY(-3px) rotate(-1deg)}}.paywall-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f4e4c1,#d4af37 50%,#14ffec);-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:800;letter-spacing:-.3px;line-height:1.25;margin:0 0 12px}.paywall-message{color:#f4e4c1cc;font-size:15px;line-height:1.65;margin:0 0 28px}.paywall-benefits{background:#00000040;border:1px solid #d4af372e;border-radius:16px;margin-bottom:24px;padding:20px 22px;text-align:left}.paywall-benefits h3{color:#d4af37;font-size:13px;font-weight:700;letter-spacing:1.2px;margin:0 0 14px;text-align:center;text-transform:uppercase}.paywall-benefits ul{grid-gap:2px;display:grid;gap:2px;list-style:none;margin:0;padding:0}.paywall-benefits li{align-items:center;border-bottom:1px solid #ffffff12;color:#ffffffe0;display:flex;font-size:14px;gap:8px;padding:7px 0}.paywall-benefits li:last-child{border-bottom:none}.paywall-benefits li:before{color:#14ffec;content:"✦";flex-shrink:0;font-size:10px}.paywall-free-content{background:#14ffec0f;border:1px solid #14ffec33;border-radius:16px;margin-bottom:20px;padding:18px 22px;text-align:left}.paywall-free-content h3{color:#14ffec;font-size:13px;font-weight:700;letter-spacing:1px;margin:0 0 12px;text-align:center;text-transform:uppercase}.paywall-free-content ul{grid-gap:2px;display:grid;gap:2px;list-style:none;margin:0;padding:0}.paywall-free-content li{border-bottom:1px solid #ffffff0f;color:#fffc;font-size:14px;padding:6px 0}.paywall-free-content li:last-child{border-bottom:none}.paywall-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:22px}.paywall-btn-primary,.paywall-btn-secondary{border:none;border-radius:12px;cursor:pointer;font-size:15px;font-weight:700;letter-spacing:.2px;overflow:hidden;padding:14px 28px;position:relative;transition:all .25s cubic-bezier(.34,1.56,.64,1);width:100%}.paywall-btn-primary{background:linear-gradient(135deg,#b8860b,#d4af37 40%,#f0c040 70%,#d4af37);box-shadow:0 4px 20px #d4af3773,inset 0 1px 0 #ffffff4d;color:#1a1446}.paywall-btn-primary:after{background:linear-gradient(135deg,#0000 40%,#ffffff26);content:"";inset:0;pointer-events:none;position:absolute}.paywall-btn-primary:hover{box-shadow:0 8px 28px #d4af3799,inset 0 1px 0 #fff6;transform:translateY(-2px) scale(1.01)}.paywall-btn-primary:active{transform:translateY(0) scale(.99)}.paywall-btn-secondary{background:#ffffff12;border:1px solid #fff3;color:#f4e4c1d9}.paywall-btn-secondary:hover{background:#ffffff1f;border-color:#ffffff59;color:#fff;transform:translateY(-1px)}.paywall-btn-secondary:active{transform:translateY(0)}.paywall-pricing{border-top:1px solid #ffffff14;padding-top:18px}.paywall-pricing p{color:#f4e4c1bf;font-size:14px;margin:4px 0}.paywall-pricing strong{color:#d4af37;font-size:18px;font-weight:800}.paywall-trial{align-items:center;color:#14ffecbf!important;display:flex;font-size:12px!important;gap:4px;justify-content:center}.paywall-guarantee{color:#ffffff73!important;font-size:12px!important}.progress-indicator{border-top:1px solid #ffffff14;margin-top:20px;padding-top:18px}.progress-bar{background:#ffffff1a;border-radius:999px;height:6px;margin-bottom:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#14ffec,#d4af37);border-radius:999px;box-shadow:0 0 8px #14ffec80;height:100%;transition:width .8s cubic-bezier(.34,1.56,.64,1)}.progress-text{color:#ffffff80;font-size:12px;margin:0;text-align:center}@media (max-width:480px){.paywall-container{align-items:flex-end;padding:12px}.paywall-content{animation:paywallSlideUp .35s cubic-bezier(.34,1.56,.64,1);border-radius:20px 20px 16px 16px;max-height:88vh;padding:32px 22px 24px}@keyframes paywallSlideUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.paywall-icon{font-size:36px;height:72px;width:72px}.paywall-title{font-size:22px}.paywall-message{font-size:14px;margin-bottom:20px}.paywall-btn-primary,.paywall-btn-secondary{font-size:14px;padding:13px 20px}}
/*# sourceMappingURL=main.0c021eea.css.map*/