:root,[data-theme=default-dark]{--bg: #0B1020;--bg-card: #111827;--bg-card-2: #1F2937;--bg-nav: #0D1225;--text-primary: #F0FDF4;--text-secondary:#94A3B8;--text-muted: #475569;--accent: #10B981;--accent-light: #064E3B;--accent-2: #F59E0B;--border: #1E293B;--shadow: 0 4px 20px rgba(0,0,0,.5);--shadow-strong: 0 8px 40px rgba(16,185,129,.1);--danger: #EF4444;--success: #10B981;--warning: #F59E0B;--nav-height: 68px;--header-height: 56px;--radius: 16px;--radius-sm: 8px;--radius-lg: 24px;--pattern-opacity: .04;--pattern-color: #10B981;--gradient-hero: linear-gradient(135deg, #064E3B 0%, #0B1020 50%, #10B981 100%);--glass-bg: rgba(17,24,39,.6);--glass-border: rgba(16,185,129,.12);--glass-blur: 12px;--glow-accent: 0 0 20px rgba(16,185,129,.25);--prayer-fajr: #38BDF8;--prayer-dhuhr: #FBBF24;--prayer-asr: #FB923C;--prayer-maghrib:#F87171;--prayer-isha: #A78BFA}[data-theme=default-light]{--bg: #FAFAF8;--bg-card: #FFFFFF;--bg-card-2: #F3F4F6;--bg-nav: #FFFFFF;--text-primary: #111827;--text-secondary:#4B5563;--text-muted: #9CA3AF;--accent: #059669;--accent-light: #D1FAE5;--accent-2: #D97706;--border: #E5E7EB;--shadow: 0 2px 16px rgba(0,0,0,.08);--shadow-strong: 0 8px 32px rgba(5,150,105,.1);--danger: #DC2626;--success: #059669;--warning: #D97706;--nav-height: 68px;--header-height: 56px;--radius: 16px;--radius-sm: 8px;--radius-lg: 24px;--pattern-opacity: .025;--pattern-color: #059669;--gradient-hero: linear-gradient(135deg, #065F46 0%, #059669 50%, #34D399 100%);--glass-bg: rgba(255,255,255,.7);--glass-border: rgba(5,150,105,.12);--glass-blur: 12px;--glow-accent: 0 0 20px rgba(5,150,105,.15);--prayer-fajr: #0891B2;--prayer-dhuhr: #D97706;--prayer-asr: #EA580C;--prayer-maghrib:#DC2626;--prayer-isha: #7C3AED}[data-theme=amber]{--bg: #1A1000;--bg-card: #251A06;--bg-card-2: #332410;--bg-nav: #140C00;--text-primary: #FEF3C7;--text-secondary:#FCD34D;--text-muted: #92700C;--accent: #F59E0B;--accent-light: #451A03;--accent-2: #D97706;--border: #3D2A08;--shadow: 0 4px 20px rgba(0,0,0,.6);--shadow-strong: 0 8px 40px rgba(245,158,11,.15);--danger: #EF4444;--success: #10B981;--warning: #F59E0B;--nav-height: 68px;--header-height: 56px;--radius: 16px;--radius-sm: 8px;--radius-lg: 24px;--pattern-opacity: .05;--pattern-color: #F59E0B;--gradient-hero: linear-gradient(135deg, #451A03 0%, #78350F 50%, #F59E0B 100%);--glass-bg: rgba(37,26,6,.65);--glass-border: rgba(245,158,11,.15);--glass-blur: 12px;--glow-accent: 0 0 20px rgba(245,158,11,.3);--prayer-fajr: #FBBF24;--prayer-dhuhr: #F59E0B;--prayer-asr: #D97706;--prayer-maghrib:#B45309;--prayer-isha: #92400E}[data-theme=ottoman]{--bg: #0D0A1A;--bg-card: #1A1030;--bg-card-2: #261840;--bg-nav: #0A0815;--text-primary: #FEE2E2;--text-secondary:#FCA5A5;--text-muted: #7C2D12;--accent: #DC2626;--accent-light: #450A0A;--accent-2: #C9A84C;--border: #2E1840;--shadow: 0 4px 20px rgba(0,0,0,.6);--shadow-strong: 0 8px 40px rgba(220,38,38,.12);--danger: #EF4444;--success: #10B981;--warning: #F59E0B;--nav-height: 68px;--header-height: 56px;--radius: 16px;--radius-sm: 8px;--radius-lg: 24px;--pattern-opacity: .05;--pattern-color: #DC2626;--gradient-hero: linear-gradient(135deg, #450A0A 0%, #7F1D1D 50%, #DC2626 100%);--glass-bg: rgba(26,16,48,.65);--glass-border: rgba(220,38,38,.15);--glass-blur: 12px;--glow-accent: 0 0 20px rgba(220,38,38,.25);--prayer-fajr: #FCA5A5;--prayer-dhuhr: #F87171;--prayer-asr: #EF4444;--prayer-maghrib:#DC2626;--prayer-isha: #B91C1C}[data-theme=turquoise]{--bg: #042F2E;--bg-card: #0A3D3C;--bg-card-2: #134E4A;--bg-nav: #032726;--text-primary: #CCFBF1;--text-secondary:#5EEAD4;--text-muted: #2DD4BF;--accent: #14B8A6;--accent-light: #0D3130;--accent-2: #06B6D4;--border: #1A4B4A;--shadow: 0 4px 20px rgba(0,0,0,.5);--shadow-strong: 0 8px 40px rgba(20,184,166,.12);--danger: #EF4444;--success: #14B8A6;--warning: #F59E0B;--nav-height: 68px;--header-height: 56px;--radius: 16px;--radius-sm: 8px;--radius-lg: 24px;--pattern-opacity: .04;--pattern-color: #14B8A6;--gradient-hero: linear-gradient(135deg, #042F2E 0%, #115E59 50%, #14B8A6 100%);--glass-bg: rgba(10,61,60,.6);--glass-border: rgba(20,184,166,.15);--glass-blur: 12px;--glow-accent: 0 0 20px rgba(20,184,166,.25);--prayer-fajr: #67E8F9;--prayer-dhuhr: #5EEAD4;--prayer-asr: #2DD4BF;--prayer-maghrib:#14B8A6;--prayer-isha: #0D9488}[data-theme=midnight]{--bg: #020617;--bg-card: #0F172A;--bg-card-2: #1E293B;--bg-nav: #030712;--text-primary: #E0E7FF;--text-secondary:#A5B4FC;--text-muted: #6366F1;--accent: #6366F1;--accent-light: #1E1B4B;--accent-2: #8B5CF6;--border: #1E293B;--shadow: 0 4px 20px rgba(0,0,0,.6);--shadow-strong: 0 8px 40px rgba(99,102,241,.12);--danger: #EF4444;--success: #10B981;--warning: #F59E0B;--nav-height: 68px;--header-height: 56px;--radius: 16px;--radius-sm: 8px;--radius-lg: 24px;--pattern-opacity: .04;--pattern-color: #6366F1;--gradient-hero: linear-gradient(135deg, #1E1B4B 0%, #312E81 50%, #6366F1 100%);--glass-bg: rgba(15,23,42,.65);--glass-border: rgba(99,102,241,.15);--glass-blur: 12px;--glow-accent: 0 0 20px rgba(99,102,241,.3);--prayer-fajr: #C7D2FE;--prayer-dhuhr: #A5B4FC;--prayer-asr: #818CF8;--prayer-maghrib:#6366F1;--prayer-isha: #4F46E5}[data-theme=emerald]{--bg: #022C22;--bg-card: #064E3B;--bg-card-2: #065F46;--bg-nav: #012620;--text-primary: #D1FAE5;--text-secondary:#6EE7B7;--text-muted: #34D399;--accent: #34D399;--accent-light: #064E3B;--accent-2: #10B981;--border: #0A5E48;--shadow: 0 4px 20px rgba(0,0,0,.5);--shadow-strong: 0 8px 40px rgba(52,211,153,.12);--danger: #EF4444;--success: #34D399;--warning: #F59E0B;--nav-height: 68px;--header-height: 56px;--radius: 16px;--radius-sm: 8px;--radius-lg: 24px;--pattern-opacity: .04;--pattern-color: #34D399;--gradient-hero: linear-gradient(135deg, #022C22 0%, #065F46 50%, #34D399 100%);--glass-bg: rgba(6,78,59,.6);--glass-border: rgba(52,211,153,.15);--glass-blur: 12px;--glow-accent: 0 0 20px rgba(52,211,153,.25);--prayer-fajr: #A7F3D0;--prayer-dhuhr: #6EE7B7;--prayer-asr: #34D399;--prayer-maghrib:#10B981;--prayer-isha: #059669}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius)}.glass-nav{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--glass-border)}.glow-accent{box-shadow:var(--glow-accent)}.glow-text{text-shadow:0 0 16px var(--accent)}.immersive-pattern{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:var(--pattern-opacity, .03);background-repeat:repeat;transition:opacity .5s ease}:root .immersive-pattern,[data-theme=default-dark] .immersive-pattern{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52' viewBox='0 0 60 52'%3E%3Cg fill='none' stroke='%2310B981' stroke-width='0.5' opacity='0.6'%3E%3Cpath d='M30 0 L60 15 L60 39 L30 52 L0 39 L0 15 Z'/%3E%3Ccircle cx='30' cy='26' r='6'/%3E%3C/g%3E%3C/svg%3E");background-size:60px 52px}[data-theme=default-light] .immersive-pattern{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52' viewBox='0 0 60 52'%3E%3Cg fill='none' stroke='%23059669' stroke-width='0.4' opacity='0.5'%3E%3Cpath d='M30 0 L60 15 L60 39 L30 52 L0 39 L0 15 Z'/%3E%3Ccircle cx='30' cy='26' r='5'/%3E%3C/g%3E%3C/svg%3E");background-size:60px 52px}[data-theme=amber] .immersive-pattern{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%23F59E0B' stroke-width='0.5' opacity='0.6'%3E%3Cpath d='M50 15 L56 35 L76 35 L60 47 L66 67 L50 55 L34 67 L40 47 L24 35 L44 35 Z'/%3E%3Ccircle cx='50' cy='44' r='12'/%3E%3Cpath d='M42 80 C36 80 31 85 31 92 C31 99 36 104 42 104 C37 102 34 97 34 92 C34 87 37 82 42 80Z'/%3E%3Ccircle cx='46' cy='82' r='1.5' fill='%23F59E0B'/%3E%3C/g%3E%3C/svg%3E");background-size:100px 100px}[data-theme=ottoman] .immersive-pattern{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%23DC2626' stroke-width='0.5' opacity='0.6'%3E%3Cpath d='M50 10 Q60 25 55 40 Q50 50 45 40 Q40 25 50 10Z'/%3E%3Cpath d='M50 42 L50 70'/%3E%3Cpath d='M40 60 Q50 55 60 60'/%3E%3Ccircle cx='50' cy='50' r='20'/%3E%3Crect x='20' y='78' width='60' height='14' rx='3'/%3E%3Cpath d='M30 78 L30 92 M50 78 L50 92 M70 78 L70 92' opacity='0.3'/%3E%3C/g%3E%3C/svg%3E");background-size:100px 100px}[data-theme=turquoise] .immersive-pattern{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%2314B8A6' stroke-width='0.5' opacity='0.6'%3E%3Crect x='10' y='10' width='80' height='80' rx='4'/%3E%3Crect x='10' y='10' width='80' height='80' rx='4' transform='rotate(45 50 50)' opacity='0.3'/%3E%3Ccircle cx='50' cy='50' r='18'/%3E%3Ccircle cx='50' cy='50' r='10'/%3E%3Cpath d='M32 50 L50 32 L68 50 L50 68 Z'/%3E%3C/g%3E%3C/svg%3E");background-size:100px 100px}[data-theme=midnight] .immersive-pattern{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='%236366F1' opacity='0.5'%3E%3Ccircle cx='20' cy='20' r='1'/%3E%3Ccircle cx='60' cy='15' r='1.5'/%3E%3Ccircle cx='100' cy='25' r='0.8'/%3E%3Ccircle cx='40' cy='50' r='1.2'/%3E%3Ccircle cx='80' cy='55' r='0.6'/%3E%3Ccircle cx='15' cy='80' r='1'/%3E%3Ccircle cx='55' cy='85' r='1.8'/%3E%3Ccircle cx='95' cy='75' r='0.7'/%3E%3Ccircle cx='30' cy='110' r='1.3'/%3E%3Ccircle cx='75' cy='105' r='0.9'/%3E%3Ccircle cx='110' cy='100' r='1.1'/%3E%3C/g%3E%3Cg fill='none' stroke='%236366F1' stroke-width='0.3' opacity='0.3'%3E%3Cpath d='M55 85 L60 73 L65 85 L53 78 L67 78 Z'/%3E%3C/g%3E%3C/svg%3E");background-size:120px 120px}[data-theme=emerald] .immersive-pattern{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%2334D399' stroke-width='0.5' opacity='0.6'%3E%3Cpath d='M50 10 Q70 30 50 50 Q30 30 50 10Z'/%3E%3Cpath d='M50 50 L50 20'/%3E%3Cpath d='M40 30 L50 25 M60 30 L50 25'/%3E%3Ccircle cx='50' cy='70' r='15'/%3E%3Ccircle cx='50' cy='70' r='8'/%3E%3Cpath d='M35 70 L65 70 M50 55 L50 85' opacity='0.3'/%3E%3C/g%3E%3C/svg%3E");background-size:100px 100px}.card-pattern-overlay{position:absolute;inset:0;pointer-events:none;border-radius:inherit;opacity:calc(var(--pattern-opacity, .03) * .5);background-repeat:repeat;z-index:0}.hero-pattern-overlay{position:absolute;inset:0;pointer-events:none;border-radius:inherit;opacity:calc(var(--pattern-opacity, .03) * 1.5);background-repeat:repeat;z-index:1;mask-image:linear-gradient(to bottom,#000c,#0000);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.8) 0%,rgba(0,0,0,0) 100%)}.nav-pattern-overlay{position:absolute;inset:0;pointer-events:none;opacity:calc(var(--pattern-opacity, .03) * .3);background-repeat:repeat;z-index:0}[data-theme]:not([data-theme=default-dark]):not([data-theme=default-light]) .premium-glow-border{position:relative;overflow:hidden}[data-theme]:not([data-theme=default-dark]):not([data-theme=default-light]) .premium-glow-border:after{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(135deg,transparent 0%,var(--accent) 25%,transparent 50%,var(--accent-2, var(--accent)) 75%,transparent 100%);opacity:.1;pointer-events:none;z-index:0;background-size:200% 200%;animation:premium-shimmer 8s ease-in-out infinite}@keyframes premium-shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}[data-theme]:not([data-theme=default-dark]):not([data-theme=default-light]) .accent-glow{text-shadow:0 0 20px var(--accent)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;background-color:var(--bg);color:var(--text-primary);line-height:1.6;min-height:100dvh;overflow-x:hidden;transition:background-color .3s ease,color .3s ease;padding-bottom:env(safe-area-inset-bottom)}.arabic{font-family:Noto Naskh Arabic,Scheherazade New,Traditional Arabic,serif;direction:rtl;text-align:right;line-height:2}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}#app{display:flex;flex-direction:column;height:100dvh;max-width:480px;margin:0 auto;position:relative;background-color:var(--bg);overflow:hidden}@media (min-width: 520px){#app{box-shadow:0 0 0 1px var(--border)}}#page-content{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom));overscroll-behavior-y:contain}#splash-screen{position:fixed;inset:0;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;transition:opacity .4s ease}#splash-screen.fade-out{opacity:0;pointer-events:none}.splash-logo{width:96px;height:96px;margin-bottom:20px;animation:splashPulse 1.5s ease-in-out infinite}.splash-name{font-size:2rem;font-weight:700;letter-spacing:.05em;color:var(--accent);font-family:Noto Naskh Arabic,serif}.splash-tagline{font-size:.85rem;color:var(--text-secondary);margin-top:8px;letter-spacing:.08em}@keyframes splashPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.85}}.pattern-bg:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill='none' stroke='%23currentColor' stroke-width='0.5'%3E%3Cpath d='M30 0 L60 30 L30 60 L0 30 Z'/%3E%3Cpath d='M30 10 L50 30 L30 50 L10 30 Z'/%3E%3Ccircle cx='30' cy='30' r='8'/%3E%3Cpath d='M0 0 L15 15 M60 0 L45 15 M0 60 L15 45 M60 60 L45 45'/%3E%3C/g%3E%3C/svg%3E");background-size:60px 60px;opacity:var(--pattern-opacity);pointer-events:none;z-index:0;color:var(--pattern-color)}.page{display:none;animation:pageIn .25s ease}.page.active{display:block}@keyframes pageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--glass-bg, var(--bg-card));backdrop-filter:blur(var(--glass-blur, 0px));-webkit-backdrop-filter:blur(var(--glass-blur, 0px));border:1px solid var(--glass-border, var(--border));border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.card:active{transform:scale(.98)}.card-body{padding:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:none;border-radius:var(--radius);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .18s ease;text-decoration:none;white-space:nowrap;user-select:none}.btn:active{transform:scale(.96)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 14px #0003}.btn-primary:hover{filter:brightness(1.1);box-shadow:var(--glow-accent, 0 4px 14px rgba(0,0,0,.2))}.btn-secondary{background:var(--bg-card-2);color:var(--text-primary);border:1px solid var(--border)}.btn-ghost{background:transparent;color:var(--accent)}.btn-full{width:100%}.btn-sm{padding:8px 14px;font-size:.85rem;border-radius:var(--radius-sm)}.btn-icon{padding:10px;border-radius:50%;aspect-ratio:1}input,select,textarea{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:1rem;padding:12px 16px;width:100%;outline:none;transition:border-color .18s ease}input:focus,select:focus,textarea:focus{border-color:var(--accent)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:100px;font-size:.75rem;font-weight:600}.badge-success{background:var(--accent-light);color:var(--accent)}.badge-warning{background:#2d2008;color:var(--warning)}.badge-danger{background:#2d0808;color:var(--danger)}.badge-premium{background:linear-gradient(135deg,#2a1a00,#4a3000);color:var(--accent-2)}.section-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;margin-bottom:12px}.section-title{font-size:1rem;font-weight:700;color:var(--text-primary)}.section-link{font-size:.85rem;color:var(--accent);text-decoration:none;font-weight:500}.divider{height:1px;background:var(--border);margin:16px 0}.list-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s ease}.list-item:last-child{border-bottom:none}.list-item:active{background:var(--bg-card-2)}.dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0}.spinner{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;gap:12px}.empty-state-icon{font-size:3rem;opacity:.4}.empty-state-title{font-size:1.1rem;font-weight:600;color:var(--text-secondary)}.empty-state-text{font-size:.9rem;color:var(--text-muted)}.modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s ease}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-sheet{background:var(--glass-bg, var(--bg-card));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border, var(--border));border-bottom:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:480px;max-height:90dvh;overflow-y:auto;transform:translateY(100%);transition:transform .3s cubic-bezier(.32,.72,0,1);padding-bottom:env(safe-area-inset-bottom)}.modal-overlay.open .modal-sheet{transform:translateY(0)}.modal-handle{width:36px;height:4px;background:var(--border);border-radius:2px;margin:12px auto 0}.modal-header{padding:16px 20px 8px;display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:1.1rem;font-weight:700}#toast-container{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:9998;display:flex;flex-direction:column;gap:8px;width:min(calc(100% - 32px),400px);pointer-events:none}.toast{background:var(--bg-card);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius-sm);padding:12px 16px;display:flex;align-items:center;gap:10px;font-size:.9rem;box-shadow:var(--shadow-strong);animation:toastIn .3s ease;pointer-events:auto}.toast.toast-error{border-left-color:var(--danger)}.toast.toast-warning{border-left-color:var(--warning)}.toast.toast-success{border-left-color:var(--success)}@keyframes toastIn{0%{opacity:0;transform:translateY(-12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.text-accent{color:var(--accent)}.text-muted{color:var(--text-muted)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.p-4{padding:16px}.px-4{padding-left:16px;padding-right:16px}.py-3{padding-top:12px;padding-bottom:12px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.w-full{width:100%}.hidden{display:none!important}*{transition-property:background-color,border-color,color;transition-duration:.25s;transition-timing-function:ease}.no-transition,.no-transition *{transition:none!important}[dir=rtl]{direction:rtl;text-align:right}[dir=rtl] .toast{border-left:none;border-right:4px solid var(--accent)}[dir=rtl] .toast.toast-error{border-right-color:var(--danger)}[dir=rtl] .toast.toast-warning{border-right-color:var(--warning)}[dir=rtl] .toast.toast-success{border-right-color:var(--success)}[dir=rtl] .section-link{direction:ltr}[dir=rtl] .list-item svg:last-child{transform:rotate(180deg)}[dir=rtl] .prayer-time-color{margin-right:0;margin-left:8px}[dir=rtl] .btn{flex-direction:row-reverse}[dir=rtl] .btn svg:first-child{order:1}#bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:calc(var(--nav-height) + env(safe-area-inset-bottom));background:var(--glass-bg, var(--bg-nav));border-top:1px solid var(--glass-border, var(--border));display:flex;align-items:flex-start;padding-top:6px;padding-bottom:env(safe-area-inset-bottom);z-index:100;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;padding:6px 4px;border:none;background:none;color:var(--text-muted);transition:color .2s ease;text-decoration:none;position:relative}.nav-item.active{color:var(--accent)}.nav-item.active .nav-icon{transform:translateY(-2px)}.nav-icon{width:24px;height:24px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);position:relative}.nav-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:20px;height:3px;background:var(--accent);border-radius:0 0 3px 3px;box-shadow:0 2px 8px var(--accent)}.nav-label{font-size:.65rem;font-weight:600;letter-spacing:.02em;transition:font-weight .2s ease}.page-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 8px;background:var(--glass-bg, var(--bg));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.page-title{font-size:1.2rem;font-weight:800;letter-spacing:-.02em}.header-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:var(--bg-card);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);transition:all .15s ease}.header-btn:active{transform:scale(.9)}.prayer-hero{margin:12px 16px;border-radius:var(--radius-lg);background:var(--gradient-hero);padding:24px 20px;position:relative;overflow:hidden;min-height:160px;transition:background .7s ease}.prayer-hero:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='white' stroke-width='0.4' opacity='0.15'%3E%3Cpath d='M40 0 L80 40 L40 80 L0 40 Z'/%3E%3Cpath d='M40 12 L68 40 L40 68 L12 40 Z'/%3E%3Ccircle cx='40' cy='40' r='12'/%3E%3Cpath d='M0 0 L20 20 M80 0 L60 20 M0 80 L20 60 M80 80 L60 60'/%3E%3C/g%3E%3C/svg%3E");background-size:80px 80px;pointer-events:none}.prayer-hero-location{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#ffffffb3;margin-bottom:8px}.prayer-hero-current{font-size:.9rem;color:#ffffffbf;margin-bottom:4px}.prayer-hero-name{font-size:2rem;font-weight:800;color:#fff;letter-spacing:-.02em;margin-bottom:4px}.prayer-hero-arabic{font-family:Noto Naskh Arabic,serif;font-size:1.2rem;color:#fff9;direction:rtl;margin-bottom:16px}.prayer-hero-countdown{font-size:2.4rem;font-weight:800;color:#fff;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.prayer-hero-next{font-size:.8rem;color:#ffffffa6;margin-top:4px}.prayer-times-grid{display:flex;flex-direction:column;gap:2px;margin:0 16px 16px}.prayer-time-row{display:flex;align-items:center;padding:12px 16px;background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border);transition:all .2s ease}.prayer-time-row.current{background:var(--accent-light);border-color:var(--accent)}.prayer-time-row.passed{opacity:.5}.prayer-time-color{width:4px;height:32px;border-radius:2px;margin-right:12px;flex-shrink:0}.prayer-time-info{flex:1}.prayer-time-name{font-size:.95rem;font-weight:600}.prayer-time-arabic{font-family:Noto Naskh Arabic,serif;font-size:.8rem;color:var(--text-muted);direction:rtl}.prayer-time-value{font-size:1.1rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-primary)}.prayer-time-check{width:28px;height:28px;border-radius:50%;border:2px solid var(--border);margin-left:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);flex-shrink:0}.prayer-time-check.done{background:var(--accent);border-color:var(--accent);color:#fff}.date-strip{display:flex;align-items:center;justify-content:space-between;padding:8px 16px 12px}.date-gregorian{font-size:.9rem;color:var(--text-secondary);font-weight:500}.date-hijri{font-size:.9rem;color:var(--accent);font-weight:600;font-family:Noto Naskh Arabic,serif;direction:rtl}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;padding:8px 0}.calendar-day-header{text-align:center;font-size:.7rem;font-weight:600;color:var(--text-muted);padding:4px 0}.calendar-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--radius-sm);cursor:pointer;position:relative;transition:all .15s ease;padding:2px}.calendar-day:active{transform:scale(.92)}.calendar-day.today{border:2px solid var(--accent)}.calendar-day-num{font-size:.85rem;font-weight:600;line-height:1}.calendar-day-dots{display:flex;gap:1px;margin-top:2px}.calendar-dot{width:4px;height:4px;border-radius:50%}.calendar-dot.done{background:var(--success)}.calendar-dot.missed{background:var(--danger)}.calendar-dot.empty{background:var(--border)}.calendar-day.all-done{background:#38a16933}.calendar-day.all-missed{background:#e53e3e26}.debt-card{margin:0 16px 16px;background:linear-gradient(135deg,#e53e3e1a,#e53e3e0d);border:1px solid rgba(229,62,62,.3);border-radius:var(--radius);padding:16px}.debt-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.debt-title{font-size:.95rem;font-weight:700;color:var(--danger)}.debt-count{font-size:2rem;font-weight:800;color:var(--text-primary);letter-spacing:-.03em}.debt-label{font-size:.8rem;color:var(--text-muted)}.premium-lock{display:flex;align-items:center;gap:6px;padding:6px 10px;background:linear-gradient(135deg,var(--accent-2),#8B6914);border-radius:100px;font-size:.75rem;font-weight:700;color:#fff}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 16px 16px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;text-align:center}.stat-value{font-size:2rem;font-weight:800;color:var(--accent);letter-spacing:-.03em;line-height:1;margin-bottom:4px}.stat-label{font-size:.8rem;color:var(--text-muted);font-weight:500}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:8px 0}.theme-card{border-radius:var(--radius);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s ease;aspect-ratio:3/4;position:relative}.theme-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.theme-card-preview{width:100%;height:100%;display:flex;flex-direction:column}.theme-card-header{height:40%;display:flex;align-items:center;justify-content:center}.theme-card-body{flex:1;padding:6px;display:flex;flex-direction:column;gap:4px}.theme-card-line{height:4px;border-radius:2px;opacity:.6}.theme-card-name{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);padding:12px 8px 8px;font-size:.75rem;font-weight:700;color:#fff;text-align:center}.theme-card-premium{position:absolute;top:6px;right:6px;width:20px;height:20px;background:gold;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6rem}.tasbih-counter{display:flex;flex-direction:column;align-items:center;gap:8px}.tasbih-number{font-size:5rem;font-weight:900;color:var(--accent);letter-spacing:-.05em;font-variant-numeric:tabular-nums;line-height:1}.tasbih-btn{width:120px;height:120px;border-radius:50%;background:var(--gradient-hero);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s ease;box-shadow:0 8px 32px #0000004d}.tasbih-btn:active{transform:scale(.94);box-shadow:0 4px 16px #0000004d}.filter-chip{padding:6px 14px;border-radius:100px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s ease;flex-shrink:0}.filter-chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}.filter-chip:active{transform:scale(.95)}.reader-header{display:flex;align-items:center;gap:8px;padding:12px 16px 8px;background:var(--bg);position:sticky;top:0;z-index:10}.surah-info-card{margin:8px 16px 16px;background:var(--gradient-hero);border-radius:var(--radius-lg);padding:24px 20px;text-align:center;color:#fff;position:relative;overflow:hidden}.surah-info-card:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='white' stroke-width='0.4' opacity='0.12'%3E%3Cpath d='M40 0 L80 40 L40 80 L0 40 Z'/%3E%3Cpath d='M40 12 L68 40 L40 68 L12 40 Z'/%3E%3Ccircle cx='40' cy='40' r='12'/%3E%3C/g%3E%3C/svg%3E");background-size:80px 80px;pointer-events:none}.surah-info-card>*{position:relative;z-index:1}.bismillah{text-align:center;padding:8px 0}.reader-controls{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:56px;z-index:9}.reader-controls-left,.reader-controls-right{display:flex;align-items:center;gap:6px}.control-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:all .15s ease}.control-btn:active{transform:scale(.95)}.ayah-container{padding:0 0 16px}.ayah-row{display:flex;gap:12px;padding:16px;border-bottom:1px solid var(--border);transition:background .3s ease;position:relative}.ayah-row:last-child{border-bottom:none}.ayah-row.ayah-playing{background:var(--accent-light);border-left:3px solid var(--accent)}.ayah-row.ayah-highlight{animation:ayahHighlight 2s ease}@keyframes ayahHighlight{0%,30%{background:var(--accent-light)}to{background:transparent}}.ayah-number-badge{width:32px;height:32px;min-width:32px;background:var(--accent-light);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--accent);flex-shrink:0;margin-top:4px}.ayah-content{flex:1;min-width:0}.ayah-arabic{margin-bottom:8px;word-spacing:4px}.ayah-translation{color:var(--text-secondary);line-height:1.7}.ayah-actions{display:flex;flex-direction:column;gap:4px;flex-shrink:0;opacity:.5;transition:opacity .2s ease}.ayah-row:hover .ayah-actions,.ayah-row:active .ayah-actions{opacity:1}.ayah-action-btn{width:30px;height:30px;border-radius:50%;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.ayah-action-btn:active{transform:scale(.9);background:var(--accent-light);color:var(--accent)}.audio-player{position:sticky;bottom:0;left:0;right:0;background:var(--bg-card);border-top:1px solid var(--border);padding:10px 16px;z-index:10}.audio-player-inner{display:flex;align-items:center;gap:8px}.audio-btn{width:36px;height:36px;border-radius:50%;border:none;background:transparent;color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;flex-shrink:0}.audio-btn:active{transform:scale(.9)}.audio-play-btn{width:44px;height:44px;background:var(--accent);color:#fff;border-radius:50%}.audio-play-btn:active{background:var(--accent-dark)}.audio-info{flex:1;min-width:0;overflow:hidden}.surah-nav{display:flex;justify-content:space-between;padding:16px;gap:12px}.surah-nav-btn{display:inline-flex;align-items:center;gap:6px}.popular-surah-card:active{transform:scale(.96)}.control-btn-active{background:var(--accent-light)!important;border-color:var(--accent)!important;color:var(--accent)!important}.karaoke-banner{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--accent-light);border-bottom:1px solid var(--accent);font-size:.8rem;font-weight:600;color:var(--accent)}.karaoke-ayah.ayah-playing{background:var(--accent-light);border-left:4px solid var(--accent);transform:none}.karaoke-ayah{transition:background .4s ease,border-left-color .3s ease,transform .3s ease}.karaoke-ayah.ayah-playing .ayah-arabic{font-size:calc(var(--karaoke-base-size, 1.8rem) + .3rem)!important;color:var(--text-primary);transition:font-size .3s ease,color .3s ease}.karaoke-ayah:not(.ayah-playing){opacity:.65}.karaoke-ayah.ayah-playing{opacity:1}.karaoke-word{display:inline;padding:0 2px;border-radius:4px;transition:all .15s ease;opacity:.5;color:var(--text-secondary)}.karaoke-word-active{opacity:1;color:var(--accent);background:var(--accent-light);border-radius:6px;padding:2px 6px;animation:wordPop .15s ease;font-weight:700}@keyframes wordPop{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}.karaoke-text .karaoke-word.passed{opacity:.3;color:var(--text-muted)}.karaoke-preview-demo{background:var(--bg-card-2);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin:0 auto;max-width:280px}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:100px;font-size:.75rem;font-weight:700;white-space:nowrap}.badge-success{background:#38a16926;color:var(--success)}.badge-accent{background:var(--accent-light);color:var(--accent)}.modal-close-btn{border:none;background:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;padding:4px 8px}.modal-body{padding:16px}.form-group{margin-bottom:14px}.form-label{font-size:.85rem;font-weight:600;display:block;margin-bottom:6px;color:var(--text-secondary)}.form-input{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-primary);font-size:.9rem;outline:none;transition:border-color .2s ease;box-sizing:border-box}.form-input:focus{border-color:var(--accent)}.stats-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px}.stats-summary-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;text-align:center}.stats-summary-card.accent{background:var(--accent-light);border-color:var(--accent)}.stats-summary-card.danger{background:#e53e3e14;border-color:#e53e3e4d}.stats-summary-icon{font-size:1.3rem;margin-bottom:6px}.stats-summary-val{font-size:1.8rem;font-weight:800;color:var(--text-primary);line-height:1;letter-spacing:-.03em}.stats-summary-label{font-size:.75rem;color:var(--text-muted);font-weight:500;margin-top:4px}.stats-section{margin-bottom:20px}.comparison-card{margin:0 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.comparison-row{display:flex;align-items:center;gap:12px}.comparison-col{flex:1;text-align:center}.comparison-col.current{font-weight:600}.comparison-month{font-size:.8rem;color:var(--text-muted);margin-bottom:6px;text-transform:capitalize}.comparison-pct{font-size:1.6rem;font-weight:800;color:var(--text-primary);line-height:1}.comparison-detail{font-size:.75rem;color:var(--text-muted);margin-top:4px}.comparison-arrow{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.comparison-diff{font-size:.8rem;font-weight:700;padding:2px 8px;border-radius:100px}.comparison-diff.positive{background:#38a16926;color:var(--success)}.comparison-diff.negative{background:#e53e3e26;color:var(--danger)}.comparison-diff.neutral{background:var(--border);color:var(--text-muted)}.yearly-chart-card{margin:0 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.yearly-chart{display:flex;gap:4px;align-items:flex-end;height:140px}.yearly-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end}.yearly-bar-col.future{opacity:.3}.yearly-bar-col.current .yearly-bar{background:var(--accent)}.yearly-bar{width:100%;background:var(--accent-light);border-radius:3px 3px 0 0;min-height:4px;transition:height .5s ease}.yearly-bar-value{font-size:.55rem;color:var(--text-muted);font-weight:600;white-space:nowrap}.yearly-bar-label{font-size:.6rem;color:var(--text-muted);font-weight:600;text-transform:uppercase}.yearly-chart-summary{text-align:center;font-size:.8rem;color:var(--text-muted);margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.breakdown-card{margin:0 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.breakdown-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.breakdown-row:last-of-type{margin-bottom:0}.breakdown-label{width:50px;font-size:.8rem;font-weight:600;flex-shrink:0}.breakdown-bar-container{flex:1;height:10px;background:var(--bg-card-2, var(--border));border-radius:5px;overflow:hidden}.breakdown-bar{height:100%;background:var(--accent);border-radius:5px;transition:width .5s ease}.breakdown-pct{width:36px;font-size:.8rem;font-weight:700;text-align:right;flex-shrink:0}.breakdown-pct.low{color:var(--danger)}.breakdown-pct.high{color:var(--success)}.breakdown-legend{display:flex;justify-content:space-between;font-size:.75rem;margin-top:12px;padding-top:10px;border-top:1px solid var(--border)}.weekly-chart-card{margin:0 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.weekly-chart{display:flex;gap:6px;align-items:flex-end;height:100px}.weekly-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end}.weekly-bar-col.today .weekly-bar{background:var(--accent)}.weekly-bar-track{width:100%;height:70px;display:flex;align-items:flex-end}.weekly-bar{width:100%;background:var(--accent-light);border-radius:3px 3px 0 0;min-height:2px;transition:height .5s ease}.weekly-bar-value{font-size:.65rem;color:var(--text-muted);font-weight:600;height:14px}.weekly-bar-label{font-size:.65rem;color:var(--text-muted);font-weight:600}.weekly-chart-summary{text-align:center;font-size:.8rem;color:var(--text-muted);margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.stats-quran-card{margin:8px 16px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.stats-quran-row{display:flex;align-items:center;gap:12px;padding:6px 0}.stats-quran-icon{font-size:1.4rem;flex-shrink:0;width:30px;text-align:center}.stats-elifba-card{margin:8px 16px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.stats-elifba-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.stats-elifba-bars{display:flex;flex-direction:column;gap:8px}.stats-elifba-bar-row{display:flex;align-items:center;gap:8px}.stats-elifba-bar-label{font-size:.78rem;color:var(--text-muted);width:60px;flex-shrink:0}.stats-elifba-bar-track{flex:1;height:6px;background:var(--bg);border-radius:3px;overflow:hidden;border:1px solid var(--border)}.stats-elifba-bar-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .5s ease;min-width:0}.stats-elifba-bar-pct{font-size:.78rem;font-weight:700;color:var(--text-muted);width:32px;text-align:right}.chat-header{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--bg);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;min-height:calc(100vh - 260px);max-height:calc(100vh - 260px)}.chat-bubble{max-width:85%;animation:bubbleIn .25s ease}@keyframes bubbleIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-bubble.user{align-self:flex-end}.chat-bubble.assistant{align-self:flex-start}.chat-bubble-text{padding:12px 16px;border-radius:16px;font-size:.9rem;line-height:1.6;word-break:break-word}.chat-bubble.user .chat-bubble-text{background:var(--accent);color:#fff;border-bottom-right-radius:4px}.chat-bubble.assistant .chat-bubble-text{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);border-bottom-left-radius:4px}.chat-sources{margin-top:8px;padding:10px 12px;background:var(--bg-card-2, var(--bg));border-radius:var(--radius-sm);border:1px solid var(--border)}.chat-sources-title{font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.chat-source-item{display:flex;align-items:flex-start;gap:8px;margin-bottom:4px;font-size:.78rem;line-height:1.4}.chat-source-item:last-child{margin-bottom:0}.chat-source-type{flex-shrink:0;padding:2px 6px;border-radius:4px;font-size:.6rem;font-weight:700;text-transform:uppercase}.chat-source-type.quran{background:#c2a34c33;color:#c9a84c}.chat-source-type.hadis{background:#4a90a433;color:#4a90a4}.chat-source-type.ilmihal{background:var(--accent-light);color:var(--accent)}.chat-source-text{color:var(--text-muted);flex:1}.chat-ref{font-weight:700;color:var(--accent);font-size:.75em}.chat-typing{display:flex;gap:4px;padding:14px 20px;background:var(--bg-card);border:1px solid var(--border);border-radius:16px 16px 16px 4px;width:fit-content}.chat-typing span{width:8px;height:8px;border-radius:50%;background:var(--text-muted);animation:typingBounce 1.2s ease-in-out infinite}.chat-typing span:nth-child(2){animation-delay:.15s}.chat-typing span:nth-child(3){animation-delay:.3s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}.chat-input-bar{display:flex;gap:8px;padding:10px 16px;background:var(--bg);border-top:1px solid var(--border);position:sticky;bottom:calc(var(--nav-height) + env(safe-area-inset-bottom));z-index:10}.chat-input{flex:1;padding:10px 14px;border:1px solid var(--border);border-radius:100px;background:var(--bg-card);color:var(--text-primary);font-size:.9rem;outline:none;transition:border-color .2s ease}.chat-input:focus{border-color:var(--accent)}.chat-send-btn{width:42px;height:42px;border:none;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;flex-shrink:0}.chat-send-btn:active{transform:scale(.9)}.chat-disclaimer{font-size:.68rem;color:var(--text-muted);text-align:center;padding:4px 16px 2px;background:var(--bg);border-top:1px solid var(--border)}.chat-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px}.chat-welcome-icon{font-size:3rem;margin-bottom:12px}.chat-welcome-title{font-size:1.2rem;font-weight:800;margin-bottom:6px}.chat-welcome-desc{font-size:.85rem;color:var(--text-muted);max-width:280px;margin-bottom:20px;line-height:1.5}.chat-suggestions{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;max-width:360px}.chat-suggestion-btn{padding:8px 14px;border:1px solid var(--border);border-radius:100px;background:var(--bg-card);color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all .15s ease;white-space:nowrap}.chat-suggestion-btn:hover{border-color:var(--accent);color:var(--accent)}.chat-suggestion-btn:active{transform:scale(.96)}.assistant-setup{display:flex;flex-direction:column;align-items:center;padding:32px 20px;text-align:center}.assistant-setup-icon{font-size:3.5rem;margin-bottom:16px}.assistant-setup-title{font-size:1.3rem;font-weight:800;margin-bottom:8px}.assistant-setup-desc{font-size:.85rem;color:var(--text-muted);max-width:320px;line-height:1.5;margin-bottom:24px}.assistant-setup-cards{display:flex;gap:10px;width:100%;max-width:360px;margin-bottom:20px}.setup-provider-card{flex:1;padding:16px 12px;background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .2s ease;position:relative;text-align:center}.setup-provider-card.selected{border-color:var(--accent);background:var(--accent-light)}.setup-provider-card:active{transform:scale(.97)}.setup-provider-badge{position:absolute;top:-8px;right:-4px;padding:2px 8px;border-radius:100px;font-size:.6rem;font-weight:700}.setup-provider-badge.recommended{background:var(--accent);color:#fff}.setup-provider-name{font-weight:700;font-size:.95rem;margin-bottom:4px}.setup-provider-desc{font-size:.75rem;color:var(--text-muted)}.setup-provider-note{font-size:.7rem;color:var(--accent);margin-top:6px;font-weight:600}.assistant-setup-help{text-align:left;font-size:.8rem;color:var(--text-secondary);line-height:1.6;margin-bottom:14px;width:100%;max-width:360px}.assistant-setup-help p{margin:4px 0}.mt-1{margin-top:8px}.auth-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:0 20px env(safe-area-inset-bottom);background:var(--bg);overflow-y:auto}.auth-header{text-align:center;padding-top:max(32px,env(safe-area-inset-top,32px));width:100%;max-width:380px}.auth-pattern{margin-bottom:8px}.auth-mosque-svg{width:200px;height:80px;margin:0 auto;display:block}.auth-bismillah{font-size:1.8rem;color:var(--accent);margin-bottom:12px;opacity:.9}.auth-title{font-size:1.3rem;font-weight:800;margin-bottom:4px;color:var(--text)}.auth-greeting{font-size:.95rem;color:var(--text-secondary);margin-bottom:4px}.auth-form-container{width:100%;max-width:380px;display:flex;flex-direction:column;gap:16px;padding:20px 0;flex:1}.auth-form-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:14px}.auth-input-wrap{position:relative}.auth-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-muted);pointer-events:none}[dir=rtl] .auth-input-icon{left:auto;right:12px}.auth-input{padding-left:40px!important}[dir=rtl] .auth-input{padding-left:12px!important;padding-right:40px!important}.auth-submit-btn{padding:14px;font-size:1rem;font-weight:700;min-height:48px;display:flex;align-items:center;justify-content:center}.auth-gender-select{display:flex;gap:12px}.auth-gender-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;background:var(--bg-card-2);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .2s ease;font-size:.9rem;font-weight:600;color:var(--text-secondary)}.auth-gender-btn.active{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.auth-gender-btn:hover{border-color:var(--accent)}.auth-gender-icon{width:48px;height:48px}.auth-divider{display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:.8rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-social-btns{display:flex;gap:10px}.auth-social-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .2s ease;font-size:.75rem;font-weight:600;color:var(--text-secondary)}.auth-social-btn:hover{border-color:var(--accent);background:var(--bg-card-2)}.auth-social-btn:active{transform:scale(.97)}.auth-google-full{width:100%;justify-content:center;gap:10px;font-size:.95rem;padding:12px 16px}.auth-switch{display:flex;align-items:center;justify-content:center;gap:4px;font-size:.85rem;color:var(--text-muted)}.auth-switch-btn{color:var(--accent)!important;font-weight:700!important}.auth-footer{text-align:center;padding:24px 0 32px;width:100%;max-width:380px}.auth-footer-ayah{font-size:1.15rem;color:var(--accent);margin-bottom:8px;line-height:2;opacity:.8}.auth-footer-meaning{font-size:.75rem;color:var(--text-muted);line-height:1.5;font-style:italic}.profile-user-card{display:flex;align-items:center;gap:14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.profile-avatar-wrap{position:relative;width:56px;height:56px;flex-shrink:0}.profile-avatar-img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--accent)}.profile-avatar-initial{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2, var(--accent)));color:#fff;font-size:1.5rem;font-weight:800;display:flex;align-items:center;justify-content:center}.profile-avatar-badge{position:absolute;bottom:-2px;right:-2px;width:22px;height:22px;border-radius:50%;background:var(--bg-card);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.7rem}.profile-user-info{flex:1;min-width:0}.profile-user-name{font-weight:700;font-size:1.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-user-email{font-size:.8rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-container{display:flex;flex-direction:column;height:calc(100dvh - 115px);position:relative}.chat-header-bar{display:flex;align-items:center;justify-content:flex-end;padding:4px 8px;border-bottom:1px solid var(--border);flex-shrink:0}.chat-messages-area{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:4px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.chat-row{display:flex;gap:8px;align-items:flex-end;max-width:88%;animation:chatFadeIn .2s ease}.chat-row.me{align-self:flex-end;flex-direction:row-reverse}.chat-row.other{align-self:flex-start}.chat-avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0;overflow:hidden;margin-bottom:2px}.chat-avatar img{width:100%;height:100%;object-fit:cover}.chat-avatar-initial{width:28px;height:28px;border-radius:50%;background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;flex-shrink:0;margin-bottom:2px}.chat-row.me .chat-avatar,.chat-row.me .chat-avatar-initial{display:none}.chat-bubble{max-width:100%;padding:8px 12px;border-radius:12px;font-size:.9rem;line-height:1.45;word-wrap:break-word;position:relative}@keyframes chatFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-bubble.me{background:var(--accent);color:#fff;border-bottom-right-radius:4px}.chat-bubble.other{background:var(--bg-card-2, var(--bg-card));color:var(--text);border-bottom-left-radius:4px;border:1px solid var(--border)}.chat-bubble.chat-uploading{display:flex;align-items:center;gap:8px;opacity:.7}.chat-sender{font-size:.72rem;font-weight:700;color:var(--accent);margin-bottom:3px;letter-spacing:.01em}.chat-bubble.me .chat-sender{color:#ffffffb3}.chat-text{margin-bottom:2px;white-space:pre-wrap}.chat-text.chat-emoji-only{font-size:2.2rem;line-height:1.2;background:none!important}.chat-bubble.me .chat-text.chat-emoji-only{background:none!important}.chat-time{font-size:.6rem;opacity:.55;text-align:end;margin-top:2px}.chat-date-sep{text-align:center;margin:14px 0 8px;font-size:.72rem;color:var(--text-muted)}.chat-date-sep span{background:var(--bg-card-2, var(--bg-card));padding:3px 12px;border-radius:12px;font-weight:500}.chat-system-msg{align-self:center;text-align:center;font-size:.75rem;color:var(--text-muted);padding:4px 12px;margin:6px 0;background:var(--bg-card-2, var(--bg-card));border-radius:12px}.chat-reply-quote{padding:6px 10px;margin-bottom:6px;border-radius:6px;border-left:3px solid rgba(255,255,255,.4);background:#0000001a;font-size:.78rem}.chat-bubble.other .chat-reply-quote{border-left-color:var(--accent);background:#0000000d}.chat-reply-quote-name{font-weight:700;font-size:.7rem;margin-bottom:1px}.chat-reply-quote-text{opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.chat-reply-bar{display:flex;align-items:center;padding:8px 12px;border-top:1px solid var(--border);background:var(--bg-card-2, var(--bg-card));gap:8px}.chat-reply-bar-content{flex:1;min-width:0;border-left:3px solid var(--accent);padding-left:8px}.chat-reply-bar-name{font-size:.72rem;font-weight:700;color:var(--accent)}.chat-reply-bar-text{font-size:.78rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-reply-bar-close{background:none;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;padding:4px}.chat-edit-bar{display:flex;align-items:center;padding:8px 12px;background:var(--bg-card);border-top:1px solid var(--border)}.chat-edit-bar-content{flex:1;min-width:0;border-left:3px solid var(--warning, #f59e0b);padding-left:10px}.chat-edit-bar-label{font-size:.72rem;font-weight:700;color:var(--warning, #f59e0b)}.chat-edit-text{font-size:.78rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-edit-bar-close{background:none;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;padding:4px}.chat-edited-tag{font-size:.62rem;font-style:italic;opacity:.6;margin-right:4px}.chat-send-btn.editing{background:var(--warning, #f59e0b)}.chat-image-wrap{margin:4px -4px;border-radius:8px;overflow:hidden}.chat-image{max-width:260px;max-height:300px;width:100%;border-radius:8px;cursor:pointer;display:block;object-fit:cover}.chat-lightbox{position:fixed;inset:0;background:#000000eb;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;cursor:pointer}.chat-lightbox-close{position:absolute;top:16px;right:16px;background:#ffffff26;border:none;color:#fff;font-size:1.6rem;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.chat-lightbox-img{max-width:95vw;max-height:90vh;border-radius:8px;object-fit:contain;cursor:default}.chat-link,.chat-app-link{text-decoration:underline;word-break:break-all}.chat-bubble.me .chat-link,.chat-bubble.me .chat-app-link{color:#ffffffe6}.chat-bubble.other .chat-link,.chat-bubble.other .chat-app-link{color:var(--accent)}.chat-context-menu{position:fixed;z-index:1000;background:var(--bg-card, var(--bg));border:1px solid var(--border);border-radius:10px;padding:4px;box-shadow:0 4px 16px #0003;min-width:140px}.chat-ctx-btn{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;background:none;border:none;color:var(--text);font-size:.85rem;cursor:pointer;border-radius:8px;text-align:left}.chat-ctx-btn:active{background:var(--bg-card-2, rgba(0,0,0,.05))}.chat-ctx-danger{color:var(--danger, #e53935)}.chat-reaction-bar{display:flex;align-items:center;justify-content:space-around;padding:8px 6px;border-bottom:1px solid var(--border);gap:4px}.chat-reaction-quick{background:none;border:none;font-size:1.5rem;padding:4px 6px;border-radius:8px;cursor:pointer;transition:transform .15s ease,background .15s ease;line-height:1}.chat-reaction-quick:active{transform:scale(1.3);background:var(--bg-card-2, rgba(0,0,0,.06))}.chat-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.chat-reaction-pill{display:inline-flex;align-items:center;gap:3px;background:var(--bg-card-2, rgba(0,0,0,.06));border:1px solid var(--border);border-radius:12px;padding:2px 8px;font-size:.85rem;cursor:pointer;transition:background .15s ease;user-select:none}.chat-bubble.me .chat-reaction-pill{background:#fff3;border-color:#ffffff40}.chat-reaction-pill:active{background:var(--accent-light, rgba(var(--accent-rgb,0,0,0),.1))}.chat-reaction-pill.mine{border-color:var(--accent);background:rgba(var(--accent-rgb,99,100,255),.12)}.chat-reaction-count{font-size:.75rem;font-weight:600;color:var(--text-muted)}.chat-bubble.me .chat-reaction-count{color:#fffc}.chat-forwarded-label{display:flex;align-items:center;gap:4px;font-size:.7rem;color:var(--text-muted);font-style:italic;margin-bottom:4px;opacity:.8}.chat-bubble.me .chat-forwarded-label{color:#ffffffb3}.chat-msg-status{font-size:.68rem;opacity:.6;margin-left:4px;display:inline-block}.chat-msg-status.sent{color:inherit}.chat-msg-status.read{color:#4fc3f7}.chat-typing-bar{display:flex;align-items:center;gap:6px;padding:4px 14px;min-height:24px;flex-shrink:0}.chat-typing-text{font-size:.72rem;color:var(--text-muted);font-style:italic}.chat-typing-dots{display:flex;gap:3px;align-items:center}.chat-typing-dots span{width:5px;height:5px;border-radius:50%;background:var(--text-muted);animation:typingBounce 1.2s infinite ease-in-out}.chat-typing-dots span:nth-child(2){animation-delay:.2s}.chat-typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.chat-input-bar{display:flex;align-items:center;gap:6px;padding:8px 10px;padding-bottom:calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--bg);flex-shrink:0}.chat-text-input{flex:1;background:var(--bg-card-2, var(--bg-card));border:1px solid var(--border);border-radius:20px;padding:8px 16px;font-size:.9rem;color:var(--text);outline:none;min-width:0}.chat-text-input:focus{border-color:var(--accent)}.chat-action-btn{background:none;border:none;color:var(--text-muted);padding:6px;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-action-btn:active{background:#00000014}.chat-send-btn{background:var(--accent);border:none;color:#fff;width:38px;height:38px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-send-btn:active{opacity:.8}.chat-emoji-panel{border-top:1px solid var(--border);background:var(--bg);max-height:220px;overflow:hidden}.chat-emoji-tabs{display:flex;gap:0;padding:4px 8px;border-bottom:1px solid var(--border)}.chat-emoji-cat{flex:1;background:none;border:none;padding:6px 4px;font-size:1.2rem;cursor:pointer;border-radius:6px;opacity:.5;text-align:center}.chat-emoji-cat.active{opacity:1;background:var(--bg-card-2, rgba(0,0,0,.06))}.chat-emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:8px;overflow-y:auto;max-height:170px}.chat-emoji-btn{background:none;border:none;font-size:1.4rem;padding:6px;cursor:pointer;border-radius:6px;text-align:center}.chat-emoji-btn:active{background:var(--bg-card-2, rgba(0,0,0,.08))}.chat-scroll-btn{position:absolute;right:16px;bottom:70px;width:36px;height:36px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026;z-index:10}.chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:.9rem;gap:8px;padding:40px 20px;text-align:center}.chat-empty-icon{font-size:2.5rem;opacity:.5}.chat-loading{display:flex;align-items:center;justify-content:center;height:100%}.chat-unread-badge{background:var(--accent);color:#fff;font-size:.65rem;min-width:16px;height:16px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px}.premium-hero{margin:8px 16px 16px;background:var(--gradient-hero, linear-gradient(135deg, var(--accent), #C9A84C));border-radius:var(--radius-lg, 16px);padding:28px 24px;text-align:center;color:#fff;position:relative;overflow:hidden}.premium-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.15) 0%,transparent 50%)}.premium-hero.premium-active{background:linear-gradient(135deg,#10b981,#059669)}.premium-hero-badge{display:inline-block;background:#fff3;padding:4px 16px;border-radius:20px;font-size:.7rem;font-weight:800;letter-spacing:2px;margin-bottom:12px;position:relative}.premium-hero-title{font-size:1.4rem;font-weight:900;margin-bottom:6px;position:relative}.premium-hero-desc{font-size:.85rem;opacity:.9;margin-bottom:12px;position:relative}.premium-hero-price{font-size:2rem;font-weight:900;position:relative}.premium-hero-note{font-size:.7rem;opacity:.7;margin-top:4px;margin-bottom:16px;position:relative}.premium-hero-btn{background:#fff;color:#1a1a1a;border:none;padding:12px 32px;border-radius:var(--radius);font-weight:800;font-size:.95rem;cursor:pointer;position:relative;transition:all .15s ease}.premium-hero-btn:active{transform:scale(.96)}.premium-section{padding:0 16px 16px}.premium-section-title{font-size:1rem;font-weight:800;margin-bottom:2px}.premium-section-desc{font-size:.8rem;color:var(--text-muted);margin-bottom:12px}.pack-cards{display:flex;flex-direction:column;gap:8px}.pack-card{display:flex;align-items:center;gap:12px;padding:14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .15s ease}.pack-card:hover{border-color:var(--accent)}.pack-card:active{transform:scale(.99)}.pack-card-icon{font-size:1.6rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--accent-light);border-radius:var(--radius);flex-shrink:0}.pack-card-info{flex:1}.pack-card-name{font-weight:700;font-size:.9rem}.pack-card-count{font-size:.75rem;color:var(--text-muted)}.pack-card-price{font-weight:800;color:var(--accent);font-size:.95rem;flex-shrink:0}.store-category{margin-bottom:16px}.store-category-title{font-size:.8rem;font-weight:700;color:var(--text-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.store-theme-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.store-theme-card{width:80px;flex-shrink:0;border-radius:10px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s ease;background:var(--bg-card)}.store-theme-card.active{border-color:var(--accent)}.store-theme-card:hover{border-color:var(--accent);opacity:.9}.store-theme-preview{height:60px;display:flex;align-items:center;justify-content:center}.store-theme-name{font-size:.6rem;font-weight:700;text-align:center;padding:4px 2px 1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.store-theme-price{font-size:.55rem;color:var(--accent);text-align:center;padding-bottom:4px}.book-list{display:flex;flex-direction:column;gap:6px}.book-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.book-icon{font-size:1.6rem;flex-shrink:0}.book-info{flex:1;min-width:0}.book-title{font-weight:700;font-size:.85rem}.book-author{font-size:.75rem;color:var(--accent)}.book-desc{font-size:.7rem;color:var(--text-muted);margin-top:2px}.has-ad-banner #page-content{padding-bottom:60px}.prayer-item-btn{transition:background .15s ease;-webkit-tap-highlight-color:transparent}.prayer-item-btn:active{background:var(--accent-light)!important}@keyframes auth-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.qibla-page{display:flex;flex-direction:column;align-items:center;min-height:calc(100dvh - var(--nav-height) - env(safe-area-inset-bottom));background:var(--bg);position:relative;overflow:hidden}.qibla-topbar{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;z-index:2}.qibla-back-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--glass-bg, var(--bg-card));backdrop-filter:blur(8px);border:1px solid var(--glass-border, var(--border));border-radius:50%;color:var(--text-primary);cursor:pointer}.qibla-page-title{font-size:1.05rem;font-weight:700;color:var(--text-primary)}.qibla-kaaba-label{display:flex;align-items:center;gap:6px;padding:6px 14px;background:var(--glass-bg, var(--bg-card));backdrop-filter:blur(8px);border:1px solid var(--glass-border, var(--border));border-radius:100px;font-size:.8rem;font-weight:600;color:var(--accent);transition:opacity .5s ease;margin-bottom:8px}.qibla-compass-area{position:relative;display:flex;align-items:center;justify-content:center;flex:1;width:100%;max-height:420px;min-height:300px}.qibla-outer-glow{position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,transparent 55%,var(--accent) 100%);opacity:0;filter:blur(30px);transition:opacity .8s ease;pointer-events:none}.qibla-active .qibla-outer-glow{opacity:.15}.qibla-compass-area.qibla-aligned .qibla-outer-glow{opacity:.35;animation:qiblaGlowPulse 1.5s ease-in-out infinite}@keyframes qiblaGlowPulse{0%,to{opacity:.25;transform:scale(1)}50%{opacity:.45;transform:scale(1.06)}}.qibla-compass-area.qibla-aligned:before,.qibla-compass-area.qibla-aligned:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;border:2px solid var(--accent);animation:qiblaPulseRing 2s ease-out infinite;pointer-events:none}.qibla-compass-area.qibla-aligned:after{animation-delay:1s}@keyframes qiblaPulseRing{0%{transform:scale(1);opacity:.7}to{transform:scale(1.6);opacity:0}}.qibla-compass{position:relative;width:300px;height:300px;border-radius:50%;background:var(--glass-bg, var(--bg-card));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:2px solid var(--glass-border, var(--border));box-shadow:0 0 0 1px var(--border),var(--shadow);transition:border-color .5s ease,box-shadow .5s ease}.qibla-compass.qibla-active{border-color:rgba(var(--accent),.3)}.qibla-compass.qibla-aligned{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),var(--glow-accent, 0 0 20px rgba(16,185,129,.25))}.qibla-compass.qibla-tilted{border-color:var(--warning);box-shadow:0 0 0 1px var(--warning),0 0 20px #f59e0b26}.qibla-ticks{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.qibla-dir{position:absolute;font-size:.7rem;font-weight:600;opacity:.35;transition:opacity .3s ease}.qibla-dir-n{top:18px;left:50%;transform:translate(-50%);color:var(--danger);opacity:.5}.qibla-dir-s{bottom:18px;left:50%;transform:translate(-50%);color:var(--text-muted)}.qibla-dir-e{right:18px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.qibla-dir-w{left:18px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.qibla-needle-wrap{position:absolute;inset:0;transition:transform .25s ease-out}.qibla-needle-n{position:absolute;top:32px;left:50%;transform:translate(-50%);width:3px;height:90px;background:linear-gradient(to bottom,var(--danger),transparent);opacity:.3;border-radius:2px}.qibla-needle-n:before{content:"";position:absolute;top:-6px;left:-4px;border-left:5.5px solid transparent;border-right:5.5px solid transparent;border-bottom:8px solid var(--danger);opacity:.5}.qibla-needle-s{position:absolute;bottom:32px;left:50%;transform:translate(-50%);width:2px;height:90px;background:linear-gradient(to top,var(--text-muted),transparent);opacity:.15;border-radius:2px}.qibla-needle-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:var(--bg-card);border:2px solid var(--border)}.qibla-arrow-wrap{position:absolute;inset:0;transition:transform .25s ease-out}.qibla-arrow-shaft{position:absolute;top:16px;left:50%;transform:translate(-50%);width:6px;height:120px;background:linear-gradient(to bottom,var(--accent),transparent 90%);border-radius:3px;filter:drop-shadow(0 0 6px var(--accent))}.qibla-arrow-head{position:absolute;top:-14px;left:50%;transform:translate(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:18px solid var(--accent);filter:drop-shadow(0 0 8px var(--accent))}.qibla-arrow-glow{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:32px;height:32px;background:var(--accent);border-radius:50%;opacity:.2;filter:blur(12px)}.qibla-aligned .qibla-arrow-shaft{filter:drop-shadow(0 0 12px var(--accent))}.qibla-aligned .qibla-arrow-glow{opacity:.5;animation:qiblaArrowGlow 1.2s ease-in-out infinite}@keyframes qiblaArrowGlow{0%,to{opacity:.3;transform:translate(-50%) scale(1)}50%{opacity:.6;transform:translate(-50%) scale(1.3)}}.qibla-arrow-label{position:absolute;top:8px;left:50%;transform:translate(-50%);font-size:.6rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;opacity:.8}.qibla-info-area{text-align:center;padding:12px 16px 0;z-index:2}.qibla-angle-display{display:inline-flex;align-items:baseline;gap:4px}.qibla-angle-value{font-size:2.8rem;font-weight:900;color:var(--accent);font-variant-numeric:tabular-nums;line-height:1;text-shadow:0 0 20px rgba(16,185,129,.3)}.qibla-status-text{font-size:.9rem;color:var(--text-secondary);margin-top:4px}.qibla-distance-text{font-size:.8rem;color:var(--text-muted);margin-top:4px}.qibla-action-area{padding:20px 24px 32px;width:100%;z-index:2}.qibla-find-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;background:var(--gradient-hero);color:#fff;border:none;border-radius:50px;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 6px 24px #0000004d,var(--glow-accent, 0 0 20px rgba(16,185,129,.25));transition:all .2s ease}.qibla-find-btn:active{transform:scale(.97)}.qibla-find-btn:disabled{opacity:.7;cursor:not-allowed}.qibla-aligned .qibla-angle-value{text-shadow:0 0 30px rgba(16,185,129,.5)}.qibla-aligned .qibla-kaaba-label{background:var(--accent);color:#fff;border-color:var(--accent)}.qibla-aligned .qibla-kaaba-label svg{fill:#fff}#azan-overlay{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;animation:azan-fade-in .5s ease}#azan-overlay.azan-overlay-exit{animation:azan-fade-out .4s ease forwards}.azan-overlay-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,#0a1628,#000d1a 60%,#000508)}.azan-overlay-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center;gap:10px;width:100%;max-width:360px}.azan-overlay-star{font-size:3.5rem;animation:azan-pulse 2s ease-in-out infinite;color:var(--accent, #C9A84C);margin-bottom:8px}.azan-overlay-arabic{font-size:2.4rem;font-weight:700;color:var(--accent, #C9A84C);direction:rtl;font-family:Amiri,Traditional Arabic,serif;line-height:1.2}.azan-overlay-name{font-size:1.5rem;font-weight:800;color:#fff;letter-spacing:1px;text-transform:uppercase}.azan-overlay-time{font-size:3.2rem;font-weight:300;color:#ffffffe6;letter-spacing:4px;font-variant-numeric:tabular-nums}.azan-overlay-phrase{font-size:1rem;color:var(--accent, #C9A84C);direction:rtl;font-family:Amiri,serif;opacity:.9;margin-top:4px}.azan-overlay-phrase2{font-size:.85rem;color:#fff9;direction:rtl;font-family:Amiri,serif}.azan-overlay-hint{font-size:.8rem;color:#ffffff80;margin-top:8px;animation:azan-blink 1.8s ease-in-out infinite}.azan-overlay-close{margin-top:24px;padding:14px 40px;background:var(--accent, #C9A84C);color:#000;border:none;border-radius:50px;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;letter-spacing:.5px;box-shadow:0 4px 20px #c9a84c66;transition:transform .15s,box-shadow .15s}.azan-overlay-close:active{transform:scale(.96);box-shadow:0 2px 10px #c9a84c4d}@keyframes azan-fade-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes azan-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.97)}}@keyframes azan-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.85}}@keyframes azan-blink{0%,to{opacity:.5}50%{opacity:1}}.room-pref-icon{font-size:.75rem;margin-left:4px;vertical-align:middle;opacity:.8}.room-pinned{background:var(--color-primary-light, rgba(99,102,241,.04))}.section-divider{display:flex;align-items:center;gap:8px;padding:12px 0 6px;user-select:none}.section-divider-text{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-secondary)}.room-archive-divider{cursor:pointer;padding:14px 0 8px;opacity:.7;transition:opacity .15s}.room-archive-divider:hover{opacity:1}.room-archive-divider svg{transition:transform .2s ease;color:var(--color-text-secondary)}.room-archive-list{opacity:.7}.room-archive-list .room-card{border-left:3px solid var(--color-border)}.room-ctx-btn{padding:4px 6px!important;min-width:unset!important;opacity:.5;transition:opacity .15s}.room-ctx-btn:hover{opacity:1}.room-context-menu{position:fixed;z-index:9999;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;box-shadow:0 4px 20px #0000002e;min-width:170px;padding:4px 0;animation:ctx-menu-in .12s ease-out}.room-context-menu button{display:block;width:100%;padding:10px 16px;border:none;background:none;text-align:left;font-size:.88rem;color:var(--color-text);cursor:pointer;transition:background .1s}.room-context-menu button:hover{background:var(--color-primary-light, rgba(var(--color-primary-rgb, 99,102,241), .08))}.room-context-menu button:first-child{border-radius:10px 10px 0 0}.room-context-menu button:last-child{border-radius:0 0 10px 10px}@keyframes ctx-menu-in{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.room-members-preview{display:flex;align-items:center;gap:4px;padding:6px 0 2px}.member-avatar.more{width:28px;height:28px;border-radius:50%;background:var(--color-border);display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:600;color:var(--color-text-secondary)}.room-card-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.room-detail-icon{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;margin-right:4px}.wizard-steps{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:8px}.wizard-step{display:flex;flex-direction:column;align-items:center;gap:4px;opacity:.4;transition:opacity .2s}.wizard-step.active,.wizard-step.done{opacity:1}.wizard-step-num{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;background:var(--color-border);color:var(--color-text-secondary);transition:all .2s}.wizard-step.active .wizard-step-num{background:var(--color-primary, #6366f1);color:#fff;box-shadow:0 2px 8px #6366f14d}.wizard-step.done .wizard-step-num{background:var(--color-success, #10b981);color:#fff;font-size:.7rem}.wizard-step-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-secondary);white-space:nowrap}.wizard-step.active .wizard-step-label{color:var(--color-primary, #6366f1)}.wizard-step-line{width:32px;height:2px;background:var(--color-border);margin:0 6px 18px}.wizard-progress{height:3px;background:var(--color-border);border-radius:2px;margin-bottom:18px;overflow:hidden}.wizard-progress-fill{height:100%;background:var(--color-primary, #6366f1);border-radius:2px;transition:width .3s ease}.wizard-icon-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.wizard-icon-btn{width:100%;aspect-ratio:1;border:2px solid var(--color-border);border-radius:10px;background:none;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.wizard-icon-btn:hover{border-color:var(--color-primary, #6366f1);background:var(--color-primary-light, rgba(99,102,241,.06))}.wizard-icon-btn.selected{border-color:var(--color-primary, #6366f1);background:var(--color-primary-light, rgba(99,102,241,.12));box-shadow:0 0 0 2px var(--color-primary, #6366f1)}.wizard-color-grid{display:flex;gap:8px;flex-wrap:wrap}.wizard-color-btn{width:32px;height:32px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:all .15s;position:relative}.wizard-color-btn:hover{transform:scale(1.15)}.wizard-color-btn.selected{border-color:var(--color-text);box-shadow:0 0 0 2px var(--color-bg),0 0 0 4px currentColor}.wizard-color-btn.selected:after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.8rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.4)}.wizard-settings-list{display:flex;flex-direction:column;gap:10px}.wizard-setting-row{display:flex;align-items:center;justify-content:space-between;padding:12px;border:1px solid var(--color-border);border-radius:12px;gap:12px;transition:border-color .15s}.wizard-setting-row:hover{border-color:var(--color-primary, #6366f1)}.wizard-setting-title{font-weight:600;font-size:.88rem}.wizard-setting-desc{font-size:.73rem;color:var(--color-text-secondary);margin-top:2px}.wizard-preview-card{padding:16px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface)}.wizard-preview-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.wizard-preview-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.wizard-preview-name{font-weight:700;font-size:1.05rem}.wizard-preview-desc{font-size:.82rem;color:var(--color-text-secondary);margin-top:2px}.wizard-preview-settings{display:flex;flex-wrap:wrap;gap:8px}.wizard-preview-tag{font-size:.75rem;padding:4px 10px;border-radius:20px;background:var(--color-border);color:var(--color-text-secondary);white-space:nowrap}.room-stats-section{padding:8px 0;display:flex;flex-direction:column;gap:16px}.room-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.room-stat-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface);text-align:center}.room-stat-card-icon{font-size:1.3rem}.room-stat-card-val{font-size:1.2rem;font-weight:800;line-height:1.1}.room-stat-card-label{font-size:.68rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.02em}.room-stats-progress-section{padding:14px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface)}.room-stats-progress-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.room-stats-bar{height:10px;border-radius:6px;background:var(--color-border);overflow:hidden;display:flex}.room-stats-bar-segment{height:100%;transition:width .5s ease}.room-stats-bar-segment.completed{background:var(--color-success, #10b981)}.room-stats-bar-segment.assigned{background:var(--color-primary, #6366f1);opacity:.6}.room-stats-bar-legend{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px;font-size:.72rem;color:var(--color-text-secondary)}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px;vertical-align:middle}.legend-dot.completed{background:var(--color-success, #10b981)}.legend-dot.assigned{background:var(--color-primary, #6366f1);opacity:.6}.legend-dot.unassigned{background:var(--color-border)}.room-stats-section-title{font-weight:700;font-size:.9rem;margin-bottom:10px}.room-stats-leaderboard{padding:14px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface)}.leaderboard-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--color-border)}.leaderboard-row:last-child{border-bottom:none}.leaderboard-row.top-three{background:var(--color-primary-light, rgba(99,102,241,.04));margin:0 -14px 2px;padding:10px 14px;border-radius:8px;border-bottom:none}.leaderboard-rank{width:28px;text-align:center;font-weight:700;font-size:.9rem;color:var(--color-text-secondary);flex-shrink:0}.leaderboard-info{flex:1;min-width:0}.leaderboard-name{font-weight:600;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaderboard-badge{font-size:.7rem;margin-left:2px}.leaderboard-detail{font-size:.7rem;color:var(--color-text-secondary);margin-top:1px}.leaderboard-score{font-weight:800;font-size:1.1rem;color:var(--color-primary, #6366f1);flex-shrink:0}.room-stats-juz-map{padding:14px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface)}.juz-mini-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}.juz-mini-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:600;border-radius:6px;background:var(--color-border);color:var(--color-text-secondary);transition:all .2s}.juz-mini-cell.assigned{background:var(--color-primary, #6366f1);opacity:.5;color:#fff}.juz-mini-cell.done{background:var(--color-success, #10b981);color:#fff}.chat-quran-card{background:var(--color-primary-light, rgba(99,102,241,.06));border:1px solid var(--color-primary, #6366f1);border-left:4px solid var(--color-primary, #6366f1);border-radius:10px;padding:10px 12px;margin-bottom:6px;cursor:pointer;transition:opacity .15s}.chat-quran-card:hover{opacity:.85}.chat-quran-card-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.chat-quran-icon{font-size:1rem}.chat-quran-title{font-size:.75rem;font-weight:700;color:var(--color-primary, #6366f1)}.chat-quran-arabic{font-family:Scheherazade New,Amiri,serif;font-size:1.05rem;line-height:1.7;color:var(--color-text);margin-bottom:4px}.chat-quran-translation{font-size:.75rem;color:var(--color-text-secondary);font-style:italic;margin-bottom:4px}.chat-quran-link{font-size:.72rem;color:var(--color-primary, #6366f1);font-weight:600}.chat-pdf-card{background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-warning, #f59e0b);border-radius:10px;padding:10px 12px;margin-bottom:6px;cursor:pointer;transition:opacity .15s}.chat-pdf-card:hover{opacity:.85}.chat-pdf-card-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.chat-pdf-icon{font-size:1.2rem}.chat-pdf-title{font-size:.85rem;font-weight:600;color:var(--color-text)}.chat-pdf-page{font-size:.7rem;color:var(--color-text-secondary);margin-top:1px}.chat-pdf-link{font-size:.72rem;color:var(--color-warning, #f59e0b);font-weight:600}.share-ayah-preview{background:var(--color-primary-light, rgba(99,102,241,.06));border:1px solid var(--color-primary, #6366f1);border-radius:10px;padding:12px;margin-bottom:14px}.share-ayah-label{font-size:.72rem;font-weight:700;color:var(--color-primary, #6366f1);margin-bottom:6px}.share-ayah-arabic{font-family:Scheherazade New,Amiri,serif;font-size:1rem;direction:rtl;line-height:1.7;color:var(--color-text);margin-bottom:4px}.share-ayah-translation{font-size:.78rem;color:var(--color-text-secondary);font-style:italic}.share-room-list{display:flex;flex-direction:column;gap:6px;max-height:260px;overflow-y:auto}.share-room-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);cursor:pointer;transition:background .15s;text-align:left;width:100%}.share-room-item:hover{background:var(--color-primary-light, rgba(99,102,241,.06))}.share-room-item-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.share-room-item-name{flex:1;font-size:.88rem;font-weight:600;color:var(--color-text)}.room-tab-search-btn{margin-left:auto;padding:6px 8px;background:none;border:none;cursor:pointer;color:var(--color-text-secondary);display:flex;align-items:center;border-radius:8px;transition:background .15s,color .15s;flex-shrink:0}.room-tab-search-btn:hover{background:var(--color-primary-light, rgba(99,102,241,.08));color:var(--color-primary, #6366f1)}.chat-search-bar{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0}.chat-search-bar svg{color:var(--color-text-secondary);flex-shrink:0}#chat-search-input{flex:1;border:none;background:none;font-size:.88rem;color:var(--color-text);outline:none;min-width:0}#chat-search-input::placeholder{color:var(--color-text-secondary)}.chat-search-count{font-size:.72rem;color:var(--color-text-secondary);white-space:nowrap;flex-shrink:0}.chat-search-nav{background:none;border:1px solid var(--color-border);border-radius:6px;width:24px;height:24px;font-size:.75rem;cursor:pointer;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .1s}.chat-search-nav:hover{background:var(--color-border)}.chat-search-close{background:none;border:none;font-size:1.1rem;cursor:pointer;color:var(--color-text-secondary);padding:0 2px;flex-shrink:0;line-height:1}.chat-search-close:hover{color:var(--color-text)}.chat-highlight{background:#fbbf2459;color:inherit;border-radius:2px;padding:0 1px}.chat-highlight-active{background:#fbbf24bf;outline:2px solid rgba(251,191,36,.9)}.member-avatar-presence{position:relative;flex-shrink:0}.presence-dot{position:absolute;bottom:1px;right:1px;width:10px;height:10px;border-radius:50%;border:2px solid var(--color-bg, #fff);background:var(--color-border);display:block}.presence-dot.online{background:var(--color-success, #10b981);box-shadow:0 0 0 2px #10b98140;animation:presence-pulse 2.5s infinite}@keyframes presence-pulse{0%,to{box-shadow:0 0 0 2px #10b98140}50%{box-shadow:0 0 0 4px #10b9811f}}.member-presence-text{font-size:.68rem;color:var(--color-text-secondary);margin-left:6px}.member-presence-text.online{color:var(--color-success, #10b981);font-weight:600}.member-stats{display:flex;align-items:center;gap:0;flex-wrap:wrap}.manage-section{margin-bottom:20px;background:var(--bg-card, var(--bg-secondary));border-radius:12px;overflow:hidden;border:1px solid var(--border)}.manage-section-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border);background:var(--bg-card-2, rgba(0,0,0,.03))}.manage-section-title{font-size:.85rem;font-weight:700;color:var(--text)}.manage-empty{padding:20px 16px;text-align:center;font-size:.85rem;color:var(--text-muted)}.manage-member-rows{display:flex;flex-direction:column}.manage-member-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border);transition:background .15s}.manage-member-row:last-child{border-bottom:none}.manage-member-row:hover{background:var(--bg-card-2, rgba(0,0,0,.02))}.manage-member-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.manage-member-name{font-size:.88rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manage-member-actions{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.manage-task-list{display:flex;flex-direction:column}.manage-task-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border)}.manage-task-row:last-child{border-bottom:none}.manage-task-icon{font-size:1.2rem;flex-shrink:0}.manage-task-info{flex:1;min-width:0}.manage-task-title{font-size:.85rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manage-task-meta{font-size:.75rem;color:var(--text-muted);margin-top:2px}.manage-task-actions{display:flex;gap:4px}.juz-assign-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.juz-assign-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:.75rem;font-weight:700;cursor:pointer;border:2px solid transparent;transition:transform .1s,box-shadow .1s;user-select:none}.juz-assign-cell.free{background:var(--bg-card-2, rgba(0,0,0,.05));color:var(--text-muted)}.juz-assign-cell.free:hover{border-color:var(--accent);transform:scale(1.05)}.juz-assign-cell.assigned{background:var(--accent);color:#fff}.juz-assign-cell.assigned:hover{opacity:.8;transform:scale(1.05)}.juz-assign-cell.completed{background:var(--success, #10b981);color:#fff;cursor:default}.juz-assign-cell.other{background:var(--border);color:var(--text-muted);cursor:not-allowed;opacity:.5}.btn-xs{font-size:.72rem;padding:3px 8px;border-radius:6px;line-height:1.4;white-space:nowrap}.notif-mode-option{display:flex;align-items:center;gap:14px;padding:14px 16px;cursor:pointer;border-bottom:1px solid var(--border);transition:background .15s;user-select:none}.notif-mode-option:last-child{border-bottom:none}.notif-mode-option:hover{background:var(--bg-hover, rgba(0,0,0,.04))}.notif-mode-option.selected{background:var(--accent-light, rgba(99,102,241,.08))}.notif-mode-icon{font-size:1.3rem;flex-shrink:0}.notif-mode-text{flex:1}.notif-mode-title{font-size:.9rem;font-weight:600;color:var(--text)}.notif-mode-desc{font-size:.75rem;color:var(--text-muted);margin-top:2px}.notif-mode-check{font-size:1rem;color:var(--accent);font-weight:700;flex-shrink:0}.mention-ac-panel{position:absolute;bottom:calc(100% + 4px);left:0;right:0;background:var(--bg-card, #fff);border:1px solid var(--border);border-radius:12px;box-shadow:0 -4px 24px #0000001f;max-height:260px;overflow-y:auto;z-index:200}.mention-ac-section{padding:4px 0}.mention-ac-section-title{font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;padding:6px 14px 2px}.mention-ac-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 14px;cursor:pointer;transition:background .12s}.mention-ac-item:hover,.mention-ac-item.focused{background:var(--bg-hover, rgba(0,0,0,.05))}.mention-ac-name{font-size:.88rem;font-weight:600;color:var(--accent)}.mention-ac-meta{font-size:.75rem;color:var(--text-muted);flex-shrink:0}.chat-mention{display:inline-block;color:var(--accent);font-weight:700;background:var(--accent-light, rgba(99,102,241,.1));border-radius:4px;padding:0 3px;cursor:default}.chat-ref-card{display:flex;align-items:center;gap:10px;padding:8px 10px;margin-top:6px;background:var(--bg-card-2, rgba(0,0,0,.04));border-radius:10px;border:1px solid var(--border);cursor:pointer;transition:background .15s}.chat-ref-card:hover{background:var(--bg-hover, rgba(0,0,0,.07))}.chat-ref-icon{font-size:1.1rem;flex-shrink:0}.chat-ref-info{flex:1;min-width:0}.chat-ref-name{font-size:.82rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-ref-meta{font-size:.72rem;color:var(--text-muted);margin-top:1px}.chat-ref-arrow{font-size:.8rem;color:var(--accent);flex-shrink:0}.now-reading-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:var(--radius-sm);background:var(--surface);margin-bottom:6px;gap:8px}.now-reading-name{font-weight:600;font-size:.85rem;flex-shrink:0}.now-reading-activity{font-size:.8rem;color:var(--text-muted);text-align:right}.elifba-page{padding-bottom:80px}.elifba-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;position:sticky;top:0;background:var(--bg);z-index:10;border-bottom:1px solid var(--border)}.elifba-header-title{display:flex;flex-direction:column;align-items:center;gap:2px;font-weight:700;font-size:.95rem;text-align:center}.elifba-progress-card{display:flex;align-items:center;gap:16px;padding:20px 16px;background:var(--surface);margin:12px 16px;border-radius:var(--radius)}.elifba-progress-ring{position:relative;flex-shrink:0}.elifba-pct{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.9rem;font-weight:700;color:var(--accent)}.elifba-progress-info{flex:1}.elifba-progress-title{font-weight:700;font-size:1rem;margin-bottom:6px}.elifba-progress-stat{font-size:.82rem;color:var(--text-muted);margin-bottom:3px}.elifba-badge{display:inline-block;margin-top:6px;padding:4px 10px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:.78rem;font-weight:700;border-radius:20px}.elifba-section-title{padding:8px 16px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-top:8px}.elifba-group-card{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;margin:0 16px 8px;background:var(--surface);border-radius:var(--radius);cursor:pointer;gap:12px;transition:background .15s}.elifba-group-card:active{background:var(--surface-hover)}.elifba-group-card.locked{opacity:.5;cursor:not-allowed}.elifba-group-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.elifba-group-icon{font-size:1.4rem;flex-shrink:0}.elifba-group-info{min-width:0}.elifba-group-title{font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.elifba-group-sub{font-size:.78rem;color:var(--text-muted);margin-top:2px}.elifba-group-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.elifba-mini-bar{width:60px;height:4px;background:var(--border);border-radius:2px;overflow:hidden}.elifba-mini-fill{height:100%;background:var(--accent);border-radius:2px}.elifba-letter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:16px}.elifba-letter-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:14px 8px;background:var(--surface);border-radius:var(--radius);cursor:pointer;position:relative;border:2px solid transparent;transition:border-color .15s}.elifba-letter-tile.done{border-color:var(--accent)}.elifba-tile-char{font-size:2rem;font-family:serif;line-height:1.2}.elifba-tile-name{font-size:.72rem;color:var(--text-muted)}.elifba-tile-check{position:absolute;top:4px;right:6px;font-size:.75rem;color:var(--accent)}.elifba-big-char-card{display:flex;flex-direction:column;align-items:center;padding:32px 16px 24px;gap:8px}.elifba-big-char{font-size:5rem;font-family:serif;line-height:1.2;color:var(--accent)}.elifba-char-name{font-weight:700;font-size:1.1rem}.elifba-group-tag{padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.elifba-info-card{margin:0 16px 12px;padding:14px;background:var(--surface);border-radius:var(--radius)}.elifba-info-label{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px;letter-spacing:.4px}.elifba-info-text{font-size:.9rem;line-height:1.6}.elifba-forms-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.elifba-form-cell{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;background:var(--bg);border-radius:var(--radius-sm)}.elifba-form-char{font-size:1.6rem;font-family:serif;line-height:1.3}.elifba-form-label{font-size:.65rem;color:var(--text-muted)}.elifba-examples{display:flex;flex-direction:column;gap:8px}.elifba-example-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.elifba-example-word{font-size:1.3rem;font-family:serif;color:var(--accent)}.elifba-example-meaning{font-size:.82rem;color:var(--text-muted)}.elifba-done-banner{margin:0 16px 8px;padding:12px;background:var(--accent-light);border-radius:var(--radius);color:var(--accent);font-weight:700;text-align:center}.elifba-nav-row{display:flex;justify-content:space-between;padding:8px 16px;margin-top:8px}.elifba-quiz-card{margin:16px;padding:20px;background:var(--surface);border-radius:var(--radius)}.elifba-quiz-progress{height:4px;background:var(--border);border-radius:2px;margin-bottom:20px;overflow:hidden}.elifba-quiz-bar{height:100%;background:var(--accent);border-radius:2px;transition:width .3s}.elifba-quiz-question{font-size:1.05rem;font-weight:600;text-align:center;margin-bottom:20px;line-height:1.5}.elifba-quiz-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.elifba-quiz-choice{padding:14px 8px;border:2px solid var(--border);border-radius:var(--radius);background:var(--bg);cursor:pointer;font-family:serif;font-size:1.8rem;transition:all .15s}.elifba-quiz-choice.correct{border-color:#10b981;background:#10b98120;color:#10b981}.elifba-quiz-choice.wrong{border-color:#ef4444;background:#ef444420;color:#ef4444}.elifba-choice-text{display:block;text-align:center}.elifba-quiz-result{display:flex;flex-direction:column;align-items:center;padding:48px 24px;gap:12px}.elifba-result-stars{font-size:2rem;letter-spacing:4px}.elifba-result-score{font-size:1.4rem;font-weight:700}.elifba-result-msg{font-size:.9rem;color:var(--text-muted)}.elifba-hareke-card{display:flex;align-items:center;gap:14px;padding:14px 16px;margin:0 16px 8px;background:var(--surface);border-radius:var(--radius);cursor:pointer}.elifba-hareke-card.done{border-left:3px solid var(--accent)}.elifba-hareke-symbol{font-size:1.8rem;font-family:serif;flex-shrink:0;width:40px;text-align:center}.elifba-hareke-info{flex:1}.elifba-hareke-name{font-weight:600;font-size:.9rem;margin-bottom:3px}.elifba-hareke-desc{font-size:.8rem;color:var(--text-muted);line-height:1.4}.lesson-type-option{transition:all .15s}.gift-type-tabs{display:flex;gap:8px;margin-bottom:12px}.gift-tab{flex:1;padding:10px 8px;border-radius:var(--radius);border:2px solid var(--border);background:var(--bg-card-2, rgba(0,0,0,.04));color:var(--text-primary);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s ease}.gift-tab.active{border-color:var(--accent);background:var(--accent-light, rgba(99,102,241,.1));color:var(--accent)}.gift-duration-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}.gift-duration-btn{display:flex;flex-direction:column;align-items:center;padding:12px 8px;border-radius:var(--radius);border:2px solid var(--border);background:var(--bg-card);cursor:pointer;transition:all .15s ease;gap:4px}.gift-duration-btn.active{border-color:var(--accent);background:var(--accent-light, rgba(99,102,241,.1))}.gift-duration-btn:active{transform:scale(.97)}.gift-months{font-size:.82rem;font-weight:700;color:var(--text-primary)}.gift-price{font-size:.95rem;font-weight:800;color:var(--accent)}.gift-redeem-form{display:flex;gap:8px}.gift-code-input{flex:1;padding:12px 14px;border-radius:var(--radius);border:2px solid var(--border);background:var(--bg-card);color:var(--text-primary);font-size:.95rem;font-family:Courier New,monospace;font-weight:700;letter-spacing:.05em;text-transform:uppercase;outline:none;transition:border-color .15s ease}.gift-code-input:focus{border-color:var(--accent)}.gift-code-result{margin-bottom:8px;padding:16px;background:var(--accent-light, rgba(99,102,241,.08));border:2px solid var(--accent);border-radius:var(--radius);text-align:center}.gift-code-value{font-size:1.4rem;font-weight:900;color:var(--accent);font-family:Courier New,monospace;letter-spacing:.1em}.gift-code-meta{font-size:.72rem;color:var(--text-muted);margin-top:6px;display:flex;justify-content:center;gap:16px}.referral-code-box{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius);margin-bottom:8px}.referral-code-text{font-size:1.15rem;font-weight:900;font-family:Courier New,monospace;color:var(--accent);letter-spacing:.08em}.referral-discount-badge{padding:10px 14px;background:linear-gradient(135deg,#10b98126,#05966914);border:1px solid rgba(16,185,129,.4);border-radius:var(--radius);font-size:.85rem;font-weight:700;color:#10b981;margin-bottom:12px;text-align:center}.referral-info-box{padding:12px 14px;background:var(--bg-card-2, rgba(0,0,0,.03));border-radius:var(--radius);display:flex;flex-direction:column;gap:6px}.referral-info-item{font-size:.8rem;color:var(--text-secondary, var(--text-muted));line-height:1.4}.btn-outline{background:transparent;border:2px solid var(--accent);color:var(--accent)}.btn-outline:hover{background:var(--accent-light, rgba(99,102,241,.08))}