.mushaf-view-root{position:relative}.mushaf-page{max-width:480px;margin:0 auto;position:relative}.mushaf-frame{padding:var(--mushaf-pad-y,24px)var(--mushaf-pad-x,20px);background:var(--mushaf-bg,#fff9f0);color:var(--mushaf-text,#1a1a1a);box-shadow:inset 0 0 0 1px #b8860b26,inset 0 0 0 6px var(--mushaf-bg,#fff9f0),inset 0 0 0 7px #b8860b33,0 4px 24px #00000014;border:3px solid #b8860b;border-radius:4px;position:relative}:root.dark .mushaf-frame,.dark .mushaf-frame{--mushaf-bg:#1a1a1a;--mushaf-text:#e8e8e8;box-shadow:inset 0 0 0 1px #8b735526,inset 0 0 0 6px var(--mushaf-bg),inset 0 0 0 7px #8b735533,0 4px 24px #0000004d;border-color:#8b7355}.mushaf-dark-page .mushaf-frame{--mushaf-bg:#1c1c1e;--mushaf-text:#f5f5f0;box-shadow:inset 0 0 0 1px #6b5b3e33,inset 0 0 0 6px var(--mushaf-bg),inset 0 0 0 7px #6b5b3e40,0 4px 24px #0006;border-color:#6b5b3e}.mushaf-dark-page .mushaf-frame:before,.mushaf-dark-page .mushaf-frame:after,.mushaf-dark-page .mushaf-corner-bl,.mushaf-dark-page .mushaf-corner-br{color:#8b7355}.mushaf-dark-page .mushaf-basmalah,.mushaf-dark-page .mushaf-ayah-number{color:#8bb8a6}.mushaf-frame:before,.mushaf-frame:after{content:"❋";color:#b8860b;opacity:.6;font-size:18px;line-height:1;position:absolute}.mushaf-frame:before{top:6px;left:8px}.mushaf-frame:after{top:6px;right:8px}.mushaf-corner-bl,.mushaf-corner-br{color:#b8860b;opacity:.6;font-size:18px;line-height:1;position:absolute}.mushaf-corner-bl{bottom:6px;left:8px}.mushaf-corner-br{bottom:6px;right:8px}.dark .mushaf-frame:before,.dark .mushaf-frame:after,.dark .mushaf-corner-bl,.dark .mushaf-corner-br{color:#8b7355}.mushaf-surah-header{text-align:center;background:linear-gradient(135deg,#0e5e4e,#0a4a3d);border-radius:24px;margin:12px 0 16px;padding:12px 24px;position:relative;overflow:hidden}.mushaf-surah-header:before{content:"";pointer-events:none;border:1px solid #ffffff26;border-radius:22px;position:absolute;inset:2px}.mushaf-surah-header h3{color:#fff;font-size:22px;font-weight:700;font-family:var(--font-amiri),serif;text-shadow:0 1px 2px #0003;margin:0}.mushaf-basmalah{text-align:center;font-family:var(--font-amiri),serif;color:#0e5e4e;margin:0 0 8px;padding:8px 0 12px;font-size:24px}.dark .mushaf-basmalah{color:#5cb8a6}.mushaf-text-body{text-align:justify;text-align-last:center;line-height:var(--mushaf-line-height,2.3);word-spacing:var(--mushaf-word-space,4px);font-family:var(--font-lpmq),var(--font-amiri),serif;color:var(--mushaf-text,#1a1a1a);direction:rtl;padding:0 4px}.dark .mushaf-text-body{color:var(--mushaf-text,#e8e8e8)}.mushaf-ayah-number{width:42px;height:42px;font-size:14px;font-weight:700;font-family:var(--font-geist-sans),sans-serif;color:#0e5e4e;vertical-align:middle;cursor:pointer;direction:ltr;justify-content:center;align-items:center;margin:0 4px;transition:transform .2s,color .2s;display:inline-flex;position:relative}.mushaf-ayah-number:hover{transform:scale(1.2)}.mushaf-ayah-number:active{transform:scale(.95)}.mushaf-ayah-number svg{width:100%;height:100%;position:absolute;inset:0}.mushaf-ayah-number span{z-index:1;position:relative}.dark .mushaf-ayah-number{color:#5cb8a6}.mushaf-ayah-number.playing{color:#b8860b;transform:scale(1.15)}.mushaf-header{color:#fff;background:#0e5e4e;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 20px;font-size:13px;font-weight:600;display:flex}.mushaf-header-center{font-family:var(--font-amiri),serif;font-size:16px}.mushaf-page-indicator{text-align:center;color:var(--mushaf-text,var(--muted-foreground,#999));font-variant-numeric:tabular-nums;padding:8px 0;font-size:13px;font-weight:500}.mushaf-skeleton{animation:1.5s ease-in-out infinite mushaf-pulse}@keyframes mushaf-pulse{0%,to{opacity:.4}50%{opacity:.15}}.mushaf-ayah-playing{background:#0e5e4e14;border-radius:4px;padding:2px 0;transition:background .4s}.dark .mushaf-ayah-playing{background:#5cb8a61a}.mushaf-flip-wrapper{will-change:transform,opacity}.mushaf-flip-up{animation:.25s cubic-bezier(.25,.46,.45,.94) forwards flipUp}@keyframes flipUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.mushaf-flip-down{animation:.25s cubic-bezier(.25,.46,.45,.94) forwards flipDown}@keyframes flipDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.mushaf-floating-controls{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.mushaf-ctrl-btn{background:var(--surface,#fafafa);width:36px;height:36px;color:var(--foreground,#1a1a1a);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #0000;border-radius:9999px;justify-content:center;align-items:center;transition:all .2s;display:inline-flex;box-shadow:0 1px 3px #00000014}.mushaf-ctrl-btn:hover{border-color:var(--border,#e5e5e5)}.mushaf-ctrl-btn:active{transform:scale(.92)}.mushaf-ctrl-btn-active{box-shadow:0 2px 8px #0e5e4e40;background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}.mushaf-snap-container{scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior-y:contain;height:calc(100dvh - 120px);padding-bottom:80px;overflow-y:scroll}.mushaf-snap-page{scroll-snap-align:start;align-items:flex-start;min-height:calc(100dvh - 120px);padding:8px 0;display:flex}.mushaf-snap-page .mushaf-page{width:100%}.mushaf-tap-area{position:relative}.mushaf-tap-buttons{z-index:20;pointer-events:none;justify-content:space-between;margin-top:12px;padding:0 4px;display:flex;position:sticky;bottom:100px}.mushaf-tap-btn{pointer-events:auto;background:var(--surface,#fafafa);color:var(--foreground);border:1px solid var(--border,#e5e5e5);-webkit-backdrop-filter:blur(12px);border-radius:9999px;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 16px #0000001a}.mushaf-tap-btn:active{transform:scale(.95);box-shadow:0 2px 8px #00000014}.mushaf-tap-btn:disabled{opacity:.3;pointer-events:none}.mushaf-tap-btn-next{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 16px #0e5e4e33}.mushaf-tap-btn-next:hover{background:var(--primary);filter:brightness(1.05)}.mushaf-fullscreen-content{padding-top:8px}html.mushaf-fullscreen .native-header,html.mushaf-fullscreen .bottom-nav{display:none!important}.mushaf-fullscreen .mushaf-snap-container{height:calc(100dvh - 80px)}.mushaf-fullscreen .mushaf-snap-page{min-height:calc(100dvh - 80px)}.mushaf-fullscreen .mushaf-tap-buttons{bottom:24px}