:root{--bg:#fcfcf8;--paper:#fff;--ink:#173d46;--muted:#6e7e80;--line:#e5e9e3;--green:#356856;--soft:#edf3ef;--gold:#b99a61;--shadow:0 15px 55px #244d4810}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Playpen Sans Arabic",sans-serif;font-size:14px;line-height:1.9}body.dark{--bg:#10252d;--paper:#19333c;--ink:#e4eee7;--muted:#adc2c1;--line:#34505a;--green:#9dc5b1;--soft:#213e45;--shadow:none}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #c4a86c;outline-offset:4px}button{color:inherit}h1,h2,h3,h4,p{margin:0}h1{font-size:36px;line-height:1.7;font-weight:600}h2{font-size:25px;font-weight:600}h3{font-size:20px;font-weight:600}p{color:var(--muted)}.topline{text-align:center;padding:6px;background:#153f4b;color:#e5eee7;font-size:11px;letter-spacing:.3px}.header{max-width:1260px;margin:auto;height:108px;display:flex;align-items:center;gap:60px;padding:0 36px;border-bottom:1px solid var(--line)}.brand{font-family:"Noto Naskh Arabic",serif;font-size:50px;line-height:1;color:var(--ink);font-weight:600;display:inline-flex;flex-direction:column;min-width:86px}.brand span{font:10px "Playpen Sans Arabic",sans-serif;letter-spacing:1px;margin-top:10px}.header nav{display:flex;gap:30px;flex:1;align-items:center}.header nav a{font-size:13px;color:var(--muted)}.header nav a.active{color:var(--ink);border-bottom:2px solid var(--gold)}.head-actions{display:flex;gap:18px;align-items:center}.icon{border:1px solid var(--line);background:transparent;width:40px;height:40px;border-radius:50%;font-size:23px;display:inline-grid;place-items:center}.account{border:1px solid var(--line);padding:9px 18px;border-radius:8px}.account span{margin-right:15px}main{max-width:1188px;margin:auto;padding:0 24px}.page{display:none;padding-bottom:40px}.page.active{display:block;animation:appear .25s ease}.narrow{max-width:810px;margin:auto;padding-top:40px}.hero{min-height:540px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:70px;padding:45px 8px}.eyebrow{color:var(--green);font-size:12px;display:flex;align-items:center;gap:9px;margin-bottom:22px}.eyebrow span{width:6px;height:6px;background:var(--green);border-radius:50%}.hero h1{font-size:43px;line-height:1.75;letter-spacing:-1px}.hero h1 em{color:var(--green);font-style:normal}.hero p{margin:20px 0 28px;font-size:14px;line-height:2.1}.hero-buttons{display:flex;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;border:1px solid transparent;padding:12px 23px;border-radius:8px;font-size:13px;font-weight:500;transition:transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:#1c4c50;color:white}.subtle{border-color:var(--line);background:var(--paper)}.light{background:#f6f7ed;color:#153f4b}.hero-note{font-size:10px;color:var(--muted);margin-top:23px}.hero-note span{padding:0 12px;color:var(--gold)}.hero-art{position:relative;height:430px;display:flex;justify-content:center;align-items:center}.arch{height:395px;width:310px;border-radius:160px 160px 12px 12px;border:1px solid #cad9c9;background:radial-gradient(ellipse at 50% 0,#fff8df90,transparent 65%),linear-gradient(160deg,#eff4e8,#dcebe4);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;box-shadow:inset 0 0 0 13px #ffffff45;color:#244d48}.arch:before{content:"";position:absolute;inset:23px;border:1px solid #bbcebc;border-radius:140px 140px 5px 5px}.arch-back{position:absolute;transform:rotate(-9deg);background:#edf0e8;opacity:.65}.arch-star{font-size:32px;color:#a99059;margin-bottom:28px}.arabic-art{font-family:"Noto Naskh Arabic",serif;font-size:39px;line-height:1.9;text-align:center}.verse-ref{font-size:10px;margin-top:15px}.art-lines{margin-top:25px;color:#a99059}.floating-label{position:absolute;bottom:18px;right:-12px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);display:flex;gap:15px;align-items:center;padding:14px 22px;border-radius:12px;font-size:12px}.floating-label>span{font-size:30px;color:var(--gold)}.floating-label small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:35px 0 24px}.kicker{font-size:11px;color:var(--green);display:block;margin-bottom:8px}.section-heading p,.text-link{font-size:12px}.text-link{border:0;background:none;color:var(--green);padding:0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service{display:flex;flex-direction:column;padding:25px;border:1px solid var(--line);background:var(--paper);border-radius:14px;transition:.2s}.service:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.service-icon{font-size:27px;width:52px;height:52px;display:grid;place-items:center;background:#f9f2de;color:#ad8640;border-radius:13px;margin-bottom:26px}.evening .service-icon{background:#edf0f8;color:#7684a6}.sleep .service-icon{background:#f3edf6;color:#9d80a8}.tasbih .service-icon{background:#eaf2ec;color:#588069}.service small{color:var(--muted);font-size:10px}.service h3{margin:5px 0 26px}.service-link{padding-top:15px;border-top:1px solid var(--line);font-size:11px;display:flex;justify-content:space-between}.radio-banner{margin:50px 0;background:#173f49;border-radius:16px;color:white;display:flex;gap:35px;align-items:center;padding:35px 45px;overflow:hidden}.radio-banner .kicker{color:#c6d5bd}.radio-banner p{color:#b9cccd;font-size:12px;margin-top:10px}.radio-banner .button{margin-right:auto;white-space:nowrap}.wave-mark{font-family:serif;font-size:35px;color:#bad2bf;direction:ltr}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-card{border:1px solid var(--line);border-radius:14px;background:var(--paper);overflow:hidden}.project-visual{height:180px;display:grid;place-items:center;background:#f2f3ee}.project-logo{width:118px;height:118px;object-fit:contain;border-radius:50%}.logo-window{position:relative;overflow:hidden;width:130px;height:145px}.logo-window img{position:absolute;height:156px;width:600px;max-width:none;top:-3px;left:-186px}.logo-window.clip{width:235px;height:133px}.logo-window.clip img{height:150px;width:578px;left:-317px;top:0}.project-copy{padding:22px}.project-copy p{font-size:11px;margin:9px 0 18px}.project-copy a{font-size:11px;color:var(--green)}.project-copy small{color:var(--muted);font-size:10px}.coming{display:flex;align-items:center;gap:20px;padding:26px 0;margin:40px 0 0;border-top:1px solid var(--line);font-size:12px}.coming p{flex:1}.coming span{color:var(--gold)}footer{border-top:1px solid var(--line);max-width:1188px;margin:auto;padding:36px 24px;display:flex;align-items:center;gap:35px}footer .brand{font-size:35px}footer p{font-size:10px;flex:1}footer div{display:flex;gap:18px;font-size:10px}footer>small{color:var(--muted);font-size:10px}body:has(#mini-player:not([hidden])){padding-bottom:100px}.breadcrumb{font-size:11px;color:var(--muted);margin-bottom:24px}.reader-title{display:flex;justify-content:space-between;align-items:center}.reader-tools{display:flex;gap:8px}.reader-tools button{padding:7px 12px;background:var(--paper);border:1px solid var(--line);border-radius:7px;font-size:12px}.tabs{display:flex;gap:12px;border-bottom:1px solid var(--line);margin:25px 0;padding-bottom:15px}.tabs a{padding:5px 18px;font-size:12px}.tabs a.active{background:var(--soft);border-radius:6px;color:var(--green)}.progress-label{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:10px}.progress-track{height:5px;background:var(--line);border-radius:10px;overflow:hidden;margin-bottom:24px}.progress-track i{height:100%;display:block;background:var(--green);transition:width .2s}.dhikr-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:30px;margin-bottom:20px;box-shadow:var(--shadow)}.dhikr-card.complete{border-color:#85b294}.dhikr-card .card-top{font-size:11px;display:flex;justify-content:space-between;color:var(--muted);margin-bottom:25px}.dhikr-text{font:var(--reading-size,27px)/2.15 "Noto Naskh Arabic",serif;white-space:pre-line;color:var(--ink);text-align:center}.count-button{display:flex;align-items:center;justify-content:space-between;gap:30px;min-width:220px;margin:27px auto 0;padding:12px 22px;border-radius:10px;background:var(--soft);border:1px solid var(--line);font-size:13px}.count-button strong{font-size:22px;font-family:system-ui}.reference{font-size:11px;color:var(--muted);margin-top:22px}.reader-bottom{display:flex;justify-content:space-between;align-items:center;font-size:12px}.muted{color:var(--muted);font-size:11px;margin-top:18px}.centered{text-align:center}.source-note{margin-top:25px;font-size:11px;color:var(--muted)}.section-intro{padding:50px 0 35px}.section-intro p{margin-top:12px}.tasbih-panel{max-width:550px;margin:auto;padding:30px;background:var(--paper);border:1px solid var(--line);border-radius:20px}select,input,textarea{border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);padding:10px 14px;max-width:100%;width:100%;outline:none}label{display:block;font-size:12px;margin-bottom:12px}label input,label textarea{display:block;margin-top:7px}.target-row{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:11px}.target-row select{width:auto;padding:4px 12px}.counter-circle{background:radial-gradient(circle,var(--paper),var(--soft));border:1px solid var(--line);outline:10px solid var(--soft);width:260px;height:260px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:45px auto;box-shadow:var(--shadow);touch-action:manipulation;user-select:none}.counter-circle:active{transform:scale(.98)}.counter-circle span{font-family:"Noto Naskh Arabic",serif;font-size:26px}.counter-circle strong{font:600 66px/1.6 system-ui}.counter-circle small{font-size:10px;color:var(--muted)}.radio-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:26px;max-width:900px;margin:0 auto 30px}.radio-player{padding:30px;text-align:center;border-radius:20px;background:#173f49;color:white}.on-air{font-size:10px;color:#d1d6b6}.radio-ornament{font:100px/1.7 serif;color:#b7c9af}.radio-player h2{font-size:27px}.radio-player p{color:#bdd0cf;font-size:12px}.play-row{display:flex;justify-content:center;gap:25px;align-items:center;margin:25px}.play-large{height:65px;width:65px;border-radius:50%;border:0;background:#f1f1df;color:#173f49;font-size:35px}.radio-player .icon{border-color:#608085}.timer{margin:25px 0 0}.timer select{display:inline-block;width:auto;margin-right:10px;background:#234a55;color:white;border-color:#55737a;padding:4px 12px}.radio-options{padding:25px;border:1px solid var(--line);border-radius:16px;background:var(--paper)}.radio-options h3{margin-bottom:20px}.radio-options select{font-size:12px;margin-bottom:20px}.radio-options .button{width:100%}.info-box{background:var(--soft);padding:23px;border-radius:12px;margin-top:25px}.info-box p{font-size:12px;margin:10px 0 20px}.info-box small{font-size:10px;color:var(--muted)}.about-block{max-width:700px;margin:45px auto;text-align:center}.about-block p{margin-top:20px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.stats>div{padding:25px;background:var(--paper);border:1px solid var(--line);border-radius:12px;text-align:center}.stats strong{display:block;font:600 35px system-ui;color:var(--green)}.stats span{font-size:11px;color:var(--muted)}.daily-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:20px 0;font-size:13px}.daily-row small{color:var(--muted)}.form-panel{padding:30px;border:1px solid var(--line);border-radius:16px;background:var(--paper)}.form-panel p{margin-bottom:15px}.honeypot{position:absolute;left:-10000px;width:1px;height:1px}#mini-player{position:fixed;bottom:0;right:0;left:0;z-index:20;background:var(--paper);border-top:1px solid var(--line);padding:12px max(20px,calc((100vw - 1100px)/2));display:flex;gap:18px;align-items:center;box-shadow:0 -5px 30px #0001}#mini-player[hidden]{display:none}#mini-player strong{font-size:12px}#mini-player small{display:block;font-size:9px;color:var(--muted)}#mini-player a{font-size:10px;white-space:nowrap}#audio{height:32px;max-width:280px;margin-right:auto}#toast{position:fixed;bottom:105px;left:50%;transform:translateX(-50%);background:#193f49;color:white;border-radius:10px;padding:12px 24px;z-index:30;font-size:12px;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1}.preview-note{background:#fff4d9;padding:8px;text-align:center;color:#745823;font-size:11px}.admin{max-width:1050px;margin:40px auto;padding:20px}.admin details{background:var(--paper);border:1px solid var(--line);padding:18px;border-radius:10px;margin:12px 0}.admin summary{cursor:pointer}.admin form{margin-top:15px}.admin input[type=checkbox]{width:auto}.admin .row{display:flex;gap:15px}.admin .row>*{flex:1}@keyframes appear{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:950px){.header{gap:25px;padding:0 24px}.header nav{gap:18px}.hero{gap:20px}.hero h1{font-size:34px}.arch{width:270px;height:370px}.service{padding:20px}.wave-mark{display:none}.project-visual{height:160px}footer{flex-wrap:wrap}}@media(max-width:700px){body{font-size:13px}.topline{font-size:9px}.header{height:auto;min-height:110px;flex-wrap:wrap;padding:20px;gap:18px;justify-content:space-between}.brand{font-size:39px}.header nav{order:3;width:100%;justify-content:space-between;gap:8px}.header nav a{font-size:10px}.head-actions{gap:10px}.account{font-size:11px;padding:6px 10px}.hero{grid-template-columns:1fr;padding:30px 0 20px;gap:20px}.hero h1{font-size:32px}.hero p{font-size:12px}.hero-art{height:330px}.arch{height:300px;width:255px}.arch-star{margin-bottom:10px}.arabic-art{font-size:32px}.art-lines{margin-top:12px}.floating-label{right:5%;bottom:0}.hero-note{margin-top:15px}.service-grid{grid-template-columns:repeat(2,1fr);gap:12px}.service{padding:17px}.service-icon{margin-bottom:16px}.service h3{font-size:17px;margin-bottom:20px}.section-heading{align-items:center;gap:15px}.section-heading h2{font-size:20px}.section-heading p{display:none}.section-heading .text-link{font-size:10px}.radio-banner{padding:25px;gap:20px;flex-wrap:wrap;margin:30px 0}.radio-banner h2{font-size:21px}.radio-banner .button{margin:0}.project-grid{grid-template-columns:1fr}.project-card{display:grid;grid-template-columns:120px 1fr}.project-visual{height:100%;min-height:160px}.project-logo{width:90px;height:90px}.logo-window{transform:scale(.75)}.logo-window.clip{transform:scale(.45);margin:0 -60px}.project-copy{padding:20px 13px}.project-copy h3{font-size:16px}.coming{flex-wrap:wrap;font-size:11px;gap:10px}.coming p{min-width:70%}footer{gap:20px}footer p{min-width:60%}footer div{width:100%}.narrow{padding-top:25px}h1{font-size:28px}.reader-title{align-items:start;gap:10px}.reader-tools{gap:4px;flex-wrap:wrap;justify-content:end}.reader-tools button{font-size:10px;padding:5px 8px}.dhikr-card{padding:23px 18px}.dhikr-text{font-size:var(--reading-size,26px)}.section-intro{padding:30px 0}.radio-layout{grid-template-columns:1fr}.stats{gap:8px}.stats>div{padding:18px 7px}.stats span{font-size:9px}.stats strong{font-size:29px}#audio{max-width:130px}#mini-player{gap:10px;padding:12px}#mini-player a{display:none}.tasbih-panel{padding:20px}.counter-circle{width:235px;height:235px}.admin .row{display:block}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.ad-slot{margin:90px auto 45px;max-width:970px;min-height:300px;border-top:1px solid var(--line);padding-top:20px;text-align:center}.ad-slot>span{display:block;font-size:10px;color:var(--muted);margin-bottom:15px}.ad-slot ins{min-height:250px;}