@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Reem+Kufi:wght@700&family=Tajawal:wght@400;500;700&display=swap');
:root{color-scheme:dark;--bg:#081c27;--panel:#102c3a;--gold:#f1bd68;--text:#f3f5f3;--muted:#adbec5;--line:#304550}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.8 'DM Sans','Noto Sans Arabic',sans-serif}button,input,textarea{font:inherit}button,a,input,textarea{ -webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:5px}header,main,footer{max-width:1240px;margin:auto;padding-inline:48px}header{min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-size:27px;font-weight:700;line-height:1.2}.brand small{display:block;font-size:10px;letter-spacing:2px;font-weight:500;margin-top:7px}.mark{color:var(--gold);font-size:44px}nav,.actions{display:flex;align-items:center;gap:30px}nav a{color:var(--muted);font-size:15px}nav a:hover,.external:hover{color:var(--gold)}button{border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--text);padding:8px 17px}#menu{display:none}.intro{text-align:center;padding:48px 0 34px}.eyebrow,.overline{font-size:13px;font-weight:600;letter-spacing:1.5px;color:var(--gold)}h1{font-size:clamp(38px,5vw,65px);line-height:1.4;margin:13px 0;font-weight:600}h1 em{color:var(--gold);font-style:normal}.intro p{color:var(--muted);margin:8px 0}.intro .tagline{color:var(--text);font-size:21px}h2{font-size:27px;line-height:1.5;margin:10px 0}h3{font-size:19px;margin:0 0 8px}p{margin:8px 0 16px}.player{border:1px solid #49606a;background:var(--panel);border-radius:15px;overflow:hidden;box-shadow:0 30px 60px #0002}.player-top,.player-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 30px}.player-top{border-bottom:1px solid var(--line)}.badge{font-size:13px;color:var(--muted);padding:3px 10px;border:1px solid #50606a;border-radius:30px}.player-body{display:flex;align-items:center;gap:48px;padding:38px 48px}.record{width:210px;height:210px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(circle,#081820 0px,#081820 3px,#19313b 4px,#091b24 5px);box-shadow:0 10px 30px #0004}.record-label{height:95px;width:95px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:var(--gold);color:#132531;font-size:24px}.record-label small{font-size:10px;letter-spacing:2px}.station-info{flex:1;min-width:0}.overline{margin:0}.muted{color:var(--muted);font-size:14px}.controls{display:flex;align-items:center;gap:30px;margin-top:23px}.primary{background:var(--gold);border-color:var(--gold);color:#12232d;font-weight:700;padding:12px 25px}.primary:hover{background:#ffce80}.volume{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--muted)}input[type=range]{width:95px;accent-color:var(--gold);padding:0}.external{font-size:14px;text-decoration:underline;text-underline-offset:5px}#player-status{font-size:14px;color:var(--gold);margin:12px 0}.player-bottom{background:#0b2431;font-size:12px;color:var(--muted);flex-wrap:wrap}.section{padding-top:65px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.section-head h2{margin:0}.section-head span{font-size:13px;color:var(--muted)}.empty{border-block:1px solid var(--line);padding:28px 0;display:flex;align-items:center;gap:20px;color:var(--muted)}.empty .symbol{font-size:30px;color:var(--gold)}.empty p{margin:0;font-size:14px}.empty h3{color:var(--text);font-size:17px}.schedule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.program{border-top:2px solid var(--gold);background:#102833;padding:25px}.program .number{color:var(--gold);font-size:13px;letter-spacing:2px}.program h3{margin-top:15px}.program p{color:var(--muted);font-size:14px}.program small{font-size:13px}.about-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:50px;border-top:1px solid var(--line);padding-top:35px}.about-grid h2{font-size:34px;color:var(--gold)}.about-grid p{color:var(--muted)}.contact-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:60px}.contact-links{display:grid;gap:13px;margin:25px 0}.contact-links a{color:var(--gold);width:fit-content}.social{display:flex;gap:10px;flex-wrap:wrap}.social span,.social a{border:1px solid var(--line);padding:5px 12px;font-size:14px;border-radius:5px}.social span{color:var(--muted)}.notice{font-size:14px;color:var(--muted);border-inline-start:2px solid var(--gold);padding-inline-start:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:14px}input,textarea{width:100%;display:block;margin:7px 0 18px;border:1px solid #425762;background:#0c2330;color:var(--text);padding:10px 12px;border-radius:5px}textarea{min-height:130px;resize:vertical}.form-status{color:var(--gold);font-size:14px}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);margin-top:65px;padding-block:28px}footer p{font-size:12px;color:var(--muted);margin:0}.text-button{border:0;font-size:14px;color:var(--muted)}dialog{width:min(92vw,460px);background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:14px;padding:32px}dialog::backdrop{background:#000a;backdrop-filter:blur(4px)}dialog p{font-size:14px;color:var(--muted)}.close{float:inline-end;border:0;font-size:25px;padding:0 8px}.skip{position:absolute;top:-100px;background:var(--gold);color:#000;padding:10px;z-index:3}.skip:focus{top:0}@media(max-width:850px){header,main,footer{padding-inline:24px}nav{gap:16px}.player-body{gap:28px;padding:30px}.record{width:150px;height:150px}.controls{gap:18px}.contact-grid{gap:30px}}@media(max-width:650px){header{min-height:85px;gap:12px;flex-wrap:wrap;padding-block:15px}.brand{font-size:22px}.actions{gap:8px}.actions button{font-size:13px;padding:6px 10px}#menu{display:block}nav{display:none;order:3;width:100%;padding:10px 0;justify-content:space-between}nav.open{display:flex}nav a{font-size:13px}.intro{padding-top:35px}.intro .tagline{font-size:18px}.intro>p:last-child{font-size:14px}.player-top{padding:15px;flex-wrap:wrap;gap:8px}.player-body{flex-direction:column;text-align:center;padding:25px 20px;gap:25px}.record{width:160px;height:160px}.station-info h2{font-size:23px}.controls{justify-content:center;flex-wrap:wrap}.player-bottom{padding:14px 20px;justify-content:center}.player-bottom span:last-child{display:none}.section{padding-top:45px}.section-head{align-items:flex-start;flex-direction:column;gap:7px}.schedule-grid,.about-grid,.contact-grid{grid-template-columns:1fr;gap:20px}.about-grid h2{font-size:28px;margin:0}.form-row{grid-template-columns:1fr;gap:0}footer{flex-direction:column;text-align:center}.schedule-grid{gap:12px}.program{padding:20px}.program p{margin-bottom:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.intro{padding:24px 0}.intro h1{font-size:38px;line-height:1.3;margin:8px 0}.intro h1 br{display:none}.intro h1 em{margin-inline-start:.25em}.intro .tagline{font-size:18px}.signal{width:180px;height:160px;display:flex;align-items:center;justify-content:center;gap:9px;flex-shrink:0}.signal span{height:25%;width:6px;background:var(--gold);border-radius:6px;opacity:.85}.signal span:nth-child(2n){height:50%}.signal span:nth-child(3n){height:80%}.signal span:nth-child(5){height:100%}.player-body{padding-block:27px}@media(max-width:650px){.intro h1{font-size:29px}.intro h1 br{display:block}.signal{display:none}.intro{padding:22px 0}.player-body{padding:20px}.section{padding-top:36px}}

/* Palette and type inspired by saddah.org. */
:root{color-scheme:light;--bg:#ebe5da;--panel:#fffdf9;--gold:#8a5a12;--text:#101415;--muted:#5e625e;--line:#ccc7bd;--accent:#f0750f;--teal:#9a4100}
body{font-family:'Tajawal','Segoe UI',sans-serif;font-size:17px}h1{font-family:'Reem Kufi','Tajawal',sans-serif;font-weight:700}h2,h3{font-family:'Amiri',serif;font-weight:700}.intro h1{line-height:1.7;color:#9a4100}.intro h1 em{color:#8a5a12}.intro .tagline{font-family:'Amiri',serif;font-size:23px}.brand,.mark{color:#9a4100}.brand small{color:#5e625e}.player{border-color:#c6bda9;box-shadow:0 15px 35px #10141512}.player-top{background:#f6efdf}.player-body{background:#fffdf9}.badge{border-color:#bcb6a8;color:#7d3a0b;background:#fff0e1}.player-bottom{background:#f0750f;color:#fffdf9}.primary{background:linear-gradient(135deg,#f0750f,#f09537);border-color:#bd781f;color:#101415}.primary:hover{background:#f0a150}.signal span{background:#f0750f}.signal span:nth-child(3n){background:#f0750f}.program{background:#fffdf9;border-color:#f0750f}.program:nth-child(2){border-color:#f0750f}.program:nth-child(3){border-color:#c85a3b}.about-grid h2,.contact-links a,.external{color:#9a4100}input,textarea{background:#fffdf9;color:#101415;border-color:#a9a89e}dialog{background:#fffdf9}.social span,.social a{background:#fffdf9}.notice{border-color:#c1852d}nav a:hover,.external:hover{color:#8a5a12}.skip{background:#f0750f}.volume input{accent-color:#f0750f}#player-status{color:#f0750f}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-color:#f0750f}.player[data-state="playing"] .badge{background:#ffe4c9;color:#7d3a0b}.player[data-state="error"] .badge{background:#f9e7df;color:#90381b}

.whatsapp{margin-top:22px;padding-top:17px;border-top:1px solid var(--line)}.whatsapp p{font-size:16px;font-weight:700;color:var(--teal);margin:0 0 10px}.whatsapp-actions{display:flex;gap:10px;flex-wrap:wrap}.whatsapp-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 16px;border:1px solid #f0750f;border-radius:6px;color:#9a4100;background:#fff2e6;font-size:16px;font-weight:700}.whatsapp-actions a:hover{background:#ffe0c2}.whatsapp small{display:block;margin-top:9px;font-size:14px;color:var(--muted)}@media(max-width:650px){.whatsapp-actions{justify-content:center}}
.radio-tools{margin-top:20px;border-top:1px solid var(--line);padding-top:12px}.radio-tools p{font-size:14px}.tool-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:end}.tool-actions button,.tool-actions select{min-height:44px;font:inherit;font-size:14px;border:1px solid var(--line);border-radius:6px;padding:8px;background:var(--panel);color:var(--text)}.tool-actions label{display:grid;gap:4px}.sticky-player{position:fixed;inset-inline:0;bottom:0;z-index:20;display:flex;align-items:center;gap:18px;background:#f0750f;color:white;padding:12px max(20px,calc((100vw - 1144px)/2));box-shadow:0 -4px 20px #0002;padding-bottom:max(12px,env(safe-area-inset-bottom))}.sticky-player>div{flex:1;min-width:0}.sticky-player p{margin:0;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sticky-player button{flex-shrink:0}.sticky-player a{font-size:14px}body{padding-bottom:110px}.large-text{font-size:20px}.large-text .muted,.large-text nav a,.large-text .radio-tools p{font-size:17px}body.night{color-scheme:dark;--bg:#211710;--panel:#302218;--text:#f4f0e8;--muted:#d4c3b5;--line:#735644;--gold:#f0750f;--teal:#ffb16b}.night .player-body,.night .program,.night input,.night textarea,.night dialog,.night .social span,.night .social a{background:var(--panel);color:var(--text)}.night .player-top{background:#3b2a1d}.night h1,.night .brand,.night .mark,.night .about-grid h2,.night .contact-links a,.night .external{color:#ffbc82}.night .intro h1 em{color:#f0750f}.night #player-status{color:#ffbc82}@media(max-width:650px){.sticky-player{gap:10px;padding-inline:12px}.sticky-player button{padding:10px 13px;font-size:14px}.sticky-player a{display:none}.tool-actions{justify-content:center}}

.brand-logo{width:88px;height:88px;object-fit:contain;background:transparent;border-radius:8px;flex-shrink:0}.station-logo{width:230px;height:230px;object-fit:contain;background:transparent;border-radius:12px;flex-shrink:0}@media(max-width:650px){.brand-logo{width:64px;height:64px}.brand{font-size:18px;gap:8px}.brand small{font-size:9px;letter-spacing:1px}.station-logo{display:block;width:170px;height:170px}}

.intro h1.tagline{font-family:"Amiri",serif;font-size:clamp(24px,4vw,38px);font-weight:700;line-height:1.7;color:var(--text);margin:12px 0}

html[data-page="home"] #about,html[data-page="home"] #contact{display:none}html[data-page="story"] main>.intro,html[data-page="contact"] main>.intro,html[data-page="story"] main>.player,html[data-page="contact"] main>.player,html[data-page="story"] #history,html[data-page="contact"] #history,html[data-page="story"] #schedule,html[data-page="contact"] #schedule,html[data-page="story"] #contact,html[data-page="contact"] #about{display:none}html:not([data-page="home"]) main{min-height:60vh;padding-top:20px;padding-bottom:45px}nav a[aria-current="page"]{color:var(--teal);font-weight:700;text-decoration:underline;text-underline-offset:8px}.page-back{display:inline-block;margin-bottom:12px;color:var(--teal)}

.community-controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.community-controls button{min-height:44px;color:var(--teal);border-color:var(--teal)}.community-controls button[aria-pressed="true"]{background:#f0750f;color:white}#community-status{flex-basis:100%;font-size:14px;margin:0}.favorite-row{display:flex;align-items:center;gap:15px;padding:16px 0;border-bottom:1px solid var(--line)}.favorite-row>span{flex:1;overflow-wrap:anywhere}.favorite-row a{color:var(--teal);text-decoration:underline;font-size:14px}.favorite-row button{font-size:14px;min-height:44px}html:not([data-page="home"]) #favorites{display:none}#dedication{max-height:85dvh;overflow:auto}#dedication textarea{min-height:80px}#dedication-result a{color:var(--teal);text-decoration:underline}@media(max-width:650px){.community-controls{justify-content:center}.favorite-row{flex-wrap:wrap}.favorite-row>span{flex-basis:100%}}

#install-help{max-width: min(90vw, 520px)}#install-help p{line-height:1.8}

.feature-page{display:none}html[data-page="tv"] #tv,html[data-page="greetings"] #greetings,html[data-page="cards"] #cards{display:block}html:not([data-page="home"]) #community-hub{display:none}html[data-page="tv"] .intro,html[data-page="greetings"] .intro,html[data-page="cards"] .intro,html[data-page="tv"] .player,html[data-page="greetings"] .player,html[data-page="cards"] .player,html[data-page="tv"] #secondary>section,html[data-page="greetings"] #secondary>section,html[data-page="cards"] #secondary>section{display:none}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-tile,.feature-panel{padding:26px;border:1px solid var(--line);border-radius:16px;background:var(--paper,#fffdf7)}.feature-tile h3{color:var(--teal)}.feature-panel{display:flex;align-items:center;gap:25px}.feature-panel .primary{display:inline-block;padding:14px;border-radius:8px}.card-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px}#card-canvas{width:100%;height:auto;border-radius:16px}#greeting-form{max-width:650px}#greeting-steps li{margin:14px 0}.feature-page textarea{min-height:100px}@media(max-width:700px){.feature-grid,.card-layout{grid-template-columns:1fr}.feature-panel{flex-direction:column}}

html[data-page="memories"] #memories,html[data-page="postcards"] #postcards{display:block}html[data-page="memories"] .intro,html[data-page="postcards"] .intro,html[data-page="memories"] .player,html[data-page="postcards"] .player,html[data-page="memories"] #secondary>section,html[data-page="postcards"] #secondary>section{display:none}#postcard-canvas{width:100%;height:auto;border-radius:16px}#memory-form{max-width:700px;margin-bottom:35px}#memory-form textarea{min-height:180px}

#about{max-width:900px;margin-inline:auto}#about>p{line-height:2;margin-block:20px}#about>h3{margin-top:40px;color:var(--teal)}.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-block:35px}@media(max-width:650px){.mission-grid{grid-template-columns:1fr}}

body:not(.night) .brand,body:not(.night) .brand small{color:#000}

html:not([data-page="requests"]) #song-requests{display:none}#song-requests{margin:28px 0}#song-requests h2{margin-top:0}.request-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.request-fields label{margin:0}.request-fields input{width:100%;min-height:48px}#song-requests [data-type="result"]{white-space:normal;overflow-wrap:anywhere}#request-whatsapp{color:var(--teal);text-decoration:underline}#song-requests button:disabled{opacity:.6;cursor:wait}@media(max-width:650px){.request-fields{grid-template-columns:1fr}}

.song-picker{padding-block:12px 20px;margin-bottom:20px;border-bottom:1px solid var(--line)}.song-picker label{display:block;margin-bottom:14px}.song-picker input,.song-picker select{width:100%;min-width:0;max-width:100%;min-height:48px;font:inherit;color:inherit;background:var(--paper,#fffdf7);border:1px solid var(--line);border-radius:8px;padding:10px}.song-picker select option{color:#111;background:#fff}#catalog-note,#catalog-count{margin-block:10px}

html[data-page="requests"] main>.intro,html[data-page="requests"] main>.player,html[data-page="requests"] #secondary{display:none}html[data-page="requests"] #song-requests{margin-top:0}

#community-hub{display:none}html:not([data-page="schedule"]) #schedule,html:not([data-page="recent"]) #history{display:none}html[data-page="schedule"] main>.intro,html[data-page="schedule"] main>.player,html[data-page="recent"] main>.intro,html[data-page="recent"] main>.player,html[data-page="schedule"] #secondary>section,html[data-page="recent"] #secondary>section{display:none}html[data-page="schedule"] #secondary>#schedule,html[data-page="recent"] #secondary>#history{display:block;padding-top:0}header{flex-wrap:wrap;gap:18px;padding-block:18px}header>.brand{flex:1}header>.actions{order:2}header>nav{order:3;flex-basis:100%;flex-wrap:wrap;gap:8px 22px;padding-block:6px}header>nav a{font-size:15px;line-height:1.5;padding-block:7px}@media(max-width:650px){header>nav.open{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}header>nav a{font-size:14px;padding:8px 4px}}
/* Artist discovery and curator pages */
.discovery-page{display:none;padding:40px 0}.discovery-page>h2{font-size:clamp(28px,4vw,44px);margin:0 0 18px}.discovery-page label{display:block;max-width:650px;margin:25px 0}.discovery-page input{width:100%}.artist-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.artist-directory>details{background:var(--paper,#fffdf8);border:1px solid var(--line);border-radius:14px;padding:20px}.artist-directory summary{cursor:pointer;font-weight:700}.artist-songs{display:grid;gap:16px;padding-top:16px}.artist-songs article{border-top:1px solid var(--line);padding-top:12px}.artist-songs h3{margin:0 0 8px;font-size:20px}.discovery-request{display:inline-block;padding:6px 0}.weekly-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.surprise-picker{border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.schedule-local{border-top:1px solid var(--line);margin-top:18px;padding-top:8px}.schedule-local p{font-size:14px}.catalog-editor-row{border-bottom:1px solid var(--line);padding:12px 0;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.catalog-editor-row>span{flex:1}.catalog-editor-row>label{width:100%}
html[data-page=artists] #artists,html[data-page=weekly] #weekly{display:block}html[data-page=artists] main>.intro,html[data-page=artists] main>.player,html[data-page=artists] #secondary,html[data-page=weekly] main>.intro,html[data-page=weekly] main>.player,html[data-page=weekly] #secondary{display:none}
@media(max-width:700px){.artist-directory,.weekly-grid{grid-template-columns:1fr}.discovery-page{padding:25px 0}}
.night .artist-directory>details,.night .weekly-grid .feature-tile,.night .song-picker input,.night .song-picker select{background:var(--panel);color:var(--text)}.night .weekly-grid h3{color:var(--teal)}

.request-fields select,.weekly-filters select{width:100%;font:inherit;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text)}.weekly-filters{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:20px}.weekly-filters label{flex:1;min-width:200px}

.request-fields [hidden]{display:none!important}

.haqiba-channel{border-block-start:1px solid #ccc;padding-block:1rem;margin-top:1rem}.haqiba-channel h3{margin-top:0}.haqiba-channel a{display:inline-block;padding:.7rem;border:1px solid currentColor;border-radius:.4rem;color:inherit}

.channel-choice{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.channel-choice select{max-width:100%;font:inherit;padding:.65rem;border:1px solid currentColor;border-radius:.5rem;background:transparent;color:inherit}

.station-info>.haqiba-channel{border-block-start:0;border-block-end:1px solid #ccc;margin-top:0;margin-bottom:1.5rem;padding-top:0}

/* Library and recording discovery */
.request-filters{display:grid;grid-template-columns:1fr 1fr;gap:16px}.artist-songs button{display:block;margin-top:12px}.artist-songs .muted{font-size:.9rem}.artist-directory>details>a{display:inline-block;margin:15px}.discovery-page>button{margin:12px 0}@media(max-width:600px){.request-filters{grid-template-columns:1fr}}

/* DeeShaK orange theme: supplied palette, primary #F0750F. */
:root{--brand:#f0750f;--brand-ink:#9a4100;--accent:#f0750f;--teal:var(--brand-ink)}
.player-bottom,.sticky-player{background:var(--brand);color:#101415}
.primary{background:linear-gradient(135deg,#f0750f,#f09537);border-color:#c76706;color:#101415}.primary:hover{background:#f0a150}
.community-controls button[aria-pressed="true"]{background:var(--brand);color:#101415}
#player-status{color:var(--brand-ink)}
body.night{--brand-ink:#ffb16b;--teal:var(--brand-ink)}
.night .player-bottom,.night .sticky-player{background:#f0750f;color:#101415}

button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:#c76706}