@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Inter:wght@300;400;500;600;700&family=Amiri:wght@400;700&display=swap";:root{--bg:#f6f1ea;--bg2:#ede7dc;--card:#fff;--card-dark-front:linear-gradient(150deg, #1a0e05 0%, #2e1c08 50%, #1a0e05 100%);--card2:#fafaf8;--border:#00000012;--border2:#0000001f;--text:#1c1917;--text2:#78716c;--text3:#b0a89f;--gold:#c49a28;--gold2:#e8b84b;--gold-bg:#fdf6e3;--gold-b:#c49a2833;--purple:#2c1a0a;--purple2:#6b4820;--purple-bg:#fdf5ea;--purple-b:#2c1a0a26;--orange:#f97316;--orange-bg:#fff7ed;--teal:#0d9488;--teal-bg:#f0fdfa;--green:#16a34a;--green-bg:#f0fdf4;--red:#dc2626;--red-bg:#fef2f2;--shadow:0 2px 16px #0000000f;--shadow-md:0 6px 28px #00000017;--radius:22px;--radius-sm:16px;--radius-xs:10px;--header-h:64px;--nav-h:72px;--safe-b:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,sans-serif;overflow-x:hidden}button{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;font-family:inherit}input{font-family:inherit}.app{flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}.app-header{z-index:100;-webkit-backdrop-filter:blur(20px);height:var(--header-h);background:#fdf5eaf2;border-bottom:1px solid #c49a2826;position:sticky;top:0}.header-inner{align-items:center;gap:12px;height:100%;padding:0 20px;display:flex}.header-logo{flex-shrink:0;justify-content:center;align-items:center;display:flex}.header-logo-ar{color:var(--gold);filter:drop-shadow(0 1px 4px #c49a2859);font-family:Amiri,serif;font-size:26px;line-height:1}.header-titles{flex:1;min-width:0}.header-title{color:var(--text);letter-spacing:.2px;font-family:Cormorant Garamond,serif;font-size:20px;font-weight:700;line-height:1}.header-sub{letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);opacity:.8;margin-top:3px;font-size:9px;font-weight:600;display:block}.reset-btn{color:var(--text3);border-radius:50%;padding:8px;font-size:18px}.reset-btn:active{background:var(--bg2)}.app-main{padding:20px 16px calc(var(--nav-h) + var(--safe-b) + 28px);flex:1;overflow-y:auto}.bottom-nav{bottom:calc(12px + var(--safe-b));-webkit-backdrop-filter:blur(24px);z-index:100;background:#fdf5eaed;border:1px solid #c49a2833;border-radius:28px;align-items:center;width:calc(100% - 32px);max-width:448px;padding:5px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #2c1a0a21,0 2px 8px #2c1a0a12}.nav-bubble{pointer-events:none;z-index:0;will-change:transform, width;background:linear-gradient(135deg,#2c1a0a 0%,#4a2c10 100%);border-radius:22px;transition:transform .42s cubic-bezier(.34,1.5,.64,1),width .42s cubic-bezier(.34,1.5,.64,1);position:absolute;top:5px;bottom:5px;left:0;box-shadow:0 4px 18px #2c1a0a52}.nav-btn{color:var(--text3);z-index:1;-webkit-tap-highlight-color:transparent;border-radius:22px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-width:0;padding:8px 4px;transition:color .38s cubic-bezier(.34,1.5,.64,1),transform .16s;display:flex;position:relative}.nav-btn:active{transform:scale(.88)}.nav-btn.nav-active{color:#f6edd8}.nav-icon{will-change:transform;font-size:19px;line-height:1;transition:transform .42s cubic-bezier(.34,1.7,.64,1)}.nav-btn.nav-active .nav-icon{transform:scale(1.18)}.nav-label{letter-spacing:.3px;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:9px;font-weight:700;transition:opacity .3s;overflow:hidden}.nav-btn:not(.nav-active) .nav-label{opacity:.65}.dashboard{flex-direction:column;gap:14px;display:flex}.streak-card{border-radius:var(--radius);background:linear-gradient(135deg,#1a0e05 0%,#2e1c08 60%,#1a0e05 100%);border:1px solid #c49a2826;align-items:center;gap:20px;padding:18px 20px 16px;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 28px #2c1a0a38}.streak-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#c49a281a 0%,#0000 70%);border-radius:50%;width:120px;height:120px;position:absolute;top:-30px;right:-20px}.streak-left{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;min-width:78px;display:flex}.streak-ring-wrap{justify-content:center;align-items:center;width:78px;height:78px;margin-bottom:2px;display:flex;position:relative}.streak-flame{z-index:1;font-size:30px;line-height:1;position:relative}.streak-num{color:var(--gold2);font-family:Cormorant Garamond,serif;font-size:38px;font-weight:700;line-height:1}.streak-days-lbl{letter-spacing:1.5px;text-transform:uppercase;color:#ffffff73;font-size:10px;font-weight:600}.streak-right{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.streak-week{justify-content:space-between;gap:4px;display:flex}.streak-day-col{flex-direction:column;flex:1;align-items:center;gap:5px;display:flex}.streak-day-name{letter-spacing:.5px;text-transform:uppercase;color:#fff6;font-size:9px;font-weight:700}.streak-diamond{border:2px solid #c49a2859;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;transition:all .25s;display:flex;position:relative;transform:rotate(45deg)}.streak-diamond-done{background:var(--gold);border-color:var(--gold);box-shadow:0 0 10px #c49a2880}.streak-diamond-today{border-color:var(--gold2);animation:1.8s ease-in-out infinite streak-pulse;box-shadow:0 0 8px #e8b84b4d}@keyframes streak-pulse{0%,to{box-shadow:0 0 6px #c49a284d}50%{box-shadow:0 0 14px #c49a2899}}.streak-check{color:#1a0e05;font-size:10px;font-weight:900;line-height:1;display:block;transform:rotate(-45deg)}.streak-record{color:#ffffff73;letter-spacing:.3px;font-size:11px}.streak-record strong{color:var(--gold2);font-weight:700}.cuore-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 22px 20px;position:relative;overflow:hidden}.cuore-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#c49a2814 0%,#0000 70%);border-radius:50%;width:140px;height:140px;position:absolute;top:-40px;right:-40px}.cuore-label{letter-spacing:2.5px;color:var(--gold);text-transform:uppercase;margin-bottom:12px;font-size:10px;font-weight:700}.cuore-row{justify-content:space-between;align-items:flex-end;margin-bottom:12px;display:flex}.cuore-pct{color:var(--gold);font-family:Cormorant Garamond,serif;font-size:56px;font-weight:700;line-height:1}.cuore-ring{flex-shrink:0}.cuore-ring svg{width:64px;height:64px}.cuore-bar-wrap{background:var(--bg2);border-radius:99px;height:5px;margin-bottom:10px;overflow:hidden}.cuore-bar{background:linear-gradient(90deg, var(--gold), var(--gold2));border-radius:99px;height:100%;transition:width .7s cubic-bezier(.4,0,.2,1)}.cuore-sub{color:var(--text3);font-size:13px}.live-stats-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.live-stat-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1.5px solid #0000;flex-direction:column;gap:6px;padding:18px 16px 16px;transition:border-color .3s;display:flex;position:relative;overflow:hidden}.live-stat-names{border-color:#c49a284d}.live-stat-names:before{content:"";border-radius:var(--radius);pointer-events:none;background:linear-gradient(135deg,#c49a280d 0%,#0000 60%);position:absolute;inset:0}.live-stat-online{border-color:#0d94884d}.live-stat-online:before{content:"";border-radius:var(--radius);pointer-events:none;background:linear-gradient(135deg,#0d94880d 0%,#0000 60%);position:absolute;inset:0}.live-stat-icon{margin-bottom:2px}.live-stat-icon svg{width:40px;height:40px}.live-stat-label{color:var(--text2);font-size:11px;font-weight:600;line-height:1.35}.live-stat-num{color:var(--text);letter-spacing:-.5px;margin-top:2px;font-family:Cormorant Garamond,serif;font-size:36px;font-weight:700;line-height:1}.live-stat-sub{color:var(--gold);letter-spacing:1.3px;text-transform:uppercase;background:#c49a2817;border:1px solid #c49a2838;border-radius:20px;align-self:flex-start;align-items:center;gap:5px;margin-top:2px;padding:3px 9px 3px 6px;font-size:10px;font-weight:700;display:inline-flex}.pulse-dot{background:var(--gold);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s ease-in-out infinite live-pulse;position:relative;box-shadow:0 0 5px #c49a28a6}.pulse-dot:after{content:"";border:1.5px solid #c49a28bf;border-radius:50%;animation:2s ease-out infinite pulse-ring;position:absolute;inset:-3px}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.1)}}@keyframes pulse-ring{0%{opacity:.85;transform:scale(.7)}to{opacity:0;transform:scale(2.4)}}.mini-stats{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mini-card{background:var(--card);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:18px 16px}.mini-icon-wrap{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:12px;font-size:20px;display:flex}.mini-streak .mini-icon-wrap{background:var(--orange-bg)}.mini-impact .mini-icon-wrap{background:var(--teal-bg)}.mini-val{color:var(--text);margin-bottom:2px;font-family:Cormorant Garamond,serif;font-size:22px;font-weight:700}.mini-label{letter-spacing:2px;color:var(--text3);text-transform:uppercase;font-size:9px;font-weight:700}.oggi-header{align-items:baseline;gap:5px;padding:4px 4px 0;display:flex}.oggi-normal{color:var(--text);font-family:Cormorant Garamond,serif;font-size:26px;font-weight:400}.oggi-accent{color:var(--gold);font-family:Cormorant Garamond,serif;font-size:26px;font-style:italic;font-weight:600}.action-cards{flex-direction:column;gap:10px;display:flex}.action-card{background:var(--card);border-radius:var(--radius-sm);box-shadow:var(--shadow);text-align:left;align-items:center;gap:16px;width:100%;padding:18px;transition:transform .15s,box-shadow .15s;display:flex}.action-card:active{box-shadow:var(--shadow);transform:scale(.98)}.action-icon-wrap{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.action-primary .action-icon-wrap{background:var(--gold-bg)}.action-review .action-icon-wrap{background:var(--teal-bg)}.action-test .action-icon-wrap,.action-all .action-icon-wrap{background:var(--orange-bg)}.action-card>div{flex:1;min-width:0}.action-card strong{color:var(--text);margin-bottom:2px;font-size:15px;font-weight:600;display:block}.action-card span{color:var(--text3);font-size:12px}.action-arrow{color:var(--text3);font-size:18px}.categories-learned{background:var(--card);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:18px}.categories-learned h3{letter-spacing:2px;color:var(--text3);text-transform:uppercase;margin-bottom:12px;font-size:10px;font-weight:700}.cat-grid{flex-wrap:wrap;gap:8px;display:flex}.cat-badge{border:1.5px solid;border-radius:99px;padding:5px 12px;font-size:12px;font-weight:600}.tip-card{background:var(--gold-bg);border:1px solid var(--gold-b);border-radius:var(--radius-sm);padding:14px 16px}.tip-title{letter-spacing:1.5px;color:var(--gold);text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:700}.tip-text{color:var(--text2);font-size:13px;line-height:1.6}.name-card-wrap{margin-bottom:14px}.name-card{perspective:1200px;cursor:pointer;height:clamp(280px,46vw,320px);position:relative}.name-card .card-front,.name-card .card-back{backface-visibility:hidden;border-radius:var(--radius);text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:24px 20px;transition:transform .6s cubic-bezier(.4,0,.2,1);display:flex;position:absolute}.card-front{box-shadow:var(--shadow-md);background:linear-gradient(150deg,#1a0e05 0%,#2e1c08 50%,#1a0e05 100%)}.card-back{background:var(--card);border:2px solid var(--cat-color,var(--purple));box-shadow:var(--shadow-md);transform:rotateY(180deg)}.name-card.flipped .card-front{transform:rotateY(-180deg)}.name-card.flipped .card-back{transform:rotateY(0)}.card-number{color:#fff;border-radius:99px;padding:3px 10px;font-size:11px;font-weight:700;position:absolute;top:14px;left:14px}.card-cat-badge{border:1px solid;border-radius:99px;margin-bottom:14px;padding:4px 12px;font-size:11px;font-weight:600}.card-arabic{color:var(--gold2);text-shadow:0 0 20px #e8b84b4d;direction:rtl;margin-bottom:10px;font-family:Amiri,serif;font-size:clamp(46px,13vw,60px);line-height:1.2}.card-trans{color:#ffffffbf;font-size:17px;font-weight:600}.card-tap-hint{color:#ffffff59;font-size:11px;position:absolute;bottom:14px}.card-back .card-tap-hint{color:var(--text3)}.card-arabic-small{color:var(--cat-color,var(--purple));direction:rtl;margin-bottom:10px;font-family:Amiri,serif;font-size:28px}.card-italiano{color:var(--text);margin-bottom:10px;font-size:20px;font-weight:700}.card-descrizione{color:var(--text2);font-size:13px;line-height:1.6}.mnemonic-section{margin-top:6px}.mnemonic-toggle{border:1.5px solid var(--border2);border-radius:var(--radius-xs);width:100%;color:var(--text2);background:var(--card);padding:12px;font-size:13px;font-weight:600}.mnemonic-toggle:active{background:var(--bg2)}.mnemonic-box{border-radius:var(--radius-xs);color:var(--text);border:1.5px solid;margin-top:8px;padding:14px 16px;font-size:13px;line-height:1.7}.name-card-compact{background:var(--card);border-radius:var(--radius-xs);box-shadow:var(--shadow);border-left:3px solid;flex-wrap:wrap;align-items:center;gap:10px;padding:14px;display:flex}.compact-number{color:#fff;white-space:nowrap;border-radius:99px;padding:3px 8px;font-size:10px;font-weight:700}.compact-arabic{color:var(--gold);direction:rtl;font-family:Amiri,serif;font-size:24px}.compact-trans{color:var(--text3);flex:1;font-size:12px}.compact-it{color:var(--text);flex:1;min-width:120px;font-size:13px;font-weight:600}.compact-cat{font-size:11px;font-weight:600}.btn-primary{background:linear-gradient(135deg, var(--gold), var(--gold2));color:#1c0e04;border-radius:var(--radius-sm);letter-spacing:.3px;width:100%;padding:16px;font-size:15px;font-weight:700;transition:transform .15s,box-shadow .15s;display:block;box-shadow:0 4px 20px #c49a2859}.btn-primary:active{transform:scale(.98);box-shadow:0 2px 10px #c49a2833}.btn-primary.btn-glow{animation:1.5s ease-in-out infinite alternate glow-p}@keyframes glow-p{0%{box-shadow:0 4px 20px #c49a2859}to{box-shadow:0 4px 36px #c49a288c}}.btn-secondary{background:var(--card);width:100%;color:var(--text);border:1.5px solid var(--border2);border-radius:var(--radius-sm);padding:16px;font-size:15px;font-weight:600;display:block}.btn-secondary:active{background:var(--bg2)}.timer-chip{background:linear-gradient(135deg,#c49a2826,#c49a2814);border:1px solid #c49a2859;border-radius:99px;align-self:stretch;align-items:center;gap:8px;padding:8px 8px 8px 14px;display:flex}.timer-chip-time{color:#8b6914;font-variant-numeric:tabular-nums;letter-spacing:.3px;font-size:14px;font-weight:800}.timer-chip-label{color:#9a7a30;flex:1;font-size:12px;font-weight:400}.timer-chip-stop{color:#b91c1c;white-space:nowrap;background:#dc26261a;border:1px solid #dc262640;border-radius:99px;padding:5px 12px;font-size:12px;font-weight:700;transition:background .15s}.timer-chip-stop:active{background:#dc262633}.focus-timer{background:var(--card);border:1.5px solid var(--border2);border-radius:var(--radius);text-align:center;padding:22px 16px;transition:border-color .3s,box-shadow .3s}.focus-timer.timer-active{border-color:var(--gold-b);box-shadow:0 0 20px #c49a281a}.timer-header{color:var(--text2);justify-content:center;align-items:center;gap:8px;margin-bottom:18px;font-size:13px;font-weight:600;display:flex}.lamp-icon{filter:grayscale()opacity(.4);font-size:22px;transition:all .3s}.lamp-icon.lamp-on{filter:none;animation:.4s flicker}@keyframes flicker{0%{opacity:.2}40%{opacity:1}70%{opacity:.6}to{opacity:1}}.timer-ring-wrap{margin-bottom:18px;display:inline-block;position:relative}.timer-ring{width:120px;height:120px}.timer-display{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.timer-time{color:var(--text);font-variant-numeric:tabular-nums;font-size:24px;font-weight:700}.timer-sub{color:var(--text3);letter-spacing:.5px;font-size:10px}.timer-btn{border-radius:99px;padding:11px 28px;font-size:14px;font-weight:700}.timer-btn-start{background:var(--gold);color:#fff;box-shadow:0 4px 14px #c49a284d}.timer-btn-stop{background:var(--red);color:#fff}.study-intro,.study-learn,.study-done,.study-complete{flex-direction:column;gap:16px;display:flex}.day-badge{background:var(--purple-bg);color:var(--purple);border:1px solid var(--purple-b);border-radius:99px;align-self:flex-start;align-items:center;padding:5px 14px;font-size:12px;font-weight:700;display:inline-flex}.study-intro h2{font-family:Cormorant Garamond,serif;font-size:28px;font-weight:700}.intro-names-preview{border-radius:var(--radius);background:linear-gradient(135deg,#1a0e05,#2e1c08);padding:18px}.preview-name{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.preview-name:last-child{border-bottom:none;padding-bottom:0}.preview-arabic{color:var(--gold2);direction:rtl;font-family:Amiri,serif;font-size:30px}.preview-it{color:#ffffffbf;font-size:14px}.method-steps{flex-direction:column;gap:8px;display:flex}.method-step{background:var(--card);border-radius:var(--radius-xs);color:var(--text2);box-shadow:var(--shadow);align-items:center;gap:12px;padding:13px 16px;font-size:13px;display:flex}.step-num{background:var(--purple);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex}.learn-progress{justify-content:space-between;align-items:center;display:flex}.learn-step-badge{background:var(--gold);color:#fff;border-radius:99px;padding:5px 14px;font-size:12px;font-weight:700}.learn-dots{gap:6px;display:flex}.dot{background:var(--bg2);border-radius:50%;width:10px;height:10px}.dot.active{background:var(--gold)}.dot.done{background:var(--purple)}.recall-box{background:var(--gold-bg);border:1px solid var(--gold-b);border-radius:var(--radius-xs);padding:14px 16px}.recall-box h4{color:var(--gold);margin-bottom:6px;font-size:13px;font-weight:700}.recall-box p{color:var(--text2);font-size:13px;line-height:1.6}.done-icon,.complete-icon{text-align:center;font-size:60px}.done-names{flex-direction:column;gap:8px;display:flex}.done-name-pill{background:var(--card);border:1.5px solid var(--purple-b);border-radius:var(--radius-xs);color:var(--text2);padding:12px 14px;font-size:14px}.done-name-pill span{color:var(--gold);direction:rtl;margin-right:8px;font-family:Amiri,serif;font-size:22px}.done-actions{flex-direction:column;gap:10px;display:flex}.review-start,.review-session,.review-done{flex-direction:column;gap:16px;display:flex}.review-icon{text-align:center;font-size:56px}.session-cards{gap:12px;display:flex}.session-card{background:var(--card);border-radius:var(--radius);border:1.5px solid var(--border2);color:var(--text2);box-shadow:var(--shadow);flex-direction:column;flex:1;align-items:center;gap:8px;padding:20px 12px;font-size:13px;display:flex}.session-card:active{background:var(--bg2)}.session-card span:first-child{font-size:28px}.session-card strong{color:var(--text);font-size:14px;font-weight:600}.review-tip{background:var(--purple-bg);border:1px solid var(--purple-b);border-radius:var(--radius-xs);color:var(--text2);padding:12px 14px;font-size:13px;line-height:1.6}.review-header{justify-content:space-between;align-items:center;display:flex}.session-type-badge{background:var(--purple-bg);color:var(--purple);border:1px solid var(--purple-b);border-radius:99px;padding:5px 12px;font-size:12px;font-weight:700}.review-counter{color:var(--text3);font-size:14px;font-weight:600}.review-progress-bar{background:var(--bg2);border-radius:99px;height:4px;overflow:hidden}.review-progress-bar div{background:var(--purple);border-radius:99px;height:100%;transition:width .4s}.review-nav{gap:10px;display:flex}.review-nav .btn-secondary,.review-nav .btn-primary{flex:1;width:auto}.hadith-small{background:var(--purple-bg);border-left:3px solid var(--purple);border-radius:0 var(--radius-xs) var(--radius-xs) 0;color:var(--text2);padding:12px 16px;font-size:13px;font-style:italic;line-height:1.6}.hadith-small cite{color:var(--text3);margin-top:4px;font-size:11px;font-style:normal;display:block}.test-start,.test-session,.test-results{flex-direction:column;gap:16px;display:flex}.test-icon{text-align:center;font-size:56px}.test-modes{gap:12px;display:flex}.test-mode-card{background:var(--card);border-radius:var(--radius);border:1.5px solid var(--border2);color:var(--text3);box-shadow:var(--shadow);flex-direction:column;flex:1;align-items:center;gap:10px;padding:22px 12px;font-size:12px;display:flex}.test-mode-card:active{background:var(--bg2)}.test-mode-card strong{color:var(--text);font-size:14px;font-weight:600}.mode-arabic{color:var(--gold);font-family:Amiri,serif;font-size:38px}.mode-it{color:var(--purple);font-size:26px;font-weight:700}.test-tip{background:var(--card);border-left:3px solid var(--gold);border-radius:0 var(--radius-xs) var(--radius-xs) 0;color:var(--text2);box-shadow:var(--shadow);padding:14px 16px;font-size:13px;line-height:1.6}.test-header{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.test-mode-badge{background:var(--bg2);color:var(--text2);border:1px solid var(--border2);border-radius:99px;padding:4px 10px;font-size:12px}.test-counter{color:var(--text3);margin-left:auto;font-size:14px;font-weight:600}.mastered-badge{background:var(--gold-bg);color:var(--gold);border:1px solid var(--gold-b);border-radius:99px;padding:3px 10px;font-size:11px;font-weight:600}.test-progress-bar{background:var(--bg2);border-radius:99px;height:4px;overflow:hidden}.test-progress-bar div{background:linear-gradient(90deg, var(--gold), var(--gold2));border-radius:99px;height:100%;transition:width .4s}.test-card{background:var(--card);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow-md);border:2px solid;padding:26px 20px}.test-num{color:#fff;border-radius:99px;margin-bottom:16px;padding:3px 12px;font-size:11px;font-weight:700;display:inline-block}.test-arabic{color:var(--gold);direction:rtl;font-family:Amiri,serif;font-size:clamp(48px,14vw,64px)}.test-trans{color:var(--text2);margin-top:4px;margin-bottom:12px;font-size:15px}.test-italiano{color:var(--text);margin-bottom:12px;font-size:22px;font-weight:700}.test-prompt{color:var(--text3);margin-top:10px;margin-bottom:16px;font-size:13px}.btn-reveal{background:var(--text);color:#fff;border-radius:99px;padding:13px 32px;font-size:14px;font-weight:600}.btn-reveal:active{opacity:.85}.test-answer{flex-direction:column;gap:12px;display:flex}.answer-box{border-radius:var(--radius-xs);border:1.5px solid;padding:16px}.answer-main{color:var(--text);margin-bottom:6px;font-size:20px;font-weight:700}.answer-desc{color:var(--text2);font-size:12px;line-height:1.6}.answer-arabic{color:var(--gold);direction:rtl;margin-bottom:6px;font-family:Amiri,serif;font-size:42px}.answer-trans{color:var(--text2);font-size:15px}.answer-buttons{gap:10px;display:flex}.btn-wrong,.btn-correct{border-radius:var(--radius-xs);flex:1;padding:14px;font-size:14px;font-weight:700}.btn-wrong{background:var(--red-bg);color:var(--red);border:1.5px solid #dc262633}.btn-correct{background:var(--green-bg);color:var(--green);border:1.5px solid #16a34a33}.mnemonic-hint{border-radius:var(--radius-xs);color:var(--text2);border:1px solid;padding:12px 16px;font-size:13px;line-height:1.6}.results-circle{background:conic-gradient(var(--gold) calc(var(--pct) * 1%), var(--bg2) calc(var(--pct) * 1%));border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:140px;height:140px;margin:0 auto;display:flex;position:relative}.results-circle:before{content:"";background:var(--card);border-radius:50%;position:absolute;inset:10px}.results-score,.results-label{z-index:1;position:relative}.results-score{color:var(--text);font-family:Cormorant Garamond,serif;font-size:32px;font-weight:700}.results-label{color:var(--text3);letter-spacing:.5px;font-size:11px}.results-detail{justify-content:center;gap:20px;font-size:14px;font-weight:600;display:flex}.r-correct{color:var(--green)}.r-wrong{color:var(--red)}.all-names{flex-direction:column;gap:12px;display:flex}.gallery-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.gallery-header h2{font-family:Cormorant Garamond,serif;font-size:24px;font-weight:700}.gallery-stats{color:var(--text3);gap:12px;font-size:12px;font-weight:500;display:flex}.search-input{background:var(--card);border:1.5px solid var(--border2);border-radius:var(--radius-sm);width:100%;color:var(--text);-webkit-appearance:none;box-shadow:var(--shadow);outline:none;padding:13px 16px;font-size:14px;transition:border-color .2s}.search-input::placeholder{color:var(--text3)}.search-input:focus{border-color:var(--purple)}.cat-filters{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.cat-filters::-webkit-scrollbar{display:none}.cat-filter-btn{border:1.5px solid var(--border2);color:var(--text3);white-space:nowrap;background:var(--card);border-radius:99px;flex-shrink:0;padding:7px 14px;font-size:12px;font-weight:600;transition:all .2s}.cat-filter-btn.active{background:var(--purple);color:#fff;border-color:var(--purple)}.names-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.grid-name-card{background:var(--card);border-radius:var(--radius-sm);border:1.5px solid var(--border);box-shadow:var(--shadow);cursor:pointer;text-align:center;padding:14px 12px;transition:border-color .2s;position:relative}.grid-name-card:active{background:var(--card2)}.grid-name-card.not-learned{opacity:.45}.grid-name-card.mastered{border-color:var(--gold-b)}.grid-num{color:#fff;border-radius:99px;margin-bottom:8px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.grid-arabic{color:var(--gold);direction:rtl;margin-bottom:4px;font-family:Amiri,serif;font-size:26px}.grid-trans{color:var(--text3);margin-bottom:4px;font-size:11px}.grid-it{color:var(--text2);font-size:12px;font-weight:600}.grid-star{font-size:13px;position:absolute;top:8px;right:8px}.grid-locked{opacity:.4;font-size:12px;position:absolute;bottom:8px;right:8px}.no-results{text-align:center;color:var(--text3);padding:40px 0;font-size:14px}.legend{color:var(--text3);justify-content:center;gap:16px;padding:8px 0;font-size:12px;display:flex}.back-btn{color:var(--purple);align-items:center;gap:6px;padding:6px 0;font-size:14px;font-weight:600;display:inline-flex}.name-detail{flex-direction:column;gap:16px;display:flex}.name-detail-extra .detail-status{flex-wrap:wrap;gap:8px;display:flex}.status-learned,.status-mastered,.status-new{border:1.5px solid;border-radius:99px;padding:5px 14px;font-size:12px;font-weight:600}.status-learned{background:var(--green-bg);color:var(--green);border-color:#16a34a33}.status-mastered{background:var(--gold-bg);color:var(--gold);border-color:var(--gold-b)}.status-new{background:var(--bg2);color:var(--text3);border-color:var(--border)}p{color:var(--text2);font-size:14px;line-height:1.6}h2{color:var(--text);font-family:Cormorant Garamond,serif;font-size:26px;font-weight:700}.hero-card{border-radius:var(--radius);text-align:center;background:linear-gradient(150deg,#1a0e05,#2e1c08);margin-bottom:4px;padding:24px 20px}.hero-arabic{color:var(--gold2);direction:rtl;margin-bottom:4px;font-family:Amiri,serif;font-size:24px;line-height:1.4}.hero-sub{color:#ffffff8c;letter-spacing:.5px;margin-bottom:16px;font-size:11px}.hadith-box{border-radius:var(--radius-xs);color:#fffc;background:#ffffff12;border:1px solid #ffffff1a;padding:14px 16px;font-size:13px;line-height:1.6}.hadith-box p{font-style:italic}.hadith-box small{color:#fff6;font-size:11px}.hadith-icon{margin-bottom:6px;font-size:20px;display:block}.study-complete{text-align:center;padding:20px 0}.level-bar-wrap{background:var(--bg2);border-radius:99px;height:4px;margin-top:8px;overflow:hidden}.level-bar{background:linear-gradient(90deg, var(--teal), #2ecc8a);border-radius:99px;height:100%;transition:width .7s cubic-bezier(.4,0,.2,1)}.notif-card{background:var(--purple-bg);border:1.5px solid var(--purple-b);border-radius:var(--radius-sm);box-shadow:var(--shadow);align-items:center;gap:14px;padding:16px 18px;display:flex}.notif-icon{flex-shrink:0;font-size:26px}.notif-body{flex:1;min-width:0}.notif-body strong{color:var(--text);margin-bottom:2px;font-size:14px;font-weight:700;display:block}.notif-body span{color:var(--text2);font-size:12px}.notif-btn{background:var(--purple);color:#fff;white-space:nowrap;border-radius:99px;flex-shrink:0;padding:9px 18px;font-size:13px;font-weight:700;box-shadow:0 3px 12px #2c1a0a33}.notif-btn:active{opacity:.85}.lock-widget{border-radius:var(--radius-sm);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#0e0803 0%,#1c1005 100%);border:1px solid #c49a2833;padding:20px 18px}.lock-widget-header{display:none}.lock-widget-top{align-items:center;gap:10px;margin-bottom:12px;display:flex}.lock-widget-top strong{color:#f0ce6a;font-size:14px;font-weight:700}.lock-icon{flex-shrink:0;font-size:22px}.mnemonic-lang-note{color:#ffffff80;margin-bottom:8px;font-size:11px;font-style:italic}.lock-generate-btn{color:#0e0725;border-radius:var(--radius-sm);letter-spacing:.3px;background:linear-gradient(90deg,#c49a28,#e8b84b);width:100%;padding:14px;font-size:14px;font-weight:800;transition:transform .15s,box-shadow .15s;display:block;box-shadow:0 4px 18px #c49a2866}.lock-generate-btn:active{transform:scale(.97);box-shadow:0 2px 8px #c49a2840}.lock-tip{color:#fff6;text-align:center;margin-top:10px;font-size:11px;line-height:1.5}.lock-tip strong{color:#ffffffa6}.srs-buttons{grid-template-columns:1fr 1fr;gap:8px;margin-top:4px;display:grid}.srs-btn{border-radius:var(--radius-xs);text-align:center;flex-direction:column;gap:2px;padding:12px 8px;font-size:12px;font-weight:700;transition:transform .1s;display:flex}.srs-btn:active{transform:scale(.96)}.srs-btn span{opacity:.75;font-size:10px;font-weight:400}.srs-again{background:var(--red-bg);color:var(--red);border:1.5px solid #dc262633}.srs-hard{background:var(--orange-bg);color:var(--orange);border:1.5px solid #f9731633}.srs-good{background:var(--green-bg);color:var(--green);border:1.5px solid #16a34a33}.srs-easy{background:var(--gold-bg);color:var(--gold);border:1.5px solid var(--gold-b)}.leaderboard{flex-direction:column;gap:14px;display:flex}.lb-banner{border-radius:var(--radius);border-radius:0 0 var(--radius) var(--radius);background:linear-gradient(160deg,#1c1208 0%,#2e1e0a 60%,#1a1006 100%);margin:-20px -16px 0;padding:24px 18px 16px;box-shadow:0 8px 32px #2c1a0a4d}.lb-banner-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.lb-user-avatar{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.lb-title{color:#fff;letter-spacing:.3px;font-family:Cormorant Garamond,serif;font-size:22px;font-weight:700}.lb-hearts{gap:2px;display:flex}.lb-heart{font-size:14px}.lb-heart-empty{opacity:.3;filter:grayscale()}.lb-reset-note{color:#fff9;text-align:center;letter-spacing:.2px;margin-bottom:14px;font-size:11px}.lb-reset-note strong{color:#ffffffe6}.lb-profile-card{border-radius:var(--radius);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#1a0e05,#2e1c08);flex-direction:column;gap:12px;padding:18px 16px 14px;display:flex}.lb-profile-top{justify-content:space-between;align-items:flex-start;display:flex}.lb-profile-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.lb-profile-avatar{border:2px solid #c49a2880;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:26px;display:flex;box-shadow:0 0 18px #c49a2833}.lb-profile-info{flex:1;min-width:0}.lb-profile-name{color:#fff;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:17px;font-weight:700;overflow:hidden}.lb-profile-name:active{opacity:.75}.lb-name-edit{align-items:center;gap:8px;margin-bottom:4px;display:flex}.lb-name-input{color:#fff;background:#ffffff1f;border:1.5px solid #ffffff40;border-radius:99px;outline:none;flex:1;min-width:0;padding:8px 12px;font-size:14px}.lb-name-input::placeholder{color:#fff6}.lb-name-input:focus{border-color:var(--gold)}.lb-name-save{background:var(--gold);color:#0e0725;border-radius:99px;flex-shrink:0;padding:8px 14px;font-size:13px;font-weight:700}.lb-profile-stats{flex-wrap:wrap;gap:10px;display:flex}.lb-profile-stats span{color:#ffffffb3;font-size:12px;font-weight:600}.lb-avatar-picker{flex-wrap:wrap;justify-content:flex-start;gap:6px;padding:4px 0 2px;display:flex}.lb-av-opt{cursor:pointer;background:#ffffff14;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;transition:all .15s;display:flex}.lb-av-opt:active{transform:scale(.9)}.lb-av-active{border-color:var(--gold);background:#c49a2833}.lb-id-row{border-radius:var(--radius-xs);background:#00000040;align-items:center;gap:10px;padding:10px 12px;display:flex}.lb-id-block{flex:1;min-width:0}.lb-id-label{letter-spacing:2px;text-transform:uppercase;color:#fff6;margin-bottom:2px;font-size:9px;font-weight:700}.lb-id-code{color:var(--gold2);letter-spacing:2px;font-family:Courier New,monospace;font-size:16px;font-weight:800}.lb-share-btn{background:var(--gold);color:#0e0725;white-space:nowrap;border-radius:99px;flex-shrink:0;padding:9px 16px;font-size:13px;font-weight:700;transition:all .2s}.lb-share-btn:active{transform:scale(.95)}.lb-tabs{background:var(--bg2);border-radius:99px;gap:2px;padding:3px;display:flex}.lb-tab{color:var(--text3);letter-spacing:.2px;border-radius:99px;flex:1;justify-content:center;align-items:center;gap:5px;padding:9px 8px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.lb-tab-active{background:var(--card);color:var(--gold);box-shadow:var(--shadow)}.lb-tab-badge{background:var(--gold);color:#1c0e04;border-radius:99px;padding:1px 6px;font-size:10px;font-weight:800;line-height:1.4}.lb-add-friend{background:var(--card);border-radius:var(--radius-sm);box-shadow:var(--shadow);flex-direction:column;gap:10px;padding:14px 16px;display:flex}.lb-add-title{letter-spacing:1.5px;text-transform:uppercase;color:var(--text3);font-size:11px;font-weight:700}.lb-add-row{gap:8px;display:flex}.lb-add-input{background:var(--bg2);border:1.5px solid var(--border2);color:var(--text);letter-spacing:2px;text-transform:uppercase;border-radius:99px;outline:none;flex:1;padding:10px 14px;font-family:Courier New,monospace;font-size:14px;font-weight:700}.lb-add-input:focus{border-color:var(--purple)}.lb-add-input::placeholder{letter-spacing:0;text-transform:none;font-family:inherit;font-weight:400}.lb-add-btn{background:var(--purple);color:#fff;border-radius:99px;flex-shrink:0;padding:10px 18px;font-size:13px;font-weight:700;transition:all .2s}.lb-add-btn:active{opacity:.85;transform:scale(.95)}.lb-friend-msg{text-align:center;padding:2px 0;font-size:13px;font-weight:600}.lb-msg-ok{color:var(--green)}.lb-msg-err{color:var(--red)}.lb-no-friends{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:32px 20px;display:flex}.lb-no-friends-icon{opacity:.4;font-size:48px}.lb-no-friends p{color:var(--text3);margin:0;font-size:14px}.lb-friend-id{color:var(--text3);font-family:Courier New,monospace;font-size:10px;font-weight:400}.lb-remove-btn{width:24px;height:24px;color:var(--text3);background:var(--bg2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;transition:all .15s;display:flex}.lb-remove-btn:active{background:var(--red-bg);color:var(--red)}.lb-my-stats{background:var(--card);border-radius:var(--radius-sm);box-shadow:var(--shadow);justify-content:space-around;align-items:center;padding:14px 18px;display:flex}.lb-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.lb-stat-icon{font-size:18px}.lb-stat-val{color:var(--text);font-family:Cormorant Garamond,serif;font-size:22px;font-weight:700;line-height:1}.lb-stat-lbl{letter-spacing:1.5px;text-transform:uppercase;color:var(--text3);font-size:9px;font-weight:700}.lb-stat-divider{background:var(--border2);width:1px;height:36px}.lb-podium{justify-content:center;align-items:flex-end;gap:8px;height:170px;padding:0 8px;display:flex}.lb-podium-slot{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.lb-podium-crown{font-size:20px;line-height:1}.lb-podium-avatar{color:#fff;border:3px solid #fff9;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:20px;font-weight:800;display:flex;position:relative}.lb-podium-rank{background:var(--text);color:#fff;border:2px solid #fff;border-radius:99px;padding:1px 5px;font-size:9px;font-weight:800;position:absolute;bottom:-6px;right:-4px}.lb-podium-name{color:var(--text);text-align:center;font-size:11px;font-weight:700}.lb-podium-xp{color:var(--text3);font-size:10px;font-weight:600}.lb-podium-me .lb-podium-avatar{border-color:var(--gold);box-shadow:0 0 14px #c49a2866}.lb-pos-1{margin-bottom:0}.lb-pos-2{margin-bottom:20px}.lb-pos-3{margin-bottom:10px}.lb-pos-1 .lb-podium-avatar{width:62px;height:62px;font-size:24px}.lb-list{flex-direction:column;gap:6px;display:flex}.lb-row{background:var(--card);border-radius:var(--radius-xs);box-shadow:var(--shadow);align-items:center;gap:12px;padding:12px 14px;transition:transform .1s;display:flex}.lb-row:active{transform:scale(.99)}.lb-row-me{background:var(--gold-bg);border:1.5px solid var(--gold-b);box-shadow:0 3px 16px #c49a281f}.lb-row-top3{background:var(--gold-bg);border:1px solid var(--gold-b)}.lb-row-me.lb-row-top3{background:var(--gold-bg);border-color:var(--gold-b)}.lb-rank-badge{min-width:30px;height:30px;color:var(--text3);background:var(--bg2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.lb-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:800;display:flex}.lb-info{flex:1;min-width:0}.lb-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;display:block;overflow:hidden}.lb-sub{color:var(--text3);font-size:11px}.lb-score{flex-direction:column;flex-shrink:0;align-items:flex-end;display:flex}.lb-xp-val{color:var(--text);font-family:Cormorant Garamond,serif;font-size:20px;font-weight:700;line-height:1}.lb-xp-lbl{letter-spacing:1px;color:var(--text3);text-transform:uppercase;font-size:9px;font-weight:700}.lb-footer-tip{background:var(--gold-bg);border:1px solid var(--gold-b);border-radius:var(--radius-sm);align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.lb-footer-tip-icon{flex-shrink:0;font-size:20px}.lb-footer-tip p{color:var(--text2);margin:0;font-size:12px;line-height:1.6}.pronun-btn{border:1.5px solid var(--border2);background:var(--card);color:var(--text2);border-radius:99px;align-items:center;gap:6px;font-weight:600;transition:all .2s;display:inline-flex}.pronun-btn:active{transform:scale(.95)}.pronun-md{padding:9px 16px;font-size:13px}.pronun-sm{padding:7px 12px;font-size:12px}.pronun-xs{border-radius:99px;padding:4px 8px;font-size:11px}.pronun-active{background:var(--purple-bg);border-color:var(--purple-b);color:var(--purple)}.pronun-icon{font-size:1.1em}.pronun-waves{align-items:flex-end;gap:2px;height:12px;display:inline-flex}.pronun-waves span{background:var(--purple);border-radius:99px;width:3px;animation:.6s ease-in-out infinite alternate wave-bar;display:block}.pronun-waves span:first-child{height:4px;animation-delay:0s}.pronun-waves span:nth-child(2){height:9px;animation-delay:.15s}.pronun-waves span:nth-child(3){height:5px;animation-delay:.3s}@keyframes wave-bar{to{transform:scaleY(2.2)}}.vc-unsupported{color:var(--text3);text-align:center;padding:8px;font-size:12px}.vc-idle-wrap{flex-direction:column;align-items:center;gap:8px;margin:4px 0 8px;display:flex}.vc-fab{cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(145deg,#c49a28,#e8b84b);border:none;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 6px 22px #c49a2873}.vc-fab:active{transform:scale(.92);box-shadow:0 3px 10px #c49a284d}.vc-fab-icon{font-size:26px;line-height:1}.vc-fab-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--text3);font-size:10px;font-weight:700}.vc-listening-wrap{border-radius:var(--radius-sm);background:#1c1509;justify-content:space-between;align-items:center;gap:12px;margin:4px 0 8px;padding:10px 14px;display:flex}.vc-live-row{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.vc-timer{color:#fff;white-space:nowrap;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.vc-timer-dot{background:#dc2626;border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite vc-dot-blink}@keyframes vc-dot-blink{50%{opacity:.2}}.vc-live-text{color:#e8b84b;text-overflow:ellipsis;white-space:nowrap;direction:rtl;flex:1;font-family:Amiri,serif;font-size:20px;line-height:1.3;overflow:hidden}.vc-live-placeholder{color:#ffffff40;text-align:center;letter-spacing:4px;flex:1;font-size:20px}.vc-fab-stop{background:linear-gradient(145deg,#991b1b,#dc2626);flex-shrink:0;animation:1.4s ease-out infinite vc-ring;box-shadow:0 4px 16px #dc262673}@keyframes vc-ring{0%{box-shadow:0 0 #dc262680}70%{box-shadow:0 0 0 14px #dc262600}to{box-shadow:0 0 #dc262600}}.vc-fab-stop:active{transform:scale(.91)}.vc-result-wrap{flex-direction:column;align-items:center;gap:10px;width:100%;margin:4px 0 8px;display:flex}.vc-score-wrap{justify-content:center;align-items:center;width:96px;height:96px;display:flex;position:relative}.vc-score-num{justify-content:center;align-items:center;font-family:Cormorant Garamond,serif;font-size:26px;font-weight:700;display:flex;position:absolute;inset:0}.vc-score-num span{margin-left:1px;font-size:13px;font-weight:600}.vc-result-msg{text-align:center;margin:0;padding:0 8px;font-size:14px;font-weight:600;line-height:1.5}.vc-result-msg[data-result=correct]{color:#16a34a}.vc-result-msg[data-result=partial]{color:#d97706}.vc-result-msg[data-result=wrong]{color:#dc2626}.vc-heard-box{background:var(--bg2);border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:8px;width:100%;padding:8px 14px;display:flex}.vc-heard-label{color:var(--text3);white-space:nowrap;font-size:12px;font-weight:600}.vc-heard-text{color:var(--text);text-align:right;direction:rtl;flex:1;font-family:Amiri,serif;font-size:20px;line-height:1.4}.vc-unheard-msg{color:var(--text2);text-align:center;margin:0;padding:0 8px;font-size:14px;line-height:1.5}.vc-self-btns{gap:10px;width:100%;display:flex}.vc-self-yes,.vc-self-no{border-radius:var(--radius-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;flex:1;padding:14px 10px;font-size:14px;font-weight:700;transition:transform .15s,opacity .15s}.vc-self-yes:active,.vc-self-no:active{transform:scale(.96)}.vc-self-yes{color:#fff;background:linear-gradient(135deg,#15803d,#16a34a);box-shadow:0 4px 14px #16a34a4d}.vc-self-no{background:var(--card);border:1.5px solid var(--border2);color:var(--text2)}.vc-retry-link{color:var(--text3);cursor:pointer;background:0 0;border:none;padding:4px;font-size:13px;font-weight:600;text-decoration:underline}.vc-diff-wrap{background:var(--card);border:1.5px solid var(--border2);border-radius:var(--radius-sm);flex-direction:column;gap:8px;width:100%;padding:12px 14px;display:flex}.vc-diff{text-align:right;word-break:break-all;letter-spacing:3px;font-family:Amiri,serif;font-size:30px;line-height:1.6}.vc-diff-char{display:inline-block;position:relative}.vc-diff-sup{pointer-events:none;font-family:Amiri,serif;font-size:10px;line-height:1;position:absolute;top:-5px;left:50%;transform:translate(-50%)}.vc-diff-legend{color:var(--text3);text-align:center;font-size:11px;line-height:1.8}.vc-retry-btn{background:var(--gold-bg);border:1.5px solid var(--gold);color:var(--gold);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:99px;padding:12px 30px;font-size:14px;font-weight:700;transition:background .15s,transform .15s}.vc-retry-btn:active{background:#c49a2833;transform:scale(.96)}.name-audio-panel{background:var(--purple-bg);border:1.5px solid var(--purple-b);border-radius:var(--radius-sm);flex-direction:column;gap:10px;padding:16px 18px;display:flex}.nap-title{letter-spacing:2px;text-transform:uppercase;color:var(--purple);font-size:10px;font-weight:700}.grid-pronun{justify-content:center;margin-top:6px;display:flex}.rv-home{flex-direction:column;gap:14px;display:flex}.rv-mission{border-radius:var(--radius);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#2a1f4a,#3b2b6b);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.rv-mission-left{align-items:center;gap:14px;display:flex}.rv-mission-icon{font-size:32px}.rv-mission-title{letter-spacing:2px;color:#ffffff80;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:700}.rv-mission-goal{color:#fff;font-family:Cormorant Garamond,serif;font-size:20px;font-weight:700}.rv-mission-badge{background:var(--gold);color:#0e0725;white-space:nowrap;border-radius:99px;padding:6px 14px;font-size:12px;font-weight:800}.rv-modes-title{letter-spacing:2px;text-transform:uppercase;color:var(--text3);padding:0 4px;font-size:10px;font-weight:700}.rv-modes{flex-direction:column;gap:10px;display:flex}.rv-mode-card{background:var(--card);border-radius:var(--radius-sm);box-shadow:var(--shadow);text-align:left;border:1.5px solid var(--border);padding:20px 18px;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden}.rv-mode-card:active{transform:scale(.98)}.rv-mode-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.rv-mode-row .rv-mode-card{padding:18px 14px}.rv-mode-featured{background:linear-gradient(135deg,#2a1f4a 0%,#3b2b6b 100%);border-color:#c49a284d;box-shadow:0 6px 28px #7b5ea740}.rv-mode-speed{background:linear-gradient(135deg,#7c2d12,#c2410c);border-color:#f973164d}.rv-mode-classic{background:linear-gradient(135deg,#134e4a,#0f766e);border-color:#0d94884d}.rv-mode-shine{pointer-events:none;background:linear-gradient(135deg,#ffffff0f 0%,#0000 60%);position:absolute;inset:0}.rv-mode-top{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.rv-mode-icon-big{font-size:32px}.rv-rec-badge{background:var(--gold);color:#0e0725;letter-spacing:.5px;border-radius:99px;padding:4px 10px;font-size:10px;font-weight:800}.rv-mode-name{color:#fff;margin-bottom:4px;font-size:18px;font-weight:700}.rv-mode-desc{color:#fff9;font-size:12px}.rv-footer-info{text-align:center;color:var(--text3);padding:4px 0;font-size:12px}.rv-session{flex-direction:column;gap:12px;display:flex}.rv-top-bar{align-items:center;gap:8px;display:flex}.rv-pill{border-radius:99px;padding:5px 12px;font-size:12px;font-weight:700}.rv-pill-quiz{background:var(--purple-bg);color:var(--purple);border:1px solid var(--purple-b)}.rv-pill-speed{background:var(--red-bg);color:var(--red);border:1px solid #dc262633}.rv-pill-classic{background:var(--teal-bg);color:var(--teal);border:1px solid #0d948833}.rv-combo-badge{background:var(--orange);color:#fff;border-radius:99px;padding:4px 10px;font-size:13px;font-weight:800;animation:.25s cubic-bezier(.4,0,.2,1) combo-pop}@keyframes combo-pop{0%{transform:scale(.8)}60%{transform:scale(1.15)}to{transform:scale(1)}}.rv-score-badge{color:var(--green);margin-left:auto;font-size:14px;font-weight:700}.rv-exit-btn{color:var(--text3);border-radius:50%;margin-left:auto;padding:6px 8px;font-size:16px}.rv-exit-btn:active{background:var(--bg2)}.rv-progress-bar{background:var(--bg2);border-radius:99px;height:4px;overflow:hidden}.rv-progress-bar div{background:var(--purple);border-radius:99px;height:100%;transition:width .4s}.rv-speed-bar{background:var(--bg2);border-radius:99px;height:6px;overflow:hidden}.rv-speed-bar div{border-radius:99px;height:100%;transition:width 1s linear}.rv-counter{color:var(--text3);font-size:13px;font-weight:600}.rv-flip-card{perspective:1200px;cursor:pointer;height:clamp(280px,50vw,340px);position:relative}.rv-card-front,.rv-card-back{backface-visibility:hidden;border-radius:var(--radius);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:24px 20px;transition:transform .55s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;inset:0}.rv-card-front{box-shadow:var(--shadow-md);background:linear-gradient(150deg,#2a1f4a,#3b2b6b)}.rv-card-back{background:var(--card);box-shadow:var(--shadow-md);border:2px solid;transform:rotateY(180deg)}.rv-flipped .rv-card-front{transform:rotateY(-180deg)}.rv-flipped .rv-card-back{transform:rotateY(0)}.rv-card-num{color:#fff;border-radius:99px;margin-bottom:14px;padding:3px 12px;font-size:11px;font-weight:700}.rv-card-arabic{color:var(--gold2);direction:rtl;margin-bottom:8px;font-family:Amiri,serif;font-size:clamp(44px,13vw,58px);line-height:1.2}.rv-card-trans{color:#ffffffa6;margin-bottom:10px;font-size:15px}.rv-card-pronun{margin-top:4px}.rv-flip-hint{color:#ffffff4d;font-size:11px;position:absolute;bottom:14px}.rv-card-it{color:var(--text);margin-bottom:8px;font-size:22px;font-weight:700}.rv-card-desc{color:var(--text2);font-size:12px;line-height:1.6}.rv-card-mnemonic{color:var(--text3);margin-top:10px;font-size:12px;font-style:italic}.rv-voice-section{flex-direction:column;gap:8px;display:flex}.rv-vc-toggle{border-radius:var(--radius-xs);border:1.5px solid var(--border2);background:var(--card);width:100%;color:var(--text2);padding:11px 16px;font-size:13px;font-weight:600}.rv-vc-toggle:active{background:var(--bg2)}.rv-classic-nav{gap:10px;display:flex}.rv-classic-nav .btn-primary,.rv-classic-nav .btn-secondary{flex:1}.rv-question{background:var(--card);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow-md);border:2px solid var(--cat-c,var(--purple));padding:24px 20px}.rv-q-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.rv-q-num{color:#fff;border-radius:99px;padding:3px 12px;font-size:11px;font-weight:700}.rv-q-arabic{color:var(--gold);direction:rtl;margin-bottom:6px;font-family:Amiri,serif;font-size:clamp(46px,14vw,62px);line-height:1.2}.rv-q-trans{color:var(--text2);margin-bottom:8px;font-size:14px}.rv-q-prompt{color:var(--text3);margin-top:4px;font-size:12px}.rv-options{flex-direction:column;gap:8px;display:flex}.rv-option{border-radius:var(--radius-xs);background:var(--card);border:1.5px solid var(--border2);color:var(--text);text-align:left;width:100%;box-shadow:var(--shadow);align-items:center;gap:12px;padding:14px 16px;font-size:14px;font-weight:500;transition:border-color .15s,background .15s,transform .1s;display:flex}.rv-option:active:not(:disabled){transform:scale(.98)}.rv-opt-letter{background:var(--bg2);min-width:28px;height:28px;color:var(--text2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.rv-opt-text{flex:1}.rv-opt-icon{flex-shrink:0;font-size:16px}.rv-opt-correct{background:var(--green-bg);color:var(--green);border-color:#16a34a66}.rv-opt-correct .rv-opt-letter{background:var(--green);color:#fff}.rv-opt-wrong{background:var(--red-bg);color:var(--red);border-color:#dc262666}.rv-opt-wrong .rv-opt-letter{background:var(--red);color:#fff}.rv-opt-dim{opacity:.45}.rv-done{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.rv-done-emoji{font-size:72px}.rv-done-stats{gap:20px;display:flex}.rv-done-stat{letter-spacing:1px;text-transform:uppercase;flex-direction:column;align-items:center;gap:2px;font-size:11px;font-weight:700;display:flex}.rv-done-stat span{font-family:Cormorant Garamond,serif;font-size:32px;font-weight:700;line-height:1}.rv-combo-trophy{background:var(--gold-bg);border:1px solid var(--gold-b);border-radius:var(--radius-xs);color:var(--gold);padding:10px 16px;font-size:14px;font-weight:700}.ch-header{align-items:center;gap:10px;display:flex}.ch-back{color:var(--text3);padding:6px 0;font-size:13px;font-weight:600}.ch-title{text-align:center;color:var(--text);flex:1;font-size:15px;font-weight:700}.ch-q-counter{color:var(--text3);font-size:13px;font-weight:600}.ch-scoreboard{background:var(--card);border-radius:var(--radius-sm);box-shadow:var(--shadow);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.ch-player{align-items:center;gap:10px;display:flex}.ch-player-opp{flex-direction:row-reverse}.ch-p-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:800;display:flex}.ch-p-name{color:var(--text);font-size:13px;font-weight:700}.ch-p-score{color:var(--text);font-family:Cormorant Garamond,serif;font-size:28px;font-weight:700}.ch-vs-badge{font-size:22px}.ch-opp-think{min-height:22px;color:var(--text3);text-align:center;font-size:13px;font-style:italic}.ch-opp-thinking{color:var(--purple);animation:.5s ease-in-out infinite alternate think-fade}@keyframes think-fade{to{opacity:.5}}.ch-question{border-radius:var(--radius);text-align:center;box-shadow:var(--shadow-md);background:linear-gradient(135deg,#2a1f4a,#3b2b6b);padding:24px 20px}.ch-q-arabic{color:var(--gold2);direction:rtl;margin-bottom:6px;font-family:Amiri,serif;font-size:clamp(44px,13vw,58px);line-height:1.2}.ch-q-trans{color:#fff9;margin-bottom:4px;font-size:14px}.ch-q-prompt{color:#fff6;margin-top:4px;font-size:12px}.ch-result{border-radius:var(--radius);box-shadow:var(--shadow-md);flex-direction:column;gap:0;display:flex;overflow:hidden}.ch-result-banner{text-align:center;padding:28px 20px 24px}.ch-result-emoji{margin-bottom:8px;font-size:56px}.ch-result-title{color:#fff;font-family:Cormorant Garamond,serif;font-size:28px;font-weight:700}.ch-result-sub{color:#ffffffbf;margin-top:4px;font-size:13px}.ch-score-compare{background:var(--card);justify-content:space-around;align-items:center;padding:20px;display:flex}.ch-score-side{flex-direction:column;align-items:center;gap:8px;display:flex}.ch-sc-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:800;display:flex}.ch-sc-name{color:var(--text);font-size:13px;font-weight:700}.ch-sc-val{color:var(--text);font-family:Cormorant Garamond,serif;font-size:32px;font-weight:700}.ch-score-vs{color:var(--text3);font-size:22px}.lb-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.lb-challenge-btn{background:var(--purple-bg);color:var(--purple);border:1.5px solid var(--purple-b);white-space:nowrap;border-radius:99px;padding:6px 12px;font-size:11px;font-weight:700;transition:all .2s}.lb-challenge-btn:active{background:var(--purple);color:#fff}.header-back-btn{color:var(--purple);flex-shrink:0;padding:4px 6px;font-size:28px;font-weight:300;line-height:1}.header-gear-btn{color:var(--text2);border-radius:50%;flex-shrink:0;padding:8px;font-size:20px;transition:background .2s}.header-gear-btn:active{background:var(--bg2)}.settings-page{flex-direction:column;gap:6px;display:flex}.sett-profile{border-radius:var(--radius);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#2a1f4a,#3b2b6b);align-items:center;gap:16px;margin-bottom:6px;padding:20px 18px;display:flex}.sett-profile-avatar{flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:36px;display:flex;position:relative}.sett-avatar-ring{border:2px solid var(--gold);opacity:.6;border-radius:50%;position:absolute;inset:-3px}.sett-profile-name{color:#fff;margin-bottom:2px;font-size:18px;font-weight:700}.sett-profile-level{color:#fff9;margin-bottom:8px;font-size:13px}.sett-profile-badges{flex-wrap:wrap;gap:6px;display:flex}.sett-badge{border:1px solid #ffffff1f;border-radius:99px;padding:3px 9px;font-size:11px;font-weight:700}.sett-badge-streak{color:#fca27e;background:#f9731633}.sett-badge-heart{color:#fca5a5;background:#ef444433}.sett-badge-pct{color:var(--gold2);background:#c49a2833}.sett-search-wrap{background:var(--card);border:1.5px solid var(--border2);border-radius:var(--radius-sm);box-shadow:var(--shadow);align-items:center;gap:10px;padding:12px 16px;display:flex}.sett-search-icon{color:var(--text3);flex-shrink:0;font-size:16px}.sett-search{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:14px}.sett-search::placeholder{color:var(--text3)}.sett-no-results{text-align:center;color:var(--text3);padding:16px 0;font-size:13px}.sett-section{flex-direction:column;gap:0;display:flex}.sett-section-title{letter-spacing:2.5px;text-transform:uppercase;color:var(--text3);padding:14px 4px 6px;font-size:10px;font-weight:700}.sett-section-body{background:var(--card);border-radius:var(--radius-sm);box-shadow:var(--shadow);overflow:hidden}.sett-row{text-align:left;border-bottom:1px solid var(--border);align-items:center;gap:14px;width:100%;padding:14px 16px;transition:background .15s;display:flex}.sett-row:last-child{border-bottom:none}.sett-row:active{background:var(--bg2)}.sett-row-danger .sett-row-label{color:var(--red)!important}.sett-row-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.sett-row-body{flex:1;min-width:0}.sett-row-label{color:var(--text);font-size:15px;font-weight:600;display:block}.sett-row-sub{color:var(--text3);margin-top:1px;font-size:12px;display:block}.sett-row-right{flex-shrink:0}.sett-arrow{color:var(--text3);font-size:18px}.sett-toggle{background:var(--bg2);border:2px solid var(--border2);border-radius:99px;align-items:center;width:44px;height:26px;padding:2px;transition:all .25s;display:flex}.sett-toggle span{background:var(--text3);border-radius:50%;width:18px;height:18px;transition:all .25s}.sett-toggle-on{background:var(--purple);border-color:var(--purple)}.sett-toggle-on span{background:#fff;transform:translate(18px)}.sett-stats-panel{border-bottom:1px solid var(--border);padding:14px 16px 4px}.sett-stat-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.sett-stat-item{flex-direction:column;align-items:center;gap:2px;display:flex}.sett-stat-val{color:var(--text);font-family:Cormorant Garamond,serif;font-size:24px;font-weight:700;line-height:1}.sett-stat-lbl{letter-spacing:1px;text-transform:uppercase;color:var(--text3);text-align:center;font-size:9px;font-weight:700}.sett-dua-card{background:var(--gold-bg);border:1px solid var(--gold-b);border-radius:var(--radius-sm);text-align:center;padding:18px}.sett-dua-arabic{color:var(--gold);direction:rtl;margin-bottom:6px;font-family:Amiri,serif;font-size:22px;line-height:1.6}.sett-dua-trans{color:var(--text2);margin-bottom:4px;font-size:13px;font-style:italic}.sett-dua-it{color:var(--text3);font-size:12px;line-height:1.5}.sett-version{color:var(--text3);justify-content:space-between;padding:8px 4px;font-size:11px;display:flex}.lang-picker{grid-template-columns:1fr 1fr;gap:8px;padding:4px 0;display:grid}.lang-btn{background:var(--card);border:1.5px solid var(--border2);color:var(--text1);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:14px;transition:all .2s;display:flex;position:relative}.lang-btn:hover{border-color:var(--gold);background:var(--gold-bg)}.lang-active{font-weight:600;border-color:var(--gold)!important;background:var(--gold-bg)!important;color:var(--gold)!important}.lang-flag{font-size:20px}.lang-name{text-align:left;flex:1}.lang-check{color:var(--gold);font-size:14px;font-weight:700}.study-pronun-row{justify-content:center;margin:-4px 0 12px;display:flex}.study-extra-nav{justify-content:center;gap:12px;margin-top:16px;display:flex}.btn-continue-study{border:1.5px dashed var(--gold-b);border-radius:var(--radius-sm);width:100%;color:var(--gold);cursor:pointer;text-align:center;background:0 0;margin-top:16px;padding:14px 20px;font-size:14px;font-weight:600;transition:all .2s;display:block}.btn-continue-study:hover{background:var(--gold-bg);border-style:solid}.prayer-wrap{z-index:99998;background:linear-gradient(175deg,#0c0a16 0%,#12100a 40%,#0a0c14 100%);flex-direction:column;justify-content:center;align-items:center;padding:32px 28px 40px;animation:.5s cubic-bezier(.34,1.2,.64,1) both prayer-in;display:flex;position:fixed;inset:0;overflow:hidden}.prayer-out{animation:.45s ease-in forwards prayer-out!important}@keyframes prayer-in{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes prayer-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}.prayer-star{background:#fff;border-radius:50%;animation:2.5s ease-in-out infinite alternate prayer-star-twinkle;position:absolute}@keyframes prayer-star-twinkle{0%{opacity:.1;transform:scale(.8)}to{opacity:.6;transform:scale(1.2)}}.prayer-logo{position:absolute;top:28px;left:50%;transform:translate(-50%)}.prayer-logo-ar{color:var(--gold);filter:drop-shadow(0 2px 12px #c49a2880);font-family:Amiri,serif;font-size:36px;line-height:1}.prayer-call{letter-spacing:3px;text-transform:uppercase;color:#ffffff73;margin-top:24px;margin-bottom:4px;font-size:11px;font-weight:700}.prayer-mosque{justify-content:center;width:100%;margin:12px 0 8px;display:flex}.prayer-center{text-align:center}.prayer-emoji{margin-bottom:8px;font-size:32px}.prayer-arabic{color:var(--prayer-color,#e8b84b);text-shadow:0 0 32px color-mix(in srgb, var(--prayer-color,#e8b84b) 40%, transparent);direction:rtl;margin-bottom:4px;font-family:Amiri,serif;font-size:52px;line-height:1.2}.prayer-name{color:#fff;margin-bottom:4px;font-family:Cormorant Garamond,serif;font-size:26px;font-weight:700}.prayer-sub{color:#ffffff80;letter-spacing:.3px;font-size:13px}.prayer-time{color:var(--prayer-color,#e8b84b);font-weight:600}.prayer-rule{background:linear-gradient(90deg, transparent, var(--prayer-color,#e8b84b), transparent);opacity:.5;width:48px;height:1px;margin:20px auto 16px}.prayer-hadith{color:#ffffff59;text-align:center;max-width:300px;margin:0 auto 28px;font-size:11px;font-style:italic;line-height:1.7}.prayer-actions{flex-direction:column;gap:10px;width:100%;max-width:320px;display:flex}.prayer-btn-prayed{background:linear-gradient(135deg, var(--prayer-color,#c49a28), color-mix(in srgb, var(--prayer-color,#c49a28) 70%, #fff));color:#0c0a14;border-radius:var(--radius-sm);letter-spacing:.3px;width:100%;box-shadow:0 6px 28px color-mix(in srgb, var(--prayer-color,#c49a28) 40%, transparent);padding:17px;font-size:16px;font-weight:800;transition:transform .15s,box-shadow .15s}.prayer-btn-prayed:active{box-shadow:0 2px 10px color-mix(in srgb, var(--prayer-color,#c49a28) 25%, transparent);transform:scale(.97)}.prayer-btn-later{border-radius:var(--radius-sm);color:#fff9;background:#ffffff12;border:1px solid #ffffff1f;width:100%;padding:14px;font-size:14px;font-weight:600;transition:background .2s}.prayer-btn-later:active{background:#ffffff1f}.jm-wrap{z-index:99997;background:linear-gradient(175deg,#061410 0%,#0c2218 50%,#051008 100%);flex-direction:column;justify-content:center;align-items:center;padding:32px 28px 40px;animation:.55s cubic-bezier(.34,1.2,.64,1) both jm-in;display:flex;position:fixed;inset:0;overflow:hidden}.jm-out{animation:.48s ease-in forwards jm-out!important}@keyframes jm-in{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes jm-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}.jm-particle{background:#10b981;border-radius:50%;animation:2.5s ease-in-out infinite alternate jm-twinkle;position:absolute}@keyframes jm-twinkle{0%{opacity:.08;transform:scale(.7)}to{opacity:.45;transform:scale(1.3)}}.jm-logo{position:absolute;top:28px;left:50%;transform:translate(-50%)}.jm-logo-ar{color:#10b981;filter:drop-shadow(0 2px 14px #10b9818c);font-family:Amiri,serif;font-size:36px;line-height:1}.jm-day-label{letter-spacing:3px;text-transform:uppercase;color:#10b981a6;margin-top:28px;margin-bottom:4px;font-size:11px;font-weight:700}.jm-book{justify-content:center;width:100%;margin:10px 0 6px;display:flex}.jm-center{text-align:center}.jm-surah-ar{color:#10b981;text-shadow:0 0 28px #10b98173;direction:rtl;margin-bottom:6px;font-family:Amiri,serif;font-size:48px;line-height:1.3}.jm-surah-name{color:#ffffffa6;letter-spacing:.5px;font-family:Cormorant Garamond,serif;font-size:20px;font-weight:600}.jm-rule{opacity:.5;background:linear-gradient(90deg,#0000,#10b981,#0000);width:48px;height:1px;margin:18px auto 14px}.jm-hadith-ar{color:#10b981bf;text-align:center;max-width:300px;margin:0 auto 8px;font-family:Amiri,serif;font-size:15px;line-height:1.9}.jm-hadith{color:#ffffff52;text-align:center;max-width:300px;margin:0 auto 8px;font-size:12px;font-style:italic;line-height:1.75}.jm-source{letter-spacing:1.2px;color:#10b98173;text-align:center;margin-bottom:24px;font-size:10px;font-weight:600}.jm-actions{flex-direction:column;gap:10px;width:100%;max-width:320px;display:flex}.jm-btn-confirm{color:#fff;border-radius:var(--radius-sm);letter-spacing:.3px;background:linear-gradient(135deg,#059669,#10b981);width:100%;padding:17px;font-size:16px;font-weight:800;transition:transform .15s,box-shadow .15s;box-shadow:0 6px 28px #10b98161}.jm-btn-confirm:active{transform:scale(.97);box-shadow:0 2px 10px #10b98138}.jm-btn-later{border-radius:var(--radius-sm);color:#ffffff73;background:#ffffff0f;border:1px solid #ffffff1a;width:100%;padding:14px;font-size:14px;font-weight:600;transition:background .2s}.jm-btn-later:active{background:#ffffff1c}.splash-wrap{z-index:99999;opacity:0;background:linear-gradient(175deg,#ede4d6 0%,#f6f1ea 45%,#ede0c8 100%);flex-direction:column;justify-content:center;align-items:center;animation:1.55s cubic-bezier(.4,0,.2,1) 50ms forwards splash-in;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes splash-in{0%{opacity:0}to{opacity:1}}.splash-phase-out{animation:1.5s cubic-bezier(.4,0,.2,1) forwards splash-fade!important}@keyframes splash-fade{0%{opacity:1}to{opacity:0}}.splash-top-wash{pointer-events:none;background:linear-gradient(#b48c3c1f 0%,#0000 100%);height:220px;position:absolute;top:0;left:0;right:0}.splash-particle{background:#c49a28;border-radius:50%;animation:2s ease-in-out infinite alternate splash-twinkle;position:absolute}@keyframes splash-twinkle{0%{opacity:.08;transform:scale(.7)}to{opacity:.55;transform:scale(1.3)}}.splash-lantern{animation:splash-sway var(--sway-dur,4s) var(--sway-delay,0s) ease-in-out infinite alternate;transform-origin:top}@keyframes splash-sway{0%{transform:rotate(calc(-6deg * var(--sway-dir,1)))}to{transform:rotate(calc(6deg * var(--sway-dir,1)))}}@keyframes splash-glow-flicker{0%{opacity:.5}to{opacity:1}}.splash-center{text-align:center;z-index:3;flex-direction:column;align-items:center;gap:16px;animation:1.85s cubic-bezier(.4,0,.2,1) .25s both splash-rise;display:flex;position:relative}@keyframes splash-rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.splash-arabic-title{color:var(--gold);text-align:center;filter:drop-shadow(0 4px 18px #c49a2866);font-family:Amiri,serif;font-size:52px;line-height:1.2;animation:2s cubic-bezier(.34,1.56,.64,1) .3s both splash-logo-in}@keyframes splash-logo-in{0%{opacity:0;transform:scale(.45)rotate(-25deg)}to{opacity:1;transform:scale(1)rotate(0)}}.splash-name{color:#1c1917;letter-spacing:.5px;margin:0;font-family:Cormorant Garamond,serif;font-size:38px;font-weight:600;line-height:1}.splash-rule{background:linear-gradient(90deg,#0000,#c49a2899,#0000);width:48px;height:1px}.splash-tag{letter-spacing:4px;text-transform:uppercase;color:#b0a89f;margin:0;font-size:11px;font-weight:600}.splash-launch-msg{flex-direction:column;align-items:center;gap:6px;margin-top:6px;animation:1.85s cubic-bezier(.4,0,.2,1) .65s both splash-rise;display:flex}.splash-launch-ar{color:var(--gold);filter:drop-shadow(0 1px 8px #c49a2859);direction:rtl;font-family:Amiri,serif;font-size:22px;display:block}.splash-launch-en{letter-spacing:.6px;color:var(--text2);text-align:center;font-size:12px;font-weight:500;line-height:1.5;display:block}.home-reveal{animation:1.75s cubic-bezier(.25,.8,.25,1) both home-reveal-in}@keyframes home-reveal-in{0%{opacity:0;filter:blur(2px);transform:translateY(18px)scale(.975)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.daily-action-box{border-radius:var(--radius-sm);background:linear-gradient(135deg,#16a34a14,#16a34a0a);border:1.5px solid #16a34a40;flex-direction:column;gap:8px;margin:4px 0 8px;padding:14px 16px;display:flex}.da-label{letter-spacing:2px;text-transform:uppercase;color:#16a34a;font-size:10px;font-weight:800}.da-text{color:var(--text);margin:0;font-size:14px;font-style:italic;line-height:1.65}.card-daily-action{text-align:left;background:#16a34a1a;border:1px solid #16a34a33;border-radius:12px;flex-direction:column;gap:4px;max-width:90%;margin-top:10px;padding:10px 14px;display:flex}.card-da-label{letter-spacing:1.5px;text-transform:uppercase;color:#4ade80;font-size:9px;font-weight:800;display:block}.card-da-text{color:#fffc;font-size:12px;font-style:italic;line-height:1.55;display:block}.onboard-wrap{z-index:9999;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:32px 28px;transition:background .5s;display:flex;position:fixed;inset:0}.onboard-skip{color:#ffffff73;border:1px solid #ffffff26;border-radius:99px;padding:8px 14px;font-size:13px;font-weight:600;position:absolute;top:20px;right:20px}.onboard-content{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;max-width:340px;display:flex}.onboard-icon{font-size:72px;line-height:1;animation:3s ease-in-out infinite alternate onboard-float}@keyframes onboard-float{0%{transform:translateY(0)}to{transform:translateY(-12px)}}.onboard-title{margin:0;font-family:Cormorant Garamond,serif;font-size:28px;font-weight:700;line-height:1.2}.onboard-body{color:#ffffffb3;white-space:pre-line;margin:0;font-size:15px;line-height:1.7}.onboard-dots{gap:8px;margin-bottom:24px;display:flex}.onboard-dot{border-radius:50%;width:8px;height:8px;transition:all .3s}.onboard-dot-active{border-radius:4px;width:24px}.onboard-btn{letter-spacing:.3px;border-radius:99px;width:100%;max-width:340px;padding:17px 20px;font-size:16px;font-weight:800;transition:transform .15s;box-shadow:0 6px 24px #0000004d}.onboard-btn:active{transform:scale(.97)}.onboard-bismillah{color:#e8b84b4d;letter-spacing:2px;direction:rtl;margin-top:24px;font-family:Amiri,serif;font-size:22px}.lock-btns{flex-direction:column;gap:10px;display:flex}.lock-share-btn{border-radius:var(--radius-xs);background:var(--purple-bg);border:1.5px solid var(--purple-b);width:100%;color:var(--purple);padding:13px 20px;font-size:14px;font-weight:700;transition:all .2s}.lock-share-btn:active{background:var(--purple);color:#fff}.lock-share-btn:disabled{opacity:.5}.lock-share-hint{color:var(--text3);text-align:center;margin:0;font-size:11px}@media (width>=480px){.app{border-left:1px solid var(--border2);border-right:1px solid var(--border2);box-shadow:0 0 60px #00000014}}@media (height<=500px) and (orientation:landscape){.name-card{height:220px}.card-arabic{font-size:36px}}:root.dark,.app.dark{--bg:#0e0b08;--bg2:#1a1408;--card:#1c1509;--card2:#22190a;--border:#c49a281a;--border2:#c49a282e;--text:#f5edd5;--text2:#c8a870;--text3:#8b7240;--shadow:0 2px 16px #00000059;--shadow-md:0 6px 28px #00000073;--gold-bg:#c49a281f;--gold-b:#c49a2840;--purple-bg:#2c1a0a4d;--purple-b:#c49a2833}.dark .app-header{background:#0e0b08f2}.dark .bottom-nav{background:#140c05eb;border-color:#c49a2826}.dark .cuore-card,.dark .mini-card,.dark .action-card,.dark .tip-card,.dark .live-stat-card,.dark .streak-card{background:var(--card)}.dark .mnemonic-toggle{background:var(--card);color:var(--text2)}.dark .search-input{background:var(--card);color:var(--text)}.dark .lb-tabs{background:var(--bg2)}.confetti-wrap{pointer-events:none;z-index:99990;position:fixed;inset:0;overflow:hidden}.confetti-piece{animation:confetti-fly var(--dur,1.2s) ease-out forwards;opacity:1;border-radius:2px;position:absolute}.confetti-circle{border-radius:50%}@keyframes confetti-fly{0%{opacity:1;transform:translate(0)rotate(0)}80%{opacity:1}to{transform:translate(var(--dx), var(--dy)) rotate(var(--rot));opacity:0}}.ach-toast{z-index:99995;background:var(--card);border:1.5px solid var(--ach-color,var(--gold));border-radius:var(--radius);align-items:center;gap:14px;width:calc(100% - 32px);max-width:420px;padding:14px 16px;animation:.4s cubic-bezier(.34,1.56,.64,1) both ach-slide-in;display:flex;position:fixed;top:80px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0000002e,0 0 0 1px #c49a281a}.ach-toast-out{animation:.4s ease-in forwards ach-slide-out!important}@keyframes ach-slide-in{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes ach-slide-out{to{opacity:0;transform:translate(-50%)translateY(-20px)}}.ach-toast-icon{flex-shrink:0;font-size:32px}.ach-toast-body{flex:1;min-width:0}.ach-toast-label{letter-spacing:2px;text-transform:uppercase;color:var(--ach-color,var(--gold));margin-bottom:2px;font-size:9px;font-weight:800}.ach-toast-name{color:var(--text);font-family:Cormorant Garamond,serif;font-size:18px;font-weight:700}.ach-toast-desc{color:var(--text3);margin-top:1px;font-size:11px}.nav-icon-wrap{display:inline-flex;position:relative}.nav-badge{background:var(--gold);color:#1a0e05;border-radius:99px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:9px;font-weight:800;display:flex;position:absolute;top:-6px;right:-8px}.stats-page{flex-direction:column;gap:14px;display:flex}.stats-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 18px 16px}.stats-section-title{letter-spacing:2px;text-transform:uppercase;color:var(--gold);justify-content:space-between;align-items:center;margin-bottom:14px;font-size:10px;font-weight:800;display:flex}.stats-ach-count{background:var(--gold-bg);color:var(--gold);border:1px solid var(--gold-b);letter-spacing:0;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:700}.stats-bar-chart{align-items:flex-end;gap:6px;height:70px;display:flex}.stats-bar-col{flex-direction:column;flex:1;align-items:center;gap:5px;display:flex}.stats-bar{background:var(--bg2);border-radius:6px 6px 0 0;flex-shrink:0;width:100%;height:50px;transition:height .4s,background .3s}.stats-bar-done{background:linear-gradient(to top, var(--gold), var(--gold2));height:50px}.stats-bar-today{box-shadow:0 0 12px #c49a2866}.stats-bar-label{color:var(--text3);text-transform:uppercase;letter-spacing:.5px;font-size:9px;font-weight:700}.stats-bar-label-today{color:var(--gold)}.stats-grid{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.stats-stat{background:var(--card);border-radius:var(--radius-sm);box-shadow:var(--shadow);text-align:center;padding:14px 12px}.stats-stat-icon{margin-bottom:6px;font-size:22px}.stats-stat-val{color:var(--text);font-family:Cormorant Garamond,serif;font-size:24px;font-weight:700;line-height:1}.stats-stat-lbl{letter-spacing:1.5px;text-transform:uppercase;color:var(--text3);margin-top:3px;font-size:8px;font-weight:700}.stats-progress-wrap{background:var(--bg2);border-radius:99px;height:8px;margin-bottom:8px;overflow:hidden}.stats-progress-bar{background:linear-gradient(90deg, var(--gold), var(--gold2));border-radius:99px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.stats-progress-label{color:var(--text3);font-size:12px}.stats-ach-grid{flex-wrap:wrap;gap:8px;display:flex}.stats-ach-chip{border:1.5px solid;border-radius:99px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.stats-ach-done{border-color:var(--ac,var(--gold));color:var(--text);background:#c49a2814}.stats-ach-locked{background:var(--bg2);border-color:var(--border);color:var(--text3);opacity:.5;filter:grayscale()}.stats-ach-icon{font-size:14px}.stats-ach-name{font-size:11px}.stats-weak-row{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 0;display:flex}.stats-weak-row:last-child{border-bottom:none}.stats-weak-arabic{color:var(--gold);direction:rtl;font-family:Amiri,serif;font-size:22px}.stats-weak-it{color:var(--text2);flex:1;font-size:13px}.stats-weak-count{color:var(--red);font-size:12px;font-weight:700}.sett-pace-row{background:var(--card);border-radius:var(--radius-xs);box-shadow:var(--shadow);flex-direction:column;gap:10px;padding:14px 18px;display:flex}.sett-pace-label{color:var(--text);font-size:13px;font-weight:600}.sett-pace-btns{gap:8px;display:flex}.sett-pace-btn{background:var(--bg2);color:var(--text3);border:1.5px solid var(--border2);border-radius:99px;flex:1;padding:9px 6px;font-size:12px;font-weight:700;transition:all .2s}.sett-pace-active{background:var(--gold);color:#1a0e05;border-color:var(--gold);box-shadow:0 3px 12px #c49a284d}.csplash{z-index:300;opacity:0;pointer-events:none;text-align:center;background:linear-gradient(170deg,#1a0e05 0%,#3b2008 40%,#f6f1ea 100%);flex-direction:column;justify-content:center;align-items:center;padding:32px 24px 40px;transition:opacity .4s,transform .4s;display:flex;position:fixed;inset:0;overflow-y:auto;transform:translateY(30px)}.csplash-in{opacity:1;pointer-events:all;transform:translateY(0)}.csplash-icon{filter:drop-shadow(0 4px 20px #c49a2866);margin-bottom:12px;font-size:72px;animation:.5s cubic-bezier(.34,1.56,.64,1) .1s both csplash-pop}@keyframes csplash-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.csplash-title{color:#fff;margin:0 0 8px;font-family:Cormorant Garamond,serif;font-size:36px;font-weight:700;animation:.5s .2s both csplash-fade}.csplash-sub{color:#ffffffbf;max-width:280px;margin:0 0 24px;font-size:15px;line-height:1.5;animation:.5s .3s both csplash-fade}@keyframes csplash-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.csplash-pills{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:24px;animation:.5s .38s both csplash-fade;display:flex}.csplash-pill{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1f;border:1px solid #c49a2866;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:10px 20px;display:flex}.csplash-pill-ar{color:var(--gold);font-family:Amiri,serif;font-size:24px;line-height:1.2}.csplash-pill-en{color:#fff9;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.csplash-verse{max-width:300px;margin-bottom:28px;animation:.5s .46s both csplash-fade}.csplash-verse-text{color:#ffffffa6;margin:0 0 4px;font-size:13px;font-style:italic;line-height:1.6}.csplash-verse-ref{color:#c49a28b3;letter-spacing:.5px;font-size:11px;font-weight:700}.csplash-actions{flex-direction:column;gap:10px;width:100%;max-width:320px;animation:.5s .54s both csplash-fade;display:flex}.csplash-btn{color:#1a0e05;letter-spacing:.3px;background:linear-gradient(135deg,#c49a28,#e8b84b);border-radius:18px;width:100%;padding:18px;font-size:17px;font-weight:800;transition:transform .15s,box-shadow .15s;box-shadow:0 6px 24px #c49a2866}.csplash-btn:active{transform:scale(.97);box-shadow:0 2px 8px #c49a2833}.csplash-extra-btn{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff26;border:1.5px solid #ffffff59;border-radius:16px;width:100%;max-width:320px;padding:16px;font-size:15px;font-weight:700;transition:background .15s,transform .15s}.csplash-extra-btn:active{background:#ffffff40;transform:scale(.97)}.xsplash{z-index:300;opacity:0;pointer-events:none;text-align:center;background:radial-gradient(80% 60% at 50% 0,#0d948838 0%,#0000 70%),radial-gradient(60% 40% at 80% 100%,#c49a2826 0%,#0000 65%),radial-gradient(50% 35% at 10% 80%,#2c1a0a2e 0%,#0000 60%),linear-gradient(160deg,#f9f4ec 0%,#eee5d3 55%,#e8dcc8 100%);flex-direction:column;justify-content:center;align-items:center;padding:40px 28px 44px;transition:opacity .4s,transform .4s;display:flex;position:fixed;inset:0;overflow-y:auto;transform:translateY(30px)}.xsplash:before{content:"اللَّه";color:#c49a280f;pointer-events:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-family:Amiri,serif;font-size:320px;line-height:1;display:flex;position:absolute;inset:0}.xsplash-in{opacity:1;pointer-events:all;transform:translateY(0)}.xsplash-stars{gap:6px;margin-bottom:18px;animation:.5s cubic-bezier(.34,1.56,.64,1) 50ms both csplash-pop;display:flex;position:relative}.xsplash-star{font-size:28px;animation:.4s cubic-bezier(.34,1.56,.64,1) both csplash-pop}.xsplash-badge{background:linear-gradient(135deg, var(--gold), #e8b84b);color:#1a0e05;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:20px;font-size:26px;font-weight:900;animation:.5s cubic-bezier(.34,1.56,.64,1) .15s both csplash-pop;display:inline-flex;box-shadow:0 6px 24px #c49a2859}.xsplash-title{color:#2c1a0a;margin:0 0 10px;font-family:Cormorant Garamond,serif;font-size:34px;font-weight:700;animation:.5s .22s both csplash-fade;position:relative}.xsplash-sub{color:#5c3d1e;max-width:290px;margin:0 0 24px;font-size:15px;line-height:1.55;animation:.5s .3s both csplash-fade;position:relative}.xsplash-divider{background:linear-gradient(90deg, transparent, var(--gold), transparent);border-radius:99px;width:48px;height:2px;margin-bottom:20px;animation:.5s .36s both csplash-fade;position:relative}.xsplash-verse{color:#5c3d1e;max-width:280px;margin:0 0 6px;font-size:13px;font-style:italic;line-height:1.6;animation:.5s .42s both csplash-fade;position:relative}.xsplash-ref{color:#9a7040;letter-spacing:.5px;margin-bottom:32px;font-size:11px;font-weight:700;animation:.5s .46s both csplash-fade;display:block;position:relative}.xsplash-btn{color:#f6edd8;background:linear-gradient(135deg,#2c1a0a,#4a2c10);border:none;border-radius:16px;width:100%;max-width:300px;padding:17px;font-size:16px;font-weight:700;transition:transform .15s,box-shadow .15s;animation:.5s .52s both csplash-fade;position:relative;box-shadow:0 4px 18px #2c1a0a40}.xsplash-btn:active{transform:scale(.97);box-shadow:0 2px 8px #2c1a0a26}.sett-modal-overlay{z-index:500;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;align-items:flex-end;animation:.25s both modal-in;display:flex;position:fixed;inset:0}@keyframes modal-in{0%{opacity:0}to{opacity:1}}.sett-modal{background:var(--bg);border-radius:28px 28px 0 0;width:100%;max-height:90vh;padding:28px 20px 40px;animation:.32s cubic-bezier(.34,1.2,.64,1) both sheet-up;position:relative;overflow-y:auto}@keyframes sheet-up{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.sett-modal-close{background:var(--bg2);width:36px;height:36px;color:var(--text2);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:16px;transition:background .15s;display:flex;position:absolute;top:16px;right:16px}.sett-modal-close:active{background:var(--border2)}.sett-dua-modal{flex-direction:column;gap:16px;display:flex}.sdm-header{text-align:center;margin-bottom:4px}.sdm-icon{margin-bottom:8px;font-size:40px;display:block}.sdm-title{color:var(--text);margin:0 0 6px;font-family:Cormorant Garamond,serif;font-size:26px;font-weight:700}.sdm-intro{color:var(--text2);margin:0;font-size:13px;line-height:1.6}.sdm-card{border-radius:var(--radius-sm);background:linear-gradient(135deg,#c49a2814,#c49a2808);border:1.5px solid #c49a2840;flex-direction:column;gap:8px;padding:18px 16px;display:flex}.sdm-arabic{color:var(--gold);text-align:right;direction:rtl;font-family:Amiri,serif;font-size:26px;line-height:1.7}.sdm-translit{color:var(--text2);font-size:13px;font-style:italic;line-height:1.5}.sdm-rule{background:var(--border2);height:1px;margin:2px 0}.sdm-meaning{color:var(--text);font-size:13px;font-weight:500;line-height:1.65}.sdm-source{letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);opacity:.7;font-size:10px;font-weight:700}.sdm-bismillah{color:#c49a284d;text-align:center;margin-top:4px;font-family:Amiri,serif;font-size:28px}.sett-info-modal{flex-direction:column;gap:14px;display:flex}.sim-header{text-align:center;margin-bottom:4px}.sim-icon{margin-bottom:8px;font-size:36px;display:block}.sim-title{color:var(--text);margin:0 0 4px;font-family:Cormorant Garamond,serif;font-size:26px;font-weight:700}.sim-tagline{color:var(--gold);margin:0;font-size:13px;font-weight:600}.sim-section{background:var(--card);border-radius:var(--radius-xs);border:1px solid var(--border);padding:14px 16px}.sim-section-title{color:var(--text);align-items:center;gap:6px;margin-bottom:5px;font-size:13px;font-weight:700;display:flex}.sim-icon-sm{font-size:16px}.sim-section-body{color:var(--text2);font-size:13px;line-height:1.65}.sim-version{color:var(--text3);text-align:center;margin-top:4px;font-size:11px}.sett-wallpaper-modal{flex-direction:column;gap:14px;display:flex}.swm-header{text-align:center}.swm-icon{margin-bottom:8px;font-size:36px;display:block}.swm-title{color:var(--text);margin:0 0 4px;font-family:Cormorant Garamond,serif;font-size:24px;font-weight:700}.swm-sub{color:var(--text2);margin:0;font-size:13px}.lsw-wrap{flex-direction:column;gap:14px;display:flex}.lsw-theme-row{flex-direction:column;gap:8px;display:flex}.lsw-theme-label{letter-spacing:2px;text-transform:uppercase;color:var(--text3);font-size:10px;font-weight:800}.lsw-themes{gap:8px;display:flex}.lsw-theme-btn{background:var(--card);border:1.5px solid var(--border2);color:var(--text2);cursor:pointer;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:6px;padding:10px 6px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.lsw-theme-btn:active{transform:scale(.96)}.lsw-theme-active{border-color:var(--gold);background:var(--gold-bg);color:var(--gold);box-shadow:0 2px 10px #c49a2833}.lsw-theme-swatch{border:2px solid #ffffff1f;border-radius:50%;width:32px;height:32px;transition:transform .2s;display:block;box-shadow:0 2px 6px #00000040}.lsw-theme-btn:active .lsw-theme-swatch{transform:scale(.92)}.lsw-theme-active .lsw-theme-swatch{border-color:var(--gold);box-shadow:0 0 10px #c49a2873}.lsw-swatch-midnight{background:linear-gradient(135deg,#060212 0%,#130840 60%,#3d1a7a 100%)}.lsw-swatch-espresso{background:linear-gradient(135deg,#120804 0%,#271408 60%,#5c2e0a 100%)}.lsw-swatch-emerald{background:linear-gradient(135deg,#021208 0%,#0a2c1e 60%,#0f5c35 100%)}.lsw-preview{flex-direction:column;align-items:center;gap:6px;display:flex}.lsw-preview-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--text3);font-size:10px;font-weight:700}.lsw-preview-img{border:2px solid var(--border2);border-radius:16px;width:100%;max-width:160px;box-shadow:0 8px 28px #0000002e}.lsw-btns{flex-direction:column;gap:10px;display:flex}.lsw-btn{border-radius:var(--radius-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;flex-direction:column;align-items:center;gap:3px;width:100%;padding:16px 18px;font-size:15px;font-weight:700;transition:transform .15s,box-shadow .15s;display:flex}.lsw-btn:active{transform:scale(.97)}.lsw-btn:disabled{opacity:.6;pointer-events:none}.lsw-btn-primary{color:#1a0e05;background:linear-gradient(135deg,#c49a28,#e8b84b);box-shadow:0 4px 18px #c49a2859}.lsw-btn-secondary{background:var(--card);border:1.5px solid var(--border2);color:var(--text)}.lsw-btn-sub{opacity:.65;font-size:11px;font-weight:500}.lsw-spinner{font-size:18px}.lsw-tip{color:var(--text3);margin:0;font-size:11px;line-height:1.6}.app-header,.bottom-nav{transition:transform .35s cubic-bezier(.4,0,.2,1)}.app-main{transition:padding .35s cubic-bezier(.4,0,.2,1)}.app.immersive .app-header{transform:translateY(-100%)}.app.immersive .bottom-nav{transform:translateY(100%)}.app.immersive .app-main{padding-top:0!important;padding-bottom:0!important}.nf-transition-wrapper{z-index:200;position:fixed;inset:0;overflow:hidden}.nf-trans-enter{animation:1.42s cubic-bezier(.22,.9,.36,1) both nf-swipe-enter}.nf-trans-exit{animation:1.38s cubic-bezier(.4,0,.8,.6) forwards nf-swipe-exit}@keyframes nf-swipe-enter{0%{opacity:.4;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes nf-swipe-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}.nf-session-bar{background:#c49a2826;flex-shrink:0;height:3px}.nf-session-fill{background:linear-gradient(90deg, var(--gold), var(--gold2));border-radius:0 3px 3px 0;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.nf-top{flex-shrink:0;align-items:center;padding:10px 16px 0;display:flex}.nf-exit-btn{color:var(--text3);flex-shrink:0;width:36px;padding:4px 6px;font-size:28px;line-height:1;transition:color .2s,transform .15s}.nf-exit-btn:active{color:var(--text);transform:scale(.9)}.nf-top-spacer{flex-shrink:0;width:36px}.nf-name-counter{color:var(--text3);letter-spacing:1.5px;text-align:right;flex-shrink:0;width:36px;font-size:11px;font-weight:800}.nf-dots{flex:1;justify-content:center;gap:7px;display:flex}.nf-dot{background:var(--bg2);border-radius:50%;width:7px;height:7px;transition:all .25s}.nf-dot-active{background:var(--gold);border-radius:4px;width:22px}.nf-dot-done{background:var(--gold2);opacity:.55}.nf-content{flex:1;justify-content:center;align-items:center;padding:16px 24px;display:flex;position:relative;overflow-y:auto}.nf-fade-out{opacity:0;pointer-events:none;transition:opacity .15s ease-in,transform .2s ease-in;transform:translateY(-14px)}.nf-fade-in{animation:.32s cubic-bezier(.25,.8,.25,1) both nf-step-enter}@keyframes nf-step-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.nf-fade-in .nf-arabic{animation:.6s cubic-bezier(.34,1.1,.64,1) 60ms both nf-arabic-emerge}@keyframes nf-arabic-emerge{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.nf-fade-in .nf-meaning{animation:.52s cubic-bezier(.25,.8,.25,1) .18s both nf-slide-up-soft}.nf-fade-in .nf-action-box{animation:.52s cubic-bezier(.25,.8,.25,1) .34s both nf-slide-up-soft}.nf-fade-in .nf-meaning-revealed{animation:.45s cubic-bezier(.34,1.4,.64,1) both nf-meaning-pop}@keyframes nf-slide-up-soft{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.nf-step{text-align:center;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:380px;display:flex}.nf-step-label{letter-spacing:2px;text-transform:uppercase;color:var(--text3);background:var(--bg2);border-radius:20px;padding:5px 14px;font-size:11px;font-weight:800;display:inline-block}.nf-arabic{color:var(--text);direction:rtl;font-family:Amiri,serif;font-size:clamp(56px,15vw,80px);line-height:1.1}.nf-arabic-sm{font-size:clamp(36px,10vw,52px)}.nf-arabic-quiz{margin:6px 0;font-size:clamp(40px,11vw,60px)}.nf-translit{color:var(--text2);letter-spacing:.5px;font-size:17px;font-weight:500}.nf-meaning{color:var(--gold);font-family:Cormorant Garamond,serif;font-size:clamp(22px,6vw,30px);font-weight:600;line-height:1.25}.nf-meaning-sm{color:var(--text2);font-size:clamp(17px,5vw,22px)}.nf-id-badge{letter-spacing:1.5px;color:var(--text3);text-transform:uppercase;font-size:11px;font-weight:700}.nf-listen-btn{margin:4px 0}.nf-hint{color:var(--text3);margin-top:2px;font-size:13px;font-style:italic}.nf-action-box{background:var(--gold-bg);border:1.5px solid var(--gold-b);border-radius:var(--radius-sm);flex-direction:column;gap:6px;width:100%;padding:16px 18px;display:flex}.nf-action-box-sm{padding:12px 14px}.nf-action-label{letter-spacing:2px;text-transform:uppercase;color:var(--gold);font-size:10px;font-weight:800}.nf-action-text{color:var(--text);font-size:14px;font-style:italic;line-height:1.65}.nf-check-pre{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.nf-check-prompt{color:var(--text2);text-align:center;margin-bottom:4px;font-size:15px;font-style:italic}.nf-reveal-btn{background:linear-gradient(135deg, var(--gold), var(--gold2));color:#1a0e05;border-radius:var(--radius-sm);-webkit-tap-highlight-color:transparent;width:100%;padding:17px;font-size:16px;font-weight:700;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 18px #c49a2859}.nf-reveal-btn:active{transform:scale(.97);box-shadow:0 2px 8px #c49a2833}.nf-memorized-btn{border:1.5px solid var(--border2);width:100%;color:var(--text2);border-radius:var(--radius-sm);-webkit-tap-highlight-color:transparent;background:0 0;padding:14px;font-size:14px;font-weight:600;transition:border-color .2s,color .2s}.nf-memorized-btn:active{border-color:var(--green);color:var(--green)}.nf-check-revealed{flex-direction:column;align-items:center;gap:14px;width:100%;animation:.4s cubic-bezier(.34,1.2,.64,1) both nf-reveal-in;display:flex}@keyframes nf-reveal-in{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.nf-meaning-revealed{animation:.45s cubic-bezier(.34,1.4,.64,1) both nf-meaning-pop}@keyframes nf-meaning-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.nf-next-btn-reveal{margin-top:4px}.nf-audio-wave{opacity:0;align-items:flex-end;gap:4px;height:24px;margin:2px 0;transition:opacity .5s;display:flex}.nf-audio-wave-active{opacity:1}.nf-audio-wave span{background:linear-gradient(to top, var(--gold), var(--gold2));transform-origin:bottom;border-radius:3px;width:3px;animation:1.15s ease-in-out infinite nf-wave-bar}.nf-audio-wave span:first-child{height:8px;animation-delay:0s}.nf-audio-wave span:nth-child(2){height:15px;animation-delay:.18s}.nf-audio-wave span:nth-child(3){height:22px;animation-delay:.36s}.nf-audio-wave span:nth-child(4){height:15px;animation-delay:.18s}.nf-audio-wave span:nth-child(5){height:8px;animation-delay:0s}@keyframes nf-wave-bar{0%,to{opacity:.45;transform:scaleY(.35)}50%{opacity:1;transform:scaleY(1)}}.nf-btn-pulse{animation:2.4s ease-in-out infinite nf-gold-pulse!important}@keyframes nf-gold-pulse{0%,to{box-shadow:0 4px 18px #c49a2859}50%{box-shadow:0 4px 40px #c49a28bf,0 0 70px #c49a282e}}.nf-xp-pop{background:linear-gradient(135deg, var(--gold), var(--gold2));color:#1a0e05;pointer-events:none;z-index:20;white-space:nowrap;border-radius:24px;padding:9px 22px;font-size:16px;font-weight:800;animation:1.2s cubic-bezier(.4,0,.2,1) forwards nf-xp-float;position:absolute;top:18%;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #c49a288c}@keyframes nf-xp-float{0%{opacity:0;transform:translate(-50%)translateY(12px)scale(.75)}18%{opacity:1;transform:translate(-50%)translateY(0)scale(1.06)}65%{opacity:1;transform:translate(-50%)translateY(-22px)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-48px)scale(.9)}}.nf-fullscreen-shimmer{z-index:50;pointer-events:none;background:linear-gradient(108deg,#0000 18%,#e8b84b52 48%,#ffdc642e 52%,#0000 82%);animation:.75s cubic-bezier(.4,0,.2,1) forwards nf-shimmer-sweep;position:absolute;inset:0}@keyframes nf-shimmer-sweep{0%{opacity:.4;transform:translate(-110%)}40%{opacity:1}to{opacity:0;transform:translate(110%)}}.nf-step-quiz{gap:10px;animation:.85s ease-out nf-quiz-glow}@keyframes nf-quiz-glow{0%{filter:drop-shadow(0 0 #c49a2800)}35%{filter:drop-shadow(0 0 28px #c49a2873)}to{filter:drop-shadow(0 0 #c49a2800)}}.nf-quiz-q{color:var(--text2);margin-bottom:2px;font-size:15px}.nf-quiz-opts{flex-direction:column;gap:10px;width:100%;margin-top:4px;display:flex}.nf-opt{border-radius:var(--radius-sm);background:var(--card);border:1.5px solid var(--border2);width:100%;color:var(--text);text-align:left;-webkit-tap-highlight-color:transparent;align-items:center;gap:10px;padding:15px 18px;font-size:15px;font-weight:500;transition:all .18s;display:flex}.nf-opt:active:not(:disabled){transform:scale(.98)}.nf-opt-correct{background:var(--green-bg);border-color:var(--green);color:var(--green);animation:.25s cubic-bezier(.34,1.56,.64,1) nf-pop}.nf-opt-wrong{background:var(--red-bg);border-color:var(--red);color:var(--red)}.nf-opt-icon{flex-shrink:0;font-size:16px}@keyframes nf-pop{0%{transform:scale(1)}to{transform:scale(1.02)}}.nf-skip-btn{color:var(--text3);cursor:pointer;background:0 0;border:none;margin-top:8px;font-size:14px;text-decoration:underline}.nf-footer{padding:12px 24px calc(20px + env(safe-area-inset-bottom,0px));flex-direction:column;flex-shrink:0;gap:10px;display:flex}.nf-auto-track{background:var(--bg2);border-radius:3px;height:3px;overflow:hidden}.nf-auto-fill{background:linear-gradient(90deg, var(--gold), var(--gold2));border-radius:3px;width:0;height:100%;animation:linear forwards nf-fill}@keyframes nf-fill{0%{width:0%}to{width:100%}}.nf-next-btn{background:linear-gradient(135deg, var(--gold), var(--gold2));color:#1a0e05;border-radius:var(--radius-sm);-webkit-tap-highlight-color:transparent;width:100%;padding:17px;font-size:16px;font-weight:700;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 18px #c49a2859}.nf-next-btn:active{transform:scale(.97);box-shadow:0 2px 8px #c49a2833}.study-intro{flex-direction:column;align-items:center;gap:20px;padding:28px 20px 32px;display:flex}.intro-names-big{gap:12px;width:100%;display:flex}.intro-name-card{background:var(--card);border:1.5px solid var(--border2);border-radius:var(--radius);text-align:center;flex-direction:column;flex:1;align-items:center;gap:5px;padding:18px 12px;display:flex}.inc-num{letter-spacing:2px;text-transform:uppercase;color:var(--text3);font-size:10px;font-weight:800}.inc-arabic{color:var(--text);direction:rtl;font-family:Amiri,serif;font-size:clamp(30px,8vw,42px);line-height:1.1}.inc-translit{color:var(--gold);font-size:13px;font-weight:600}.inc-meaning{color:var(--text2);font-size:12px;font-style:italic}.intro-time-est{color:var(--text3);background:var(--bg2);border-radius:20px;padding:6px 14px;font-size:12px}.btn-hero-start{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--gold), var(--gold2));color:#1a0e05;-webkit-tap-highlight-color:transparent;width:100%;padding:20px;font-size:18px;font-weight:700;transition:transform .15s,box-shadow .15s;animation:3s ease-in-out infinite hero-breathe;box-shadow:0 6px 24px #c49a2861}.btn-hero-start:active{animation:none;box-shadow:0 3px 12px #c49a2833;transform:scale(.97)!important}@keyframes hero-breathe{0%,to{transform:scale(1);box-shadow:0 6px 24px #c49a2861}50%{transform:scale(1.015);box-shadow:0 8px 32px #c49a2885}}.hero-card{border-radius:var(--radius);background:linear-gradient(140deg,#1a0e05 0%,#2e1c08 55%,#1a0e05 100%);flex-direction:column;gap:14px;margin:0 0 4px;padding:24px 20px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000002e}.hero-card:before{content:"";pointer-events:none;background:radial-gradient(at 80% 20%,#c49a281f 0%,#0000 70%);position:absolute;inset:0}.hero-greeting{color:#c49a28bf;letter-spacing:.3px;font-size:13px;font-weight:600}.hero-title{color:#f6e8c8;font-family:Cormorant Garamond,serif;font-size:clamp(19px,5.5vw,24px);font-weight:700;line-height:1.2}.hero-names-row{gap:10px;display:flex}.hero-name-pill{text-align:center;background:#ffffff0f;border:1px solid #c49a2838;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:12px 10px;display:flex}.hero-name-ar{color:#f6e8c8;direction:rtl;font-family:Amiri,serif;font-size:clamp(26px,7vw,34px);line-height:1.1;display:block}.hero-name-tr{color:var(--gold2);letter-spacing:.3px;font-size:12px;font-weight:700;display:block}.hero-name-mn{color:#f6e8c88c;font-size:11px;font-style:italic;display:block}.hero-cta{background:linear-gradient(135deg, var(--gold), var(--gold2));color:#1a0e05;border-radius:var(--radius-sm);-webkit-tap-highlight-color:transparent;letter-spacing:.2px;width:100%;padding:16px;font-size:16px;font-weight:800;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 16px #c49a2866}.hero-cta:active{transform:scale(.97);box-shadow:0 2px 8px #c49a2833}.hero-cta-done{color:var(--gold2);box-shadow:none;background:#ffffff1a;border:1.5px solid #c49a2866}.hero-cta-done:active{transform:scale(.97)}.hero-meta{color:#c49a288c;text-align:center;letter-spacing:.3px;font-size:11px}.nf-wrap{background:var(--bg);flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.nf-nebula{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.nf-nebula:before{content:"";will-change:transform;background:radial-gradient(38% 32% at 38% 38%,#c49a2811 0%,#0000 62%);width:280%;height:280%;animation:28s ease-in-out infinite nf-nebula-a;position:absolute;top:-90%;left:-90%}.nf-nebula:after{content:"";will-change:transform;background:radial-gradient(30% 26% at 65% 70%,#c49a280b 0%,#0000 58%);width:240%;height:240%;animation:36s ease-in-out infinite reverse nf-nebula-b;position:absolute;top:-70%;left:-70%}@keyframes nf-nebula-a{0%,to{opacity:.7;transform:translate(0)}25%{opacity:.9;transform:translate(22%,-12%)}50%{opacity:.55;transform:translate(-8%,18%)}75%{opacity:.8;transform:translate(-18%,-4%)}}@keyframes nf-nebula-b{0%,to{opacity:.6;transform:translate(0)}33%{opacity:.85;transform:translate(-20%,12%)}66%{opacity:.5;transform:translate(15%,-8%)}}.nf-session-bar,.nf-top,.nf-flow-stage,.nf-bottom-bar{z-index:1;position:relative}.nf-flow-stage{flex:1;position:relative;overflow:hidden}.nf-arabic-zone{text-align:center;z-index:2;flex-direction:column;align-items:center;gap:8px;padding:0 24px;display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.nf-arabic-trans{transition:top .65s cubic-bezier(.25,.8,.25,1),transform .65s cubic-bezier(.25,.8,.25,1)}.nf-phase-1 .nf-arabic-zone{top:50%;transform:translateY(-50%)}.nf-phase-2 .nf-arabic-zone,.nf-phase-3 .nf-arabic-zone{top:10%;transform:translateY(0)scale(.78)}.nf-flow-arabic{color:var(--text);direction:rtl;font-family:Amiri,serif;font-size:clamp(68px,19vw,96px);line-height:1.1;animation:.7s ease-out 40ms both nf-arabic-scale-in}@keyframes nf-arabic-scale-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.nf-translit-hint{color:var(--text2);letter-spacing:.4px;font-size:16px;font-weight:500;transition:opacity .35s}.nf-phase-2 .nf-translit-hint,.nf-phase-3 .nf-translit-hint{opacity:0;pointer-events:none}.nf-listen-mini{margin-top:4px;transition:opacity .3s}.nf-phase-2 .nf-listen-mini,.nf-phase-3 .nf-listen-mini{opacity:0;pointer-events:none}.nf-details-zone{opacity:0;pointer-events:none;z-index:2;flex-direction:column;gap:10px;transition:opacity .5s,transform .5s;display:flex;position:absolute;top:40%;left:20px;right:20px;transform:translateY(32px)}.nf-details-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.nf-phase-3 .nf-details-zone{opacity:0;pointer-events:none;transition:opacity .4s,transform .5s;transform:translateY(-50px)}.nf-details-visible .nf-flow-meaning{animation:.52s cubic-bezier(.25,.8,.25,1) 80ms both nf-detail-emerge}.nf-details-visible .nf-flow-translit{animation:.52s cubic-bezier(.25,.8,.25,1) .22s both nf-detail-emerge}.nf-details-visible .nf-source-badge{animation:.52s cubic-bezier(.25,.8,.25,1) .3s both nf-detail-emerge}.nf-details-visible .nf-flow-action-box{animation:.52s cubic-bezier(.25,.8,.25,1) .46s both nf-detail-emerge}@keyframes nf-detail-emerge{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.nf-flow-meaning{color:var(--gold);text-align:center;font-family:Cormorant Garamond,serif;font-size:clamp(22px,6vw,30px);font-weight:600;line-height:1.25}.nf-flow-translit{color:var(--text2);letter-spacing:.4px;text-align:center;font-size:14px;font-weight:500}.nf-flow-action-box{background:var(--gold-bg);border:1.5px solid var(--gold-b);border-radius:var(--radius-sm);flex-direction:column;gap:5px;padding:14px 16px;display:flex}.nf-check-zone{z-index:3;flex-direction:column;align-items:center;gap:12px;animation:.45s cubic-bezier(.25,.8,.25,1) both nf-check-rise;display:flex;position:absolute;bottom:8px;left:20px;right:20px}@keyframes nf-check-rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.nf-bottom-bar{background:#c49a2826;border-radius:0;flex-shrink:0;height:3px;overflow:hidden}.nf-bottom-fill{background:linear-gradient(90deg, var(--gold), var(--gold2));width:0%;height:100%;animation:4s linear forwards nf-fill}.study-complete{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:60vh;padding:60px 24px;display:flex}.complete-icon{font-size:64px}.study-complete h2{color:var(--gold);font-family:Cormorant Garamond,serif;font-size:32px;font-weight:700}.study-complete p{color:var(--text2);font-size:16px}.nf-swipe-hint{color:var(--text3);letter-spacing:1px;text-transform:uppercase;text-align:center;margin-top:6px;font-size:11px;animation:.5s ease-out both nf-swipe-hint-in,2.2s ease-in-out .5s infinite nf-tap-pulse}@keyframes nf-swipe-hint-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.nf-basmala-wrap{z-index:300;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:16px;animation:1.6s cubic-bezier(.25,.8,.25,1) both nf-basmala-in;display:flex;position:fixed;inset:0}@keyframes nf-basmala-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.nf-basmala-wrap.nf-basmala-exit{animation:1.45s cubic-bezier(.4,0,.6,1) forwards nf-basmala-out}@keyframes nf-basmala-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.04)}}.nf-basmala-ar{color:var(--gold);text-align:center;filter:drop-shadow(0 2px 12px #c49a2859);direction:rtl;font-family:Amiri,serif;font-size:clamp(28px,8vw,44px);line-height:1.5;animation:.9s ease-out .1s both nf-arabic-scale-in}.nf-basmala-tr{color:var(--text2);letter-spacing:.6px;text-align:center;opacity:.8;font-size:13px}.nf-basmala-tap{color:var(--text3);letter-spacing:1.2px;text-transform:uppercase;margin-top:12px;font-size:11px;animation:2s ease-in-out infinite nf-tap-pulse}@keyframes nf-tap-pulse{0%,to{opacity:.4}50%{opacity:.9}}.nf-source-badge{color:var(--text3);letter-spacing:.5px;text-align:center;border:1px solid var(--border2);border-radius:20px;align-self:center;padding:3px 10px;font-size:11px;display:inline-block}.nf-bottom-bar{transition:opacity .3s}.nf-phase-3 .nf-bottom-bar{opacity:0}.tm-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 28px;display:flex}.tm-empty-icon{font-size:56px}.tm-empty p{color:var(--text2);max-width:280px;font-size:15px;line-height:1.65}.tm-start{flex-direction:column;gap:18px;padding:24px 20px 32px;display:flex}.tm-start-header{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.tm-brain-icon{font-size:52px;line-height:1}.tm-start-title{color:var(--text);margin:0;font-family:Cormorant Garamond,serif;font-size:28px;font-weight:700;line-height:1.15}.tm-start-sub{letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);opacity:.85;margin:0;font-size:12px;font-weight:600}.tm-stats-row{background:var(--card);border-radius:var(--radius-sm);border:1px solid var(--border2);box-shadow:var(--shadow);justify-content:center;align-items:center;gap:0;display:flex;overflow:hidden}.tm-stat-pill{flex-direction:column;flex:1;align-items:center;gap:2px;padding:14px 10px;display:flex}.tm-stat-num{color:var(--text);font-family:Cormorant Garamond,serif;font-size:28px;font-weight:700;line-height:1}.tm-stat-lbl{letter-spacing:1px;text-transform:uppercase;color:var(--text3);font-size:10px;font-weight:700}.tm-stat-divider{background:var(--border2);flex-shrink:0;align-self:stretch;width:1px}.tm-modes{flex-direction:column;gap:10px;display:flex}.tm-mode-card{background:var(--card);border-radius:var(--radius-sm);border:1.5px solid var(--border2);width:100%;box-shadow:var(--shadow);text-align:left;-webkit-tap-highlight-color:transparent;align-items:center;gap:14px;padding:16px 18px;transition:border-color .2s,box-shadow .2s,transform .15s;display:flex}.tm-mode-card:active{border-color:var(--gold);transform:scale(.98);box-shadow:0 4px 18px #c49a2833}.tm-mode-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;font-weight:900;display:flex}.tm-mode-icon-ar{color:var(--gold);background:linear-gradient(135deg,#c49a282e,#c49a2814);border:1.5px solid #c49a284d;font-family:Amiri,serif;font-size:24px}.tm-mode-icon-it{color:var(--teal);background:linear-gradient(135deg,#0d948826,#0d94880f);border:1.5px solid #0d94884d;font-family:Inter,sans-serif;font-weight:800}.tm-mode-text{flex-direction:column;flex:1;gap:3px;display:flex}.tm-mode-text strong{color:var(--text);font-size:15px;font-weight:700;display:block}.tm-mode-text span{color:var(--text3);font-size:12px;display:block}.tm-mode-arrow{color:var(--text3);flex-shrink:0;font-size:22px;font-weight:300}.tm-how-tip{background:var(--gold-bg);border:1.5px solid var(--gold-b);border-radius:var(--radius-sm);align-items:flex-start;gap:10px;padding:14px 16px;display:flex}.tm-how-icon{color:var(--gold);flex-shrink:0;margin-top:1px;font-size:16px}.tm-how-tip p{color:var(--text2);margin:0;font-size:12px;line-height:1.7}.tm-session{height:100%;padding:0 0 env(safe-area-inset-bottom,16px);flex-direction:column;gap:0;display:flex}.tm-top-bar{flex-shrink:0;align-items:center;gap:8px;padding:12px 16px 8px;display:flex}.tm-mode-badge{letter-spacing:.5px;background:var(--gold-bg);border:1px solid var(--gold-b);border-radius:20px;flex-shrink:0;padding:4px 10px;font-family:Amiri,serif;font-size:15px;font-weight:700}.tm-mastered-badge{background:var(--gold-bg);color:var(--gold);border:1px solid var(--gold-b);border-radius:20px;flex-shrink:0;padding:3px 10px;font-size:11px;font-weight:700}.tm-counter{color:var(--text3);letter-spacing:.5px;margin-left:auto;font-size:12px;font-weight:700}.tm-progress-bar{background:#c49a281f;flex-shrink:0;height:3px;overflow:hidden}.tm-progress-bar>div{border-radius:0 3px 3px 0;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.tm-card{border-radius:var(--radius);background:linear-gradient(150deg,#1a0e05 0%,#2e1c08 55%,#1a0e05 100%);flex-shrink:0;margin:10px 16px 0;padding:20px 18px 18px;position:relative;box-shadow:0 8px 32px #0000002e}.tm-card-num{letter-spacing:1.5px;text-transform:uppercase;color:#1a0e05;background:var(--gold);border-radius:20px;padding:3px 10px;font-size:10px;font-weight:800;position:absolute;top:14px;left:14px}.tm-question{text-align:center;flex-direction:column;align-items:center;gap:8px;padding-top:20px;display:flex}.tm-q-arabic{color:#f6e8c8;filter:drop-shadow(0 2px 12px #c49a284d);direction:rtl;font-family:Amiri,serif;font-size:clamp(52px,14vw,74px);line-height:1.1}.tm-q-trans{color:var(--gold2);letter-spacing:.5px;font-size:14px;font-weight:500}.tm-q-audio{margin:2px 0}.tm-q-prompt{color:#f6e8c873;font-size:13px;font-style:italic}.tm-q-meaning{color:#f6e8c8;font-family:Cormorant Garamond,serif;font-size:clamp(26px,7vw,36px);font-weight:600;line-height:1.2}.tm-reveal-btn{background:linear-gradient(135deg, var(--gold), var(--gold2));color:#1a0e05;border-radius:var(--radius-sm);-webkit-tap-highlight-color:transparent;flex-shrink:0;width:calc(100% - 32px);margin:12px 16px 0;padding:17px;font-size:15px;font-weight:700;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 18px #c49a2861}.tm-reveal-btn:active{transform:scale(.97);box-shadow:0 2px 8px #c49a2833}.tm-answer-box{background:var(--card);border:2px solid var(--gold);border-radius:var(--radius-sm);text-align:center;flex-direction:column;flex-shrink:0;gap:6px;margin:10px 16px 0;padding:16px 18px;animation:.38s cubic-bezier(.34,1.2,.64,1) both tm-ans-reveal;display:flex}@keyframes tm-ans-reveal{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.tm-ans-main{color:var(--text);font-family:Cormorant Garamond,serif;font-size:clamp(20px,5.5vw,26px);font-weight:700;line-height:1.2}.tm-ans-desc{color:var(--text2);font-size:12px;font-style:italic;line-height:1.6}.tm-ans-arabic{color:var(--gold);filter:drop-shadow(0 2px 10px #c49a2840);direction:rtl;font-family:Amiri,serif;font-size:clamp(40px,11vw,58px);line-height:1.2}.tm-ans-trans{color:var(--text2);letter-spacing:.4px;font-size:14px;font-weight:500}.tm-mnemonic{background:var(--gold-bg);border-left:3px solid var(--gold);border-radius:0 var(--radius-xs) var(--radius-xs) 0;flex-shrink:0;align-items:flex-start;gap:8px;margin:6px 16px 0;padding:10px 12px;animation:.38s cubic-bezier(.34,1.2,.64,1) 80ms both tm-ans-reveal;display:flex}.tm-mnemonic-lbl{color:var(--gold);flex-shrink:0;font-size:11px;font-weight:800}.tm-mnemonic span:last-child{color:var(--text2);font-size:12px;line-height:1.6}.tm-srs-row{flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:auto;padding:10px 16px 0;display:grid}.tm-srs-btn{border-radius:var(--radius-xs);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;flex-direction:column;align-items:center;gap:2px;padding:11px 4px;transition:transform .12s,box-shadow .15s;display:flex}.tm-srs-btn:active{transform:scale(.93)}.tm-srs-again{color:#dc2626;background:#dc26261f;border:1.5px solid #dc26264d}.tm-srs-hard{color:#ea580c;background:#f973161a;border:1.5px solid #f9731647}.tm-srs-good{color:var(--teal);background:#0d94881a;border:1.5px solid #0d94884d}.tm-srs-easy{color:var(--green);background:#16a34a1a;border:1.5px solid #16a34a4d}.tm-srs-label{font-size:12px;font-weight:800}.tm-srs-sub{opacity:.65;letter-spacing:.3px;font-size:9px;font-weight:600}.tm-results{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:32px 24px 40px;display:flex}.tm-score-ring{justify-content:center;align-items:center;width:130px;height:130px;margin-bottom:4px;display:inline-flex;position:relative}.tm-score-ring svg{position:absolute;inset:0}.tm-score-inner{z-index:1;flex-direction:column;align-items:center;gap:1px;display:flex;position:relative}.tm-score-pct{font-family:Cormorant Garamond,serif;font-size:32px;font-weight:700;line-height:1}.tm-score-pct span{font-size:16px;font-weight:600}.tm-score-lbl{letter-spacing:1.5px;text-transform:uppercase;color:var(--text3);font-size:10px;font-weight:700}.tm-results-title{color:var(--text);margin:0;font-family:Cormorant Garamond,serif;font-size:28px;font-weight:700}.tm-results-detail{align-items:center;gap:16px;font-size:14px;font-weight:700;display:flex}.tm-r-correct{color:var(--green)}.tm-r-wrong{color:var(--red)}.tm-results-msg{color:var(--text2);max-width:280px;margin:0;font-size:13px;font-style:italic;line-height:1.7}.nf-extra-badge{letter-spacing:1.8px;text-transform:uppercase;color:var(--gold2);background:#c49a2824;border:1px solid #c49a2852;border-radius:20px;padding:3px 10px;font-size:9px;font-weight:800;animation:.45s cubic-bezier(.34,1.4,.64,1) both nf-extra-badge-in;box-shadow:0 0 10px #c49a282e}@keyframes nf-extra-badge-in{0%{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}.dark .tm-card{background:linear-gradient(150deg,#0e0904 0%,#1c1006 55%,#0e0904 100%)}.dark .tm-mode-card,.dark .tm-stats-row,.dark .tm-answer-box{background:var(--card)}.dark .tm-how-tip{background:#c49a2814}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.nf-trans-enter,.nf-trans-exit{opacity:1!important;animation:none!important;transform:none!important}.nf-arabic-trans{transition:none!important}.nf-bottom-fill{width:100%!important;animation:none!important}}