/* f5.css — tracker, car mode, Shabbos page + Erev Shabbos banner, home shortcuts, siyum screen (batch f5, Oct 26 2026) */
.f5row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 16px 14px}
.f5sc{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:var(--txt);background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:9px 4px 8px;box-shadow:var(--sh);min-width:0;text-align:center}
.f5sc-ic{font-size:22px;line-height:1}
.f5sc b{font-size:13px;line-height:1.2}
.f5sc small{font-size:11px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.f5sc:active{transform:scale(.97)}
.f5trk,.f5car,.f5sh{max-width:720px;margin:0 auto 24px}
.f5sum{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 16px 12px}
.f5big{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:10px 6px;text-align:center;box-shadow:var(--sh)}
.f5big b{display:block;font-size:26px;color:var(--gold2);line-height:1.1}
.f5big span{font-size:12px;color:var(--mut)}
.f5day a.on{background:var(--btn);color:#fff;border-color:transparent;font-weight:700}
.f5list{list-style:none;margin:0 16px;padding:0;display:flex;flex-direction:column;gap:8px}
.f5it{display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:10px 12px;box-shadow:var(--sh)}
.f5it.done{background:linear-gradient(135deg,rgba(47,128,237,.08),rgba(47,128,237,.02));border-color:rgba(47,128,237,.45)}
.f5chk{flex:0 0 auto;width:46px;height:46px;border-radius:50%;border:2.5px solid var(--gold);background:transparent;color:#fff;font-size:24px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center}
.f5it.done .f5chk{background:var(--btn);border-color:transparent}
.f5txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.f5txt b{font-size:15.5px}
.f5he{font-weight:600;color:var(--mut);font-size:14px;margin-inline-start:4px}
.f5txt small{color:var(--mut);font-size:13px;overflow:hidden;text-overflow:ellipsis}
.f5links{display:flex;gap:12px;flex-wrap:wrap;font-size:13px}
.f5links a{color:var(--gold2);text-decoration:none;font-weight:600}
.f5st{flex:0 0 auto;font-weight:700;color:#C2410C;font-size:14px}
.f5fine{margin:10px 16px;color:var(--mut);font-size:12.5px;line-height:1.45}
.f5h2{margin:16px 16px 8px;font-size:17px}
.f5sy,.f5yt{list-style:none;margin:0 16px;padding:0}
.f5sy li,.f5yt li{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px;flex-wrap:wrap}
.f5sy small,.f5yt span{color:var(--mut)}
.f5foot{margin-top:14px}
#f5siyum{position:fixed;inset:0;z-index:9999;background:radial-gradient(circle at 50% 30%,#1F4F96,#0B2545);color:#fff;display:flex;align-items:center;justify-content:center;padding:20px;overflow:hidden}
.f5sy-in{position:relative;z-index:2;text-align:center;max-width:420px}
.f5sy-ic{font-size:46px}
.f5sy-k{font-family:var(--serif);font-size:30px;color:#F5B92E;margin:6px 0 0;font-weight:700}
#f5siyum h2{font-size:24px;margin:6px 0}
.f5sy-he{font-size:22px;margin:0 0 6px}
.f5sy-had{font-family:var(--serif);font-size:18px;opacity:.9}
.f5sy-b{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:14px}
#f5siyum .btn:not(.gold){background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.3)}
.f5conf i{position:absolute;top:-12px;width:8px;height:14px;border-radius:2px;opacity:.9;animation:f5fall 3.2s linear infinite}
@keyframes f5fall{to{transform:translateY(110vh) rotate(540deg)}}
@media (prefers-reduced-motion:reduce){.f5conf i{animation:none;display:none}}
/* car mode */
.f5secs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 16px 14px}
.f5sec{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;border-radius:14px;border:1px solid var(--line);background:var(--panel);color:var(--txt);font-size:13px;font-weight:600;cursor:pointer}
.f5sec span{font-size:22px}
.f5sec small{font-weight:400;color:var(--mut);font-size:11px}
.f5sec.on{background:var(--btn);color:#fff;border-color:transparent}
.f5sec.on small{color:rgba(255,255,255,.85)}
.f5sec:disabled{opacity:.4}
.f5go{display:block;margin:10px auto 6px;width:170px;height:170px;border-radius:50%;border:0;background:var(--btn);color:#fff;font-size:72px;box-shadow:var(--sh2);cursor:pointer;padding-left:12px}
.f5go:disabled{opacity:.4}
.f5gon{text-align:center;color:var(--mut);margin:0 0 10px}
.f5now{margin:4px 16px 10px;text-align:center}
.f5now small{color:var(--mut)}
.f5now b{display:block;font-size:18px;line-height:1.3;margin-top:4px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.f5ctl{display:flex;justify-content:center;align-items:center;gap:14px;margin:6px 16px 12px}
.f5cb{width:86px;height:86px;border-radius:50%;border:1px solid var(--line);background:var(--panel);font-size:34px;cursor:pointer;box-shadow:var(--sh);color:var(--txt)}
.f5cb.big{width:120px;height:120px;font-size:48px;background:var(--btn);color:#fff;border:0}
.f5carx{justify-content:center}
.f5shuf{display:block;text-align:center;margin:6px 16px;font-size:15px}
.f5shuf input{width:20px;height:20px;vertical-align:-4px}
/* Shabbos page + banner */
.f5card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin:0 16px 12px;box-shadow:var(--sh)}
.f5card p{margin:4px 0}
.f5k{font-weight:700;color:var(--gold2)}
.f5cl{font-size:15.5px}
.f5in{color:var(--mut)}
.f5loc .chips{margin:8px 0 0}
.f5loc .f5fine{margin:8px 0 0}
#f5ban{display:flex;align-items:center;gap:8px;margin:8px 12px 4px;padding:8px 10px;border-radius:12px;background:linear-gradient(135deg,#FFF6DD,#FFEFC2);border:1px solid #F5B92E;color:#5B3B00;font-size:13.5px;line-height:1.3}
#f5ban.soon{background:linear-gradient(135deg,#F5B92E,#F0A500);color:#2B1B00}
.f5b-ic{font-size:20px}
.f5b-t{flex:1;min-width:0}
.f5b-t b{font-variant-numeric:tabular-nums}
.f5b-t small{color:inherit;opacity:.85}
.f5b-more{color:inherit;font-weight:700;text-decoration:underline}
.f5b-x{border:0;background:transparent;font-size:20px;cursor:pointer;color:inherit;padding:0 4px}
.f5par{margin-top:-4px}
.f5par button.gold{background:var(--btn);color:#fff;border-color:transparent;font-weight:700}
html.dark #f5ban{background:#3A2E0E;color:#FFE7A8;border-color:#7A5C10}
@media (max-width:430px){.f5row{gap:6px;margin:8px 10px 12px}.f5sc b{font-size:12.5px}.f5secs{gap:6px;margin:0 10px 12px}.f5go{width:150px;height:150px;font-size:64px}.f5cb{width:76px;height:76px}.f5cb.big{width:108px;height:108px}}
[dir=rtl] .f5go{padding-left:0;padding-right:12px}
.sh-native{background:var(--btn)!important;color:#fff!important;font-weight:700}

/* yahrzeits + 5 shortcuts */
.f5row{grid-template-columns:repeat(5,1fr)}
.f5yz{max-width:1100px;margin:0 auto 24px}
.f5yzc{background:var(--panel);border:1px solid var(--line);border-radius:14px;margin:0 16px 12px;padding:10px 0 4px;box-shadow:var(--sh)}
.f5yzc.today{border-color:#F5B92E;box-shadow:0 0 0 2px rgba(245,185,46,.35),var(--sh)}
.f5yzh{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:0 14px 6px}
.f5yzh b{font-size:16px}
.f5yzh bdi{color:var(--mut);font-weight:600}
.f5yzh small{flex-basis:100%;color:var(--mut);font-size:12px}
.f5yzb{margin:0 14px 6px}
.f5yzb button.gold{background:var(--btn);color:#fff;border-color:transparent;font-weight:700}
.f5yzc .row{margin-top:0}
@media (max-width:430px){.f5row{gap:5px;margin:8px 8px 12px}.f5sc{padding:8px 2px 7px;border-radius:12px}.f5sc-ic{font-size:20px}.f5sc b{font-size:11.5px}.f5sc small{font-size:10px}}

/* car mode: the YouTube player stays visible as a 16:9 box at the bottom while the car queue plays (YouTube: no hidden player) */
html body.f5car .modal.mini{height:auto!important;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));width:auto}
html body.f5car .modal.mini .sheet{display:grid;grid-template-columns:1fr;grid-template-rows:auto 52px;align-items:stretch;height:auto}
html body.f5car .modal.mini .mbar{grid-row:2;grid-column:1}
html body.f5car .modal.mini .pctl{display:none}
html body.f5car .modal.mini .frame{grid-row:1;grid-column:1;width:100%!important;height:auto!important;aspect-ratio:16/9!important;opacity:1!important;margin:0!important;border-radius:15px 15px 0 0!important}
html body.f5car .modal.mini .mbar{height:52px}
body.f5car #view{padding-bottom:calc(56vw + 80px)}
body.f5car .f5secs-sm{grid-template-columns:repeat(8,1fr);gap:4px}
body.f5car .f5secs-sm .f5sec{padding:5px 2px;font-size:0}
body.f5car .f5secs-sm .f5sec span{font-size:18px}
body.f5car .f5secs-sm .f5sec small{display:none}
@media (min-width:760px){html body.f5car .modal.mini{left:auto;right:18px;width:480px;bottom:18px}body.f5car #view{padding-bottom:360px}}
body.f5car #player .ybaudbar,body.f5car #player #ybAudToggle{display:none!important}
.f5car.on h1.ptitle{font-size:18px;margin-top:8px;margin-bottom:4px}
.f5car.on .f5now{margin:2px 16px 6px}
.f5car.on .f5now b{font-size:16px;-webkit-line-clamp:2}
.f5car.on .f5ctl{margin:4px 16px 8px}
.f5car.on .f5shuf,.f5car.on .f5fine{display:none}
@media (max-width:430px){.f5car.on .f5cb{width:72px;height:72px;font-size:30px}.f5car.on .f5cb.big{width:96px;height:96px;font-size:42px}}