:root{--bg:#EAF4FF;--bg2:#F7FBFF;--panel:#fff;--line:rgba(47,128,237,.20);--gold:#2F80ED;--gold2:#1A63C7;--txt:#0B2545;--mut:#4A607F;--sun:#F5B92E;--btn:linear-gradient(135deg,#2474E0,#1A63C7);--sh:0 4px 14px rgba(26,72,140,.10);--sh2:0 14px 30px rgba(26,72,140,.18);--r:14px;--serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif}
/* Oct 25 2026 7:17 PM (naftali: "nicer, more friendly, maybe light blue"): LIGHT BLUE theme. --gold/--gold2 now hold the blue accent (names kept so nothing else breaks). */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:radial-gradient(1200px 500px at 70% -10%,#ffffff 0%,transparent 62%),linear-gradient(180deg,var(--bg) 0%,var(--bg2) 900px,var(--bg2) 100%);color:var(--txt);font:16px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;min-height:100vh;overflow-x:hidden}
a{color:inherit}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--gold2);outline-offset:2px}
[hidden]{display:none!important}
.skip{position:absolute;left:-999px;top:0}.skip:focus{left:8px;z-index:99;background:var(--gold);color:#000;padding:6px 10px;border-radius:8px}
/* header */
.top{position:sticky;top:0;z-index:20;background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(240,247,255,.93));box-shadow:0 2px 14px rgba(26,72,140,.07);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top)}
.bar{display:flex;align-items:center;gap:14px;padding:10px max(16px,env(safe-area-inset-left)) 8px;max-width:1500px;margin:0 auto}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex:none}
.brand img{display:block;height:50px;width:auto;max-width:none}
.word{font-family:var(--serif);letter-spacing:.14em;font-size:15px;color:var(--gold2);white-space:nowrap}
.word b{font-weight:700;color:var(--gold2)}
.search{position:relative;flex:1;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:0 12px;height:44px;min-width:0;max-width:640px;margin-left:auto}
.search svg{width:20px;height:20px;fill:var(--gold);flex:none}
.search input{flex:1;min-width:0;background:none;border:0;color:var(--txt);font-size:16px;height:100%;outline:none}
.search input::placeholder{color:#5E7393}
.search input::-webkit-search-cancel-button{display:none}
.clear{background:none;border:0;font-size:24px;color:var(--mut);cursor:pointer;padding:0 4px}
.mylist-btn{display:flex;align-items:center;gap:6px;text-decoration:none;color:var(--gold2);border:1px solid var(--line);border-radius:999px;height:44px;padding:0 14px;flex:none}
.mylist-btn svg{width:18px;height:18px;fill:var(--gold)}
.cats{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px max(16px,env(safe-area-inset-left)) 8px;max-width:1500px;margin:0 auto}
.cats::-webkit-scrollbar{display:none}
.cats a{flex:none;text-decoration:none;padding:8px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);color:#1E3A5F;font-size:14.5px;white-space:nowrap;box-shadow:0 1px 4px rgba(26,72,140,.08)}
.cats a.on{background:var(--btn);color:#fff;font-weight:650}
.langs{display:flex;gap:6px;align-items:center;padding:0 max(16px,env(safe-area-inset-left)) 10px;max-width:1500px;margin:0 auto;overflow-x:auto;scrollbar-width:none}
.langs button{background:none;border:1px solid var(--line);color:var(--mut);border-radius:999px;padding:4px 12px;font-size:13px;cursor:pointer;flex:none}
.langs button.on{color:var(--gold2);border-color:var(--gold)}
.live{margin-left:auto;font-size:12px;color:#1E7A3C;white-space:nowrap;padding-left:8px}
@media (max-width:720px){.word{display:none}.mylist-btn span{display:none}.mylist-btn{width:44px;padding:0;justify-content:center;margin-left:auto}.bar{gap:10px;flex-wrap:wrap;row-gap:8px;padding-top:8px}.brand img{height:40px}.search{order:3;flex:1 1 100%;max-width:none;margin-left:0;height:46px}}
/* main */
main{max-width:1500px;margin:0 auto;padding:10px 0 30px;min-height:60vh;outline:none}
.loading,.empty{padding:60px 20px;text-align:center;color:var(--mut)}
.hero{position:relative;margin:6px 16px 18px;border-radius:20px;overflow:hidden;min-height:250px;display:flex;align-items:flex-end;cursor:pointer;border:1px solid var(--line);background:#000}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75}
.hero img.lb{transform:scale(1.34)}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,30,66,.94) 12%,rgba(9,30,66,.66) 50%,rgba(9,30,66,.15))}
.hero .hx{position:relative;z-index:1;padding:20px;max-width:760px}
.hero .kick{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#9CC8FF}
.hero h1{font-family:var(--serif);font-size:clamp(22px,4vw,40px);line-height:1.12;margin:6px 0 8px;font-weight:600}
.hero p{margin:0 0 14px;color:#dbe7fb}.hero{color:#fff;box-shadow:var(--sh)}
.playbtn{display:inline-flex;align-items:center;gap:8px;background:var(--btn);color:#fff;border:0;border-radius:999px;padding:11px 22px;font-weight:700;cursor:pointer}
@media (min-width:900px){.hero{min-height:420px;margin:10px 24px 26px}.hero .hx{padding:36px}}
.row{margin:4px 0 22px}
.row h2{display:flex;align-items:baseline;gap:12px;margin:0 16px 10px;font-family:var(--serif);font-weight:600;font-size:21px;color:#0B2545}
.row h2 small{font-family:system-ui,sans-serif;font-size:13px;color:var(--mut);font-weight:400}
.row h2 a{margin-left:auto;font-family:system-ui,sans-serif;font-size:14px;color:var(--gold2);text-decoration:none;white-space:nowrap}
@media (min-width:900px){.row h2{margin:0 24px 12px}}
.scrollwrap{position:relative}
.scroller{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 16px 6px;scrollbar-width:none;overscroll-behavior-x:contain}
.scroller::-webkit-scrollbar{display:none}
@media (min-width:900px){.scroller{padding:0 24px 6px;gap:14px}}
.arrow{position:absolute;top:0;bottom:46px;width:46px;border:0;background:linear-gradient(90deg,rgba(247,251,255,.92),transparent);color:var(--gold2);font-size:30px;cursor:pointer;z-index:2;display:none}
.arrow.r{right:0;background:linear-gradient(270deg,rgba(247,251,255,.92),transparent)}.arrow.l{left:0}
@media (hover:hover) and (min-width:900px){.scrollwrap:hover .arrow{display:block}}
.card{flex:none;width:68vw;max-width:300px;scroll-snap-align:start;cursor:pointer;position:relative;text-align:left;background:none;border:0;padding:0}
@media (min-width:600px){.card{width:260px}}
@media (min-width:1200px){.card{width:290px}}
.thumb{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:16/9;background:#DCE9F9;border:0;transition:transform .2s,box-shadow .2s}
.thumb img{width:100%;height:100%;object-fit:cover;display:block}
.card:hover .thumb,.card:focus-visible .thumb{transform:translateY(-3px);box-shadow:var(--sh2),0 0 0 2px var(--gold)}
.dur,.lng{position:absolute;bottom:7px;font-size:11.5px;font-weight:650;padding:2px 6px;border-radius:6px;background:rgba(0,0,0,.78)}
.dur{right:7px;color:#fff}.lng{left:7px;color:#BFDBFF;letter-spacing:.04em}
.isnew{position:absolute;top:7px;left:7px;font-size:11px;font-weight:700;background:var(--sun);color:#0B2545;padding:2px 7px;border-radius:6px}
.card h3{font-size:14.5px;line-height:1.3;margin:8px 2px 2px;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;unicode-bidi:plaintext}
.card .src{font-size:12.5px;color:var(--mut);margin:0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.heart{position:absolute;top:6px;right:6px;width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:#0B2545;box-shadow:0 2px 8px rgba(11,37,69,.18);font-size:17px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.heart.on{color:var(--gold2)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px 12px;padding:0 16px}
.grid .card{width:auto;max-width:none}
@media (min-width:900px){.grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:0 24px;gap:22px 16px}}
.ptitle{font-family:var(--serif);font-size:26px;margin:8px 16px 4px;color:#0B2545;font-weight:600}
.psub{margin:0 16px 16px;color:var(--mut);font-size:14px}
@media (min-width:900px){.ptitle,.psub{margin-left:24px;margin-right:24px}}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 16px 16px}
.chips a,.chips button{text-decoration:none;font-size:13.5px;padding:6px 12px;border-radius:999px;border:1px solid var(--line);color:var(--gold2);background:#fff;cursor:pointer}
.more{display:block;margin:20px auto;background:#fff;border:1px solid var(--line);color:var(--gold2);border-radius:999px;padding:10px 26px;cursor:pointer}
/* footer */
.foot{border-top:1px solid var(--line);background:linear-gradient(180deg,#E3F0FF,#D6E8FD);padding:28px 16px calc(28px + env(safe-area-inset-bottom));display:grid;gap:24px;max-width:1500px;margin:0 auto}
@media (min-width:900px){.foot{grid-template-columns:360px 1fr;padding:34px 24px}}
.ads{display:grid;gap:12px;align-content:start}
.ad a{display:flex;gap:14px;align-items:center;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px;box-shadow:var(--sh)}
.ad img{width:88px;height:auto;border-radius:6px;box-shadow:0 6px 16px rgba(11,37,69,.22)}
.ad span{display:flex;flex-direction:column;gap:2px;font-size:14px;color:#34507A}
.ad small{font-size:10.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--mut)}
.ad strong{font-family:var(--serif);font-size:18px;color:var(--gold2)}
.ad em{font-style:normal;color:var(--gold2);margin-top:4px}
.contact h2{font-family:var(--serif);color:var(--gold2);margin:0 0 6px;font-weight:600}
.contact p{color:#4A607F;margin:0 0 14px;max-width:640px}
.foot-btns{display:flex;flex-wrap:wrap;gap:10px}
.btn{display:inline-flex;align-items:center;gap:6px;text-decoration:none;background:#fff;border:1px solid var(--line);color:var(--txt);border-radius:999px;padding:10px 16px;font-size:14.5px;cursor:pointer}
.btn.gold{background:var(--btn);color:#fff;font-weight:700;border:0}
.btn.warn{color:#B45309}
.fine{font-size:12.5px!important;color:var(--mut)!important;margin-top:16px!important}
/* player */
.modal{position:fixed;inset:0;z-index:50;background:linear-gradient(180deg,#EAF4FF,#F7FBFF);display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:max(10px,env(safe-area-inset-top)) 0 20px}
.modal[hidden]{display:none}
.sheet{width:100%;max-width:1100px;position:relative}
.x{position:absolute;right:10px;top:-2px;z-index:3;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--gold2);font-size:26px;cursor:pointer;line-height:1}
.frame{position:relative;aspect-ratio:16/9;background:#000;margin-top:46px}
@media (min-width:900px){.frame{border-radius:16px;overflow:hidden;margin-top:52px}.sheet{padding:0 20px}}
.frame iframe,#ytp{position:absolute;inset:0;width:100%;height:100%;border:0}
.perr{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;gap:10px;background:#fff;color:#1E3A5F}
.pinfo{padding:14px 16px}
.pinfo h2{font-family:var(--serif);font-size:21px;line-height:1.25;margin:0 0 4px;font-weight:600;unicode-bidi:plaintext}
.pmeta{color:var(--mut);margin:0 0 12px;font-size:14px}
.pbtns{display:flex;flex-wrap:wrap;gap:8px}
.upnext-h{font-family:var(--serif);color:#0B2545;margin:22px 0 10px;font-weight:600}
.upnext{display:grid;gap:10px}
.nx{display:flex;gap:10px;align-items:center;background:none;border:0;padding:0;text-align:left;cursor:pointer}
.nx img{width:150px;aspect-ratio:16/9;object-fit:cover;border-radius:10px;flex:none}
.nx span{font-size:14px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;unicode-bidi:plaintext}
@media (min-width:900px){.upnext{grid-template-columns:repeat(3,1fr)}}
.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));transform:translateX(-50%);background:var(--btn);color:#fff;font-weight:650;padding:10px 18px;border-radius:999px;z-index:60;box-shadow:0 8px 22px rgba(26,72,140,.30);max-width:90vw;text-align:center}
.pl-list{display:grid;gap:8px;margin:10px 0}
.pl-list button{text-align:left}
dialog{background:var(--panel);color:var(--txt);border:1px solid var(--line);border-radius:16px;padding:18px;width:min(92vw,420px)}
dialog::backdrop{background:rgba(0,0,0,.7)}
dialog h3{margin:0 0 8px;font-family:var(--serif);color:var(--gold2)}
dialog input{width:100%;padding:10px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--txt);font-size:16px}

.card .src{padding-right:34px}
.dots{position:absolute;right:0;bottom:-4px;width:34px;height:30px;border:0;border-radius:8px;background:none;color:var(--mut);font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.dots:hover,.dots:focus-visible{color:var(--gold2);background:rgba(47,128,237,.10)}
.cmenu{position:fixed;z-index:60;min-width:200px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 34px rgba(26,72,140,.22);padding:6px;display:flex;flex-direction:column}
.cmenu[hidden]{display:none}
.cmenu button,.cmenu a{all:unset;box-sizing:border-box;display:block;padding:11px 12px;border-radius:8px;font-size:15px;color:#0B2545;cursor:pointer}
.cmenu button:hover,.cmenu a:hover,.cmenu button:focus-visible,.cmenu a:focus-visible{background:#E8F2FF}
.cmenu .rep{color:#C0392B}

/* feedback & ideas */
.fb{display:flex;justify-content:center;padding:18px 14px 40px}
.fb-card{width:min(100%,560px);background:linear-gradient(180deg,#fff,#F3F9FF);border:1px solid var(--line);border-radius:20px;padding:24px 20px;box-shadow:var(--sh2)}
.fb-ico{font-size:34px;line-height:1;margin-bottom:6px}
.fb .ptitle{margin:0 0 6px}
.fb-lead{color:var(--txt);font-size:17px;line-height:1.5;margin:0 0 18px}
.fb form{display:grid;gap:14px}
.fb label{display:grid;gap:6px;font-weight:600;color:var(--gold2);font-size:15px}
.fb label small{color:var(--mut);font-weight:400}
.fb input,.fb textarea{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--txt);font:inherit;font-size:16px;font-weight:400}
.fb textarea{resize:vertical;min-height:120px}
.fb input:focus,.fb textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(47,128,237,.2)}
.fb-send{justify-self:start;font-size:16px;padding:12px 22px;border:0;cursor:pointer}
.fb-err{color:#C0392B;margin:0}
.fb .fine{margin:16px 0 0}
.fb .fine a{color:var(--gold2)}

/* ---- Live ---- */
.cats a.livenav{color:#C0262B;border-color:rgba(255,80,80,.45)}
.cats a.livenav.on{background:linear-gradient(135deg,#ff6b6b,#d62f2f);color:#fff}
#liveN{font-weight:700}
.livebadge{display:inline-block;background:#e0262b;color:#fff;font-size:11.5px;font-weight:750;letter-spacing:.04em;padding:3px 8px;border-radius:6px;animation:lvpulse 1.6s ease-in-out infinite}
.livebadge.onthumb{position:absolute;top:8px;left:8px}
@keyframes lvpulse{50%{opacity:.65}}
.lcard{text-decoration:none;display:block}
.livenow{display:grid;gap:18px;padding:4px max(16px,env(safe-area-inset-left)) 8px;max-width:1500px;margin:0 auto}
@media(min-width:900px){.livenow{grid-template-columns:repeat(2,1fr)}}
.lv{background:var(--panel);border:1px solid rgba(255,80,80,.35);border-radius:var(--r);overflow:hidden}
.lvframe{position:relative;aspect-ratio:16/9;background:#000}
.lvframe iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.lvmeta{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;padding:12px 14px}
.lvmeta span[dir]{flex-basis:100%;color:var(--mut);font-size:14.5px}
.lvempty{border:1px dashed var(--line);border-radius:var(--r);margin:6px max(16px,env(safe-area-inset-left)) 10px;padding:16px}
.lvh{font-family:var(--serif);font-size:20px;font-weight:600;margin:18px max(16px,env(safe-area-inset-left)) 10px}
.lvgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;padding:0 max(16px,env(safe-area-inset-left)) 8px;max-width:1500px;margin:0 auto}
.lvcard{display:flex;flex-direction:column;gap:6px;text-decoration:none;background:linear-gradient(160deg,#fff,#EEF6FF);box-shadow:var(--sh);border:1px solid var(--line);border-radius:12px;padding:12px 12px 14px;min-height:84px}
.lvcard b{font-size:14.5px;line-height:1.3}
.lvdot{font-size:11.5px;color:var(--mut);letter-spacing:.03em}
.lvcard.on{border-color:rgba(255,80,80,.7);box-shadow:0 0 0 1px rgba(255,80,80,.35)}
.lvcard.on .lvdot{color:#ff6b6b;font-weight:750}

/* Yom Tov chips (near the search) */
.ytchips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:12px max(16px,env(safe-area-inset-left)) 4px;max-width:1500px;margin:0 auto;align-items:center}
.ytchips::-webkit-scrollbar{display:none}
.ytlbl{flex:none;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold2);font-weight:700;padding-right:2px}
.ytchips a{flex:none;text-decoration:none;font-size:13.5px;padding:6px 12px;border-radius:999px;border:1px solid var(--line);color:#1E3A5F;background:#fff;white-space:nowrap;box-shadow:0 1px 4px rgba(26,72,140,.08)}
.ytchips a.on{background:var(--btn);color:#fff;font-weight:700;border-color:transparent}
.ptitle .he{font-size:.8em;color:var(--gold2);margin-left:6px}
.secpills a.on{background:var(--btn);color:#fff;font-weight:700}
/* mini-player: the same player, shrunk into a bar at the bottom; it keeps playing while browsing */
.mbar{display:none}
.phint{margin:2px 0 10px;font-size:13px;color:var(--mut)}
.modal.mini{inset:auto 8px calc(8px + env(safe-area-inset-bottom)) 8px;height:64px;padding:0;overflow:hidden;background:#fff;border:1px solid rgba(47,128,237,.30);border-radius:16px;box-shadow:0 10px 30px rgba(26,72,140,.25);display:block;z-index:45}
.modal.mini .sheet{display:flex;align-items:center;height:100%;max-width:none}
.modal.mini .frame{margin:0;width:112px;height:63px;aspect-ratio:auto;flex:none;border-radius:13px 0 0 13px;overflow:hidden}
.modal.mini .pinfo,.modal.mini .x{display:none}
.modal.mini .perr{font-size:10px}
.modal.mini .mbar{display:flex;flex:1;align-items:center;min-width:0;gap:2px;padding:0 4px 0 8px;height:100%}
.mtitle{flex:1;min-width:0;background:none;border:0;color:var(--txt);text-align:left;padding:0 4px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;height:100%}
.mtitle b{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;unicode-bidi:plaintext}
.mtitle small{font-size:11.5px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mb{flex:none;width:40px;height:40px;border-radius:50%;border:0;background:none;color:var(--gold2);font-size:17px;cursor:pointer;line-height:1}
.mb:disabled{opacity:.35}
.mb#mPlay{background:var(--btn);color:#fff;font-size:14px;font-weight:800}
.mb.x2{font-size:24px;color:var(--mut)}
body.mini-on{padding-bottom:calc(80px + env(safe-area-inset-bottom))}
body.mini-on .toast{bottom:calc(88px + env(safe-area-inset-bottom))}
@media (min-width:760px){.modal.mini{left:auto;right:18px;bottom:18px;width:540px;height:76px}.modal.mini .frame{width:135px;height:76px}}
.mb svg{width:22px;height:22px;fill:currentColor;vertical-align:middle}
.secpills{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:0;padding-right:16px}
.secpills::-webkit-scrollbar{display:none}
.secpills a{flex:none;white-space:nowrap}
@media (max-width:520px){.modal.mini .mb#mPip{display:none}.mb{width:36px;height:36px}.modal.mini .frame{width:100px;height:56px;margin-left:4px;border-radius:9px}.modal.mini .mbar{padding-left:6px}}

/* ---------- big boxes (Oct 25 redesign): Home → category → sub/singer → videos ---------- */
.sech{font-family:var(--serif);font-weight:600;font-size:20px;color:#0B2545;margin:16px 16px 10px;max-width:1500px}
.sech small{font-family:system-ui,sans-serif;font-size:13px;color:var(--mut);font-weight:400;margin-left:6px}
@media (min-width:900px){.sech{margin:22px 24px 12px;font-size:23px}}
.boxes{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 16px;margin:0 0 14px}
@media (min-width:600px){.boxes{grid-template-columns:repeat(3,1fr);gap:14px}}
@media (min-width:900px){.boxes{grid-template-columns:repeat(4,1fr);gap:18px;padding:0 24px}}
@media (min-width:1400px){.boxes.people{grid-template-columns:repeat(5,1fr)}}
.box{--tint:#1b2a5a;position:relative;display:flex;align-items:flex-end;min-height:128px;aspect-ratio:4/3;border-radius:20px;overflow:hidden;text-decoration:none;color:#fff;
  background:var(--tint);background:radial-gradient(130% 100% at 85% 0%,color-mix(in srgb,var(--tint) 50%,#fff 50%),color-mix(in srgb,var(--tint) 72%,#2F80ED 28%) 48%,color-mix(in srgb,var(--tint) 70%,#0B2545 30%) 100%);
  border:2px solid rgba(255,255,255,.85);box-shadow:0 8px 20px rgba(26,72,140,.18);isolation:isolate;
  transition:transform .22s ease,filter .22s ease,box-shadow .22s ease,border-color .22s ease;-webkit-tap-highlight-color:transparent}
.boxes.home{grid-auto-flow:row dense;grid-auto-rows:minmax(150px,auto)}
.boxes.home .box{aspect-ratio:auto;min-height:150px}
.box.wide{grid-column:span 2;aspect-ratio:16/9}
.boxes.home .box.wide{min-height:215px}
@media (max-width:599px){.boxes.home .box:not(.wide) .bdesc{display:none}}
@media (min-width:600px){.boxes.home{grid-auto-rows:170px}.boxes.home .box{min-height:0}.boxes.home .box.wide{grid-row:span 2;min-height:0}.boxes.home .box.w2{grid-column:span 2}}
@media (min-width:900px){.boxes.home{grid-auto-rows:200px}.boxes.home .box.w2d{grid-column:span 2}}
@media (min-width:1300px){.boxes.home{grid-auto-rows:230px}}
.bimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.55;transform:scale(1.02);transition:opacity .22s,transform .4s}
.bshade{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(5,9,20,.92),rgba(5,9,20,.15));background:linear-gradient(0deg,color-mix(in srgb,var(--tint) 55%,#0B2545) 0%,color-mix(in srgb,var(--tint) 30%,transparent) 55%,rgba(11,37,69,0) 100%)}
.bicon{position:absolute;top:12px;left:12px;width:44px;height:44px;display:grid;place-items:center;font-size:24px;border-radius:14px;background:rgba(255,255,255,.28);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.18)}
.box.wide .bicon{width:54px;height:54px;font-size:30px}
.btxt{display:block;padding:12px 40px 12px 14px;min-width:0}
.btxt b{display:block;font-family:var(--serif);font-weight:650;font-size:19px;line-height:1.15;text-shadow:0 2px 10px rgba(0,0,0,.6);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.btxt small{display:block;margin-top:3px;font-size:12.5px;line-height:1.3;color:rgba(255,255,255,.82);text-shadow:0 1px 6px rgba(0,0,0,.7)}
.box.wide .btxt b,.boxes.home .box.tbox .btxt b{font-size:22px}
.box.wide .btxt b{font-size:clamp(26px,3.4vw,40px)}
.box.wide .btxt small{font-size:14px}
.bgo{position:absolute;right:12px;bottom:12px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:20px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);transition:background .2s,transform .2s}
.box.person{aspect-ratio:4/5}
@media (min-width:900px){.box.person{aspect-ratio:1/1}}
.box.person .bava{position:absolute;top:10%;left:50%;width:52%;max-width:132px;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 6px 20px rgba(11,37,69,.35);background:#DCEBFF}
.box.person .bimg{opacity:.35;filter:blur(2px) saturate(1.1)}
.box.person .btxt{text-align:center;padding:10px 12px 12px;width:100%}
.box.person .bgo{display:none}
.box.newest{--tint:#7a5a12}
.box.blive{--tint:#9a1426}
.box.blive .bicon{animation:lvpulse 1.6s ease-in-out infinite}
.box .bbadge{position:absolute;top:16px;right:12px}
.box.small .btxt b{font-size:19px}
@media (hover:hover) and (pointer:fine){
  .box:hover,.box:focus-visible{transform:translateY(-5px) scale(1.025);filter:brightness(1.08) saturate(1.05);box-shadow:0 18px 36px rgba(26,72,140,.28),0 0 0 3px var(--gold);border-color:#fff}
  .box:hover .bimg{opacity:.75;transform:scale(1.08)}
  .box.person:hover .bimg{opacity:.5}
  .box:hover .bgo{background:var(--gold);color:#fff;transform:translateX(2px)}
}
.box:active{transform:scale(.97);filter:brightness(1.1)}
@media (max-width:420px){.btxt b{font-size:16.5px}.boxes.home .box.tbox .btxt b{font-size:18px}.btxt small{font-size:11.5px}.bicon{width:38px;height:38px;font-size:21px;top:10px;left:10px}.btxt{padding:10px 34px 10px 11px}.bgo{width:26px;height:26px;right:9px;bottom:10px}}
/* the one or two "Latest" highlights */
.latest2{display:grid;grid-template-columns:1fr;gap:14px;padding:0 16px;margin:0 0 20px}
@media (min-width:700px){.latest2{grid-template-columns:1fr 1fr}}
@media (min-width:900px){.latest2{padding:0 24px;gap:18px}}
.lbox{position:relative;border-radius:18px;overflow:hidden;cursor:pointer;background:#fff;border:1px solid var(--line);box-shadow:var(--sh);transition:transform .22s,box-shadow .22s,filter .22s}
.lbox .thumb{border:0;border-radius:0}
.lbox .lx{padding:12px 14px 14px}
.lbox .kick{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold2)}
.lbox h3{margin:4px 0 4px;font-size:16.5px;line-height:1.3;font-weight:650;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;unicode-bidi:plaintext}
.lbox p{margin:0;color:var(--mut);font-size:13px}
.lbox .playbtn{position:absolute;top:12px;right:12px;width:44px;height:44px;padding:0;justify-content:center;font-size:16px;box-shadow:0 6px 16px rgba(26,72,140,.35)}
@media (hover:hover) and (pointer:fine){.lbox:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(0,0,0,.5),0 0 0 2px var(--gold);filter:brightness(1.1)}}
/* hover preview: silent moving video inside the card (computers only) */
.thumb iframe.pv{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none;opacity:0;transition:opacity .4s;transform:scale(1.25);z-index:1}
.thumb iframe.pv.on{opacity:1}
.pving .thumb .dur,.pving .thumb .lng,.pving .thumb .isnew{z-index:2}
/* breadcrumbs + Back */
.crumbs{display:flex;align-items:center;gap:12px;margin:14px 16px 12px;flex-wrap:wrap}
@media (min-width:900px){.crumbs{margin:18px 24px 14px}}
.crumbs .back{flex:none;text-decoration:none;font-weight:700;font-size:15px;color:#fff;background:var(--btn);padding:8px 16px 8px 12px;border-radius:999px;box-shadow:0 4px 12px rgba(26,72,140,.28);transition:transform .15s,filter .15s}
.crumbs .back:hover{filter:brightness(1.1);transform:translateX(-2px)}
.crumbs .trail{font-size:14px;color:var(--mut);min-width:0;line-height:1.6}
.crumbs .trail a{color:#1E3A5F;text-decoration:none}
.crumbs .trail a:hover{color:var(--gold2);text-decoration:underline}
.crumbs .trail i{font-style:normal;margin:0 4px;color:var(--gold2)}
.crumbs .trail b{color:var(--txt);font-weight:650}
.srchead{display:flex;align-items:center;gap:14px;margin:0 16px}
.srchead img{width:64px;height:64px;border-radius:50%;border:2px solid var(--gold);object-fit:cover;flex:none}
.srchead .ptitle,.srchead .psub{margin-left:0;margin-right:0}
.srchead + .grid{margin-top:12px}
@media (min-width:900px){.srchead{margin:0 24px}}

/* Oct 25 3:16–3:26 PM: player controls (big view + mini-player), faster hover preview, mission */
.pctl{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 12px 2px;flex-wrap:nowrap}
.cb{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:3px;min-width:64px;height:52px;padding:0 12px;border-radius:999px;border:1px solid rgba(47,128,237,.35);background:#fff;color:var(--gold2);box-shadow:0 2px 8px rgba(26,72,140,.10);font-size:20px;font-weight:700;cursor:pointer;line-height:1;transition:filter .15s,transform .1s}
.cb small{font-size:13px;font-weight:700;color:#34507A}
.cb.play{min-width:64px;width:64px;height:64px;padding:0;background:var(--btn);color:#fff;font-size:22px;border:0;box-shadow:0 6px 16px rgba(26,72,140,.35)}
.cb.sm{min-width:44px;width:44px;height:44px;padding:0;font-size:24px}
.cb:disabled{opacity:.35;cursor:default}
.cb:active{transform:scale(.94)}
.cb.flash{animation:cbf .35s}
@keyframes cbf{50%{background:var(--gold);color:#fff}}
.spd{display:inline-flex;align-items:center;gap:4px;margin-left:6px;padding:4px;border-radius:999px;background:#EEF5FF;border:1px solid var(--line)}
.rate{min-width:52px;height:40px;border:0;background:none;color:#0B2545;font-size:17px;font-weight:800;cursor:pointer}
.spd.on .rate{color:var(--gold2)}
@media (hover:hover) and (pointer:fine){.cb:not(:disabled):hover{filter:brightness(1.25)}}
@media (max-width:420px){.pctl{gap:6px;padding:10px 6px 0}.cb{min-width:58px;height:48px;padding:0 9px;font-size:18px}.cb.play{width:56px;min-width:56px;height:56px}.cb.sm{width:38px;min-width:38px;height:38px}.rate{min-width:44px}.spd{margin-left:2px}}
/* mini-player: the bar on top, the controls as a second row */
.modal.mini{height:112px}
.modal.mini .sheet{display:grid;grid-template-columns:auto 1fr;grid-template-rows:64px 48px;align-items:center}
.modal.mini .frame{grid-row:1;grid-column:1}
.modal.mini .mbar{grid-row:1;grid-column:2}
.modal.mini .pctl{grid-row:2;grid-column:1 / -1;padding:0 6px;gap:6px;border-top:1px solid rgba(47,128,237,.15);height:48px}
.modal.mini .cb{height:36px;min-width:52px;font-size:15px;padding:0 8px}
.modal.mini .cb small{font-size:11.5px}
.modal.mini .cb.play{display:none}
.modal.mini .cb.sm{width:32px;min-width:32px;height:32px;font-size:20px}
.modal.mini .spd{padding:2px}
.modal.mini .rate{height:30px;min-width:42px;font-size:15px}
body.mini-on{padding-bottom:calc(128px + env(safe-area-inset-bottom))}
body.mini-on .toast{bottom:calc(136px + env(safe-area-inset-bottom))}
@media (min-width:760px){.modal.mini{height:124px}.modal.mini .sheet{grid-template-rows:76px 48px}body.mini-on{padding-bottom:140px}}
/* hover preview placeholder: the video's frames cycle at once */
.thumb img.pvimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;pointer-events:none}
.thumb iframe.pv{z-index:2;transition:opacity .25s}
.pving .thumb .dur,.pving .thumb .lng,.pving .thumb .isnew{z-index:3}
/* our mission */
.mission{display:flex;gap:14px;align-items:flex-start;margin:22px 16px 26px;padding:18px 20px;border-radius:18px;background:linear-gradient(135deg,#fff 0%,#E4F0FF 100%);border:1px solid rgba(47,128,237,.28);box-shadow:var(--sh);max-width:1500px}
@media (min-width:900px){.mission{margin:28px 24px 32px;padding:22px 26px}}
.mission .mico{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--btn);color:#fff;font-weight:900;font-size:22px}
.mission h2{font-family:var(--serif);color:var(--gold2);margin:0 0 4px;font-weight:600;font-size:21px}
.mission p{margin:0 0 6px;color:#0B2545;font-size:16.5px;line-height:1.45}
.mission a{color:var(--gold2);font-size:14px;text-decoration:none;font-weight:600}
.mission a:hover{text-decoration:underline}
.mission.big{margin:8px 0 18px}
.about{max-width:820px;margin:0 auto;padding:0 16px 30px}
.about .ptitle{margin-left:0;margin-right:0}
.about > p{color:#1E3A5F;font-size:16px;line-height:1.6}
.about .sech{margin-left:0}
.alist{color:#1E3A5F;font-size:15.5px;line-height:1.7;padding-left:20px;margin:0 0 20px}
.fmission{color:#0B2545!important}
.fmission b{color:var(--gold2)}

/* Oct 25 4:07 PM fix ("I only see blue"): the player picture must never be covered or collapsed, in any browser.
   - older iPhones/Safari without aspect-ratio or inset: the frame had 0 height, so only the navy page showed while the sound played */
.perr[hidden]{display:none!important}
.frame iframe,#ytp{top:0;left:0;right:0;bottom:0;z-index:1}
.frame{isolation:isolate;min-height:0}
@supports not (aspect-ratio:1/1){
  .frame{height:0;padding-top:56.25%}
  .modal.mini .frame{padding-top:0}
  .thumb,.lvframe{height:0;padding-top:56.25%}
  .thumb img,.lvframe iframe,.thumb iframe.pv{position:absolute;top:0;left:0;right:0;bottom:0}
}
.update-bar{position:fixed;left:50%;transform:translateX(-50%);top:calc(10px + env(safe-area-inset-top));z-index:80;background:var(--btn);color:#fff;border:0;border-radius:999px;padding:10px 18px;font-weight:800;font-size:15px;box-shadow:0 8px 22px rgba(26,72,140,.30);cursor:pointer}

/* sponsored poster on home (Yisroel Bald): whole image, never cropped */
.spon{margin:0 16px 28px;max-width:1500px}
.spon a{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:400px;margin:0 auto;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:var(--sh)}
.spon img{display:block;width:100%;height:auto;aspect-ratio:777/1080;object-fit:contain;border-radius:10px;box-shadow:0 8px 22px rgba(11,37,69,.22)}
.spon span{display:flex;flex-direction:column;gap:3px;align-items:center;text-align:center;font-size:14.5px;color:#34507A}
.spon small{font-size:10.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--mut)}
.spon strong{font-family:var(--serif);font-size:20px;color:var(--gold2)}
.spon em{font-style:normal;color:var(--gold2);font-weight:600;margin-top:4px}
.spon a:hover{border-color:rgba(47,128,237,.5);box-shadow:var(--sh2)}
@media (min-width:700px){.spon{margin:0 24px 32px}.spon a{flex-direction:row;max-width:640px;margin:0;gap:22px;padding:16px}.spon img{width:280px;flex:none}.spon span{align-items:flex-start;text-align:left;font-size:15.5px}.spon strong{font-size:24px}}

/* ---- live search dropdown (Oct 25 2026) ---- */
.sdrop{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:40;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 50px rgba(26,72,140,.25);padding:8px;max-height:min(72vh,680px);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;text-align:left}
.sd-sec{padding:4px 4px 8px}
.sd-h{display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);padding:6px 6px 8px}
.sd-clear{background:none;border:0;color:var(--gold2);font-size:13px;cursor:pointer;padding:6px 8px;text-transform:none;letter-spacing:0}
.sd-chips{display:flex;flex-wrap:wrap;gap:8px;padding:0 4px}
.schip{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border-radius:999px;background:#EAF3FF;border:1px solid var(--line);color:#0B2545;text-decoration:none;font-size:15px;white-space:nowrap}
.schip:hover,.schip.act{border-color:var(--gold);color:var(--gold2)}
.sd-chips.pop{justify-content:center;padding:4px 16px 30px}
.sd-ents{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;padding:0 2px}
.sd-ent{display:flex;align-items:center;gap:10px;min-height:56px;padding:6px 10px;border-radius:14px;background:#F2F8FF;border:1px solid transparent;color:var(--txt);text-decoration:none}
.sd-ent img,.sd-ico{width:42px;height:42px;border-radius:50%;flex:none;object-fit:cover;background:#DCEBFF;display:grid;place-items:center;font-size:21px}
.sd-ent span{min-width:0;display:flex;flex-direction:column}
.sd-ent b{font-size:15px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sd-ent small{font-size:12.5px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sd-vid{display:flex;gap:12px;align-items:center;min-height:64px;padding:6px;border-radius:12px;color:var(--txt);text-decoration:none}
.sd-th{position:relative;flex:none;width:112px;aspect-ratio:16/9;border-radius:9px;overflow:hidden;background:#DCE9F9}
.sd-th img{width:100%;height:100%;object-fit:cover;display:block}
.sd-th i{position:absolute;right:4px;bottom:4px;font-style:normal;font-size:11px;background:rgba(0,0,0,.8);color:#fff;padding:1px 5px;border-radius:5px}
.sd-tx{min-width:0;display:flex;flex-direction:column;gap:3px}
.sd-tx b{font-size:14.5px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sd-tx small{font-size:12.5px;color:var(--mut)}
.sd-ent:hover,.sd-vid:hover,.sd-ent.act,.sd-vid.act{background:#E1EEFF;border-color:var(--gold)}
.sd-vid.act{outline:1px solid var(--gold)}
.sd-all{display:block;text-align:center;margin:6px 4px 2px;padding:13px;border-radius:12px;background:var(--btn);color:#fff;font-weight:700;text-decoration:none}
.sd-all.act{outline:3px solid rgba(47,128,237,.35)}
.sd-empty{padding:14px 10px;color:var(--mut)}
@media (max-width:720px){.sdrop{left:-8px;right:-8px;max-height:calc(100vh - 170px);max-height:calc(100dvh - 170px)}.sd-ents{grid-template-columns:1fr 1fr}.sd-ent{min-height:58px}.sd-th{width:104px}.schip{min-height:44px}}
/* results page: entity boxes + filter chips */
.sboxes .box.sbox{min-height:110px}
.filters{margin:4px 16px 14px;display:flex;flex-direction:column;gap:8px}
.frow{display:flex;gap:8px;align-items:center;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.frow::-webkit-scrollbar{display:none}
.flbl{flex:none;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);min-width:74px}
.fchip{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border-radius:999px;background:#fff;border:1px solid var(--line);color:#1E3A5F;text-decoration:none;font-size:14px;white-space:nowrap}
.fchip small{color:var(--mut);font-size:12px}
.fchip.on{background:var(--btn);color:#fff;font-weight:650;border-color:transparent}
.fchip.on small{color:rgba(255,255,255,.85)}
@media (max-width:720px){.flbl{min-width:0}.fchip{min-height:42px}}

/* ---------- LIGHT BLUE theme extras (Oct 25 2026 7:17 PM) ---------- */
.card{background:#fff;border-radius:16px;padding:0 0 10px;box-shadow:var(--sh);transition:box-shadow .2s,transform .2s}
.card .thumb{border-radius:16px 16px 0 0}
.card h3{margin:9px 10px 2px}
.card .src{margin:0 10px;padding-right:30px}
.card .dots{right:4px;bottom:4px}
.card:hover .thumb,.card:focus-visible .thumb{transform:none;box-shadow:none}
@media (hover:hover){.card:hover,.card:focus-visible{transform:translateY(-3px);box-shadow:var(--sh2),0 0 0 2px var(--gold)}}
.scroller{padding-top:4px;padding-bottom:14px}
.arrow{bottom:60px}
.lbox:hover{box-shadow:var(--sh2),0 0 0 2px var(--gold)}
.search{box-shadow:0 2px 10px rgba(26,72,140,.08)}
.search:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px rgba(47,128,237,.18)}
.mylist-btn{background:#fff}
.langs button{background:#fff}
.langs button.on{background:#E3EFFF;font-weight:650}
.modal:not(.mini) .sheet{color:var(--txt)}
.frame{box-shadow:0 10px 30px rgba(11,37,69,.25)}
.mission h2{color:var(--txt)}
.mission a{color:var(--gold2);font-weight:650}
.foot .contact h2{color:var(--txt)}
/* the big rotating "Newest" box (home) */
.box.showcase{display:block;background:#0B2545;padding:0;cursor:default}
.sc-slides{position:absolute;inset:0}
.sc-slide{position:absolute;inset:0;display:flex;align-items:flex-end;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility 0s linear .6s;cursor:pointer;color:#fff;outline-offset:-4px}
.sc-slide.on{opacity:1;visibility:visible;transition:opacity .6s ease}
.sc-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform 6s ease}
.sc-slide.on .sc-img{transform:scale(1.08)}
.sc-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,30,66,.94) 0%,rgba(9,30,66,.55) 42%,rgba(9,30,66,.05) 75%)}
.sc-kick{position:absolute;top:12px;left:12px;z-index:1;display:inline-flex;gap:6px;align-items:center;background:var(--sun);color:#0B2545;font-weight:800;font-size:13px;padding:5px 11px;border-radius:999px;box-shadow:0 3px 10px rgba(0,0,0,.25)}
.sc-kick i{font-style:normal;font-weight:650;opacity:.75}
.sc-txt{position:relative;z-index:1;display:block;padding:14px 64px 34px 16px;min-width:0}
.sc-txt b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:var(--serif);font-weight:650;font-size:clamp(19px,2.6vw,30px);line-height:1.18;text-shadow:0 2px 10px rgba(0,0,0,.55);unicode-bidi:plaintext}
.sc-txt small{display:block;margin-top:4px;font-size:13px;color:rgba(255,255,255,.88);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-play{position:absolute;right:14px;bottom:34px;z-index:1;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--btn);color:#fff;font-size:18px;padding-left:3px;box-shadow:0 6px 16px rgba(0,0,0,.35);transition:transform .15s}
.sc-slide:hover .sc-play{transform:scale(1.1)}
.sc-nav{position:absolute;top:50%;z-index:2;transform:translateY(-60%);width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.88);color:#0B2545;font-size:26px;line-height:1;cursor:pointer;box-shadow:0 3px 10px rgba(0,0,0,.25);display:grid;place-items:center;padding:0 0 3px}
.sc-nav.l{left:10px}.sc-nav.r{right:10px}
.sc-nav:hover{background:#fff}
.sc-dots{position:absolute;left:0;right:0;bottom:10px;z-index:2;display:flex;justify-content:center;gap:2px}
.sc-dot{width:22px;height:22px;border:0;background:none;padding:0;cursor:pointer;display:grid;place-items:center}
.sc-dot::before{content:"";width:8px;height:8px;border-radius:999px;background:rgba(255,255,255,.55);transition:width .25s,background .25s}
.sc-dot.on::before{width:22px;background:#fff}
.boxes.home .box.showcase{min-height:0;aspect-ratio:16/10}
@media (min-width:600px){.boxes.home .box.showcase{aspect-ratio:auto}}
@media (hover:hover) and (pointer:fine){.box.showcase:hover{transform:translateY(-3px);filter:none}.box.showcase:hover .bimg{opacity:1}}
@media (max-width:420px){.sc-nav{width:34px;height:34px;font-size:22px}.sc-txt{padding:12px 58px 32px 12px}.sc-play{width:42px;height:42px;right:10px;bottom:32px}}
@media (prefers-reduced-motion:reduce){.sc-slide,.sc-slide.on,.sc-img{transition:none}.sc-slide.on .sc-img{transform:scale(1.02)}}

/* ===== Oct 25 2026 7:21 PM (naftali: "all"): friendly touches — greeting, soft icons, continue watching, pick of the day,
   rounder buttons, slightly bigger text, gentle motion (transform/opacity only; none at all with prefers-reduced-motion) ===== */
:root{--r:18px}
body{font-size:16.5px}
.card h3{font-size:15.5px;line-height:1.32}
.card .src{font-size:13.5px}
.psub{font-size:15px}
.row h2 a{font-size:15px}
.btn,.cb,.mb,.more,.chips a,.ytchips a,.schip,.sd-all,.mylist-btn{border-radius:999px}
.cmenu button,.cmenu a{border-radius:12px}
.nx img,.sd-th{border-radius:12px}
.dur,.lng,.isnew{border-radius:999px;padding-left:8px;padding-right:8px}
/* greeting */
.hello{display:flex;align-items:center;gap:12px;margin:14px 16px 6px;padding:12px 16px;border-radius:22px;background:linear-gradient(135deg,#fff,#F1F8FF);box-shadow:var(--sh);border:1px solid var(--line)}
.hello h1{margin:0;font-family:var(--serif);font-size:22px;line-height:1.2;font-weight:650;color:var(--txt)}
.hello h1 span{color:var(--gold2);white-space:normal}
.hello p{margin:2px 0 0;font-size:14px;color:var(--mut)}
.hic{--ic:#2F80ED;flex:none;display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;color:var(--ic);background:color-mix(in srgb,var(--ic) 14%,#fff);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ic) 22%,transparent)}
.hic.sm{width:30px;height:30px;margin-right:8px;vertical-align:middle}
.hic.sm svg{width:17px;height:17px}
@media (min-width:900px){.hello{margin:18px 24px 8px;padding:14px 20px}.hello h1{font-size:26px}}
/* soft colored icons on the boxes (replace the emoji badge): white circle, the section's color */
.bicon.fic{--ic:#2F80ED;background:rgba(255,255,255,.94);color:var(--ic);border:0;border-radius:50%;box-shadow:0 4px 12px rgba(11,37,69,.18);backdrop-filter:none;-webkit-backdrop-filter:none}
.bicon.fic svg{width:24px;height:24px}
.box.wide .bicon.fic svg{width:28px;height:28px}
@media (max-width:420px){.bicon.fic svg{width:21px;height:21px}}
/* continue watching */
.cwrow h2{align-items:center}
.cwclear{margin-left:auto;font:600 14px system-ui,sans-serif;color:var(--gold2);background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 14px;cursor:pointer;min-height:36px}
.cwbar{position:absolute;left:0;right:0;bottom:0;height:5px;background:rgba(255,255,255,.55)}
.cwbar i{display:block;height:100%;background:#E0475B;border-radius:0 3px 3px 0}
.cwc .dur{bottom:12px}
.cwplay{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);color:var(--gold2);font-size:18px;padding-left:3px;box-shadow:0 6px 16px rgba(11,37,69,.28);transition:transform .2s ease}
.cwx{position:absolute;top:6px;right:6px;width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:#0B2545;box-shadow:0 2px 8px rgba(11,37,69,.18);font-size:14px;cursor:pointer;display:grid;place-items:center}
/* pick of the day */
.pod{margin:10px 16px 18px}
.podin{display:flex;gap:14px;align-items:center;padding:10px;border-radius:22px;background:linear-gradient(135deg,#FFF9E8,#fff 60%);border:1px solid rgba(226,164,0,.28);box-shadow:var(--sh);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}
.podin .thumb{flex:none;width:44%;max-width:300px}
.podx{min-width:0;display:flex;flex-direction:column;gap:4px}
.podk{display:flex;align-items:center;font-size:13px;font-weight:750;letter-spacing:.03em;text-transform:uppercase;color:#9A6B00}
.podx b{font-size:16px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;unicode-bidi:plaintext}
.podx small{font-size:13.5px;color:var(--mut)}
@media (min-width:900px){.pod{margin:12px 24px 22px}.podin{padding:12px;gap:20px}.podx b{font-size:19px}}
/* gentle motion */
.fadein{animation:pkmfade .32s ease-out both}
@keyframes pkmfade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.card,.podin,.btn,.cb,.mb,.more,.chips a,.ytchips a,.cwclear,.crumbs .back{transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}
@media (hover:hover) and (pointer:fine){
  .podin:hover,.podin:focus-visible{transform:translateY(-3px);box-shadow:var(--sh2),0 0 0 2px #E2A400}
  .podin:hover .cwplay,.cwc:hover .cwplay{transform:scale(1.1)}
  .btn:hover,.more:hover,.chips a:hover,.ytchips a:hover,.cwclear:hover,.crumbs .back:hover{transform:translateY(-2px)}
}
.card:active .thumb,.podin:active,.btn:active,.cb:active,.mb:active,.more:active,.chips a:active,.ytchips a:active,.cwclear:active,.crumbs .back:active{transform:scale(.96)}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .fadein{animation:none}
  .card:hover .thumb,.box:hover,.box:active,.podin:hover,.card:active .thumb,.podin:active{transform:none!important}
}
@media (min-width:900px){.podin{max-width:980px}}

/* ===================== Oct 25 2026 9:20 PM: 14 new features (Shabbos mode, Daf, parsha, Yom Tov, zmanim, kids, play all, share…) ===================== */
/* Shabbos / Yom Tov screen */
body.sacred>*:not(#sacred){display:none!important}
#sacred{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(900px 500px at 50% 0%,#fff 0%,transparent 70%),linear-gradient(180deg,#EAF4FF,#F7FBFF);color:var(--txt);text-align:center;overflow:auto}
html.dark #sacred{background:linear-gradient(180deg,#0E1A2B,#0B1524)}
.sac-in{max-width:480px}
.sac-logo{width:200px;height:auto;margin:0 auto 18px;display:block}
.sac-ic{font-size:44px;line-height:1;margin-bottom:10px}
#sacred h1{font-family:var(--serif);font-size:42px;margin:0 0 8px;color:var(--gold2);font-weight:700}
#sacred p{margin:6px 0;font-size:17px;color:var(--mut)}
#sacred .sac-w{font-size:19px;color:var(--txt)}
#sacred .sac-back{margin-top:16px;font-size:17px;color:var(--txt);background:var(--panel);display:inline-block;padding:10px 16px;border-radius:14px;box-shadow:var(--sh)}
/* today boxes on home */
.row.today h2{font-size:19px}
.row.today h2 small{font-weight:600}
.row.today{background:var(--panel);border-radius:18px;padding:10px 12px 4px;margin:12px 0;box-shadow:var(--sh);border:1px solid var(--line)}
.row.today.daf{border-left:5px solid #2F80ED}
.row.today.parsha{border-left:5px solid #8a6416}
.row.today.season{border-left:5px solid #F5B92E}
/* zmanim */
.zman{background:var(--panel);border:1px solid var(--line);border-radius:16px;margin:10px 0;box-shadow:var(--sh)}
.zman summary{cursor:pointer;list-style:none;padding:11px 14px;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.zman summary::-webkit-details-marker{display:none}
.zman summary span{color:var(--mut);font-size:14px}
.zman summary i{margin-left:auto;font-style:normal;color:var(--gold2);transition:transform .2s}
.zman[open] summary i{transform:rotate(180deg)}
.zman ul{list-style:none;margin:0;padding:0 14px 6px;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:2px 18px}
.zman li{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px dashed var(--line);font-size:15px}
.zman li small{display:block;color:var(--mut);font-size:12px}
.zman li.past{opacity:.55}
.zman li.nx b{color:var(--gold2)}
.zfine{font-size:12.5px;color:var(--mut);padding:4px 14px 12px;margin:0}
.linkbtn{background:none;border:0;padding:0;color:var(--gold2);text-decoration:underline;cursor:pointer;font-size:inherit}
.sech .surprise{margin-left:10px;font-size:14px;vertical-align:middle;border:1px solid var(--line);background:var(--panel);color:var(--gold2);border-radius:999px;padding:5px 12px;cursor:pointer;font-weight:700}
/* play all bar */
.playbar{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 14px}
.playbar .btn{min-height:42px}
/* sound only: the YouTube frame kept tiny */
body.sound-only .modal.mini .frame{width:44px!important;height:44px!important;opacity:.9;border-radius:10px}
body.sound-only .modal:not(.mini) .frame{width:160px;max-width:160px;height:90px;aspect-ratio:auto;padding-top:0;margin:10px auto}
.cb#cSound.on,.cb#cSleep.on{background:var(--btn);color:#fff;border-color:transparent}
.cb#cSleep small{font-size:11px;margin-left:2px}
/* share sheet */
dialog.share-sheet,dialog.settings{border:0;border-radius:20px;padding:0;width:min(440px,calc(100vw - 24px));background:var(--panel);color:var(--txt);box-shadow:0 20px 60px rgba(11,37,69,.35)}
dialog.share-sheet::backdrop,dialog.settings::backdrop{background:rgba(11,37,69,.45)}
.sh-in,.set-in{padding:14px}
.sh-head,.set-h{display:flex;gap:10px;align-items:center;margin-bottom:10px}
.sh-head img{width:96px;height:54px;object-fit:cover;border-radius:10px;flex:none}
.sh-pg{font-size:28px}
.sh-head div{min-width:0;flex:1}
.sh-head b{display:block;font-size:15px;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.sh-head small{display:block;color:var(--mut);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.set-h h3{margin:0;flex:1}
.sh-x{border:0;background:var(--bg);width:36px;height:36px;border-radius:50%;font-size:22px;cursor:pointer;flex:none;color:var(--txt)}
.sh-at{display:flex;gap:8px;align-items:center;font-size:14px;margin:0 0 10px;padding:8px 10px;background:var(--bg);border-radius:12px}
.sh-at input{width:20px;height:20px}
.sh-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.sh-b{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;border:1px solid var(--line);border-radius:14px;background:var(--panel);text-decoration:none;font-size:12.5px;font-weight:600;cursor:pointer;color:var(--txt);text-align:center}
.sh-ic{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;background:#E8F2FF}
.sh-wa .sh-ic{background:#25D366}.sh-wa .sh-ic svg{width:28px;height:28px}
.sh-email .sh-ic{background:#FDECC8}.sh-sms .sh-ic{background:#D9F7E6}.sh-tg .sh-ic{background:#D6EEFF}
.sh-copy.ok .sh-ic{background:#D9F7E6}
.sh-qrbox{margin-top:12px;text-align:center}
.sh-qrbox svg{width:200px;height:200px;background:#fff;border-radius:12px}
.sh-qrbox small{display:block;color:var(--mut);margin-top:4px}
.sh-url{width:100%;margin-top:12px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;font:13px system-ui,sans-serif;color:var(--mut);background:var(--bg)}
.btn.wa{background:#25D366;color:#fff;border-color:#1fb457;font-weight:700}
.cmenu a.wa{color:#128C4B;font-weight:700}
/* settings */
.set-l{margin:12px 0 6px;font-weight:700;font-size:14px;color:var(--mut)}
.segs{display:flex;flex-wrap:wrap;gap:6px}
.seg{border:1px solid var(--line);background:var(--bg);border-radius:999px;padding:8px 14px;cursor:pointer;font-weight:600;text-decoration:none;color:var(--txt);font-size:15px}
.seg.on{background:var(--btn);color:#fff;border-color:transparent}
.gear{border:1px solid var(--line);background:#fff;border-radius:999px;width:42px;height:42px;font-size:19px;cursor:pointer;flex:none;box-shadow:var(--sh)}
/* kids mode */
.kidsbar{display:flex;align-items:center;gap:10px;justify-content:space-between;background:linear-gradient(135deg,#FFE3EF,#FFF2D6);border:1px solid #F3C4D8;color:#7a1f48;border-radius:14px;padding:10px 14px;margin:10px 0;font-weight:700}
.kidsbar a{color:#7a1f48}
body.kids-on .mylist-btn,body.kids-on .langs .live{display:none}
.kidsform{display:grid;gap:12px;max-width:340px;background:var(--panel);padding:16px;border-radius:16px;box-shadow:var(--sh)}
.kidsform label{display:grid;gap:4px;font-weight:600}
.kidsform input{font-size:24px;letter-spacing:10px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;width:160px;background:var(--bg);color:var(--txt)}
.kmsg{color:#C0392B;margin:0;min-height:1em;font-weight:600}
/* large text: everything one size up */
html.big body{zoom:1.15}
/* dark mode (light blue stays the default) */
html.dark{--bg:#0E1A2B;--bg2:#0B1524;--panel:#15243A;--line:rgba(120,170,240,.22);--gold:#5EA0FF;--gold2:#8CBBFF;--txt:#E6EEF9;--mut:#A3B5CF;--sh:0 4px 14px rgba(0,0,0,.35);--sh2:0 14px 30px rgba(0,0,0,.45);color-scheme:dark}
html.dark body{background:linear-gradient(180deg,var(--bg),var(--bg2))}
html.dark .top{background:linear-gradient(180deg,rgba(18,32,52,.97),rgba(14,26,43,.94))}
html.dark .search,html.dark .cats a,html.dark .chips a,html.dark .chips button,html.dark .more,html.dark .ad a,html.dark .btn,html.dark .x,html.dark .perr,html.dark dialog input,html.dark .cmenu,
html.dark .fb input,html.dark .fb textarea,html.dark .ytchips a,html.dark .modal.mini,html.dark .lbox,html.dark .cb,html.dark .spon a,html.dark .sdrop,html.dark .fchip,html.dark .card,html.dark .mylist-btn,
html.dark .langs button,html.dark .cwclear,html.dark .gear,html.dark .lv{background:var(--panel);color:var(--txt)}
html.dark .search input{color:var(--txt);background:transparent}
html.dark .thumb,html.dark .sd-th{background:#22344F}
html.dark .foot{background:linear-gradient(180deg,#12213A,#0E1A2B)}
html.dark .modal{background:linear-gradient(180deg,#0E1A2B,#0B1524)}
html.dark .cmenu button:hover,html.dark .cmenu a:hover,html.dark .sd-ent:hover,html.dark .sd-vid:hover,html.dark .sd-ent.act,html.dark .sd-vid.act{background:#1E3352}
html.dark .fb-card,html.dark .lvcard,html.dark .mission,html.dark .hello,html.dark .podin{background:linear-gradient(135deg,#15243A,#1A2D48)}
html.dark .schip,html.dark .sd-ent,html.dark .spd,html.dark .langs button.on,html.dark .sd-ent img,html.dark .sd-ico,html.dark .box.person .bava{background:#1E3352}
html.dark .card h3,html.dark .ptitle,html.dark .sech,html.dark .row h2{color:var(--txt)}
html.dark .btn.gold{background:var(--btn);color:#fff}
html.dark .sh-ic{background:#22344F}
html.dark .heart,html.dark .sc-nav,html.dark .cwplay,html.dark .cwx{background:rgba(21,36,58,.92);color:var(--txt)}
html.dark .kidsbar{background:#3a1f2f;border-color:#6b2f4e;color:#FFD6E6}
html.dark .kidsbar a{color:#FFD6E6}
/* mini-player second row fits ♪ and 💤 on a phone */
.modal.mini .pctl{gap:4px;justify-content:space-between;overflow:hidden}
.modal.mini .cb{min-width:44px;padding:0 6px}
.modal.mini .cb#cSleep small{display:none}
.modal.mini .cb#cSleep.on::after{content:"";width:6px;height:6px;border-radius:50%;background:#F5B92E;margin-left:3px}
/* Yiddish greeting (naftali 9:42 PM) */
.yhello div[dir=rtl]{text-align:right;flex:1}
.yhello h1 span{font-weight:700;color:var(--gold2)}

/* Daf Yomi maggidim picker (Oct 26 2026): chips with each maggid's checked photo; his photo also sits on his text tiles */
.dafchips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 16px 12px;margin:0;-webkit-overflow-scrolling:touch}
.dafchips::-webkit-scrollbar{display:none}
.dafchips.page{flex-wrap:wrap;overflow:visible}
.dafchips button{flex:none;display:flex;align-items:center;gap:7px;padding:4px 12px 4px 4px;border-radius:999px;border:1px solid var(--line);background:#fff;color:#1E3A5F;font-size:13.5px;cursor:pointer;white-space:nowrap}
.dafchips button img,.dafchips .mi{width:26px;height:26px;border-radius:50%;object-fit:cover;flex:none}
.dafchips .mi{display:flex;align-items:center;justify-content:center;background:#14284b;color:#f3d27a;font-weight:700;font-size:13px}
.dafchips small{font-size:11px;color:var(--mut)}
.dafchips button.has small{color:#1f8a4c;font-weight:700}
.dafchips button.on{background:var(--btn);color:#fff;border-color:transparent;font-weight:700}
.dafchips button.on small{color:#fff}
.thumb .mav{position:absolute;left:5%;top:50%;transform:translateY(-50%);width:24%;aspect-ratio:1;height:auto;border-radius:50%;object-fit:cover;border:2px solid #c9a54a;box-shadow:0 2px 8px rgba(0,0,0,.35)}
.dafh{font-size:18px;margin:18px 16px 8px}
.maschips{margin-top:14px}.maschips a.dim{opacity:.45}.maschips a.on{background:var(--btn);color:#fff;border-color:transparent}
.dafhead{margin:8px 16px}
html.dark .dafchips button{background:#15243a;color:var(--txt)}
.dafgroups{margin:0 0 6px}.dafrow b{display:block;font-size:12.5px;color:var(--mut);margin:6px 16px 4px;font-weight:650}
.dafgroups .dafchips{padding-bottom:6px}
.maschips small{opacity:.7;font-size:11px}

/* Oct 26 10:50 AM (naftali): "Our goal: 100% kosher" card under the mission line + Report an issue */
.kgoal{margin:10px 0 12px;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid rgba(47,128,237,.22);border-inline-start:4px solid var(--gold2,#2F80ED);max-width:760px}
.kgoal h3{margin:0 0 6px;font-family:var(--serif);font-weight:700;font-size:17px;color:#0B2545}
.mission .kgoal p{margin:0 0 6px;font-size:14.5px;line-height:1.45;color:#2a3b55}
.mission .kgoal p.kg-ask{font-weight:600;color:#0B2545}
.mission .kgoal a.kg-report{display:inline-flex;align-items:center;gap:6px;margin-top:4px;padding:8px 14px;border-radius:999px;background:#C0392B;color:#fff;font-size:14px;font-weight:700;text-decoration:none}
.mission .kgoal a.kg-report:hover{background:#A93226;text-decoration:none}
@media (max-width:640px){.mission .kgoal{margin-inline-start:-58px;padding:11px 13px}.mission .kgoal p{font-size:14px}}
html.dark .kgoal{background:#10203A;border-color:rgba(120,170,255,.25)}
html.dark .kgoal h3,html.dark .mission .kgoal p,html.dark .mission .kgoal p.kg-ask{color:#E8EEF8}