@import "https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Cairo:wght@400;600;700&display=swap";:root{--bg-dark-green:#0a1f18;--bg-gradient:linear-gradient(135deg, #0a1f18 0%, #03140e 100%);--gold-primary:#d4af37;--gold-light:#fbeea0;--text-white:#f8f9fa;--text-dim:#a8b8b0;--font-arabic-classic:"Amiri", serif;--font-arabic-modern:"Cairo", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-arabic-modern);background:var(--bg-gradient);background-color:var(--bg-dark-green);color:var(--text-white);-webkit-user-select:none;user-select:none;touch-action:none;margin:0;overflow:hidden}.app-container{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative}.islamic-pattern{pointer-events:none;opacity:.05;background-image:radial-gradient(var(--gold-primary) 1px, transparent 1px), radial-gradient(var(--gold-primary) 1px, transparent 1px);z-index:0;background-position:0 0,30px 30px;background-size:60px 60px;width:100%;height:100%;position:absolute;top:0;left:0}.slide{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;z-index:10;background:#020f1499;border:1px solid #d4af374d;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:95vw;max-width:1200px;height:85vh;padding:3rem 3vw;display:flex;position:absolute;box-shadow:0 20px 50px #00000080}.slide-title{color:var(--gold-primary);font-family:var(--font-arabic-modern);margin-bottom:.5rem;font-size:clamp(2rem,4vw,3rem);font-weight:700}.slide-subtitle{color:var(--gold-light);font-family:var(--font-arabic-modern);opacity:.9;margin-bottom:2rem;font-size:clamp(1.2rem,2vw,1.8rem)}.slide-content{color:var(--text-white);font-family:var(--font-arabic-classic);white-space:pre-wrap;text-align:center;width:100%;max-height:65vh;padding-right:15px;font-size:clamp(1.4rem,2.5vw,2.5rem);line-height:1.8;overflow-y:auto}.verse-number{color:var(--gold-primary);margin:0 4px}.slide-content::-webkit-scrollbar{width:4px}.slide-content::-webkit-scrollbar-track{background:0 0}.slide-content::-webkit-scrollbar-thumb{background:#d4af374d;border-radius:10px}.nav-controls{z-index:20;justify-content:center;align-items:center;gap:2rem;width:100%;display:flex;position:absolute;bottom:2rem;left:0}.nav-btn{color:var(--gold-light);cursor:pointer;background:0 0;border:1px solid #d4af3780;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex}.nav-btn:hover:not(:disabled){background:#d4af3733;transform:scale(1.1)}.nav-btn:disabled{opacity:.3;cursor:not-allowed}.progress-dots{gap:.5rem;display:flex}.dot{background:#d4af374d;border-radius:50%;width:8px;height:8px;transition:all .3s}.dot.active{background:var(--gold-primary);transform:scale(1.5)}.copyright-badge{color:#fff6;font-family:var(--font-arabic-modern);z-index:20;letter-spacing:.5px;font-size:.8rem;text-decoration:none;transition:all .3s;position:absolute;bottom:1%;left:50%;transform:translate(-50%)}.copyright-badge:hover{color:var(--gold-primary);text-shadow:0 0 8px #d4af3780}.weather-background{z-index:0;width:100vw;height:100vh;transition:background 2s;position:absolute;top:0;left:0;overflow:hidden}.theme-day{background-image:url(/bg-day.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.theme-day .celestial-body{z-index:1;background:radial-gradient(circle,#fffdda 0%,#fcd670 50%,#0000 70%);border-radius:50%;width:120px;height:120px;position:absolute;top:10%;right:15%;box-shadow:0 0 80px 40px #fcd67066}.theme-night{background-image:url(/bg-night.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.theme-night .celestial-body{z-index:1;background:#f4f6f0;border-radius:50%;width:100px;height:100px;position:absolute;top:15%;left:20%;box-shadow:0 0 60px 20px #f4f6f033,inset -15px -10px 20px #0003}.sky-cloud{z-index:2;filter:blur(4px);width:250px;height:auto;position:absolute}.theme-night .sky-cloud{filter:blur(8px)brightness(.4)}.stars-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.sky-star{background:#fff;border-radius:50%;width:3px;height:3px;position:absolute;box-shadow:0 0 6px 2px #ffffff80}.islamic-texture{opacity:.05;background-image:radial-gradient(var(--gold-primary) 1px, transparent 1px);z-index:3;pointer-events:none;background-position:0 0,30px 30px;background-size:60px 60px;width:100%;height:100%;position:absolute;top:0;left:0}