/* yb.css — Yisroel's picks (Oct 26 2026): dedication strip/page, audio-only player, Yiddish (right-to-left), sync page, install line */
/* ---- 6. dedication strip (home, under the zmanim box) ---- */
.ybded{display:flex;align-items:center;gap:10px;margin:-4px 16px 12px;padding:9px 14px;border-radius:14px;background:var(--card,#fff);border:1px solid rgba(201,162,39,.35);color:inherit;text-decoration:none;font-size:.92rem;line-height:1.3;box-shadow:0 1px 3px rgba(20,40,80,.06)}
.ybded .ybd-i{font-size:1.25rem;flex:0 0 auto}.ybded .ybd-x{display:flex;flex-direction:column;min-width:0;flex:1}.ybded small{opacity:.75;font-size:.78rem}.ybded b{font-weight:600}
.ybded:not(.on) b{font-weight:600;color:#8a6d12}.ybded .ybd-go{opacity:.5;font-size:1.2rem}
.ybded.on{background:linear-gradient(90deg,rgba(201,162,39,.12),rgba(201,162,39,.04));border-color:rgba(201,162,39,.55)}.ybded.on b{font-size:1rem;color:inherit}
html.dark .ybded{background:#15243a;border-color:rgba(201,162,39,.35)}html.dark .ybded:not(.on) b{color:#e2c35b}
.ybpage{max-width:720px;margin:0 auto;padding:4px 2px 30px}.ybpage .ptitle{margin-top:6px}
.ybform{display:flex;flex-direction:column;gap:6px;background:var(--card,#fff);border-radius:16px;padding:16px;box-shadow:0 1px 4px rgba(20,40,80,.08)}
html.dark .ybform,html.dark .ybcard{background:#15243a}
.ybform label{font-weight:600;margin-top:8px}.ybform input,.ybform textarea,.ybcard textarea{font-size:17px;padding:12px;border-radius:12px;border:1px solid rgba(47,128,237,.3);background:#fff;color:#1b2033;width:100%;box-sizing:border-box}
.ybkinds{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.ybkinds legend{font-weight:600;margin-bottom:4px}
.ybk{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid rgba(47,128,237,.2);cursor:pointer;min-height:44px}.ybk input{width:20px;height:20px}
.ybk:has(input:checked){border-color:#c9a227;background:rgba(201,162,39,.08)}
.ybhint{font-size:.85rem;opacity:.75;margin:2px 0}.ybwarn{color:#a33;font-weight:600;margin:4px 0}.ybok{color:#1b7a3a;font-weight:600}
.ybprev{min-height:1.4em;font-size:1rem;padding:6px 0}.ybform .btn{min-height:48px;font-size:1.05rem;margin-top:10px}
.ybup ul{padding-inline-start:18px;line-height:1.7}
/* ---- 7. audio-only ---- */
.ybhbtn{background:transparent;border:0;font-size:1.25rem;width:42px;height:42px;border-radius:12px;cursor:pointer;line-height:1;flex:0 0 auto}
.ybhbtn.on{background:rgba(201,162,39,.22);box-shadow:inset 0 0 0 2px #c9a227}
.ybaudbar{display:flex;justify-content:center;margin:4px 0 2px}.ybaudt{min-height:40px}.ybaudt.on{background:#1b2033;color:#fff}
.ybaud{text-align:center;padding:10px 12px 6px;margin:6px auto 0;max-width:520px}
.ybaud .yba-ico{font-size:44px;line-height:1}.ybaud .yba-k{margin:2px 0 6px;font-size:.8rem;opacity:.7;text-transform:uppercase;letter-spacing:.04em}
.ybaud .yba-t{display:block;font-size:1.15rem;line-height:1.3;margin:0 0 2px}.ybaud .yba-s{display:block;opacity:.7;margin-bottom:10px}
.ybaud input[type=range]{direction:ltr;width:100%;accent-color:#c9a227;height:28px}.ybaud .yba-time{display:block;font-variant-numeric:tabular-nums;opacity:.75;font-size:.9rem;direction:ltr}
.yba-btns{display:flex;justify-content:center;align-items:center;gap:14px;margin:10px 0 4px;direction:ltr}
.yba-b{width:62px;height:62px;border-radius:50%;border:0;background:rgba(47,128,237,.12);font-size:1.5rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;color:inherit}
.yba-b small{font-size:.7rem;font-weight:700}.yba-b.big{width:84px;height:84px;background:#c9a227;color:#fff;font-size:2rem}
.yba-fine{font-size:.75rem;opacity:.6;margin:6px 0 0}
body.yb-audio .modal:not(.mini) .frame{width:160px!important;max-width:160px!important;height:90px!important;aspect-ratio:auto!important;padding-top:0!important;margin:8px auto 0!important;border-radius:10px;overflow:hidden;opacity:.85}
body.yb-audio .modal:not(.mini) .pctl{display:none}
body.yb-audio .modal.mini .frame{width:44px!important;height:44px!important;opacity:.9;border-radius:10px}
html.dark .yba-b{background:rgba(255,255,255,.1)}
/* ---- 8. language: first-run choice + right-to-left ---- */
.yblang{position:fixed;left:12px;right:12px;bottom:14px;z-index:9000;max-width:460px;margin:0 auto;background:var(--card,#fff);color:var(--text,#1b2033);border-radius:16px;box-shadow:0 10px 34px rgba(0,0,0,.25);padding:12px 40px 12px 14px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;animation:ybUp .25s ease}
.yblang .ybl-t{font-size:.95rem}.yblang .ybl-b{display:flex;gap:8px}.yblang .btn{min-height:42px;min-width:92px}
.yblang .ybl-x{position:absolute;top:6px;right:8px;border:0;background:transparent;font-size:1.4rem;opacity:.5;cursor:pointer;width:32px;height:32px}
html.dark .yblang{background:#15243a;color:#eef}
@keyframes ybUp{from{transform:translateY(20px);opacity:0}to{transform:none;opacity:1}}
html[dir=rtl] body{text-align:right}
html[dir=rtl] .skip{left:auto;right:-999px}html[dir=rtl] .skip:focus{right:8px;left:auto}
html[dir=rtl] .scroller{direction:rtl}
html[dir=rtl] .row h2 a,html[dir=rtl] .row h2 .more{margin-left:0;margin-right:auto}
html[dir=rtl] .yblang{padding:12px 14px 12px 40px}html[dir=rtl] .yblang .ybl-x{right:auto;left:8px}
html[dir=rtl] .pctl,html[dir=rtl] .mbar,html[dir=rtl] .yba-btns,html[dir=rtl] #pCtl{direction:ltr}
html[dir=rtl] .ybded .ybd-go{transform:scaleX(-1)}
html[dir=rtl] .card .dur,html[dir=rtl] .thumb .dur{direction:ltr}
/* ---- 9. sync ---- */
.ybcard{background:var(--card,#fff);border-radius:16px;padding:16px;margin:12px 0;box-shadow:0 1px 4px rgba(20,40,80,.08)}.ybcard h2{font-size:1.05rem;margin:0 0 8px}
.ybcounts{font-weight:600;line-height:1.5}.ybqr{width:220px;max-width:70vw;margin:10px auto;background:#fff;padding:8px;border-radius:12px}.ybqr svg{width:100%;height:auto;display:block}
.ybbtns{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.ybbtns .btn{min-height:44px}
.ybcode{font-family:ui-monospace,monospace;font-size:.72rem;opacity:.55;word-break:break-all;margin:10px 0 0}
.ybcard textarea{margin:6px 0 10px;font-size:15px}
.ybsyncbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0 12px;padding:10px 12px;border-radius:14px;background:rgba(47,128,237,.07);font-size:.92rem}.ybsyncbar span{flex:1 1 200px}
.ybsyncbar .btn.sm{min-height:38px;padding:6px 12px;font-size:.9rem}
/* ---- quiet install line at the very bottom of home ---- */
.ybinst{text-align:center;margin:26px 0 6px;font-size:.88rem;opacity:.75}.ybinst .linkbtn{background:none;border:0;color:inherit;text-decoration:underline;cursor:pointer;font-size:inherit;padding:8px}
@media (display-mode: standalone){.ybinst{display:none}}
/* Settings lives in the ☰ menu now (Yisroel, Oct 26 04:09Z) */
#gearBtn{display:none!important}
html[dir=rtl] .b4z-time,html[dir=rtl] .b4z-next b,html[dir=rtl] .b4z-date span{direction:ltr;unicode-bidi:isolate;display:inline-block}
@media (min-width:900px){.ybded{margin:-6px 24px 14px}}
.ybpage .ybded.static{margin:8px 0 12px}