/* Hayom app — navy & gold. Fonts are vendored (OFL): Cormorant Garamond, Frank Ruhl Libre, Heebo. */
@font-face{font-family:"Cormorant Garamond";src:url(fonts/cormorant-garamond-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url(fonts/cormorant-garamond-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url(fonts/cormorant-garamond-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url(fonts/cormorant-garamond-latin-500-italic.woff2) format("woff2");font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:"Frank Ruhl Libre";src:url(fonts/frank-ruhl-libre-hebrew-400-normal.woff2) format("woff2");font-weight:400;unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;font-display:swap}
@font-face{font-family:"Frank Ruhl Libre";src:url(fonts/frank-ruhl-libre-hebrew-500-normal.woff2) format("woff2");font-weight:500;unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;font-display:swap}
@font-face{font-family:"Frank Ruhl Libre";src:url(fonts/frank-ruhl-libre-hebrew-700-normal.woff2) format("woff2");font-weight:700;unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;font-display:swap}
@font-face{font-family:"Frank Ruhl Libre";src:url(fonts/frank-ruhl-libre-latin-400-normal.woff2) format("woff2");font-weight:400;unicode-range:U+0000-00FF;font-display:swap}
@font-face{font-family:"Frank Ruhl Libre";src:url(fonts/frank-ruhl-libre-latin-500-normal.woff2) format("woff2");font-weight:500;unicode-range:U+0000-00FF;font-display:swap}
@font-face{font-family:"Heebo";src:url(fonts/heebo-latin-300-normal.woff2) format("woff2");font-weight:300;unicode-range:U+0000-00FF,U+2000-206F,U+2190-21FF;font-display:swap}
@font-face{font-family:"Heebo";src:url(fonts/heebo-latin-400-normal.woff2) format("woff2");font-weight:400;unicode-range:U+0000-00FF,U+2000-206F,U+2190-21FF;font-display:swap}
@font-face{font-family:"Heebo";src:url(fonts/heebo-latin-500-normal.woff2) format("woff2");font-weight:500;unicode-range:U+0000-00FF,U+2000-206F,U+2190-21FF;font-display:swap}
@font-face{font-family:"Heebo";src:url(fonts/heebo-latin-700-normal.woff2) format("woff2");font-weight:700;unicode-range:U+0000-00FF,U+2000-206F,U+2190-21FF;font-display:swap}
@font-face{font-family:"Heebo";src:url(fonts/heebo-hebrew-400-normal.woff2) format("woff2");font-weight:400;unicode-range:U+0590-05FF;font-display:swap}
@font-face{font-family:"Heebo";src:url(fonts/heebo-hebrew-500-normal.woff2) format("woff2");font-weight:500;unicode-range:U+0590-05FF;font-display:swap}

:root{
  --bg:#060d1c;--bg2:#0a1630;--card:rgba(17,32,64,.62);--card2:rgba(22,40,78,.75);
  --line:rgba(214,178,110,.20);--line2:rgba(214,178,110,.38);
  --gold:#d6b26e;--gold2:#efd59b;--gold3:#a8854a;
  --ink:#eef1f7;--ink2:#c9d1e0;--mute:#8f9bb3;--mute2:#66728a;
  --serif:"Cormorant Garamond","EB Garamond",Georgia,serif;
  --heb:"Frank Ruhl Libre","David Libre",serif;
  --sans:"Heebo",system-ui,-apple-system,"Segoe UI",sans-serif;
  --tabH:66px;--hdrH:56px;--pad:16px;--r:14px;
  --safeB:env(safe-area-inset-bottom,0px);--safeT:env(safe-area-inset-top,0px);
}
*{box-sizing:border-box}
html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}
body{overflow:hidden;overscroll-behavior:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
a{color:var(--gold2)}
:focus-visible{outline:2px solid var(--gold2);outline-offset:2px;border-radius:6px}
.he{font-family:var(--heb);direction:rtl;unicode-bidi:isolate}
.num{font-variant-numeric:tabular-nums}
bdi{unicode-bidi:isolate}

#backdrop{display:none}
#shell{position:relative;height:100vh;height:100dvh;overflow:hidden;margin:0 auto;background:
  radial-gradient(120% 60% at 50% 0%,#0d1d3d 0%,var(--bg) 62%) fixed}
#screens{position:absolute;left:0;right:0;top:0;bottom:calc(var(--tabH) + var(--safeB))}

/* starfield (pure CSS dots) */
.stars{position:absolute;inset:0;pointer-events:none;opacity:.55;background-image:
 radial-gradient(1px 1px at 12% 18%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 72% 12%,#fff 50%,transparent 51%),
 radial-gradient(1.2px 1.2px at 40% 32%,#f6e7c3 50%,transparent 51%),radial-gradient(1px 1px at 88% 44%,#fff 50%,transparent 51%),
 radial-gradient(1px 1px at 22% 62%,#fff 50%,transparent 51%),radial-gradient(1.3px 1.3px at 58% 74%,#fff 50%,transparent 51%),
 radial-gradient(1px 1px at 8% 86%,#f6e7c3 50%,transparent 51%),radial-gradient(1px 1px at 92% 82%,#fff 50%,transparent 51%),
 radial-gradient(.8px .8px at 33% 8%,#fff 50%,transparent 51%),radial-gradient(.8px .8px at 64% 46%,#fff 50%,transparent 51%),
 radial-gradient(.8px .8px at 79% 64%,#fff 50%,transparent 51%),radial-gradient(.8px .8px at 48% 92%,#fff 50%,transparent 51%);
 background-size:260px 260px}

/* screens */
.scr{position:absolute;inset:0;overflow:hidden;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility 0s linear .9s}
.scr.on{opacity:1;visibility:visible;transition:opacity .9s ease,visibility 0s}
body.browse .scr{transition-duration:.22s,0s;transition-delay:0s,.22s}
body.browse .scr.on{overflow-y:auto;-webkit-overflow-scrolling:touch;transition-delay:0s}
.in{position:relative;padding:0 var(--pad) 22px;min-height:100%}
body.play .fit-hide,body.play .pg-hide,body.play .past{display:none!important}
body.browse .play-only{display:none!important}
body.play .browse-only{display:none!important}

/* screen header */
.hdr{height:var(--hdrH);display:flex;align-items:center;gap:10px;padding-top:var(--safeT);padding-right:52px}
.hdr h1{margin:0;font-family:var(--serif);font-weight:600;font-size:1.72rem;letter-spacing:.01em;color:var(--gold2);line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hdr .hico{width:22px;height:22px;color:var(--gold);flex:none}
.hdr .sub{font-family:var(--heb);color:var(--gold);font-size:1rem;margin-inline-start:auto;opacity:.85}
.wordmark{font-family:var(--serif);font-weight:600;font-size:2.35rem;line-height:1;letter-spacing:.02em;
  background:linear-gradient(180deg,#f7e6b8 0%,#d9b46d 55%,#b48a45 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:0 0 30px rgba(214,178,110,.25)}
.playbtn{position:absolute;z-index:30;top:calc(var(--safeT) + 10px);right:12px;width:36px;height:36px;border-radius:50%;
  display:grid;place-items:center;border:1px solid var(--line2);background:rgba(6,13,28,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--gold2)}
.playbtn svg{width:16px;height:16px;fill:currentColor;stroke:none}
#progress{position:absolute;z-index:29;left:0;right:0;top:calc(var(--safeT) + var(--hdrH) - 1px);height:2px;background:rgba(214,178,110,.08);pointer-events:none}
#progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold3),var(--gold2));box-shadow:0 0 8px rgba(239,213,155,.6)}
body.browse #progress{opacity:0}

/* tab bar */
#tabs{position:absolute;z-index:40;left:0;right:0;bottom:0;height:calc(var(--tabH) + var(--safeB));padding-bottom:var(--safeB);
  display:grid;grid-template-columns:repeat(5,1fr);background:linear-gradient(180deg,rgba(9,19,40,.96),rgba(5,11,24,.99));border-top:1px solid var(--line)}
#tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--mute);font-size:.7rem;letter-spacing:.02em;position:relative}
#tabs button svg{width:24px;height:24px}
#tabs button.on{color:var(--gold2)}
#tabs button.on::before{content:"";position:absolute;top:-1px;left:28%;right:28%;height:2px;background:var(--gold);border-radius:2px;box-shadow:0 0 10px rgba(214,178,110,.7)}
svg.i{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}

/* generic */
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r)}
.gold-card{border-color:var(--gold);box-shadow:0 0 0 1px rgba(214,178,110,.35) inset,0 0 22px rgba(214,178,110,.12)}
.lbl{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.sec-t{display:flex;align-items:baseline;justify-content:space-between;margin:18px 2px 8px;font-family:var(--serif);font-size:1.18rem;color:var(--gold2);font-weight:600}
.sec-t .he{font-size:.95rem;color:var(--gold);font-weight:400}
.ref{font-size:.72rem;color:var(--mute);white-space:nowrap}
.src{font-size:.7rem;color:var(--mute2);line-height:1.5;margin:14px 2px 0}
.foot{margin:16px 2px 0;padding-top:12px;border-top:1px solid var(--line);font-family:var(--heb);direction:rtl;text-align:center;color:var(--gold);font-size:.92rem;line-height:1.6}
.foot .luach{display:block;font-size:.78rem;color:var(--mute)}
.seg{display:flex;background:rgba(10,22,46,.8);border:1px solid var(--line);border-radius:999px;padding:3px;gap:2px}
.seg button{flex:1;padding:7px 10px;border-radius:999px;font-size:.8rem;color:var(--mute);white-space:nowrap}
.seg button.on{background:linear-gradient(180deg,#e2c283,#b8924f);color:#0a1428;font-weight:500}
.subtabs{display:flex;gap:18px;border-bottom:1px solid var(--line);margin:0 0 12px;overflow-x:auto;scrollbar-width:none}
.subtabs::-webkit-scrollbar{display:none}
.subtabs button{padding:8px 0 9px;font-size:.84rem;color:var(--mute);border-bottom:2px solid transparent;white-space:nowrap}
.subtabs button.on{color:var(--gold2);border-color:var(--gold)}
.pill{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;border:1px solid var(--line2);background:rgba(12,26,54,.7);font-size:.84rem;color:var(--ink)}
.pill svg{width:16px;height:16px;color:var(--gold)}
.pill.gold{border-color:var(--gold);color:var(--gold2)}
.app-line{margin-top:8px;padding:9px 11px;border-inline-start:2px solid var(--gold);background:rgba(214,178,110,.06);border-radius:0 10px 10px 0;font-size:.86rem;line-height:1.45;color:var(--ink2)}
html[dir=rtl] .app-line{border-radius:10px 0 0 10px}
.app-line .he{display:block;font-size:.98rem;color:var(--ink)}
.app-line .ref{display:block;margin-top:3px;white-space:normal}

/* TODAY */
.hero{position:relative;margin:0 calc(-1 * var(--pad));padding:0 var(--pad) 6px;min-height:268px}
.hero::before{content:"";position:absolute;inset:0;background:url(img/app/hdr.jpg) 30% 38%/cover no-repeat;z-index:0}
.hero::after{content:"";position:absolute;inset:0;z-index:0;background:
  radial-gradient(60% 45% at 26% 14%,rgba(232,196,120,.42),rgba(232,196,120,0) 70%),
  linear-gradient(180deg,rgba(6,13,28,.25) 0%,rgba(6,13,28,.30) 40%,rgba(6,13,28,.78) 72%,var(--bg) 100%)}
.hero>*{position:relative;z-index:1}
.hero .hdr{padding-right:52px}
.loc{display:inline-flex;align-items:center;gap:6px;font-size:.92rem;color:var(--ink);margin-top:2px;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.loc svg{width:16px;height:16px;color:var(--gold2)}
.chips{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.chip{display:flex;align-items:center;gap:9px;padding:8px 11px;border-radius:12px;background:rgba(6,13,28,.62);border:1px solid var(--line2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);min-width:0;flex:1 1 0}
.chip svg{width:30px;height:30px;color:var(--gold2);flex:none}
.chip .t{font-size:1.25rem;font-weight:500;line-height:1}
.chip .s{font-size:.72rem;color:var(--ink2);line-height:1.3}
.chip .tiny{font-size:.62rem;color:var(--mute);line-height:1.25;margin-top:2px}
.chip.asp .st{font-size:.92rem;font-weight:500;color:var(--gold2);line-height:1.2}
.chip.asp.susp .st{color:#9fe0b0}
.hdate{font-family:var(--heb);font-weight:500;font-size:3.1rem;line-height:1.1;color:var(--gold2);text-align:center;direction:rtl;margin:14px 0 0;
  text-shadow:0 0 28px rgba(214,178,110,.28)}
.edate{text-align:center;font-family:var(--serif);font-size:1.38rem;color:var(--ink);margin-top:2px}
.cdate{text-align:center;font-size:.86rem;color:var(--mute);margin-top:2px}
.pills{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0 0}
.daf{display:flex;align-items:center;gap:12px;margin-top:12px;padding:11px 14px}
.daf svg{width:26px;height:26px;color:var(--gold)}
.daf .v{font-family:var(--serif);font-size:1.22rem;font-weight:600}
.daf .h{margin-inline-start:auto;font-family:var(--heb);color:var(--gold2);font-size:1.05rem}
.zgrid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:12px;border:1px solid var(--line);border-radius:var(--r);background:var(--card);overflow:hidden}
.z{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:11px 4px 10px;text-align:center;border-inline-end:1px solid var(--line);border-bottom:1px solid var(--line)}
.z:nth-child(3n){border-inline-end:0}
.z:nth-last-child(-n+3){border-bottom:0}
.z svg{width:26px;height:26px;color:var(--gold)}
.z .n{font-size:.7rem;color:var(--ink2);line-height:1.15;min-height:2.3em;display:flex;align-items:center}
.z .tv{font-size:1.06rem;font-weight:500;font-variant-numeric:tabular-nums;color:var(--ink)}
.z .tv small{font-size:.62rem;color:var(--mute);margin-inline-start:2px;font-weight:400}
.z.sp{background:rgba(214,178,110,.08)}
.z.sp .n{color:var(--gold2)}
.z.nowz .tv{color:var(--gold2)}

/* CALENDAR */
.monthsel{display:flex;align-items:center;justify-content:space-between;padding:8px 6px;margin-top:2px}
.monthsel button.ar{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--gold)}
.monthsel button.ar svg{width:18px;height:18px}
.monthsel .m{text-align:center}
.monthsel .m b{display:block;font-family:var(--serif);font-size:1.4rem;font-weight:600;color:var(--ink)}
.monthsel .m span{font-family:var(--heb);color:var(--gold);font-size:.98rem}
.mgrid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin-top:4px}
.mgrid .dh{font-size:.62rem;color:var(--mute);text-align:center;letter-spacing:.08em;padding:2px 0 4px}
.mgrid .c{position:relative;text-align:center;padding:5px 0 4px;border-radius:9px;min-height:40px}
.mgrid .c .h{display:block;font-family:var(--heb);font-size:1.02rem;line-height:1.1}
.mgrid .c .g{display:block;font-size:.6rem;color:var(--mute)}
.mgrid .c.sh{background:rgba(214,178,110,.05)}
.mgrid .c.hasev::after{content:"";position:absolute;left:50%;bottom:3px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--gold)}
.mgrid .c.today{background:linear-gradient(180deg,#e7c98c,#b98f4b);color:#0a1428}
.mgrid .c.today .g{color:#2a2410}
.mgrid .c.today::after{background:#0a1428}
.todaycard{display:flex;align-items:center;gap:14px;padding:12px 14px;margin-top:12px}
.todaycard .d{font-family:var(--heb);font-size:2rem;color:var(--gold2);line-height:1;min-width:52px;text-align:center}
.todaycard .w{font-size:.78rem;color:var(--mute)}
.todaycard .e{font-family:var(--serif);font-size:1.15rem;font-weight:600}
.evlist{display:flex;flex-direction:column;gap:7px}
.ev{display:flex;align-items:center;gap:12px;padding:10px 12px}
.ev .ic{width:36px;height:36px;border-radius:50%;border:1px solid var(--line2);display:grid;place-items:center;color:var(--gold);flex:none}
.ev .ic svg{width:20px;height:20px}
.ev .nm{font-size:.95rem;color:var(--ink);line-height:1.25}
.ev .hd{font-family:var(--heb);font-size:.85rem;color:var(--gold);direction:rtl;text-align:start}
html[dir=ltr] .ev .hd{text-align:left}
.ev .dt{margin-inline-start:auto;text-align:end;font-size:.78rem;color:var(--ink2);white-space:nowrap;line-height:1.35}
.ev .dt b{display:block;font-weight:500;color:var(--ink)}
.ev .det{font-size:.72rem;color:var(--mute);line-height:1.3}

/* HOURS */
.daynight{display:flex;gap:10px;align-items:center;margin:4px 0 10px}
.daynight .seg{flex:1}
.sum{font-size:.76rem;color:var(--mute);text-align:center;margin:-2px 0 10px}
.curhour{display:flex;gap:14px;align-items:center;padding:14px}
.curhour .big{width:64px;height:64px}
.curhour .k{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.curhour .n{font-family:var(--serif);font-size:1.6rem;font-weight:600;line-height:1.1}
.curhour .n .he{font-size:1.3rem;color:var(--gold2);margin-inline-start:8px}
.curhour .r{font-size:.84rem;color:var(--ink2)}
.pimg{border-radius:50%;object-fit:cover;background:#000;box-shadow:0 0 0 1px rgba(214,178,110,.35),0 0 14px rgba(0,0,0,.6);flex:none}
.pimg.sat{border-radius:0;object-fit:contain;background:none;box-shadow:none}
.hlist{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.hr{display:grid;grid-template-columns:28px 34px 1fr auto;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;border:1px solid transparent}
.hr .no{font-family:var(--serif);font-size:1.1rem;color:var(--mute);text-align:center}
.hr img{width:30px;height:30px}
.hr .pn{font-size:.95rem}
.hr .pn .he{color:var(--gold2);margin-inline-start:8px;font-size:1rem}
.hr .tt{font-size:.82rem;color:var(--ink2);font-variant-numeric:tabular-nums;white-space:nowrap}
.hr:nth-child(odd){background:rgba(17,32,64,.35)}
.hr.cur{border-color:var(--gold);background:rgba(214,178,110,.09);box-shadow:0 0 18px rgba(214,178,110,.15)}
.hr.cur .no{color:var(--gold2)}
.hr.past{opacity:.5}

/* MAZALOS */
.mzhead{padding:14px 14px 12px;text-align:center}
.mzhead .t{font-family:var(--heb);font-size:1.5rem;color:var(--gold2);direction:rtl}
.mzhead .q{font-family:var(--heb);font-size:1rem;color:var(--ink2);direction:rtl;margin-top:6px;line-height:1.5}
.mzhead .ref{display:block;margin-top:4px}
.wheel{position:relative;margin:10px auto 0;max-width:420px;aspect-ratio:1}
.wheel svg{width:100%;height:100%;display:block}
.wheel .stars{border-radius:50%;opacity:.7}
.mzline{font-size:.9rem;color:var(--ink2);text-align:center;margin-top:8px;line-height:1.45}
.mzline b{color:var(--gold2);font-weight:500}
.prow{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:start;padding:11px 12px}
.prow img{width:40px;height:40px}
.prow .t{font-size:.95rem}
.prow .t .he{color:var(--gold2);margin-inline-start:6px}
.prow .m{font-size:.8rem;color:var(--ink2)}
.srcs li{margin:0 0 10px;font-size:.86rem;line-height:1.5;color:var(--ink2)}
.srcs .he{display:block;font-size:.95rem;color:var(--ink)}
.srcs{list-style:none;padding:0;margin:0}

/* MOON */
.moonbox{display:flex;flex-direction:column;align-items:center;margin-top:4px}
.moonimg{position:relative;width:210px;height:210px;border-radius:50%;box-shadow:0 0 60px rgba(239,213,155,.18)}
.moonimg img{width:100%;height:100%;border-radius:50%;display:block}
.moonimg svg{position:absolute;inset:0;width:100%;height:100%}
.phn{font-family:var(--heb);font-size:1.5rem;color:var(--gold2);margin-top:12px;direction:rtl}
.phe{font-family:var(--serif);font-size:1.25rem;color:var(--ink)}
.pct{font-size:.84rem;color:var(--mute);margin-top:2px}
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.tile{padding:11px 12px}
.tile .k{display:flex;align-items:center;gap:6px;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.tile .k svg{width:16px;height:16px;color:var(--gold)}
.tile .v{font-size:1.02rem;margin-top:4px;color:var(--ink);line-height:1.3}
.tile .v small{font-size:.66rem;color:var(--mute);margin-inline-start:2px}
.tile.wide{grid-column:1/-1}

/* PLANETS */
.plrow{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;padding:11px 12px}
.plrow img{width:52px;height:52px}
.plrow .nm{font-family:var(--serif);font-size:1.25rem;font-weight:600;line-height:1}
.plrow .nm .he{font-family:var(--heb);font-size:1.05rem;color:var(--gold2);margin-inline-start:8px;font-weight:400}
.plrow .m{font-size:.76rem;color:var(--ink2);margin-top:4px;line-height:1.35}
.plrow .rs{text-align:end;font-size:.8rem;color:var(--ink2);line-height:1.5;white-space:nowrap;font-variant-numeric:tabular-nums}
.plrow .rs b{font-weight:500;color:var(--ink)}
.plrow .vis{grid-column:2/-1;font-size:.76rem;color:var(--gold);margin-top:-4px}
.plrow .vis.no{color:var(--mute)}

/* YAHRZEITS */
.yz{display:grid;grid-template-columns:84px 1fr;gap:14px;padding:12px;align-items:start}
.yz .ph{width:84px;height:104px;border-radius:10px;overflow:hidden;border:1px solid var(--line2);background:#0b1730;position:relative}
.yz .ph img{width:100%;height:100%;object-fit:cover;display:block}
.yz .ph .cap{position:absolute;left:0;right:0;bottom:0;font-size:.55rem;padding:2px 4px;background:rgba(6,13,28,.75);color:var(--ink2);text-align:center;line-height:1.2}
.mono{display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#16295a,#0a1430 75%)!important}
.mono span{font-family:var(--heb);font-size:2.6rem;color:var(--gold2);line-height:1;text-shadow:0 0 18px rgba(214,178,110,.35)}
.mono::after{content:"";position:absolute;inset:6px;border:1px solid rgba(214,178,110,.4);border-radius:7px}
.yz .nh{font-family:var(--heb);font-size:1.22rem;color:var(--gold2);line-height:1.25;direction:rtl;text-align:start}
html[dir=ltr] .yz .nh{text-align:left}
.yz .ne{font-family:var(--serif);font-size:1.05rem;color:var(--ink);line-height:1.2;margin-top:2px}
.yz .yr{font-size:.76rem;color:var(--mute);margin-top:4px}
.yz .bio{font-size:.84rem;line-height:1.45;color:var(--ink2);margin-top:6px}
.yz .bio p{margin:0 0 4px}
.yz .kv{display:flex;gap:5px;align-items:flex-start;font-size:.78rem;color:var(--ink2);margin-top:6px}
.yz .kv svg{width:14px;height:14px;color:var(--gold);flex:none;margin-top:2px}
.yz details{grid-column:1/-1;margin-top:-4px}
.yz summary{font-size:.76rem;color:var(--gold);cursor:pointer;list-style:none}
.yz summary::-webkit-details-marker{display:none}
.yz .more{font-size:.76rem;color:var(--mute);line-height:1.5;margin-top:6px}
.yz .more p{margin:0 0 6px}
body.play .yz .bio p:nth-child(n+4){display:none}
.mgroup{margin-bottom:10px}
.mgroup .gd{font-family:var(--heb);font-size:.95rem;color:var(--gold);padding:6px 2px 4px;display:flex;justify-content:space-between;direction:rtl}
.mgroup .gd span{font-family:var(--sans);font-size:.74rem;color:var(--mute);direction:ltr}
.mgroup.today .gd{color:var(--gold2)}
.mrow{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:10px}
.mrow:nth-child(even){background:rgba(17,32,64,.4)}
.mrow .th{width:34px;height:34px;border-radius:8px;overflow:hidden;flex:none;position:relative;border:1px solid var(--line)}
.mrow .th img{width:100%;height:100%;object-fit:cover}
.mrow .th.mono span{font-size:1.1rem}
.mrow .th.mono::after{inset:3px;border-radius:5px}
.mrow .a{font-family:var(--heb);font-size:.98rem;direction:rtl}
.mrow .b{font-size:.74rem;color:var(--mute)}

/* WEATHER */
.wxnow{display:flex;align-items:center;gap:18px;padding:18px 16px}
.wxnow svg{width:84px;height:84px;color:var(--gold2)}
.wxnow .t{font-family:var(--serif);font-size:4rem;font-weight:500;line-height:.9}
.wxnow .c{font-size:1rem;color:var(--ink)}
.wxnow .hl{font-size:.84rem;color:var(--mute)}
.wxtiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}
.wxtiles .tile{text-align:center;padding:10px 4px}
.wxtiles .tile .k{justify-content:center;font-size:.6rem}
.wxtiles .tile .v{font-size:1.05rem}
.fc{display:grid;grid-template-columns:62px 34px 46px 1fr;align-items:center;gap:10px;padding:10px 12px}
.fc+.fc{border-top:1px solid var(--line)}
.fc svg{width:30px;height:30px;color:var(--gold2)}
.fc .p{font-size:.76rem;color:#9cc3ea}
.fc .rg{display:flex;align-items:center;gap:8px;font-size:.9rem;font-variant-numeric:tabular-nums}
.fc .rg i{flex:1;height:4px;border-radius:2px;background:rgba(255,255,255,.08);position:relative}
.fc .rg i b{position:absolute;top:0;bottom:0;border-radius:2px;background:linear-gradient(90deg,#7fb3e0,var(--gold))}
.credit{font-size:.7rem;color:var(--mute);text-align:center;margin-top:12px}

/* LEARNING */
.dafbig{padding:16px;text-align:center}
.dafbig .he{font-size:1.7rem;color:var(--gold2);display:block}
.dafbig .en{font-family:var(--serif);font-size:1.25rem}
.otd{padding:12px 14px;margin-bottom:8px}
.otd .tx{font-size:.95rem;line-height:1.45}
.otd .tx.he{font-size:1.05rem;display:block}
.otd .sig{margin-top:8px}
.otd .sig .k{font-family:var(--heb);font-size:.82rem;color:var(--gold);direction:rtl}
.otd img{width:100%;max-height:170px;object-fit:cover;border-radius:10px;margin-bottom:8px}
.empty{font-size:.88rem;color:var(--mute);padding:12px 14px}

/* MORE / SETTINGS */
.menu{display:flex;flex-direction:column}
.menu button{display:flex;align-items:center;gap:14px;padding:15px 14px;text-align:start;border-bottom:1px solid var(--line)}
.menu button:last-child{border-bottom:0}
.menu svg{width:22px;height:22px;color:var(--gold)}
.menu .t{font-size:1rem}
.menu .s{font-size:.76rem;color:var(--mute)}
.menu .chev{margin-inline-start:auto;width:16px;height:16px;color:var(--mute)}
form.set{display:flex;flex-direction:column;gap:12px}
form.set label{display:flex;flex-direction:column;gap:5px;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
form.set input,form.set select{font:inherit;font-size:1rem;letter-spacing:0;text-transform:none;color:var(--ink);background:#0b1834;border:1px solid var(--line2);border-radius:10px;padding:10px 12px}
form.set .row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:12px;background:linear-gradient(180deg,#e2c283,#b8924f);color:#0a1428;font-weight:500}
.btn.ghost{background:none;border:1px solid var(--line2);color:var(--gold2)}
.back{display:inline-flex;align-items:center;gap:4px;color:var(--gold);font-size:.9rem}
.back svg{width:18px;height:18px}
.credits li{font-size:.78rem;color:var(--ink2);line-height:1.45;margin-bottom:7px}
.credits{padding-inline-start:18px;margin:0}

/* Hebrew UI */
html[dir=rtl] .playbtn{right:auto;left:12px}
html[dir=rtl] .hdr{padding-right:0;padding-left:52px}
html[dir=rtl] .hdr h1{font-family:var(--heb);font-weight:500;font-size:1.55rem}
html[dir=rtl] body{font-family:var(--sans)}
html[dir=rtl] .back svg,html[dir=rtl] .menu .chev,html[dir=rtl] .monthsel .ar svg{transform:scaleX(-1)}

/* small phones */
@media (max-width:370px){
  :root{--pad:13px}
  html,body{font-size:15px}
  .hdate{font-size:2.75rem}
  .chip{padding:7px 9px}
}
@media (max-height:700px) and (orientation:portrait){
  .hero{min-height:236px}
  .hdate{font-size:2.6rem;margin-top:8px}
  .z{padding:8px 4px 7px}
}
/* tablet portrait */
@media (min-width:700px) and (orientation:portrait){
  html,body{font-size:18px}
  :root{--pad:28px;--tabH:74px;--hdrH:64px}
  .hero{min-height:340px}
  .wheel{max-width:520px}
  .moonimg{width:280px;height:280px}
}
/* desktop app-mode (?tv=0): phone-width column */
@media (min-width:900px){
  body:not(.tv) #backdrop{display:block;position:fixed;inset:0;background:url(img/app/hdr.jpg) center/cover;filter:blur(18px) brightness(.35);transform:scale(1.1)}
  body:not(.tv) #shell{max-width:480px;box-shadow:0 0 0 1px var(--line),0 30px 80px rgba(0,0,0,.6)}
  body:not(.tv){font-size:16px}
}

/* ---------- TV: pure slideshow, fills the screen ---------- */
body.tv{font-size:1.85vh}
body.tv #tabs,body.tv .playbtn,body.tv .subtabs,body.tv .seg,body.tv .daynight,body.tv .browse-only{display:none!important}
body.tv #screens{bottom:0}
body.tv #shell{max-width:none}
body.tv{--pad:4.2vh;--hdrH:9vh;--r:1.4vh}
body.tv #progress{top:auto;bottom:0;height:.35vh}
body.tv .in{padding:0 var(--pad) 3vh;height:100%;display:flex;flex-direction:column}
body.tv .hdr{height:var(--hdrH);padding-right:0}
body.tv .hdr h1{font-size:4.2vh}
body.tv .hdr .hico{width:3.4vh;height:3.4vh}
body.tv .hdr .sub{font-size:2.6vh}
body.tv .cols{display:grid;grid-template-columns:1fr 1fr;gap:4vh;flex:1;min-height:0}
body.tv .cols>*{min-height:0;overflow:hidden}
body.tv .sec-t{font-size:2.6vh;margin:1.6vh 0 1vh}
body.tv .card{border-radius:1.4vh}
/* today on TV: photo column + data column */
body.tv #s-today .in{padding:0;flex-direction:row}
body.tv #s-today .hero{flex:0 0 46%;margin:0;min-height:0;height:100%;padding:0 4vh 4vh;display:flex;flex-direction:column}
body.tv #s-today .hero::after{background:radial-gradient(60% 40% at 30% 12%,rgba(232,196,120,.45),rgba(232,196,120,0) 70%),linear-gradient(90deg,rgba(6,13,28,.15) 0%,rgba(6,13,28,.35) 60%,var(--bg) 100%),linear-gradient(180deg,rgba(6,13,28,0) 55%,rgba(6,13,28,.85) 100%)}
body.tv #s-today .wordmark{font-size:7vh}
body.tv #s-today .hero .hdr{height:12vh;padding:0}
body.tv .loc{font-size:2.3vh}
body.tv .loc svg{width:2.4vh;height:2.4vh}
body.tv .chips{margin-top:auto;gap:1.4vh}
body.tv .chip{padding:1.4vh 1.6vh;border-radius:1.4vh}
body.tv .chip svg{width:5vh;height:5vh}
body.tv .chip .t{font-size:3.4vh}
body.tv .chip .s{font-size:1.7vh}
body.tv .chip .tiny{font-size:1.4vh}
body.tv .chip.asp .st{font-size:2.3vh}
body.tv #s-today .tcol{flex:1;padding:5vh 5vh 4vh 2vh;display:flex;flex-direction:column;justify-content:center}
body.tv .hdate{font-size:10vh;margin:0}
body.tv .edate{font-size:3.6vh}
body.tv .cdate{font-size:2.1vh}
body.tv .pills{gap:1.2vh;margin-top:2vh}
body.tv .pill{font-size:2vh;padding:.9vh 1.8vh}
body.tv .pill svg{width:2.4vh;height:2.4vh}
body.tv .daf{padding:1.6vh 2vh;margin-top:2vh}
body.tv .daf svg{width:3.6vh;height:3.6vh}
body.tv .daf .v{font-size:2.9vh}
body.tv .daf .h{font-size:2.6vh}
body.tv .lbl{font-size:1.4vh}
body.tv .zgrid{margin-top:2.4vh}
body.tv .z{padding:1.8vh .6vh}
body.tv .z svg{width:3.8vh;height:3.8vh}
body.tv .z .n{font-size:1.65vh}
body.tv .z .tv{font-size:2.9vh}
body.tv .z .tv small{font-size:1.5vh}
/* calendar on TV */
body.tv .monthsel .m b{font-size:3.6vh}
body.tv .monthsel .m span{font-size:2.4vh}
body.tv .monthsel button.ar{display:none}
body.tv .mgrid{gap:.6vh}
body.tv .mgrid .dh{font-size:1.5vh}
body.tv .mgrid .c{min-height:8.4vh;padding:1vh 0;border-radius:1vh}
body.tv .mgrid .c .h{font-size:2.8vh}
body.tv .mgrid .c .g{font-size:1.5vh}
body.tv .mgrid .c.hasev::after{width:.7vh;height:.7vh;bottom:.8vh}
body.tv .todaycard .d{font-size:5vh;min-width:9vh}
body.tv .todaycard .e{font-size:2.8vh}
body.tv .todaycard .w{font-size:1.8vh}
body.tv .evlist{gap:1vh}
body.tv .ev{padding:1.3vh 1.6vh;gap:1.6vh}
body.tv .ev .ic{width:5vh;height:5vh}
body.tv .ev .ic svg{width:2.8vh;height:2.8vh}
body.tv .ev .nm{font-size:2.3vh}
body.tv .ev .hd{font-size:2vh}
body.tv .ev .dt{font-size:1.9vh}
body.tv .ev .det{font-size:1.6vh}
/* hours on TV */
body.tv .curhour{padding:3vh}
body.tv .curhour .big{width:14vh;height:14vh}
body.tv .curhour .k{font-size:1.7vh}
body.tv .curhour .n{font-size:5vh}
body.tv .curhour .n .he{font-size:4.2vh}
body.tv .curhour .r{font-size:2.2vh}
body.tv .sum{font-size:1.9vh;margin:1.6vh 0}
body.tv .app-line{font-size:2vh;padding:1.4vh 1.8vh}
body.tv .app-line .he{font-size:2.4vh}
body.tv .app-line .ref{font-size:1.6vh}
body.tv .hlist{display:grid;grid-template-columns:1fr 1fr;gap:.9vh 2vh;margin-top:0}
body.tv .hr{grid-template-columns:3.4vh 4.4vh 1fr auto;padding:1.1vh 1.4vh;gap:1.2vh;border-radius:1.2vh}
body.tv .hr img{width:4.2vh;height:4.2vh}
body.tv .hr .no{font-size:2.4vh}
body.tv .hr .pn{font-size:2.1vh}
body.tv .hr .pn .he{font-size:2.3vh}
body.tv .hr .tt{font-size:1.9vh}
body.tv.play .hr.past{display:grid!important}
body.tv .hrsec{font-size:2.2vh;color:var(--gold2);font-family:var(--serif);margin:0 0 1.2vh;grid-column:1/-1}
/* mazalos on TV */
body.tv .mzhead{padding:3vh}
body.tv .mzhead .t{font-size:4.6vh}
body.tv .mzhead .q{font-size:2.6vh}
body.tv .mzhead .ref{font-size:1.7vh}
body.tv .wheel{max-width:none;height:100%;margin:0 auto}
body.tv .mzline{font-size:2.2vh}
body.tv .prow{padding:1.2vh 1.6vh;grid-template-columns:5vh 1fr;gap:1.6vh}
body.tv .prow img{width:5vh;height:5vh}
body.tv .prow .t{font-size:2.2vh}
body.tv .prow .m{font-size:1.8vh}
body.tv .prow .app-line{font-size:1.7vh;padding:.8vh 1.2vh;margin-top:.6vh}
body.tv .foot{font-size:2vh}
body.tv .foot .luach{font-size:1.6vh}
body.tv .src{font-size:1.4vh}
/* moon on TV */
body.tv #s-moon .moonbox{justify-content:center;height:100%}
body.tv .moonimg{width:52vh;height:52vh}
body.tv .phn{font-size:4.6vh}
body.tv .phe{font-size:3.6vh}
body.tv .pct{font-size:2.2vh}
body.tv .tiles{gap:1.4vh;margin-top:0;align-content:center;height:100%}
body.tv .tile{padding:2vh 2.2vh}
body.tv .tile .k{font-size:1.6vh}
body.tv .tile .k svg{width:2.4vh;height:2.4vh}
body.tv .tile .v{font-size:2.6vh}
body.tv .tile .v small{font-size:1.5vh}
/* planets on TV: one column per planet */
body.tv .plgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:2vh;flex:1;align-content:center}
body.tv .plrow{display:flex;flex-direction:column;align-items:center;text-align:center;padding:3vh 1.6vh;gap:1.2vh}
body.tv .plrow img{width:16vh;height:16vh}
body.tv .plrow .nm{font-size:3.6vh}
body.tv .plrow .nm .he{display:block;font-size:3vh;margin:0.6vh 0 0}
body.tv .plrow .m{font-size:1.9vh}
body.tv .plrow .rs{text-align:center;font-size:2.1vh}
body.tv .plrow .vis{font-size:1.9vh;margin:0}
/* yahrzeits on TV: two big cards */
body.tv .yzwrap{display:grid;grid-template-columns:1fr 1fr;gap:3vh;flex:1;align-content:center}
body.tv .yzwrap.solo{grid-template-columns:1fr;max-width:70%;margin:0 auto;width:100%}
body.tv .yz{grid-template-columns:24vh 1fr;gap:3vh;padding:3vh}
body.tv .yz .ph{width:24vh;height:30vh;border-radius:1.4vh}
body.tv .yz .ph .cap{font-size:1.3vh}
body.tv .mono span{font-size:10vh}
body.tv .yz .nh{font-size:4vh}
body.tv .yz .ne{font-size:2.8vh}
body.tv .yz .yr{font-size:1.9vh}
body.tv .yz .bio{font-size:2.1vh}
body.tv .yz .kv{font-size:1.9vh}
body.tv .yz .kv svg{width:2vh;height:2vh}
body.tv .yz details{display:none}
/* weather on TV */
body.tv .wxnow{padding:4vh}
body.tv .wxnow svg{width:16vh;height:16vh}
body.tv .wxnow .t{font-size:12vh}
body.tv .wxnow .c{font-size:3vh}
body.tv .wxnow .hl{font-size:2.2vh}
body.tv .wxtiles{gap:1.6vh;margin-top:2vh}
body.tv .wxtiles .tile .k{font-size:1.4vh}
body.tv .wxtiles .tile .v{font-size:3vh}
body.tv .fc{grid-template-columns:12vh 5vh 7vh 1fr;padding:1.9vh 2vh;gap:2vh}
body.tv .fc svg{width:5vh;height:5vh}
body.tv .fc .p{font-size:1.9vh}
body.tv .fc .rg{font-size:2.5vh}
body.tv .fc .d{font-size:2.3vh}
body.tv .credit{font-size:1.5vh}
/* learning on TV */
body.tv .dafbig{padding:3vh}
body.tv .dafbig .he{font-size:5vh}
body.tv .dafbig .en{font-size:3vh}
body.tv .otd{padding:2vh 2.4vh}
body.tv .otd .tx{font-size:2.2vh}
body.tv .otd .tx.he{font-size:2.6vh}
body.tv .otd img{max-height:26vh}
body.tv .empty{font-size:2vh}
@media (prefers-reduced-motion:reduce){.scr{transition:none!important}}

.foot.plain{border:0;margin-top:10px;padding-top:0}
.tv-only{display:none}
body.tv .tv-only{display:block}
svg.inl{width:18px;height:18px;vertical-align:-4px;color:var(--gold)}
.fc .p svg.pd{width:11px;height:11px;vertical-align:-1px;margin-inline-end:2px;color:#9cc3ea}
.wxnow .t .u{font-size:1.4rem;color:var(--mute);margin-inline-start:2px;vertical-align:top}
.subtabs.small{margin-top:-6px}
.subtabs.small button{font-size:.78rem}
.ev-b{min-width:0}
.yz-b{min-width:0}
.chip.wx{text-align:start}
.chip.asp{flex:1.35 1 0}
.mzhead .q{font-size:1.02rem}
.in>.stars{position:fixed}
.moonglow{border-radius:50%;padding:0;box-shadow:0 0 90px 10px rgba(239,213,155,.10)}
.srcs.card{padding:14px}
.credits.card{padding:14px 14px 8px 30px}
html[dir=rtl] .credits.card{padding:14px 30px 8px 14px}
.otd .lbl{margin-bottom:6px;color:var(--gold)}
body.tv .tcol .foot{display:none}
body.tv .wheelcol{display:flex;align-items:center;justify-content:center}
body.tv #s-mazalos .cols{grid-template-columns:1fr 1.05fr}
body.tv #s-mazalos .mzline{margin-top:3vh}
body.tv .hero .chips{flex-wrap:nowrap}

/* phone today: photo behind the top of the screen, date over its fade */
.todaybg{position:absolute;left:0;right:0;top:0;height:330px;z-index:0;pointer-events:none;background:
  radial-gradient(60% 40% at 24% 9%,rgba(232,196,120,.40),rgba(232,196,120,0) 70%),
  linear-gradient(180deg,rgba(6,13,28,.20) 0%,rgba(6,13,28,.30) 42%,rgba(6,13,28,.80) 75%,var(--bg) 100%),
  url(img/app/hdr.jpg) 30% 40%/cover no-repeat}
#s-today .in>*{position:relative;z-index:1}
#s-today .in>.todaybg{position:absolute;z-index:0}
.hero{min-height:0;padding-bottom:0}
.hero::before,.hero::after{display:none}
.hdate{margin-top:18px}
.zgrid .z{padding:9px 4px 8px}
.z svg{width:23px;height:23px}
.z .n{min-height:0;font-size:.68rem}
.daf{padding:9px 14px;margin-top:10px}
.pills{margin-top:10px}
.zgrid{margin-top:10px}
body.tv .todaybg{display:none}
body.tv .hero::before,body.tv .hero::after{display:block}
body.tv #s-today .hero{position:relative}

html[dir=ltr] .hr .pn .he,html[dir=ltr] .curhour .n .he,html[dir=ltr] .prow .t .he,html[dir=ltr] .plrow .nm .he{margin:0 0 0 .45em}
html[dir=rtl] .hr .pn .he,html[dir=rtl] .curhour .n .he,html[dir=rtl] .prow .t .he,html[dir=rtl] .plrow .nm .he{margin:0 .45em 0 0}
html[dir=ltr] .ev .hd{direction:ltr;text-align:left}
.ev .hd .he{color:var(--gold)}
.ev .hd{font-family:var(--sans);color:var(--mute);font-size:.8rem}
.tile .v .s{display:block;font-size:.72rem;color:var(--mute);margin-top:2px;line-height:1.35}
body.tv .tile .v .s{font-size:1.7vh}
/* mazalos: the wheel takes the height that is left */
body.play:not(.tv) #s-mazalos .in{height:100%;display:flex;flex-direction:column}
body.play:not(.tv) #s-mazalos .cols{flex:1;min-height:0;display:flex;flex-direction:column}
body.play:not(.tv) #s-mazalos .wheelcol{flex:1;min-height:0;display:flex;justify-content:center;align-items:center}
body.play:not(.tv) #s-mazalos .wheel{height:100%;max-height:420px;width:auto;max-width:100%;margin:6px auto 0}
body.play:not(.tv) #s-learning .otd img{max-height:120px}

body.play:not(.tv) #s-moon .moonimg{width:190px;height:190px}
body.play:not(.tv) #s-moon .tiles{margin-top:10px}
body.play:not(.tv) #s-learning .dafbig{padding:10px 14px}
body.play:not(.tv) #s-learning .dafbig .he{font-size:1.45rem}

form.set input,form.set select{min-width:0;width:100%}
form.set .row2>*{min-width:0}
.btn svg{width:18px;height:18px}

.wordmark,.hdr h1,.edate,.daf .v,.wxnow .t,.curhour .n,.plrow .nm,.monthsel .m b,.todaycard .e,.dafbig .en,.phe,.sec-t,.hr .no,.ne{font-variant-numeric:lining-nums}
body.tv .cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
body.tv .hlist{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
body.tv .hr .pn{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.tv .yzwrap{gap:3vh}
body.tv .yz{grid-template-columns:30vh minmax(0,1fr);padding:3.4vh;gap:3.4vh}
body.tv .yz .ph{width:30vh;height:40vh}
body.tv .yz .nh{font-size:4.6vh}
body.tv .yz .ne{font-size:3vh}
body.tv .yz .yr{font-size:2.1vh;margin-top:1vh}
body.tv .yz .bio{font-size:2.3vh;margin-top:1.4vh}
body.tv .yz .kv{font-size:2.1vh;margin-top:1.4vh}
body.tv .wxnow .t .u{font-size:4vh}
body.tv #s-today .tcol{padding:4vh 5vh 3vh 3vh}
body.tv .tiles{grid-template-columns:1fr 1fr}
body.tv .tile .v{font-size:3vh}
body.tv .tile .k{font-size:1.8vh}

body.tv .hlist{grid-template-columns:1fr;gap:.7vh}
body.tv .hr{padding:.9vh 1.6vh}
body.tv .hr .pn{font-size:2.4vh}
body.tv .hr .tt{font-size:2.2vh}
@media (max-height:800px){body.play:not(.tv) #s-moon .moonimg{width:160px;height:160px}body.play:not(.tv) #s-moon .phn{margin-top:6px}}
@media (max-height:900px){body.play:not(.tv) #s-today .pills .pill{padding:5px 10px;font-size:.8rem}}
.hr .tt,.curhour .r,.z .tv,.ev .dt,.tile .v,.plrow .rs,.fc .rg{direction:ltr;unicode-bidi:isolate}
html[dir=rtl] .ev .dt{text-align:left}