:root{color-scheme:dark;--bg:#10191c;--card:#1a2528;--line:#ffffff12;--text:#f3f3eb;--muted:#9aadaa;--gold:#dcc391;--green:#b0d1c3;font-family:'Avenir Next','Segoe UI',Tahoma,Arial,sans-serif;font-size:clamp(14px,.98vw,38px)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--line);background:#ffffff05;border-radius:.65rem;padding:.55rem .85rem;transition:background .2s,border-color .2s}button:hover{background:#ffffff14}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:5px}button.selected{background:#c9d9cc14;border-color:#aec9b74d;color:#d7e7db}a{color:inherit;text-decoration:none}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 90% 20%,#6d745624,transparent 55%),radial-gradient(ellipse at 10% 90%,#244c4929,transparent 60%);z-index:-1}main{max-width:3900px;margin:auto;padding:2.2rem 3.6rem 1.3rem}header,.header-right,.sectionhead,.clockline,.dates,.homeintro,.device,.scenes,.transport,footer,footer>div{display:flex;align-items:center}header{justify-content:space-between}.brand{display:flex;gap:.8rem;align-items:center;letter-spacing:.25rem;font-weight:600;font-size:1.35rem}.brandmark{display:grid;place-items:center;width:2.65rem;height:2.65rem;border:1px solid #c9be9a75;border-radius:50% 50% 12% 12%;color:var(--gold);font-size:2.3rem;line-height:1;letter-spacing:0;font-family:Georgia,serif}.brand small{display:block;font-size:.49rem;letter-spacing:.18rem;margin-top:.4rem;color:var(--muted)}.header-right{gap:1.2rem;font-size:.8rem}.location{display:flex;gap:.6rem;align-items:center;color:var(--muted)}.dot{display:inline-block;width:.35rem;height:.35rem;border-radius:50%;background:#b1c5a3;box-shadow:0 0 .6rem #b1c5a340}.header-right button{font-size:.8rem}.header-right button span{color:var(--muted);margin-inline-start:.7rem;border-inline-start:1px solid var(--line);padding-inline-start:.6rem}.iconbutton{font-size:1.35rem!important;padding:.25rem .65rem}.hero{display:flex;justify-content:space-between;align-items:center;margin:3rem 0 2.7rem}.eyebrow{font-size:.64rem;letter-spacing:.16rem;color:var(--gold);font-weight:500}.clockline{gap:1rem;margin:.25rem 0 .5rem;direction:ltr;justify-content:flex-start}#clock{font-size:7.2rem;font-weight:350;letter-spacing:-.35rem;line-height:1.05;font-variant-numeric:tabular-nums}.clockline>div{align-self:center;display:flex;flex-direction:column;gap:.4rem;font-size:1.15rem;color:var(--gold)}.seconds{color:#718682;font-size:1.5rem;font-variant-numeric:tabular-nums}.dates{gap:1rem;color:#c0cbc6;font-size:.9rem}.date-divider{color:#50615e}.hero-quote{text-align:end;padding-inline-end:.6rem;margin-top:1.3rem}.arabic-quote{font-family:Georgia,Tahoma,serif;color:#e6dfc9;font-size:1.8rem}.hero-quote p{color:var(--muted);font-size:.85rem;margin:.65rem 0}.hero-quote small{font-size:.55rem;letter-spacing:.15rem;color:#718580}.dashboard{display:grid;grid-template-columns:1fr 1.26fr 1fr;gap:1.15rem}.card{background:linear-gradient(135deg,#253134bc,#172225eb);border:1px solid #a2b6a51b;box-shadow:0 1rem 3rem #00000013;border-radius:1.1rem;padding:1.35rem 1.4rem;min-width:0;position:relative;overflow:hidden}.sectionhead{justify-content:space-between;gap:.7rem;margin-bottom:1.5rem}.sectionhead h2{font-size:.91rem;font-weight:500;margin:0;display:flex;align-items:center;gap:.6rem}.sectionicon{color:var(--gold);font-size:1.25rem}.badge{font-size:.5rem;letter-spacing:.06rem;color:var(--green);padding:.3rem .5rem;border:1px solid #a9c8b02b;border-radius:.3rem;white-space:nowrap}.badge.demo{color:#b7b6a8;border-color:#b7b6a833}.source{font-size:.53rem;color:#93a5a0;margin-top:1rem;line-height:1.5}.weathercurrent{display:flex;align-items:center;justify-content:space-between}.temperature{font-size:4rem;letter-spacing:-.2rem;line-height:1}.weathericon{font-size:4rem;color:var(--gold);font-family:Arial,sans-serif}.condition{font-size:.85rem;margin:.5rem 0;color:#dae1da}.weatherstats{display:flex;gap:1.2rem;font-size:.65rem;color:var(--muted);padding-bottom:1.1rem;margin-top:.6rem;border-bottom:1px solid var(--line)}.forecast{display:flex;justify-content:space-between;margin-top:1rem;text-align:center}.forecast>div{display:flex;flex-direction:column;gap:.5rem;font-size:.62rem}.forecast .wi{font-size:1.4rem;color:var(--gold)}.forecast small{color:#849a94;font-size:.58rem}.nextprayer{display:flex;justify-content:space-between;align-items:center;position:relative;padding:.4rem 0 1.2rem;min-height:8.7rem}.nextprayer h3{font-family:Georgia,Tahoma,serif;font-weight:400;font-size:2.7rem;margin:.5rem 0 .25rem;color:#efe8d7}.muted{color:var(--muted);font-size:.8rem}.countdownblock{z-index:1;text-align:end;align-self:center}.countdownblock>span{font-size:.5rem;color:#c0cbbd;letter-spacing:.13rem}#countdown{font-size:1.85rem;font-variant-numeric:tabular-nums;letter-spacing:.05rem;margin-top:.5rem;color:var(--gold);direction:ltr}.arch{position:absolute;inset-inline-end:4%;top:-.3rem;width:6.5rem;height:10rem;border:1px solid #c9b47c13;border-radius:6rem 6rem 0 0;display:grid;place-items:center;color:#d3bf8310;font-size:5rem;pointer-events:none}.prayerlist{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:.95rem;gap:.2rem}.prayeritem{border-radius:.55rem;padding:.6rem .45rem;text-align:center;min-width:17%;font-size:.65rem;color:var(--muted)}.prayeritem strong{display:block;font-size:.85rem;margin-top:.5rem;font-weight:500;color:#e2e6dd}.prayeritem.active{background:#c6ba8613;color:var(--gold);border:1px solid #c8ba7c36}.prayeritem.active strong{color:var(--gold)}.football .sectionhead{margin-bottom:.5rem}.fixture{padding:1.1rem 0;border-bottom:1px solid var(--line)}.fixture:last-child{border:0;padding-bottom:.1rem}.fixture-meta{font-size:.52rem;color:#97aba5;letter-spacing:.05rem;margin-bottom:.8rem}.match{display:flex;align-items:center;gap:.75rem}.crest{display:grid;place-items:center;width:2.7rem;height:2.9rem;background:#d6bf51;color:#222b27;border:3px double #9a864b;border-radius:35% 35% 45% 45%;font-weight:700;font-size:.75rem;flex-shrink:0}.crest.city{background:#b7dbe9;border-radius:50%;border-color:#729fba;color:#1b3946}.match strong{font-size:.85rem;font-weight:500}.match small{display:block;color:var(--muted);font-size:.7rem;margin-top:.35rem}.matchtime{font-size:.7rem;color:var(--gold);margin-inline-start:auto;white-space:nowrap}.home{grid-column:span 2}.homeintro{gap:.8rem;margin:-.25rem 0 1.3rem}.homeylogo{font-weight:bold;display:grid;place-items:center;background:#e5ebe2;border-radius:50%;height:2.3rem;width:2.3rem;font-size:1.7rem;color:#293632;position:relative}.homeylogo span{font-size:.8rem;position:absolute;right:.35rem;top:.15rem}.homeintro strong{font-size:.9rem;font-weight:500}.homeintro small{display:block;font-size:.65rem;color:var(--muted);margin-top:.25rem}.connected{font-size:.58rem;margin-inline-start:auto;color:var(--muted)}.devices{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.device{gap:.8rem;text-align:start;background:#101c1d55;border:1px solid var(--line);border-radius:.65rem;padding:1rem}.device strong{font-size:.78rem;font-weight:500}.device small{display:block;color:var(--muted);font-size:.6rem;margin-top:.35rem}.deviceicon{font-size:1.6rem;color:var(--gold)}.switch{width:2.05rem;height:1.15rem;border-radius:1rem;background:#52615b;margin-inline-start:auto;position:relative}.switch:before{content:'';width:.85rem;height:.85rem;position:absolute;left:.15rem;top:.15rem;border-radius:50%;background:#e1e8da}.on .switch{background:#b4c9aa}.on .switch:before{left:1.05rem;background:#24392e}.stepper{display:flex;align-items:center;gap:.5rem;margin-inline-start:auto;direction:ltr}.stepper button{padding:.15rem .4rem;border:0;color:var(--muted)}.stepper span{font-size:1.15rem}.scenes{gap:.65rem;margin-top:1.2rem}.scenes>span{font-size:.5rem;letter-spacing:.1rem;color:var(--muted);margin-inline-end:auto}.scenes button{font-size:.65rem;padding:.5rem 1rem}.music-tabs{display:flex;align-items:center;gap:.4rem;margin-top:-.6rem}.music-tabs button{font-size:.65rem;padding:.4rem .9rem;border-radius:2rem;border:0}.music-tabs>span{margin-inline-start:auto;letter-spacing:.15rem;font-size:.6rem;color:#c4ccc4}.nowplaying{display:flex;align-items:center;gap:1.1rem;margin:1.2rem 0}.album{width:6.5rem;height:7rem;flex-shrink:0;background:radial-gradient(ellipse at 25% 80%,#c6ae7c9c,transparent 60%),linear-gradient(145deg,#809d8b,#1d3c38 65%);border-radius:.45rem;box-shadow:0 .6rem 1rem #0003;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden}.album>span{font-family:Georgia,serif;font-size:5rem;font-style:italic;line-height:.8;color:#d5d5bda6;transform:rotate(-20deg)}.album small{font-size:.55rem;letter-spacing:.25rem;margin-top:.6rem}.album.quran{background:radial-gradient(circle at 50% 30%,#b49b56,#1b4a41);border:4px double #c6b77a}.album.quran>span{font-size:3rem;transform:none}.track{flex:1;min-width:0}.track .eyebrow{font-size:.45rem;letter-spacing:.06rem}.track h3{font-size:1.1rem;font-weight:500;margin:.5rem 0 .4rem}.track p{font-size:.65rem;color:var(--muted);margin:0}.transport{gap:.4rem;margin-top:.9rem}.transport button{border:0;padding:.2rem;color:#ccd5cd;font-size:.9rem}.transport .play{width:2rem;height:2rem;border-radius:50%;background:#d8dfcd;color:#22342b;font-size:.8rem}.volume{display:flex;align-items:center;gap:.4rem;margin-inline-start:auto;color:var(--muted)}input[type=range]{width:3.3rem;height:.2rem;accent-color:#b8c9af;cursor:pointer}footer{justify-content:space-between;color:#889e95;font-size:.56rem;margin-top:1.3rem}footer>div{gap:.6rem}footer button{font-size:inherit;border:0;padding:0;background:none;color:#b2c0b7}.footersep{color:#496159}.empty{min-height:12rem;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.85rem;text-align:center;line-height:1.7}.toast{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);background:#d3dfcf;color:#23382d;border-radius:1rem;padding:.8rem 1.3rem;font-size:.85rem;box-shadow:0 1rem 3rem #0005;z-index:5}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}[dir=rtl] .hero-quote{text-align:start}[dir=rtl] .clockline{justify-content:flex-end}[dir=rtl] .clockline>div{order:-1}[dir=rtl] .eyebrow{letter-spacing:0}[dir=rtl] .brand{direction:ltr}[dir=rtl] .prayeritem{font-size:.8rem}
@media(min-aspect-ratio:19/10){main{max-width:180vh}}@media(max-width:1000px){:root{font-size:16px}main{padding:1.5rem}.dashboard{grid-template-columns:1fr 1fr}.football{grid-column:span 2}.football #fixtures{display:flex;gap:2rem}.fixture{flex:1;border:0}.home{grid-column:span 2}.music{grid-column:span 2}.hero{margin:2.5rem 0}.hero-quote{max-width:35%}#clock{font-size:6rem}.music .nowplaying{max-width:35rem}.forecast>div{font-size:.65rem}}@media(max-width:620px){main{padding:1rem}.header-right{gap:.5rem}.location{display:none}.hero{display:block}.hero-quote{display:none}.dates{font-size:.7rem;gap:.5rem}#clock{font-size:5.8rem}.dashboard{display:block}.card{margin-bottom:1rem;padding:1.2rem}.devices{grid-template-columns:1fr}.scenes{flex-wrap:wrap}.scenes>span{width:100%}.football #fixtures{display:block}footer{align-items:flex-start;gap:1rem;line-height:1.5}footer>div{flex-wrap:wrap}.brand{font-size:1.1rem}.brand small{font-size:.4rem}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Keep the complete TV composition within a 16:9 browser viewport. */
@media(min-width:1001px){:root{font-size:clamp(14px,.9vw,36px)}.hero{margin:1.65rem 0 1.5rem}.card{padding:1.2rem 1.35rem}.sectionhead{margin-bottom:1.1rem}.forecast>div{gap:.35rem}.homeintro{margin-bottom:1rem}.scenes{margin-top:1rem}}
@supports(backdrop-filter:blur(8px)){.card{backdrop-filter:blur(8px)}}
@media(min-width:1001px){:root{font-size:clamp(14px,.86vw,34px)}}