@font-face{font-family:Uthmanic Hafs;src:url(https://verses.quran.foundation/fonts/quran/hafs/uthmanic_hafs/UthmanicHafs1Ver18.woff2)format("woff2");font-display:swap}@font-face{font-family:LPMQ Isep Misbah;src:url(https://cdn.jsdelivr.net/gh/utrodus/flutter-ayatnesia-quran-search/assets/fonts/LPMQ-IsepMisbah.ttf)format("truetype");font-display:swap}:root{--cream:#f2ede4;--cream-2:#e9e2d4;--paper:#faf7f1;--ink:#1a1614;--ink-soft:#3a332e;--muted:#8a7f72;--tomato:#e5533b;--butter:#f4c95d;--violet:#6f5cff;--line:#1a16141a;--line-strong:#1a16142e;--shadow-lg:0 20px 40px -20px #1a161440, 0 4px 12px -6px #1a161414}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box}html,body{background:var(--cream);color:var(--ink)}body{font-feature-settings:"ss01", "ss02", "cv11";-webkit-font-smoothing:antialiased;font-family:Space Grotesk,Bricolage Grotesque,ui-sans-serif,system-ui}.display{letter-spacing:-.03em;font-family:Bricolage Grotesque,Space Grotesk,sans-serif}.mono{font-family:Space Mono,monospace}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{scrollbar-width:none}input[type=range]{appearance:none;background:var(--line);border-radius:999px;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--ink);border:3px solid var(--paper);cursor:pointer;border-radius:999px;width:22px;height:22px;box-shadow:0 2px 8px #0000002e}input[type=range]::-moz-range-thumb{background:var(--ink);border:3px solid var(--paper);cursor:pointer;border-radius:999px;width:22px;height:22px}.chip{border:1px solid var(--line-strong);color:var(--ink);background:0 0;font-weight:500;transition:all .15s}.chip:hover{background:#1a16140a}.chip.active{background:var(--ink);color:var(--cream);border-color:var(--ink);box-shadow:0 4px 12px -4px #1a161459}.btn-ink{background:var(--ink);color:var(--cream);transition:all .15s}.btn-ink:hover{background:#2a2420}.btn-ink:active{transform:scale(.98)}.btn-tomato{background:var(--tomato);color:#fff;transition:all .15s;box-shadow:0 6px 18px -6px #e5533b99}.btn-tomato:hover{background:#d4442d;transform:translateY(-1px)}.btn-tomato:active{transform:scale(.98)}.btn-ghost{border:1px solid var(--line-strong);background:0 0;transition:all .15s}.btn-ghost:hover{background:#1a16140a}.card{background:var(--paper);border:1px solid var(--line);border-radius:20px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:24px}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-track{will-change:transform;animation:42s linear infinite ticker}.dot{border-radius:999px;width:6px;height:6px;display:inline-block}.badge-live{background:var(--tomato);color:#fff}.label{letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-family:Space Mono,monospace;font-size:10px}.h-scroll{position:relative}.h-scroll .h-inner{scroll-snap-type:x proximity;padding:2px 4px;overflow-x:auto}.h-scroll .h-inner .chip{scroll-snap-align:start}.h-scroll:before,.h-scroll:after{content:"";pointer-events:none;z-index:2;width:18px;position:absolute;top:0;bottom:0}.h-scroll:before{background:linear-gradient(90deg, var(--paper), transparent);left:0}.h-scroll:after{background:linear-gradient(-90deg, var(--paper), transparent);right:0}.tab-btn{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;text-align:center;white-space:nowrap;border-bottom:2px solid #0000;flex:1;padding:.75rem .3rem;font-family:Space Grotesk,sans-serif;font-size:.82rem;font-weight:600;transition:all .15s}.tab-btn:hover{color:var(--ink)}.tab-btn.tab-active{color:var(--ink);border-bottom-color:var(--tomato)}.preview-shell{background:radial-gradient(1200px 500px at 20% 0%, #6f5cff1a, transparent 60%), radial-gradient(900px 500px at 100% 20%, #e5533b1a, transparent 60%), var(--cream-2)}.preview-track{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.preview-track #slidesTrack>*{scroll-snap-align:center}.field{background:var(--paper);border:1px solid var(--line-strong);border-radius:14px;outline:none;width:100%;padding:.75rem 1rem;font-size:.9rem;transition:border-color .15s}.field:focus{border-color:var(--ink)}.step-num{background:var(--ink);width:26px;height:26px;color:var(--butter);border-radius:999px;flex-shrink:0;place-items:center;font-family:Bricolage Grotesque,sans-serif;font-size:.75rem;font-weight:700;display:grid}.empty-slide{aspect-ratio:4/5;border:2px dashed var(--line-strong);color:var(--muted);text-align:center;background:#fff6;border-radius:24px;place-items:center;padding:2rem;display:grid}.dl-bar{background:var(--ink);color:var(--cream);border-radius:22px;box-shadow:0 24px 60px -18px #1a161480,0 6px 16px -6px #1a161433}.hr{background:var(--line);width:100%;height:1px}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}[data-panel]:not(.hidden){animation:.22s ease-out fadeUp}.workspace{flex-direction:column;gap:1rem;display:flex}.preview-sticky{z-index:35;position:sticky;top:76px}@media (width>=1024px){.workspace{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:1.5rem;display:grid}.editor-panel{max-height:calc(100vh - 90px);position:sticky;top:76px}}@media (width<=640px){.display{letter-spacing:-.025em}}