/* עיצוב האפליקציה (הועבר מ-index.html). הטקסטורות נוצרות ע"י tools/textures.mjs */
/* ============ tokens ============ */
:root{
  --bg:#f4f6f9; --surface:#ffffff; --surface-2:#eef2f8; --ink:#0b0b0f; --ink-2:#3b4659; --muted:#5b6476; --line:#e4e8ef; --line-2:#d5dbe5;
  --blue:#2f5bff; --blue-fill:#2f5bff; --blue-2:#5b7cff; --blue-soft:#e9efff; --blue-ink:#1f3fd1;
  --good:#12805c; --good-soft:#e3f5ee; --bad:#c2410c; --bad-soft:#fdeee6; --gold:#b8862f;
  --paper:var(--bg); --card:var(--surface); --red:var(--blue); --red-soft:var(--blue-soft); --gold-soft:var(--blue-soft); --wine:#b42318;
  --sans:"Heebo",system-ui,-apple-system,sans-serif; --serif:"Frank Ruhl Libre","Noto Serif Hebrew",serif; --text:"Noto Serif Hebrew",serif;
  --r:18px; --r-sm:12px;
  --sh:0 1px 2px rgba(15,23,41,.04),0 4px 16px -6px rgba(15,23,41,.08);
  --sh-lg:0 18px 40px -16px rgba(47,91,255,.35);
  --grain:none; color-scheme:light;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#0b0b0f; --surface:#16161d; --surface-2:#1f1f28; --ink:#f2f2f7; --ink-2:#cfcfda; --muted:#9a9aab; --line:#2a2a35; --line-2:#363645;
    --blue:#7ea2ff; --blue-2:#9bb7ff; --blue-soft:#1c2550; --blue-ink:#b8caff; --good:#4ccf9b; --good-soft:#143b3a; --bad:#ff9468; --bad-soft:#452a2a;
    --sh:0 1px 2px rgba(0,0,0,.25),0 8px 24px -10px rgba(0,0,0,.5); --sh-lg:0 18px 40px -16px rgba(0,0,0,.6); color-scheme:dark;
  }
}
:root[data-theme="dark"]{
    --bg:#0b0b0f; --surface:#16161d; --surface-2:#1f1f28; --ink:#f2f2f7; --ink-2:#cfcfda; --muted:#9a9aab; --line:#2a2a35; --line-2:#363645;
    --blue:#7ea2ff; --blue-2:#9bb7ff; --blue-soft:#1c2550; --blue-ink:#b8caff; --good:#4ccf9b; --good-soft:#143b3a; --bad:#ff9468; --bad-soft:#452a2a;
    --sh:0 1px 2px rgba(0,0,0,.25),0 8px 24px -10px rgba(0,0,0,.5); --sh-lg:0 18px 40px -16px rgba(0,0,0,.6); color-scheme:dark;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{font-size:100%} html[data-text="l"]{font-size:112.5%} html[data-text="xl"]{font-size:125%}
html,body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.55;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
.ic{flex:0 0 auto;display:block}
main{max-width:720px;margin:0 auto;padding:0 18px calc(96px + env(safe-area-inset-bottom))}
h1,h2,h3{font-family:var(--sans);font-weight:800;margin:0;letter-spacing:-.2px}
p{margin:.5em 0}
.muted{color:var(--muted)} .small{font-size:.875rem} .center{text-align:center} .serif{font-family:var(--text)} .sans{font-family:var(--sans)}

/* ============ app chrome ============ */
header.top{display:flex;align-items:center;justify-content:space-between;padding:14px 2px 6px}
.bsd{font-size:.75rem;color:var(--muted);order:3}
.wordmark{font-weight:800;font-size:1.05rem;color:var(--ink)}
.wordmark span{color:var(--blue)}
.top-left{display:flex;align-items:center;gap:10px}
.heb{color:var(--muted);font-size:.8rem;white-space:nowrap}
.hdrsos{white-space:nowrap;display:inline-flex;align-items:center;gap:5px;background:var(--bad-soft);border:0;color:var(--bad);border-radius:99px;padding:5px 12px 5px 11px;font-size:.82rem;font-weight:700}
.hdrsos .ic{width:15px;height:15px}
@media (max-width:420px){header.top .heb{display:none}}
@media (max-width:480px){body.reading .heb{display:none}}
body.home-page header.top{display:none}
.sos{position:fixed;inset-inline-start:16px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:5;background:var(--surface);color:var(--bad);border:0;border-radius:99px;
  padding:11px 18px;font-weight:700;font-size:.9rem;box-shadow:0 10px 30px -10px rgba(194,65,12,.45),0 0 0 1px var(--bad-soft)}
/* כפתור 'קשה לי' צף הוחלף בכפתור קבוע בראש המסך — לא מסתיר תוכן */
.sos{display:none!important}
.hero-sos{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:99px;padding:6px 13px 6px 12px;font-size:.85rem;font-weight:700;backdrop-filter:blur(6px)}
.hero-sos .ic{width:15px;height:15px}
.hero-sos:active{background:rgba(255,255,255,.25)}
nav.tabs{position:fixed;bottom:0;inset-inline:0;z-index:6;background:color-mix(in srgb,var(--surface) 90%,transparent);backdrop-filter:saturate(1.6) blur(18px);-webkit-backdrop-filter:saturate(1.6) blur(18px);
  border-top:1px solid var(--line);display:flex;justify-content:center;padding:6px 8px calc(8px + env(safe-area-inset-bottom))}
nav.tabs button{flex:1;max-width:110px;background:none;border:0;padding:4px 2px;color:var(--muted);font-size:.7rem;font-weight:500;display:flex;flex-direction:column;align-items:center;gap:3px}
nav.tabs button.on{color:var(--blue)}
body.immersive nav.tabs, body.immersive header.top, body.immersive .sos{display:none}

/* ============ primitives ============ */
.card{background:var(--surface);border:0;border-radius:var(--r);padding:18px;margin-bottom:12px;box-shadow:var(--sh)}
.card h2{font-size:1.1rem;margin-bottom:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;padding:13px 20px;
  background:var(--blue-fill);color:#fff;font-weight:700;font-size:.98rem;transition:transform .1s,filter .2s;box-shadow:0 8px 18px -10px rgba(47,91,255,.7)}
.btn:active{transform:scale(.98)}
.btn.ghost{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2)}
.btn.good{background:var(--good);box-shadow:none}
.btn.bad,.btn.red{background:var(--bad);box-shadow:none}
.btn.block{width:100%}
.btn:disabled{opacity:.5}
.row{display:flex;gap:10px;flex-wrap:wrap} .row>*{flex:1}
.linkbtn{background:none;border:0;color:var(--blue);padding:2px 0;font:inherit;font-weight:600}
label{display:block;margin:16px 0 6px;font-weight:600;font-size:.92rem}
input,select,textarea{width:100%;padding:13px 14px;border:0;border-radius:14px;background:var(--surface-2);outline:none;box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .15s}
input:focus,textarea:focus,select:focus{box-shadow:inset 0 0 0 2px var(--blue);background:var(--surface)}
textarea{min-height:90px;resize:vertical}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{border:0;border-radius:99px;padding:8px 14px;background:var(--surface-2);font-size:.9rem;font-weight:500}
.chip.on{background:var(--blue-fill);color:#fff}
.seg-ctl{display:flex;background:var(--surface-2);border-radius:12px;padding:3px;gap:2px}
.seg-ctl button{flex:1;border:0;background:none;padding:9px 6px;border-radius:10px;font-size:.88rem;font-weight:500;color:var(--ink-2)}
.seg-ctl button.on{background:var(--surface);color:var(--ink);font-weight:700;box-shadow:0 1px 4px rgba(15,23,41,.12)}
.stat{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.stat:last-child{border:0}
.stat b{font-weight:700;white-space:nowrap}
.stat.next{background:var(--blue-soft);margin:0 -10px;padding:12px 10px;border-radius:12px;border:0}
.stat.next b,.stat.next{color:var(--blue-ink)}
.bar{height:6px;background:var(--surface-2);border-radius:99px;overflow:hidden;margin:10px 0} .bar i{display:block;height:100%;background:var(--blue-fill);border-radius:99px}
.tag{display:inline-block;font-size:.76rem;font-weight:600;padding:2px 10px;border-radius:99px;background:var(--surface-2);margin-inline-end:4px}
.tag.won{background:var(--good-soft);color:var(--good)} .tag.fell{background:var(--bad-soft);color:var(--bad)}
ol.steps,ul.list{padding-inline-start:22px;margin:8px 0} ol.steps li,ul.list li{margin:8px 0;line-height:1.7}
ol.steps li::marker{color:var(--blue);font-weight:800}
ul.list li::marker{color:var(--blue)}
details{border-top:1px solid var(--line);padding:12px 0}
details summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;align-items:center}
details summary::-webkit-details-marker{display:none}
details summary::after{content:'';width:8px;height:8px;border-inline-start:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(-45deg);transition:.2s;margin-inline-end:4px}
details[open]>summary::after{transform:rotate(135deg)}
code{background:var(--surface-2);padding:2px 8px;border-radius:8px;direction:ltr;display:inline-block;user-select:all;font-size:.85em}
.note{background:var(--blue-soft);color:var(--blue-ink);border-radius:14px;padding:12px 14px;font-size:.92rem}
.toast{position:fixed;top:calc(14px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:11px 20px;border-radius:99px;z-index:40;font-size:.92rem;font-weight:500;box-shadow:0 12px 30px -10px rgba(0,0,0,.4)}
.orn{display:none}
.backlink{display:inline-flex;align-items:center;gap:4px;background:none;border:0;color:var(--blue);padding:10px 0 2px;font-weight:600}
.pagehead{margin:12px 0 18px}
.pagehead h1{font-size:2rem;line-height:1.15}
.pagehead p{color:var(--muted);margin:.35em 0 0;font-size:1rem}
.colophon{color:var(--muted);font-size:.8rem;text-align:center;margin:28px 0 8px;line-height:1.8}
.sec-h{display:flex;align-items:baseline;justify-content:space-between;margin:28px 2px 12px}
.sec-h h2{font-size:1.2rem}
.sec-h .more{background:none;border:0;color:var(--blue);font-size:.9rem;font-weight:600;padding:12px 8px;margin:-12px -8px;border-radius:10px}
.sec-h .more:hover{background:var(--blue-soft)}
.sec-sub{color:var(--muted);font-size:.9rem;margin:-6px 2px 12px}
.grp{margin:40px 2px 0}
.grp small{display:block;color:var(--blue);font-size:.78rem;font-weight:700;letter-spacing:.5px}
.grp h2{font-size:1.6rem}
.continue{display:flex;flex-direction:column;gap:2px;width:100%;text-align:start;cursor:pointer;font:inherit;color:inherit}
.continue b{font-size:1.08rem}
.spin{padding:60px 0;text-align:center;color:var(--muted)}

/* ============ home ============ */
.hhero{position:relative;margin:0 -18px;padding:calc(22px + env(safe-area-inset-top)) 22px 76px;color:#fff;border-radius:0 0 30px 30px;
  background:radial-gradient(120% 90% at 100% 0%,#6f8cff 0%,transparent 55%),linear-gradient(160deg,#1f3fd1 0%,#2f5bff 50%,#5b7cff 100%)}
.hh-top{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;opacity:.85}
.hh-top b{font-weight:800;opacity:1;font-size:.95rem}
.hh-logo{display:block;height:17px;width:auto}
.hhero small{display:block;opacity:.8;font-size:.9rem;margin-top:18px}
.hhero h1{color:#fff;font-size:1.75rem;margin-top:2px}
.streakcard{position:relative;margin:-58px 0 0;background:var(--surface);border-radius:22px;padding:18px 20px;box-shadow:var(--sh-lg);display:flex;align-items:center;gap:16px;z-index:1}
.streakcard .num{font-size:3.2rem;font-weight:800;color:var(--blue);line-height:1;letter-spacing:-1px;min-width:64px;text-align:center}
.streakcard .txt{flex:1}
.streakcard b{display:block;font-size:1.05rem}
.streakcard span{font-size:.85rem;color:var(--muted)}
.streakcard .bar{margin:8px 0 0;height:5px}
.hero-act{display:flex;gap:10px;margin:14px 0 0}
.hero-act .btn{flex:1}
.lcard{display:flex;align-items:center;gap:14px;width:100%;background:var(--surface);border:0;border-radius:var(--r);padding:14px 16px;margin-bottom:10px;box-shadow:var(--sh);text-align:start}
.lcard .lic{width:42px;height:42px;border-radius:13px;background:var(--blue-soft);color:var(--blue);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.lcard div{flex:1;min-width:0}
.lcard b{display:block;font-weight:700;font-size:.98rem}
.lcard small{display:block;color:var(--muted);font-size:.84rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pill{background:var(--blue-soft);color:var(--blue-ink);border-radius:99px;padding:6px 13px;font-size:.8rem;font-weight:700;white-space:nowrap}
.nowcard{display:flex;align-items:center;gap:14px;width:100%;text-align:start;background:var(--surface);border:0;border-radius:var(--r);padding:16px;margin:0;box-shadow:var(--sh)}
.nowcard .ic{color:var(--blue)}
.nowcard>.ic:first-child{width:44px;height:44px;padding:10px;border-radius:14px;background:var(--blue-soft)}
.nowcard div{flex:1} .nowcard small{display:block;color:var(--muted);font-size:.8rem}
.nowcard b{display:block;font-size:1.08rem;font-weight:800}
.nowcard span{font-size:.9rem;color:var(--ink-2)}
.quote{margin:0;background:var(--surface);border-radius:var(--r);padding:20px 22px;box-shadow:var(--sh);font-family:var(--serif);font-size:1.3rem;line-height:1.55;position:relative}
.quote::before{content:'״';position:absolute;top:6px;inset-inline-end:16px;font-size:3.2rem;color:var(--blue-soft);font-family:var(--serif);line-height:1}
.quote cite{display:block;font-style:normal;color:var(--blue);font-size:.85rem;font-weight:700;margin-top:10px;font-family:var(--sans)}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pair button{background:var(--surface);border:0;border-radius:var(--r);padding:16px;text-align:start;display:flex;flex-direction:column;gap:6px;box-shadow:var(--sh)}
.pair button .ic{color:var(--blue);width:40px;height:40px;padding:9px;border-radius:13px;background:var(--blue-soft)}
.pair b{font-size:1rem} .pair small{color:var(--muted);font-size:.82rem}
.moods{display:flex;gap:8px;justify-content:space-between;background:var(--surface);border-radius:var(--r);padding:14px;box-shadow:var(--sh)}
.moods button{flex:1;aspect-ratio:1;max-width:54px;border:0;border-radius:16px;background:var(--surface-2);font-size:1.5rem;line-height:1}
.moods button:hover{background:var(--blue-soft)}
.moodlbl{display:flex;justify-content:space-between;color:var(--muted);font-size:.78rem;margin:6px 6px 0}
.cal{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;background:var(--surface);border-radius:var(--r);padding:14px;box-shadow:var(--sh)}
.cal div{aspect-ratio:1;border-radius:10px;background:var(--surface-2);font-size:.68rem;display:flex;align-items:center;justify-content:center;color:var(--muted);font-weight:500}
.cal .ok{background:var(--blue-fill);color:#fff} .cal .fall{background:var(--bad);color:#fff} .cal .today{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--blue-2)}
.legend{display:flex;gap:16px;font-size:.8rem;color:var(--muted);margin-top:10px;justify-content:center}
.legend i{display:inline-block;width:10px;height:10px;border-radius:4px;margin-inline-end:5px;vertical-align:middle}
.stats4{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.stats4 div{background:var(--surface);border-radius:var(--r);padding:14px 16px;box-shadow:var(--sh)}
.stats4 b{display:block;font-size:1.7rem;line-height:1.15;font-weight:800;color:var(--blue)}
.stats4 span{font-size:.82rem;color:var(--muted)}
.entry{padding:14px 0;border-bottom:1px solid var(--line)} .entry:last-child{border:0}
.breath{width:170px;height:170px;border-radius:50%;margin:22px auto;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;color:var(--blue);
  transition:transform 4s ease-in-out;background:radial-gradient(circle,var(--blue-soft) 0,var(--blue-soft) 60%,transparent 61%);box-shadow:0 0 0 10px color-mix(in srgb,var(--blue-soft) 50%,transparent)}
.welcome{background:var(--surface);border-radius:24px;padding:22px;box-shadow:var(--sh);margin-top:12px}
.gpick{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.gpick button{border:0;border-radius:16px;background:var(--surface-2);padding:18px 10px;font-weight:700;font-size:1.05rem}
.gpick button.on{background:var(--blue-fill);color:#fff;box-shadow:0 8px 18px -10px rgba(47,91,255,.7)}

/* ============ library ============ */
.searchbox{display:flex;align-items:center;gap:10px;background:var(--surface);border-radius:14px;padding:0 14px;color:var(--muted);box-shadow:var(--sh)}
.searchbox input{background:transparent;padding:14px 0;box-shadow:none!important}
#bookFindRes{margin-top:16px}
.case{position:relative}
.shelf{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 18px 14px;margin:0 -18px;scrollbar-width:none}
.shelf::-webkit-scrollbar{display:none}
.shelf>*{scroll-snap-align:start;flex:0 0 auto}
.btile{background:none;border:0;padding:0;width:118px;display:flex;flex-direction:column;gap:9px;text-align:start;position:relative}
.btile:active .cover{transform:scale(.97)}
.bt-cap{display:flex;flex-direction:column;gap:1px;min-width:0}
.bt-cap b{font-size:.84rem;font-weight:700;line-height:1.3;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bt-cap small{font-size:.76rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bt-prog{position:absolute;top:calc(118px * 1.5 - 12px);inset-inline:12px;height:3px;background:rgba(255,255,255,.3);border-radius:99px;overflow:hidden;z-index:2}
.bt-prog i{display:block;height:100%;background:#fff}
.covergrid .bt-prog{display:none}
.cover{--cc:#2f5bff;position:relative;width:100%;aspect-ratio:2/3;border-radius:5px 12px 12px 5px;overflow:hidden;transition:transform .15s;
  background:
    linear-gradient(to left,rgba(0,0,0,.28) 0,rgba(0,0,0,.08) 4%,rgba(255,255,255,.10) 5.5%,rgba(255,255,255,0) 9%),
    linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,0) 35%,rgba(0,0,0,0) 70%,rgba(0,0,0,.18)),
    repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 1px,transparent 1px 7px),
    var(--cc);
  box-shadow:0 1px 1px rgba(15,23,41,.15),0 12px 22px -12px color-mix(in srgb,var(--cc) 75%,#000);
  display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:14px 12px 13px 16px;text-align:center;color:#fff}
.cv-series{font-size:9.5px;font-weight:700;letter-spacing:.3px;opacity:.9;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.35);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cv-t{font-family:var(--serif);font-weight:700;line-height:1.15;word-break:break-word;text-wrap:balance;text-shadow:0 1px 1px rgba(0,0,0,.2)}
.cv-foot{display:flex;flex-direction:column;align-items:center;gap:6px;min-height:22px;justify-content:flex-end;max-width:100%}
.cv-foot i{width:22px;height:2px;background:rgba(255,255,255,.55);border-radius:2px}
.cv-author{font-size:9.5px;opacity:.9;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cover.big{width:156px;flex:0 0 156px;padding:20px 16px 18px 22px}
.cover.big .cv-series,.cover.big .cv-author{font-size:11.5px}
.cover.all{--cc:#64748b}
.covergrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:20px 14px}
.covergrid .btile{width:auto}
.empty-shelf{background:var(--surface);border-radius:var(--r);padding:20px;text-align:center;box-shadow:var(--sh);font-size:.95rem}
.empty-shelf p{margin:.2em 0}
.toolrow{display:flex;gap:8px;overflow-x:auto;margin:14px -18px 0;padding:2px 18px 6px;scrollbar-width:none}
.toolrow::-webkit-scrollbar{display:none}
.toolrow button{flex:0 0 auto;display:flex;align-items:center;gap:8px;background:var(--surface);border:0;border-radius:99px;padding:9px 16px 9px 14px;font-size:.88rem;font-weight:600;box-shadow:var(--sh)}
.toolrow .ic{color:var(--blue);width:18px;height:18px}
.catlist{background:var(--surface);border-radius:var(--r);box-shadow:var(--sh);margin-bottom:22px;overflow:hidden}
.catlist button{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:0;border-bottom:1px solid var(--line);padding:15px 16px;font-size:1rem;font-weight:600;text-align:start}
.catlist button:last-child{border:0}
.catlist .ic{color:var(--muted)}
.bookhead{display:flex;gap:20px;align-items:flex-end;margin:12px 0 18px}
.bh-info{flex:1;min-width:0}
.bh-info h1{font-size:1.8rem;line-height:1.2}
.bh-meta{margin:6px 0 0;color:var(--ink-2);font-size:.95rem;font-weight:500}
.bh-meta span{color:var(--muted);font-size:.85rem;display:block;font-weight:400}
.bh-act{display:flex;flex-direction:column;gap:8px;margin-top:16px}
.bookdesc{background:var(--surface);border-radius:var(--r);padding:16px 18px;box-shadow:var(--sh);color:var(--ink-2);line-height:1.75;margin:0}
@media (max-width:440px){.bookhead{flex-direction:column;align-items:center;text-align:center}.bh-info{width:100%}.cover.big{width:140px;flex-basis:auto}}
.toc{margin-top:24px}
.toc>h2{font-size:1.15rem;margin-bottom:12px}
.toc details{padding:10px 0} .toc summary{font-size:1rem}
.tocin{padding:8px 0 4px;padding-inline-start:12px}
.tocrow{display:block;width:100%;text-align:start;background:var(--surface);border:0;border-radius:14px;padding:13px 16px;margin-bottom:6px;font-weight:500;box-shadow:var(--sh)}
.chgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:8px}
.chgrid button{aspect-ratio:1;border:0;background:var(--surface);border-radius:14px;font-weight:600;font-size:1rem;padding:0;box-shadow:var(--sh)}
.chgrid button.done{background:var(--blue-fill);color:#fff}
.chgrid button.cur{box-shadow:inset 0 0 0 2px var(--blue);color:var(--blue)}
.chgrid.wide{grid-template-columns:repeat(auto-fill,minmax(58px,1fr))}
.choice{display:flex;flex-direction:column;gap:10px}
.choice button{display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;background:var(--surface);border:0;border-radius:var(--r);padding:16px 18px;text-align:start;box-shadow:var(--sh)}
.choice small{width:100%;color:var(--muted);font-size:.82rem} .choice b{flex:1;font-size:1.05rem} .choice .ic{color:var(--muted)}
.listsec{margin:22px 0}
.listsec h2{font-size:1.1rem;display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}
.listsec h2 span{font-size:.8rem;color:var(--muted);font-weight:500}
.listrow{display:block;width:100%;text-align:start;background:var(--surface);border:0;border-radius:14px;padding:13px 16px;margin-bottom:8px;box-shadow:var(--sh)}
.listrow b{font-weight:700}
.listrow p{margin:4px 0 0;font-size:.92rem;color:var(--ink-2)}
.listrow .muted{font-size:.8rem;margin-inline-start:8px}

/* ============ the reader: a real open book ============ */
.pager{--paper:#f4ead3;--paper-edge:#e6d6b4;--pink:#2b2116;--pmut:#8f7b5c;--pline:#dccaa6;--desk:#0c1428;--desk-2:#1b2b55;--leather:#1b2f6b;
  --grain-op:.55;
  position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;color:var(--pink);
  background:radial-gradient(120% 90% at 50% 40%,var(--desk-2),var(--desk) 70%)}
.pager[data-theme=white]{--paper:#fdfcf9;--paper-edge:#ebe8e1;--pink:#161512;--pmut:#8c877c;--pline:#e6e2d9;--desk:#d9d5cc;--desk-2:#ece9e3;--leather:#5a5048;--grain-op:.18}
.pager[data-theme=night]{--paper:#1c1915;--paper-edge:#2a251f;--pink:#d8cfbf;--pmut:#80755f;--pline:#332d25;--desk:#070605;--desk-2:#15120e;--leather:#241a12;--grain-op:.25}
.pbar{display:flex;align-items:center;gap:8px;padding:8px 12px;transition:opacity .3s,transform .3s;z-index:3;color:#f1e6cf}
.pager[data-theme=white] .pbar{color:#2a2620}
.ptop{padding-top:calc(8px + env(safe-area-inset-top))}
.pbottom{padding-bottom:calc(8px + env(safe-area-inset-bottom))}
.pbtn{width:42px;height:42px;border-radius:50%;border:0;background:transparent;color:inherit;display:flex;align-items:center;justify-content:center}
.pbtn:hover{background:rgba(255,255,255,.08)}
.pbtn:disabled{opacity:.25}
.ptitle{flex:1;text-align:center;min-width:0}
.ptitle b{display:block;font-family:var(--serif);font-size:1.05rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ptitle span{font-size:.72rem;opacity:.6}
.pprog{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.74rem;opacity:.75;font-variant-numeric:tabular-nums}
.pprog i{display:block;width:100%;max-width:260px;height:2px;background:rgba(255,255,255,.15);border-radius:2px;overflow:hidden}
.pager[data-theme=white] .pprog i{background:rgba(0,0,0,.1)}
.pprog b{display:block;height:100%;background:var(--gold-2);width:0;transition:width .35s}
.pager.bare .pbar{opacity:0;pointer-events:none}
.pager.bare .ptop{transform:translateY(-100%)} .pager.bare .pbottom{transform:translateY(100%)}

.stage{flex:1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;perspective:2600px;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.book{--pw:340px;--ph:560px;position:relative;width:var(--pw);height:var(--ph);transform-style:preserve-3d}
.book.spread{width:calc(var(--pw) * 2)}
/* כריכת העור שמציצה מסביב לדפים */
.book::before{content:'';position:absolute;inset:-9px -9px -9px -9px;border-radius:4px 10px 10px 4px;
  background:linear-gradient(90deg,rgba(255,255,255,.04),transparent 30%),var(--leather);
  box-shadow:0 30px 60px -20px rgba(0,0,0,.7),0 12px 24px -12px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.05)}
.book.spread::before{inset:-12px -14px -12px -14px;border-radius:6px}
.book:not(.spread)::before{inset:-8px -10px -8px -3px;border-radius:3px 2px 2px 3px}
.book.nudge{animation:nudge .35s}
@keyframes nudge{30%{transform:translateX(8px)}70%{transform:translateX(-5px)}}
.leaves{position:absolute;inset:0;transform-style:preserve-3d;--s:0;--p:0}
.slot{position:absolute;top:0;height:100%;width:var(--pw)}
.slot.r,.slot.s{right:0} .slot.l{left:0}
.slot.under{z-index:0} .slot:not(.under){z-index:1}

/* דף */
.page{position:absolute;inset:0;overflow:hidden;background:var(--paper);display:flex;flex-direction:column;align-items:center}
.grain{position:absolute;inset:0;pointer-events:none;opacity:var(--grain-op);mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .45 0 0 0 0 .36 0 0 0 0 .22 0 0 0 .09 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
.pager[data-theme=night] .grain{mix-blend-mode:screen}
/* צל השדרה וקצוות הדפים */
.page.r::after,.page.s::after{content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to left,transparent 0,transparent 88%,rgba(90,60,20,.10) 96%,rgba(60,35,10,.22) 100%),
             linear-gradient(to right,rgba(255,255,255,.18),transparent 6%)}
.page.l::after{content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to right,transparent 0,transparent 88%,rgba(90,60,20,.10) 96%,rgba(60,35,10,.24) 100%),
             linear-gradient(to left,rgba(255,255,255,.18),transparent 6%)}
.page.s::after{background:linear-gradient(to left,rgba(60,35,10,.20) 0,rgba(90,60,20,.06) 3%,transparent 10%),linear-gradient(to right,rgba(255,255,255,.2),transparent 5%)}
.pager[data-theme=night] .page::after{opacity:.6}
/* ערימת הדפים בצד החיצוני */
.slot.r:not(.under) .page,.slot.s:not(.under) .page{box-shadow:none}
.book.spread .slot.r:not(.under){box-shadow:1px 0 0 var(--paper-edge),2px 0 0 var(--paper),3px 0 0 var(--paper-edge),4px 0 0 var(--paper),5px 1px 0 var(--paper-edge)}
.book.spread .slot.l:not(.under){box-shadow:-1px 0 0 var(--paper-edge),-2px 0 0 var(--paper),-3px 0 0 var(--paper-edge),-4px 0 0 var(--paper),-5px 1px 0 var(--paper-edge)}
.book:not(.spread) .slot.s{box-shadow:-1px 0 0 var(--paper-edge),-2px 0 0 var(--paper),-3px 0 0 var(--paper-edge),-4px 1px 0 var(--paper),-5px 1px 0 var(--paper-edge)}
.gutter{position:absolute;top:0;bottom:0;left:50%;width:36px;transform:translateX(-50%);z-index:2;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(60,35,10,.14) 40%,rgba(40,20,5,.28) 50%,rgba(60,35,10,.14) 60%,transparent)}

.runhead{position:relative;height:34px;display:flex;align-items:flex-end;justify-content:center;width:calc(100% - var(--pad) * 2);
  font-family:var(--serif);font-size:12.5px;color:var(--pmut);letter-spacing:.3px;border-bottom:1px solid var(--pline);padding-bottom:5px;margin-top:calc(var(--pad) * .45)}
.runhead span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.ptext{position:relative;overflow:hidden;margin-top:calc(var(--pad) * .35)}
.pc{font-family:var(--rfont);font-size:var(--rsize);line-height:var(--rlh);column-fill:auto;text-align:justify;direction:rtl;color:var(--pink);hyphens:none}
.folio{position:absolute;bottom:calc(var(--pad) * .35);left:0;right:0;text-align:center;font-family:var(--serif);font-size:13px;color:var(--pmut)}
.pmeasure{position:fixed;left:-99999px;top:0;visibility:hidden;pointer-events:none}

/* העלה המתהפך */
.leaf{position:absolute;top:0;height:100%;width:var(--pw);z-index:5;transform-style:preserve-3d;transform-origin:right center;will-change:transform}
.leaf.l{left:0} .leaf.s{right:0}
.face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}
.face.back{transform:rotateY(180deg)}
.face .shade{position:absolute;inset:0;pointer-events:none}
.face.front .shade{background:linear-gradient(to left,rgba(40,20,5,calc(var(--s) * .45)),rgba(40,20,5,calc(var(--s) * .12)) 40%,rgba(255,255,255,calc(var(--s) * .12)) 85%,transparent)}
.face.back .shade{background:linear-gradient(to right,rgba(40,20,5,calc(var(--s) * .4)),rgba(40,20,5,calc(var(--s) * .1)) 35%,rgba(255,255,255,calc(var(--s) * .1)) 90%)}
.back-paper{background:var(--paper-edge)}
.cast{position:absolute;inset:0;pointer-events:none;z-index:4;
  background:linear-gradient(to left,rgba(0,0,0,calc(var(--s) * .28)),transparent 60%);opacity:calc(1 - var(--p))}
.book.spread .cast{left:0;right:50%;background:linear-gradient(to left,rgba(0,0,0,calc(var(--s) * .3)),transparent 70%)}

/* תוכן בתוך הדף */
.pc .chead,.pcontent .chead{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 0 4px;break-inside:avoid}
.ch-book{font-size:.7em;color:var(--pmut);letter-spacing:.5px;font-family:var(--serif)}
.ch-num{font-family:var(--serif);font-weight:700;font-size:1.5em;line-height:1.3;margin-top:2px}
.pc .orn,.pcontent .orn{margin:8px auto 12px}
.pc .v,.pcontent .v{border-radius:3px;transition:background .2s;cursor:pointer;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.pc .vn,.pcontent .vn{font-size:.5em;color:var(--gold);font-weight:700;margin-inline-end:3px;vertical-align:.6em;font-family:var(--sans)}
.pc .bm .vn,.pcontent .bm .vn{background:var(--gold);color:var(--paper);border-radius:3px;padding:0 3px}
.pc .nt,.pcontent .nt{text-decoration:underline dotted var(--gold);text-underline-offset:6px}
.pc p.seg,.pcontent p.seg{margin:0 0 .7em;cursor:pointer;border-radius:3px}
.pc .mam-spi-pe,.pc .mam-spi-samekh,.pcontent .mam-spi-pe,.pcontent .mam-spi-samekh{color:var(--pmut);font-size:.6em}
.pc .mam-kq-k,.pcontent .mam-kq-k{color:var(--pmut);font-size:.82em}
.pc big,.pcontent big{font-size:1.6em;line-height:1}
.pc .psalm,.pcontent .psalm{font-family:var(--serif);color:var(--gold);font-size:.92em;margin:1em 0 .25em;break-after:avoid}
.pc .psalm small,.pcontent .psalm small{color:var(--pmut);font-weight:400;font-size:.75em}
.pc .prayer,.pcontent .prayer{font-size:.82em;color:var(--pmut);border-inline-start:2px solid var(--gold);padding-inline-start:12px;margin:.8em 0}
.pc .cend,.pcontent .cend{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 0 24px;break-inside:avoid;font-family:var(--sans);font-size:15px;line-height:1.5}
.pc .cend .btn,.pcontent .cend .btn{min-width:190px;background:var(--pink);color:var(--paper);border-color:var(--pink)}
.pc .cend .btn.ghost,.pcontent .cend .btn.ghost{background:transparent;color:var(--pink);border-color:var(--pline)}
.pc .colophon,.pcontent .colophon{margin:4px 0 0;color:var(--pmut)}
.pc .note,.pcontent .note{font-size:14px}
.flash{animation:flash 2.4s}
@keyframes flash{0%,45%{background:rgba(199,164,94,.4)}100%{background:transparent}}

/* מצב גלילה */
.pager.scrollmode{position:relative;inset:auto;min-height:100vh;margin:-10px -20px 0;background:var(--paper)}
.pager.scrollmode .pbar{color:var(--pink)}
.pager.scrollmode .ptop{position:sticky;top:0;background:var(--paper);border-bottom:1px solid var(--pline)}
.pager.scrollmode .pbottom{position:sticky;bottom:0;background:var(--paper);border-top:1px solid var(--pline)}
.pager.scrollmode .pviewport{flex:1}
.pager.scrollmode .pcontent{padding:0 22px;max-width:680px;margin:0 auto;font-family:var(--rfont);font-size:var(--rsize);line-height:var(--rlh);text-align:justify}
.hl-yellow{background:rgba(236,196,80,.38)} .hl-green{background:rgba(110,170,110,.32)}
.hl-blue{background:rgba(90,160,210,.30)} .hl-pink{background:rgba(220,110,140,.28)}
.pager[data-theme=night] .hl-yellow{background:rgba(236,196,80,.25)}

/* ============ audio player ============ */
.aubar{position:absolute;left:50%;bottom:calc(66px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:8;display:flex;align-items:center;gap:4px;
  background:rgba(22,15,9,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#f1e4c6;border-radius:99px;padding:6px 8px;
  box-shadow:0 14px 34px -10px rgba(0,0,0,.6),inset 0 0 0 1px rgba(226,196,127,.18);animation:auin .3s cubic-bezier(.2,.8,.3,1)}
@keyframes auin{from{transform:translate(-50%,20px);opacity:0}}
.au-b{width:40px;height:40px;border:0;border-radius:50%;background:none;color:inherit;display:flex;align-items:center;justify-content:center}
.au-b:hover{background:rgba(255,255,255,.08)}
.au-play{width:54px;height:54px;border:0;border-radius:50%;background:linear-gradient(180deg,#ecd394,#c9a257);color:#221a12;display:flex;align-items:center;justify-content:center;margin:0 4px;box-shadow:0 4px 12px -4px rgba(201,162,87,.7)}
.au-rate{min-width:44px;height:32px;border:1px solid rgba(226,196,127,.35);border-radius:99px;background:none;color:inherit;font-size:.8rem;font-variant-numeric:tabular-nums}
.pbtn.on{color:#e2c47f}
.speaking{background:rgba(214,176,92,.30)!important;box-shadow:0 0 0 3px rgba(214,176,92,.30);border-radius:3px}
.pager[data-theme=night] .speaking{background:rgba(214,176,92,.22)!important}

/* ============ extlib ============ */
.xsrc{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.xsrc button{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;text-align:start;background:var(--surface);border:0;border-radius:var(--r);padding:14px 16px;box-shadow:var(--sh);color:var(--ink)}
.xsrc .lic{grid-row:span 2}
.xsrc b{font-size:1rem} .xsrc small{color:var(--muted);font-size:.8rem;line-height:1.4}
.wslink{border:0;background:none;padding:0;font:inherit;color:var(--blue);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--blue) 35%,transparent);text-underline-offset:3px;cursor:pointer}
.wstext h3{font-size:1.15em;margin:1.2em 0 .5em;text-align:center} .wstext h4{font-size:1.02em;margin:1em 0 .4em}
.wstext p{margin:0 0 .7em;text-align:justify} .wstext ul,.wstext ol{padding-inline-start:1.3em;margin:0 0 .8em}
.wstext blockquote{margin:.6em 1.2em;opacity:.9}
.wstoc{margin:0 0 1em} .wstoc .chips{max-height:220px;overflow:auto;padding:6px 0}
.pdfv{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;background:#2a2d33}
.pdfv .pbar{background:var(--surface)}
.pdfstage{flex:1;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:8px;touch-action:pan-x pan-y pinch-zoom}
.pdfstage canvas{background:#fff;box-shadow:0 4px 24px rgba(0,0,0,.35);border-radius:2px;margin:auto}
.pdfv .pprog input{width:100%;padding:0;background:none;box-shadow:none;accent-color:var(--blue)}
.dpg{text-align:center;font-family:var(--sans);font-size:.62em;letter-spacing:.08em;color:var(--pmut,#8f7b5c);margin:1.1em 0 .5em;opacity:.8}
.dpg::before,.dpg::after{content:'';display:inline-block;width:2.2em;height:1px;background:currentColor;opacity:.45;vertical-align:middle;margin:0 .6em}
.dtext p{margin:0 0 .45em}
.vgroup{font-size:.78rem;font-weight:700;color:var(--muted);margin:12px 2px 6px;letter-spacing:.02em}
.vplay.busy{opacity:.55;pointer-events:none}
.vplay.busy .ic{animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
/* ============ AI: מצבים, מקורות מאומתים ומבנה תשובה ============ */
.aimodes{margin:4px 0 6px}.aimodes button{font-size:.84rem}
.aimode-d{margin:0 2px 12px}
.ai-sec{font-weight:800;font-size:.8rem;letter-spacing:.02em;margin:14px 0 6px;padding:3px 10px;border-radius:99px;display:table;background:var(--surface-2);color:var(--ink-2)}
.ai-sec:first-child{margin-top:2px}
.ai-sec.src{background:#f5ecd7;color:#7a5a1e}.ai-sec.exp{background:var(--blue-soft);color:var(--blue-ink)}
.ai-sec.sum{background:var(--good-soft);color:var(--good)}.ai-sec.cmp{background:#efe7fb;color:#5b3a9a}.ai-sec.ai{background:#fdeee6;color:#9a3d12}
:root[data-theme="dark"] .ai-sec.src{background:#3a2f18;color:#e8c983}:root[data-theme="dark"] .ai-sec.cmp{background:#2e2447;color:#c9b3f5}:root[data-theme="dark"] .ai-sec.ai{background:#452a1f;color:#ffb28a}
.ai-halacha{margin-top:12px;padding:9px 12px;border-radius:12px;background:var(--surface-2);font-size:.88rem;font-weight:600}
.src-unv,.q-unv{border-bottom:1px dashed var(--bad);color:var(--bad);cursor:help}
.ftsrow b{display:inline;margin-inline-end:8px}.ftsrow .pill{font-size:.7rem;padding:2px 9px;vertical-align:middle}
.ftssnip{display:block;margin-top:6px;font-family:var(--text);font-size:.98rem;line-height:1.7;color:var(--ink-2)}
.ftssnip b{background:rgba(236,196,80,.38);border-radius:3px;padding:0 2px;font-weight:600;color:var(--ink)}
.ftsbtn{margin-top:12px}
/* ============ daily: omer + streak ============ */
.omer{display:flex;gap:14px;align-items:flex-start;background:linear-gradient(135deg,#fff8e6,var(--surface) 60%)}
:root[data-theme="dark"] .omer{background:linear-gradient(135deg,#2c2616,var(--surface) 60%)}
.omer-n{flex:0 0 auto;width:64px;height:64px;border-radius:18px;background:var(--blue-fill);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}
.omer-n b{font-size:1.7rem;font-weight:800}.omer-n span{font-size:.7rem;opacity:.85;margin-top:3px}
.omer-t small{color:var(--muted);font-size:.8rem}.omer-t .serif{font-size:1.12rem;margin:.25em 0 .35em;line-height:1.6}
.streakpill{margin-inline-start:auto;margin-inline-end:10px;font-size:.75rem}
/* ============ gematria ============ */
.gem-total{display:flex;align-items:baseline;gap:12px;margin:16px 2px 8px}.gem-total b{font-size:2.6rem;font-weight:800;color:var(--blue);line-height:1}.gem-total span{color:var(--muted);font-size:.9rem}
.gem-break{display:flex;flex-wrap:wrap;gap:6px;direction:rtl}.gem-break span{display:flex;flex-direction:column;align-items:center;min-width:38px;padding:6px 4px;border-radius:10px;background:var(--surface-2)}
.gem-break b{font-family:var(--serif);font-size:1.3rem}.gem-break small{font-size:.75rem;color:var(--muted)}
.gem-all{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:10px;font-size:.86rem;color:var(--ink-2)}.gem-all .eq{color:var(--good);font-weight:700}
.gem-cmp{margin:12px 0 0;font-size:1rem}.gem-cmp.eq{color:var(--good)}
.gem-words{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.gem-w{background:var(--surface);border-radius:14px;padding:10px 12px;box-shadow:var(--sh);display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.gem-w b{font-family:var(--serif);font-size:1.25rem}.gem-w small{color:var(--muted);font-size:.75rem}.gem-w .linkbtn{font-size:.8rem}
.chk{display:flex;align-items:center;gap:8px;font-weight:500}.chk input{width:auto;accent-color:var(--blue)}
.yzrow small{display:block}.yzcard{border-inline-start:4px solid var(--gold)}
/* ============ learning paths ============ */
.pathcard.active{box-shadow:inset 0 0 0 2px var(--blue),var(--sh)}
.pathhead{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px}.pathhead h2{margin:0 0 2px}
.pathcard .bar{height:6px;border-radius:6px;background:var(--surface-2);overflow:hidden}.pathcard .bar i{display:block;height:100%;background:var(--blue-fill);border-radius:6px}
.qopt{display:block;width:100%;text-align:start;background:var(--surface-2);border:0;border-radius:12px;padding:11px 14px;margin:6px 0;font-weight:500;color:var(--ink)}
.qopt:not([disabled]):hover{box-shadow:inset 0 0 0 2px var(--blue)}
.qopt.ok{background:var(--good-soft);color:var(--good);font-weight:700}.qopt.bad{background:var(--bad-soft);color:var(--bad)}
.quiz .good{color:var(--good)}.quiz .badt{color:var(--bad)}
.quizres{text-align:center;font-size:1.05rem}.quizres b{font-size:1.4rem;color:var(--blue)}
.authrow{margin:4px 0 12px}
.numwarn{margin-bottom:14px;line-height:1.7}
.ailang{width:auto;display:inline-block;margin-inline-start:8px;padding:4px 10px;font-size:.8rem;border-radius:99px}
/* ============ maaser ============ */
.mz-bal{border-radius:var(--r);padding:20px 20px 16px;margin-bottom:12px;color:#fff;background:var(--tex-hero) 0 0/48px 48px,linear-gradient(160deg,#1f3fd1 0%,#2f5bff 55%,#5b7cff 100%);box-shadow:var(--sh)}
.mz-bal.ok{background:var(--tex-hero) 0 0/48px 48px,linear-gradient(160deg,#0c5c43 0%,#12805c 60%,#23a377 100%)}
.mz-bal small{display:block;opacity:.85;font-size:.9rem}
.mz-bal>b{display:block;font-size:2.5rem;font-weight:800;line-height:1.15;margin:2px 0 12px;font-variant-numeric:tabular-nums}
.mz-bal-row{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.84rem;opacity:.92;border-top:1px solid rgba(255,255,255,.2);padding-top:10px}
.mz-calc{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.mz-calc div{background:var(--surface-2);border-radius:14px;padding:10px 14px}
.mz-calc span{display:block;font-size:.8rem;color:var(--muted)}
.mz-calc b{font-size:1.35rem;color:var(--blue);font-variant-numeric:tabular-nums}
.mz-am{display:flex;align-items:center;gap:10px;background:var(--surface);border-radius:14px;padding:12px 14px;margin-bottom:8px;box-shadow:var(--sh)}
.mz-am>div{flex:1;min-width:0}
.mz-am>div b{margin-inline-end:6px}
.mz-am .pill{font-size:.7rem;padding:3px 9px;margin-inline-end:4px}
.mz-am small{display:block;color:var(--muted);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mz-am .btn{padding:10px 14px;font-size:.9rem;flex:0 0 auto}
.mz-x{border:0;background:none;color:var(--muted);padding:6px;border-radius:8px;flex:0 0 auto;display:inline-flex}
.mz-x:hover{background:var(--surface-2);color:var(--bad)}
.mz-list{background:var(--surface);border-radius:var(--r);box-shadow:var(--sh);padding:4px 0;margin-bottom:12px}
.mz-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line)}
.mz-row:last-child{border-bottom:0}
.mz-row>div{flex:1;min-width:0}
.mz-row>div b{display:block;font-weight:600;font-size:.93rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mz-row small{color:var(--muted);font-size:.78rem}
.mz-dot{width:9px;height:9px;border-radius:50%;background:var(--blue-fill);flex:0 0 auto}
.mz-row.out .mz-dot{background:var(--good)}
.mz-amt{font-variant-numeric:tabular-nums;white-space:nowrap;direction:ltr}
.mz-row.out .mz-amt{color:var(--good)}
/* ============ jewish textures (tools/textures.mjs) ============ */
:root{--tex-bg:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'> <g fill='none' stroke='%231d44b8' stroke-opacity='0.075' stroke-width='1' stroke-linejoin='round'><path d='M32 23L39.79 36.5L24.21 36.5Z M32 41L24.21 27.5L39.79 27.5Z M0 -9L7.79 4.5L-7.79 4.5Z M0 9L-7.79 -4.5L7.79 -4.5Z M64 -9L71.79 4.5L56.21 4.5Z M64 9L56.21 -4.5L71.79 -4.5Z M0 55L7.79 68.5L-7.79 68.5Z M0 73L-7.79 59.5L7.79 59.5Z M64 55L71.79 68.5L56.21 68.5Z M64 73L56.21 59.5L71.79 59.5Z'/></g> <g fill='%231d44b8' fill-opacity='0.075'><circle cx='32' cy='0' r='1.1'/><circle cx='0' cy='32' r='1.1'/><circle cx='64' cy='32' r='1.1'/><circle cx='32' cy='64' r='1.1'/></g></svg>");--tex-bg-dark:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'> <g fill='none' stroke='%238aa9ff' stroke-opacity='0.07' stroke-width='1' stroke-linejoin='round'><path d='M32 23L39.79 36.5L24.21 36.5Z M32 41L24.21 27.5L39.79 27.5Z M0 -9L7.79 4.5L-7.79 4.5Z M0 9L-7.79 -4.5L7.79 -4.5Z M64 -9L71.79 4.5L56.21 4.5Z M64 9L56.21 -4.5L71.79 -4.5Z M0 55L7.79 68.5L-7.79 68.5Z M0 73L-7.79 59.5L7.79 59.5Z M64 55L71.79 68.5L56.21 68.5Z M64 73L56.21 59.5L71.79 59.5Z'/></g> <g fill='%238aa9ff' fill-opacity='0.07'><circle cx='32' cy='0' r='1.1'/><circle cx='0' cy='32' r='1.1'/><circle cx='64' cy='32' r='1.1'/><circle cx='32' cy='64' r='1.1'/></g></svg>");--tex-hero:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'> <g fill='none' stroke='%23ffffff' stroke-opacity='0.1' stroke-width='1' stroke-linejoin='round'><path d='M24 17L30.06 27.5L17.94 27.5Z M24 31L17.94 20.5L30.06 20.5Z M0 -7L6.06 3.5L-6.06 3.5Z M0 7L-6.06 -3.5L6.06 -3.5Z M48 -7L54.06 3.5L41.94 3.5Z M48 7L41.94 -3.5L54.06 -3.5Z M0 41L6.06 51.5L-6.06 51.5Z M0 55L-6.06 44.5L6.06 44.5Z M48 41L54.06 51.5L41.94 51.5Z M48 55L41.94 44.5L54.06 44.5Z'/></g> <g fill='%23ffffff' fill-opacity='0.1'><circle cx='24' cy='0' r='1.1'/><circle cx='0' cy='24' r='1.1'/><circle cx='48' cy='24' r='1.1'/><circle cx='24' cy='48' r='1.1'/></g></svg>");--tex-cover:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'> <g fill='none' stroke='%23ffffff' stroke-opacity='0.09' stroke-width='0.8' stroke-linejoin='round'><path d='M18 13L22.33 20.5L13.67 20.5Z M18 23L13.67 15.5L22.33 15.5Z M0 -5L4.33 2.5L-4.33 2.5Z M0 5L-4.33 -2.5L4.33 -2.5Z M36 -5L40.33 2.5L31.67 2.5Z M36 5L31.67 -2.5L40.33 -2.5Z M0 31L4.33 38.5L-4.33 38.5Z M0 41L-4.33 33.5L4.33 33.5Z M36 31L40.33 38.5L31.67 38.5Z M36 41L31.67 33.5L40.33 33.5Z'/></g> <g fill='%23ffffff' fill-opacity='0.09'><circle cx='18' cy='0' r='0.8800000000000001'/><circle cx='0' cy='18' r='0.8800000000000001'/><circle cx='36' cy='18' r='0.8800000000000001'/><circle cx='18' cy='36' r='0.8800000000000001'/></g></svg>");--skyline:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1200' height='140' viewBox='0 0 1200 140' preserveAspectRatio='xMidYMax slice'> <g fill='white' fill-opacity='0.17'><path fill-rule='evenodd' d='M0 140 V96 H14 V88 H22 V96 H36 V88 H44 V96 H58 V88 H66 V96 H80 V88 H88 V96 H102 V88 H110 V96 H124 V88 H132 V96 H140 V66 h6 v-6 h4 v6 h6 v-6 h4 v6 h6 v-6 h4 v6 h6 v-6 h4 v6 V96 H194 V88 H202 V96 H216 V88 H224 V96 H238 V88 H246 V96 H260 V88 H268 V96 H282 V88 H290 V96 H300 V34 h-4 v-6 h8 V8 q12 -18 24 0 V28 h8 v6 h-4 V96 H346 V88 H354 V96 H368 V88 H376 V96 H390 V88 H398 V96 H412 V88 H420 V96 H434 V88 H442 V96 H456 V88 H464 V96 H478 V88 H486 V96 H500 V88 H508 V96 H520 V66 h7 v-6 h4 v6 h7 v-6 h4 v6 h7 v-6 h4 v6 h7 v-6 h4 v6 h7 v-6 h4 v6 h1 V96 H590 V88 H598 V96 H612 V88 H620 V96 H634 V88 H642 V96 H656 V88 H664 V96 H678 V88 H686 V96 H700 V88 H708 V96 H722 V88 H730 V96 H744 V88 H752 V96 H760 V56 h10 V42 a46 38 0 0 1 92 0 V56 h10 V96 H886 V88 H894 V96 H908 V88 H916 V96 H930 V88 H938 V96 H952 V88 H960 V96 H980 V60 h6 v-6 h4 v6 h6 v-6 h4 v6 h6 v-6 h4 v6 V96 H1024 V88 H1032 V96 H1046 V88 H1054 V96 H1068 V88 H1076 V96 H1090 V88 H1098 V96 H1112 V88 H1120 V96 H1134 V88 H1142 V96 H1156 V88 H1164 V96 H1178 V88 H1186 V96 H1200 V140 Z M538 140 V92 a14 14 0 0 1 28 0 V140 Z'/><rect x='815' y='-6' width='10' height='12' rx='2'/><circle cx='820' cy='-9' r='3'/><path d='M60 96 c-7 -20 -5 -40 0 -58 c5 18 7 38 0 58z'/><path d='M440 96 c-7 -20 -5 -40 0 -58 c5 18 7 38 0 58z'/><path d='M660 96 c-7 -20 -5 -40 0 -58 c5 18 7 38 0 58z'/><path d='M1100 96 c-7 -20 -5 -40 0 -58 c5 18 7 38 0 58z'/></g></svg>");--menorah:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='44' height='30' viewBox='0 0 44 30'> <g fill='none' stroke='%231d44b8' stroke-width='1.6' stroke-linecap='round'> <path d='M22 6V26M14 26h16'/> <path d='M22 18c-4 0-8-4-8-12M22 18c4 0 8-4 8-12'/> <path d='M22 20c-7 0-13-6-13-14M22 20c7 0 13-6 13-14'/> <path d='M22 22c-10 0-17-7-17-16M22 22c10 0 17-7 17-16'/> </g> <g fill='%231d44b8'><ellipse cx='5' cy='3.5' rx='1.6' ry='2.4'/><ellipse cx='9' cy='3.5' rx='1.6' ry='2.4'/><ellipse cx='14' cy='3.5' rx='1.6' ry='2.4'/><ellipse cx='22' cy='3.5' rx='1.6' ry='2.4'/><ellipse cx='30' cy='3.5' rx='1.6' ry='2.4'/><ellipse cx='35' cy='3.5' rx='1.6' ry='2.4'/><ellipse cx='39' cy='3.5' rx='1.6' ry='2.4'/></g></svg>");--menorah-dark:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='44' height='30' viewBox='0 0 44 30'> <g fill='none' stroke='%238aa9ff' stroke-width='1.6' stroke-linecap='round'> <path d='M22 6V26M14 26h16'/> <path d='M22 18c-4 0-8-4-8-12M22 18c4 0 8-4 8-12'/> <path d='M22 20c-7 0-13-6-13-14M22 20c7 0 13-6 13-14'/> <path d='M22 22c-10 0-17-7-17-16M22 22c10 0 17-7 17-16'/> </g> <g fill='%238aa9ff'><ellipse cx='5' cy='3.5' rx='1.6' ry='2.4'/><ellipse cx='9' cy='3.5' rx='1.6' ry='2.4'/><ellipse cx='14' cy='3.5' rx='1.6' ry='2.4'/><ellipse cx='22' cy='3.5' rx='1.6' ry='2.4'/><ellipse cx='30' cy='3.5' rx='1.6' ry='2.4'/><ellipse cx='35' cy='3.5' rx='1.6' ry='2.4'/><ellipse cx='39' cy='3.5' rx='1.6' ry='2.4'/></g></svg>")}
body{background-image:var(--tex-bg);background-size:64px 64px;background-attachment:fixed}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) body{background-image:var(--tex-bg-dark)}}
.hhero{background:var(--skyline) center bottom 54px/auto 78px repeat-x,var(--tex-hero) 0 0/48px 48px,radial-gradient(120% 90% at 100% 0%,#6f8cff 0%,transparent 55%),linear-gradient(160deg,#1f3fd1 0%,#2f5bff 50%,#5b7cff 100%)}
.hhero::after{content:'';position:absolute;inset:auto 0 0 0;height:118px;background:var(--skyline) center bottom/auto 118px repeat-x;opacity:0;pointer-events:none}
.cover{background-image:
    linear-gradient(to left,rgba(0,0,0,.28) 0,rgba(0,0,0,.08) 4%,rgba(255,255,255,.10) 5.5%,rgba(255,255,255,0) 9%),
    linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,0) 35%,rgba(0,0,0,0) 70%,rgba(0,0,0,.18)),
    var(--tex-cover)!important;background-size:auto,auto,36px 36px!important}
.cover.all{background-image:var(--tex-cover)!important}
.grp::before{content:'';display:block;width:44px;height:30px;margin-bottom:8px;background:var(--menorah) no-repeat center/contain;opacity:.85}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .grp::before{background-image:var(--menorah-dark)}}
.welcome,.card,.lcard,.quote,.pair button,.stats4 div,.moods,.cal,.guide,.nowcard,.tocrow,.listrow,.choice button,.catlist,.bookdesc,.empty-shelf,.prem-list div,.plan{background-color:var(--surface)}
/* ============ carousel ============ */
html,body{overflow-x:clip}
/* body כ-container: 100cqw = רוחב המסך בלי פס הגלילה, מתעדכן לבד בכל שינוי גודל */
body{container-type:inline-size}
.case{--gut:max(18px,calc((100cqw - 720px) / 2 + 18px));position:relative;margin-inline:calc(50% - 50cqw)}
.case .shelf{margin:0;padding:8px var(--gut) 18px;scroll-padding-inline:var(--gut);scroll-snap-type:x mandatory;cursor:grab;outline:none;
  -webkit-mask-image:linear-gradient(to left,transparent 0,#000 14px,#000 calc(100% - 14px),transparent);mask-image:linear-gradient(to left,transparent 0,#000 14px,#000 calc(100% - 14px),transparent)}
.case .shelf.dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.case .shelf.dragging .btile{pointer-events:none}
.car-btn{position:absolute;top:calc(118px * 0.75 - 14px);z-index:3;width:46px;height:46px;border-radius:50%;border:0;background:var(--surface);color:var(--ink);
  display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px -8px rgba(15,23,41,.35),0 0 0 1px var(--line);opacity:0;transition:opacity .2s,transform .2s}
/* החיצים בקצוות המסך (המדף תופס את כל הרוחב) — תמיד גלויים במחשב */
.car-btn.prev{inset-inline-start:14px}
.car-btn.next{inset-inline-end:14px}
.car-btn{opacity:.92}
.case:hover .car-btn{opacity:1}
.car-btn:hover{transform:scale(1.08)}
.case.at-start .car-btn.prev,.case.at-end .car-btn.next,.case.no-scroll .car-btn{opacity:0!important;pointer-events:none}
@media (hover:none){.car-btn{display:none}}
@media (hover:hover){
  .btile .cover{transition:transform .25s cubic-bezier(.2,.8,.3,1),box-shadow .25s}
  .btile:hover .cover{transform:translateY(-6px) rotate(-1.2deg);box-shadow:0 2px 2px rgba(15,23,41,.15),0 22px 34px -14px color-mix(in srgb,var(--cc) 70%,#000)}
}
.covergrid .btile:hover .cover{transform:translateY(-4px)}
/* ============ shabbat lock ============ */
.shb{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;color:#fff;text-align:center;
  background:var(--skyline) center bottom/auto 120px repeat-x,var(--tex-hero) 0 0/48px 48px,radial-gradient(120% 80% at 50% 0%,#2a3fb8 0%,transparent 60%),linear-gradient(180deg,#101018 0%,#1f3fd1 60%,#2f5bff 100%)}
body.shabbat{overflow:hidden}
body.shabbat>main,body.shabbat>nav{visibility:hidden}
.shb-in{max-width:420px}
.shb-candles{width:120px;height:120px;color:#f3e2b8}
.shb-candles .flame path{fill:#ffcf6b;transform-origin:center 52px;animation:flick 2.2s ease-in-out infinite alternate}
.shb-candles .flame path:nth-child(2){animation-delay:.6s}
@keyframes flick{0%{transform:scale(1,1)}50%{transform:scale(.94,1.06)}100%{transform:scale(1.04,.96)}}
.shb h1{font-family:var(--serif);font-size:3rem;font-weight:700;margin:8px 0 4px;color:#fff}
.shb-title{font-family:var(--serif);font-size:1.25rem;color:#f3e2b8;margin:0 0 18px}
.shb-txt{font-size:1.1rem;line-height:1.8;opacity:.95}
.shb-small{font-size:.8rem;opacity:.6;margin-top:18px}
/* ============ voices ============ */
.vrow{display:flex;align-items:stretch;background:var(--surface-2);margin-top:8px;border-radius:14px;overflow:hidden}
.vrow.on{box-shadow:inset 0 0 0 2px var(--blue);background:var(--blue-soft)}
.vpick{flex:1;text-align:start;background:none;border:0;padding:11px 14px}
.vpick b{display:block;font-weight:700} .vpick small{color:var(--muted);font-size:.78rem}
.vplay{display:flex;align-items:center;gap:6px;background:none;border:0;padding:0 16px;color:var(--blue);font-weight:700;font-size:.88rem}

/* ============ bottom sheet ============ */
.sheet-wrap{position:fixed;inset:0;background:rgba(10,15,30,.4);z-index:30;display:flex;align-items:flex-end;justify-content:center;animation:fade .15s;transform:translateZ(0);isolation:isolate}
@keyframes fade{from{opacity:0}}
.sheet{background:var(--surface);color:var(--ink);width:100%;max-width:640px;border-radius:26px 26px 0 0;padding:10px 20px calc(22px + env(safe-area-inset-bottom));
  max-height:88vh;overflow:auto;animation:up .25s cubic-bezier(.2,.8,.3,1)}
@keyframes up{from{transform:translateY(60px);opacity:.4}}
.grab{width:40px;height:5px;background:var(--line-2);border-radius:9px;margin:0 auto 14px}
.sheet-ref{font-size:.85rem;color:var(--blue);font-weight:700}
.sheet-h{font-size:1.2rem;margin-bottom:6px}
.sheet-verse{font-family:var(--text);font-size:1.25rem;line-height:1.9;margin:6px 0 14px}
.sheet-verse.small-verse{font-size:1.05rem;max-height:30vh;overflow:auto}
.actions{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:4px 0}
.actions button{background:var(--surface-2);border:0;border-radius:16px;display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 0 10px;color:var(--ink-2);font-size:.74rem;font-weight:600}
.actions button .ic{color:var(--blue)}
.actions button.on{background:var(--blue-soft);color:var(--blue-ink)}
.hlrow{display:flex;align-items:center;gap:12px;margin:14px 0 4px}
.dot{display:inline-block;width:28px;height:28px;border-radius:50%;border:3px solid var(--surface);box-shadow:0 0 0 1px var(--line-2);cursor:pointer;vertical-align:middle;padding:0}
.dot.on{box-shadow:0 0 0 2px var(--ink)}
.listrow .dot{width:12px;height:12px;border-width:0;margin-inline-start:8px}
.combox{font-family:var(--text);line-height:1.85;font-size:1rem}
.combox .chips{font-family:var(--sans)}
.linkitem{border-bottom:1px solid var(--line);padding:10px 0}
.set-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}
.set-row.col{flex-direction:column;align-items:stretch}
.set-row>span{font-weight:600}
.set-row small{font-size:.78rem;line-height:1.5}
.set-row:last-child{border:0}
.stepper{display:flex;align-items:center;gap:14px}
.stepper button{width:40px;height:40px;border-radius:50%;border:0;background:var(--surface-2);font-weight:700}
.stepper b{min-width:26px;text-align:center}
.switch{position:relative;width:50px;height:30px;margin:0;flex:0 0 auto}
.switch input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer;z-index:1}
.switch i{position:absolute;inset:0;background:var(--line-2);border-radius:99px;transition:.2s}
.switch i::after{content:'';position:absolute;top:3px;inset-inline-end:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.2);transition:.2s}
.switch input:checked+i{background:var(--good)}
.switch input:checked+i::after{inset-inline-end:23px}
.switch input:disabled+i{opacity:.4}

/* ============ guide ============ */
.gtoc{display:flex;flex-direction:column;gap:8px;counter-reset:g}
.gtoc button{display:flex;align-items:center;gap:14px;width:100%;background:var(--surface);border:0;border-radius:var(--r);padding:14px 16px;text-align:start;box-shadow:var(--sh)}
.gtoc button::before{counter-increment:g;content:counter(g);width:34px;height:34px;border-radius:11px;background:var(--blue-soft);color:var(--blue);font-weight:800;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.gtoc b{flex:1;font-size:1rem;font-weight:600}
.gtoc .ic{color:var(--muted)}
.guide{background:var(--surface);border-radius:22px;padding:22px 20px;box-shadow:var(--sh);line-height:1.8}
.guide h2{font-size:1.5rem;margin-bottom:4px}
.guide h3{font-size:1.08rem;margin:22px 0 6px;color:var(--blue)}
.bracha{font-family:var(--text);font-size:1.15rem;background:var(--blue-soft);color:var(--ink);border-radius:14px;padding:12px 16px;margin:12px 0;line-height:1.9}
.bracha-inline{font-family:var(--text)}
.gtable{width:100%;border-collapse:separate;border-spacing:0;font-size:.9rem;margin:12px 0;border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px var(--line)}
.gtable th,.gtable td{border-bottom:1px solid var(--line);padding:10px 8px;text-align:start;vertical-align:top}
.gtable tr:last-child td{border-bottom:0}
.gtable th{background:var(--surface-2);font-weight:700;font-size:.82rem}
.gtable td b{font-family:var(--text);font-weight:600}
.srcgrid{display:flex;flex-wrap:wrap;gap:8px}
.srcbtn{background:var(--surface);border:0;border-radius:99px;padding:8px 14px;color:var(--blue-ink);font-size:.86rem;font-weight:600;box-shadow:var(--sh)}

/* ============ AI ============ */
.ctx{background:var(--blue-soft);border-radius:16px;padding:12px 16px;margin:6px 0 16px}
.ctx small{color:var(--blue);font-weight:700} .ctx p{margin:4px 0}
.bubble{padding:12px 16px;border-radius:20px;margin:10px 0;max-width:88%;line-height:1.75}
.bubble.user{background:var(--blue-fill);color:#fff;margin-inline-start:auto;border-end-start-radius:6px}
.bubble.assistant{background:var(--surface);box-shadow:var(--sh);border-end-end-radius:6px}
.bubble.assistant:empty::after{content:'כותב…';color:var(--muted)}
.suggest{display:flex;flex-direction:column;gap:8px;margin:14px 0}
.suggest button{text-align:start;background:var(--surface);border:0;border-radius:14px;padding:13px 16px;font-size:.95rem;box-shadow:var(--sh)}
.aibox{display:flex;gap:8px;align-items:flex-end;position:sticky;bottom:calc(76px + env(safe-area-inset-bottom));background:var(--bg);padding:10px 0}
.aibox textarea{min-height:50px;border-radius:24px;padding:13px 18px;background:var(--surface);box-shadow:var(--sh)}
.sendbtn{width:50px;height:50px;border-radius:50%;border:0;background:var(--blue-fill);color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 auto}

.srcbtn.inline{display:inline;padding:1px 9px;margin:0 2px;font-size:.88em;box-shadow:none;background:var(--blue-soft);border-radius:8px}
.aistatus{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:.9rem}
.aistatus::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--blue-fill);animation:pulse 1s infinite alternate}
@keyframes pulse{from{opacity:.3}to{opacity:1}}
/* ============ premium ============ */
.prem{text-align:center;padding:8px 0}
.prem .crown{color:var(--gold);display:flex;justify-content:center;margin-bottom:6px}
.prem .pagehead{text-align:center}
.prem-list{text-align:start;display:flex;flex-direction:column;gap:8px;margin:18px 0}
.prem-list div{display:flex;gap:12px;padding:14px 16px;background:var(--surface);border-radius:var(--r);box-shadow:var(--sh)}
.prem-list .ic{color:var(--blue);margin-top:3px}
.prem-list b{display:block} .prem-list span{display:block;color:var(--muted);font-size:.9rem}
.plans{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 14px}
.plan{border:0;font:inherit;color:inherit;cursor:pointer;padding:18px 10px;background:var(--surface);border-radius:var(--r);box-shadow:var(--sh);position:relative}
.plan.best{box-shadow:inset 0 0 0 2px var(--blue),var(--sh)}
.plan.best::before{content:'משתלם';position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--blue-fill);color:#fff;font-size:.72rem;font-weight:700;padding:2px 12px;border-radius:99px}
.plan b{display:block;font-size:1.6rem;font-weight:800} .plan span{color:var(--muted);font-size:.84rem}

/* ============ misc ============ */
.lock{position:fixed;inset:0;background:var(--bg);display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}
.lock .card{width:100%;max-width:340px;text-align:center}

/* ============ page flip: קיפול נייר ============ */
.leaves{transform-style:flat}
.fl-ush,.fl-flap{position:absolute;top:0;left:0;height:100%;pointer-events:none}
.fl-ush{z-index:3;overflow:hidden}
.fl-flap{z-index:6;filter:drop-shadow(0 3px 10px rgba(35,18,0,.30)) drop-shadow(0 0 2px rgba(35,18,0,.18))}
.fl-clip{position:absolute;inset:0}
.fl-back{position:absolute;top:0;left:0;transform-origin:0 0}
.fl-strip{position:absolute;top:0;left:0;height:6000px;transform-origin:0 0;pointer-events:none}
/* עיקול הנייר: צל עמוק בקו הקיפול, אור על הקימור, וצל עדין בקצה */
.fl-fold{background:linear-gradient(to right,rgba(60,35,10,.34) 0,rgba(60,35,10,.12) 7%,rgba(255,250,236,.30) 22%,rgba(255,250,236,.10) 45%,rgba(60,35,10,0) 70%,rgba(60,35,10,.10) 100%)}
.pager[data-theme=night] .fl-fold{background:linear-gradient(to right,rgba(0,0,0,.55) 0,rgba(0,0,0,.2) 8%,rgba(255,240,210,.08) 25%,transparent 60%,rgba(0,0,0,.2) 100%)}
.fl-ush-strip{background:linear-gradient(to right,rgba(25,12,0,.42) 0,rgba(25,12,0,.16) 22%,rgba(25,12,0,.04) 60%,transparent 100%)}
.inkthru{position:absolute;inset:0;transform:scaleX(-1);opacity:.07;filter:blur(.5px);pointer-events:none}
.inkthru .page{background:transparent}.inkthru .grain,.inkthru .page::after,.inkthru .folio,.inkthru .runhead{display:none}

/* ============ חיים ואור: רקע בהיר של שמיים ואור חם ============ */
:root[data-theme="light"] body{background-color:#f3f6fc;background-image:var(--tex-bg),radial-gradient(90% 60% at 100% 0%,rgba(47,107,255,.10),transparent 60%),radial-gradient(70% 50% at 0% 100%,rgba(232,178,74,.13),transparent 60%),linear-gradient(180deg,#eef3ff 0%,#f8f6f0 100%);
  background-size:64px 64px,auto,auto,auto;background-attachment:fixed}
:root[data-theme="light"] .card,:root[data-theme="light"] .lcard{box-shadow:0 1px 2px rgba(15,23,41,.04),0 6px 20px -8px rgba(47,91,255,.14)}
:root[data-theme="dark"] body{background-color:#0b0b0f}
/* ============ desktop: תפריט צד בימין, התוכן צמוד אליו ============ */
.side-brand,nav.tabs .side-only{display:none}
@media (min-width:1024px){
  :root{--side:236px}
  nav.tabs{top:0;bottom:0;inset-inline-start:0;inset-inline-end:auto;width:var(--side);flex-direction:column;justify-content:flex-start;gap:4px;
    padding:26px 14px;border-top:0;border-inline-end:1px solid var(--line);background:var(--surface)}
  nav.tabs .side-brand{display:block;padding:0 12px 22px;margin-bottom:8px;border-bottom:1px solid var(--line)}
  .side-brand small{display:block;font-size:.72rem;color:var(--muted);margin-bottom:4px}
  .side-brand b{font-size:1.35rem;font-weight:800;color:var(--ink)} .side-brand b span{color:var(--blue)}
  .sb-logo{display:block;width:100%;max-width:168px;height:auto} .sb-logo.sb-dark{display:none}
  :root[data-theme="dark"] .sb-logo:not(.sb-dark),body.feedmode .sb-logo:not(.sb-dark){display:none}
  :root[data-theme="dark"] .sb-logo.sb-dark,body.feedmode .sb-logo.sb-dark{display:block}
  body.feedmode .side-brand{border-color:rgba(255,255,255,.1)} body.feedmode .side-brand small{color:rgba(255,255,255,.5)}
  body.feedmode .side-brand b{color:#fff}
  body.feedmode nav.tabs button.on{background:rgba(255,255,255,.12);color:#fff} body.feedmode nav.tabs button:hover{background:rgba(255,255,255,.07)}
  nav.tabs button,nav.tabs .side-only{display:flex;flex:0 0 auto;max-width:none;flex-direction:row;justify-content:flex-start;gap:12px;
    padding:11px 14px;border-radius:12px;font-size:.98rem;font-weight:600;color:var(--ink-2)}
  nav.tabs button .ic{width:22px;height:22px}
  nav.tabs button:hover{background:var(--surface-2)}
  nav.tabs button.on{background:var(--blue-soft);color:var(--blue-ink)}
  main{max-width:1060px;margin-inline:calc(var(--side) + 40px) 40px;padding-bottom:48px}
  body.immersive main{margin-inline:0;max-width:none}
  header.top .wordmark{visibility:hidden}
  header.top .bsd{display:none} /* במחשב "בס״ד" מופיע כבר בראש תפריט הצד */
  .hhero{margin-inline:0!important;padding-inline:36px!important;border-radius:0 0 34px 34px;margin-top:0}
  .case{--gut:0px;margin-inline:0}
  .car-btn.prev{inset-inline-start:-8px} .car-btn.next{inset-inline-end:-8px}
  .toast{left:calc(50% - var(--side) / 2)}
}

/* ============ שפות משמאל לימין (English / Русский) ============ */
html[dir=ltr] .pager{direction:rtl}                 /* הספר עצמו נשאר בעברית, מימין לשמאל */
html[dir=ltr] .pager .pbar{direction:ltr}
html[dir=ltr] .backlink .ic,html[dir=ltr] .catlist .ic,html[dir=ltr] .zmrow .ic{transform:scaleX(-1)}
html[dir=ltr] .ftssnip,html[dir=ltr] .gem-break,html[dir=ltr] .sheet-verse{direction:rtl;text-align:right}
.welcome-lang{margin:14px 0 4px}
.langpick{display:flex;flex-wrap:wrap;gap:6px}
.langpick button{flex:1 1 30%;min-width:96px;border:0;border-radius:12px;padding:9px 8px;background:var(--surface-2);font-weight:600;color:var(--ink-2)}
.langpick button.on{background:var(--blue-fill);color:#fff}

/* ---------- מערכת השמירה: ימים נקיים, תוכנית אישית, "קשה לי" בשלבים ---------- */
.cleanline{display:flex;align-items:baseline;gap:6px;margin-top:8px;font-size:.85rem;color:var(--muted)}
.cleanline b{color:var(--good);font-size:.95rem;font-weight:800;display:inline!important}
.streakcard .cleanline span{color:var(--muted)}
.plancard{margin-top:14px}
.hero-act + .plancard{margin-top:12px}
.rule{position:relative;background:var(--surface-2);border-radius:14px;padding:10px 14px;margin:8px 0;display:grid;gap:4px;padding-inline-end:40px}
.rule small{display:block;font-size:.72rem;color:var(--muted);font-weight:600;letter-spacing:.02em}
.rule b{font-weight:700}
.rule-x{position:absolute;inset-inline-end:6px;top:6px;border:0;background:none;color:var(--muted);padding:6px;border-radius:8px}
.chips.col{flex-direction:column;align-items:stretch}
.chips.col .chip{text-align:start;border-radius:14px}
.sx-top{display:flex;align-items:center;justify-content:space-between;margin:4px 2px 12px}
.sx-dots{display:flex;gap:6px}
.sx-dots i{width:26px;height:5px;border-radius:99px;background:var(--line)}
.sx-dots i.on{background:var(--blue-fill)}
.sx-timer{font-weight:800;font-variant-numeric:tabular-nums;background:var(--blue-soft);color:var(--blue-ink);padding:5px 12px;border-radius:99px;font-size:.95rem}
.urge{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;margin-top:10px}
.urge button{border:0;border-radius:10px;background:var(--surface-2);padding:10px 0;font-weight:700;font-size:.95rem;color:var(--ink-2)}
.urge button.on{background:var(--blue-fill);color:#fff}
.urge button:nth-child(n+8).on{background:var(--bad)}
.needtip{background:var(--good-soft);border-radius:12px;padding:10px 12px;margin:8px 0 0;font-size:.9rem}
.sx-guide{font-size:1.08rem;line-height:1.7;min-height:3.4em;margin:18px 6px 6px;transition:opacity .4s}
.sx-drop{display:flex;align-items:center;justify-content:center;gap:14px;margin:10px 0 4px;font-size:2.4rem;font-weight:800}
.sx-drop b:first-child{color:var(--bad)} .sx-drop b:last-child{color:var(--good)}
.sx-drop span{color:var(--muted);font-size:1.6rem}
.plan-now .rule{background:var(--blue-soft)}
@media (max-width:380px){.urge{grid-template-columns:repeat(5,1fr)}}
/* המעגל גדל עד פי 1.35 בשאיפה — מקום כדי שלא יעלה על הכותרת */
.sx-top ~ .card .breath{margin:50px auto 46px}
a.btn{text-decoration:none}

/* ---------- מאגר העמותות ---------- */
.amsearch{display:flex;gap:8px;margin:4px 0 14px}
.amsearch input{flex:1;margin:0}
.amsearch .btn{flex:0 0 auto;padding:0 16px}
.amcats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.amcat{display:flex;flex-direction:column;align-items:flex-start;gap:6px;background:var(--surface);border:0;border-radius:var(--r);padding:14px;box-shadow:var(--sh);text-align:start}
.amcat .lic{width:36px;height:36px;border-radius:11px;background:var(--blue-soft);color:var(--blue);display:flex;align-items:center;justify-content:center}
.amcat b{font-size:.95rem;line-height:1.3}
.amcat small{color:var(--muted);font-size:.8rem;min-height:1em}
.amlist{display:grid;gap:8px}
.amrow{display:flex;align-items:center;gap:10px;width:100%;background:var(--surface);border:0;border-radius:14px;padding:12px 14px;box-shadow:var(--sh);text-align:start}
.amrow div{flex:1;min-width:0}
.amrow b{display:block;font-size:.95rem;line-height:1.35}
.amrow small{display:block;color:var(--muted);font-size:.8rem;margin-top:2px}
.amamt{flex:0 0 auto;font-size:.8rem;font-weight:700;color:var(--good);background:var(--good-soft);padding:4px 8px;border-radius:99px}
.ampills{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.pill.good{background:var(--good-soft);color:var(--good)} .pill.bad{background:var(--bad-soft);color:var(--bad)}
.amgive .btn{margin-top:6px}
.amstats{margin-top:12px}
.amdir{display:flex;align-items:center;gap:14px;width:100%;border:0;text-align:start;margin-bottom:8px}
.amdir .lic{width:44px;height:44px;border-radius:13px;background:var(--blue-fill);color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.amdir b{display:block;font-size:1.02rem}.amdir small{display:block;color:var(--muted);font-size:.85rem;margin-top:2px}
.amquick{margin:0 0 14px}
.amlink{cursor:pointer}
.amgoals{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer;position:relative}
.amgoals.open{display:block}

/* ---------- תרומה מתוך האפליקציה ---------- */
.dn-amts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:6px 0 10px}
.dn-amts button{border:0;border-radius:14px;background:var(--surface-2);padding:14px 4px;font-weight:800;font-size:1.05rem;color:var(--ink)}
.dn-amts button.on,.dn-bal.on{background:var(--blue-fill);color:#fff}
.dn-bal{width:100%;margin-bottom:10px;padding:11px 14px}
.dn-check{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:.92rem}
.dn-check input{width:18px;height:18px;margin:0}

/* ---------- חלוקת תהילים לחברים ---------- */
.ts-step{display:flex;gap:8px;align-items:stretch}
.ts-step input{flex:1;margin:0;text-align:center;font-size:1.4rem;font-weight:800}
.ts-step button{flex:0 0 52px;border:0;border-radius:14px;background:var(--surface-2);font-size:1.5rem;font-weight:700;color:var(--blue)}
.ts-title{font-family:var(--serif);font-size:1.25rem;color:var(--blue-ink);margin:6px 0 0}
.ts-prog{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.ts-prog div{display:flex;flex-direction:column}
.ts-prog b{font-size:1.5rem;font-weight:800;color:var(--blue)}
.ts-prog span{font-size:.82rem;color:var(--muted)}
.ts-big{font-size:1.08rem;margin:6px 0}
.ts-big b{color:var(--blue)}
.ts-mine{border:2px solid var(--blue-soft)}
.ts-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);width:100%;background:none;border-inline:0;border-top:0;text-align:start;font:inherit;color:inherit}
.ts-row:last-of-type{border-bottom:0}
.ts-row div{flex:1;min-width:0}
.ts-row small{display:block;color:var(--muted);font-size:.8rem}
.ts-row.me{background:var(--blue-soft);border-radius:12px;padding-inline:8px;border-bottom:0}
.ts-row.pick{cursor:pointer}
.ts-num{flex:0 0 30px;height:30px;border-radius:50%;background:var(--surface-2);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem}
.ts-link{font-size:.8rem;color:var(--muted);word-break:break-all;margin:10px 0 0;user-select:all}
.ts-prev summary{cursor:pointer;font-weight:700}
.tsread .text{font-family:var(--serif);font-size:1.3rem;line-height:2.05}
.tsread .psalm{font-family:var(--serif);color:var(--gold);margin:1.2em 0 .3em;font-size:1.05rem}

/* ---------- המסע שלי ---------- */
.amcard .lic{background:var(--gold-soft);color:var(--gold)}
.jrcard{margin-bottom:0}
.dzcard{border:2px solid var(--gold);margin-top:12px}
.dzcard h2{display:flex;align-items:center;gap:8px}
.jr-top{margin-bottom:14px}
.jr-day{font-size:1.05rem;margin:12px 0}
.jr-wall{display:flex;align-items:baseline;gap:10px;margin:4px 0 8px}
.jr-wall b{font-size:2rem;font-weight:800;color:var(--blue)}
.jr-wall span{color:var(--muted);font-weight:600}
.jr-list{display:grid;gap:6px;margin-top:12px}
.jr-item{display:flex;align-items:center;gap:10px;width:100%;border:0;background:var(--surface-2);border-radius:12px;padding:10px 12px;text-align:start;font:inherit;color:var(--ink)}
.jr-item.on{background:var(--good-soft)}
.jr-check{flex:0 0 22px;height:22px;border-radius:50%;border:2px solid var(--line-2);display:flex;align-items:center;justify-content:center;color:#fff}
.jr-item.on .jr-check{background:var(--good);border-color:var(--good)}
.jr-weeks{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;align-items:end;height:130px;margin-top:10px}
.jr-weeks div{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;gap:4px}
.jr-weeks i{display:block;width:100%;border-radius:8px 8px 3px 3px;background:var(--good)}
.jr-weeks i.f{background:var(--gold)}
.jr-weeks .none i{background:var(--line)}
.jr-weeks small{font-size:.7rem;color:var(--muted);min-height:1em}
.jr-heat{display:grid;grid-template-columns:22px repeat(12,1fr);gap:3px;align-items:center;margin-top:8px}
.jr-heat i{display:block;aspect-ratio:1.5;border-radius:4px;background:color-mix(in srgb,var(--bad) calc(var(--a)*100%),var(--surface-2))}
.jr-heat .hd,.jr-heat small{font-size:.68rem;color:var(--muted);text-align:center}
.jr-report{background:var(--surface-2);border-radius:12px;padding:10px 12px;font-size:.92rem}
.jr-days{display:grid;gap:6px}
.jr-dayrow{display:flex;align-items:center;gap:10px;width:100%;border:0;background:var(--surface);border-radius:14px;padding:10px 12px;box-shadow:var(--sh);text-align:start;font:inherit;color:var(--ink)}
.jr-dayrow b{flex:1;font-weight:600}
.jr-dayrow.lock{opacity:.5;box-shadow:none;background:var(--surface-2)}
.jr-dayrow.done .ts-num{background:var(--good);color:#fff}
.jr-dayrow.cur{outline:2px solid var(--blue)}
.jr-lesson h1{font-size:1.6rem;margin:4px 0 12px}
.jr-idea{font-size:1.1rem;line-height:1.8}
.jr-task{background:var(--blue-soft);border-radius:14px;padding:12px 14px;margin:14px 0}
.jr-task small{color:var(--blue-ink);font-weight:700;font-size:.78rem}
.jr-task p{margin:4px 0 0;font-weight:600}

.hero-act + .lcard,.hero-act + .card{margin-top:12px}

/* ---------- הקצב ---------- */
.pacepick{display:grid;gap:8px}
.pacepick button{border:2px solid transparent;border-radius:14px;background:var(--surface-2);padding:11px 14px;text-align:start;font:inherit;color:var(--ink)}
.pacepick button b{display:block;font-size:1rem}
.pacepick button small{display:block;color:var(--muted);font-size:.85rem;margin-top:2px}
.pacepick button.on{border-color:var(--blue);background:var(--blue-soft)}
.pacecard{border:2px solid var(--blue-soft);margin-top:12px}

/* ---------- נומרולוגיה: מפה מלאה ---------- */
.num-core{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.num-cell{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:2px solid transparent;border-radius:var(--r);background:var(--surface);box-shadow:var(--sh);padding:14px;text-align:start;font:inherit;color:var(--ink)}
.num-cell b{font-size:2rem;font-weight:800;color:var(--blue);line-height:1.1}
.num-cell span{font-weight:700}
.num-cell small{color:var(--muted);font-size:.82rem}
.num-cell .pill{position:absolute;top:10px;inset-inline-end:10px;font-style:normal;font-size:.68rem}
.num-cell.main{grid-column:1/-1;background:var(--blue-soft)}
.num-cell.open{border-color:var(--blue)}
.num-detail{grid-column:1/-1;margin:0}
.num-how{font-variant-numeric:tabular-nums;word-break:break-word}
.num-cycle{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}
.num-cycle div{background:var(--surface-2);border-radius:14px;padding:10px;display:flex;flex-direction:column;align-items:center}
.num-cycle b{font-size:1.6rem;font-weight:800;color:var(--blue)}
.num-cycle span{font-size:.82rem;font-weight:600}
.num-cycle small{font-size:.72rem;color:var(--muted)}
.num-period{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.num-period:last-child{border-bottom:0}
.num-period.now{background:var(--blue-soft);border-radius:12px;padding-inline:10px;border-bottom:0}
.num-period div{flex:1;min-width:0}
.num-period small{display:block;color:var(--muted);font-size:.82rem}
.num-period .pill{font-style:normal}
.num-ages{flex:0 0 56px;font-weight:700;color:var(--muted);font-size:.85rem}
.num-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:4px;margin:12px 0}
.num-grid div{background:var(--surface-2);border-radius:10px;padding:8px 0;display:flex;flex-direction:column;align-items:center}
.num-grid div.zero{opacity:.4}
.num-grid div.top{background:var(--blue-fill);color:#fff}
.num-grid small{font-size:.7rem}
.num-srcline{font-family:var(--serif);font-size:1.12rem;line-height:1.7}
.num-srcline b{color:var(--gold);font-size:1.3rem}
.num-src .btn{margin-top:4px}

/* ---------- תעתיק ותרגום בקורא ---------- */
.txblock{direction:ltr;text-align:start;font-family:Georgia,'Iowan Old Style','Times New Roman',serif;font-size:.84em;line-height:1.85;letter-spacing:.005em}
.txblock.tl{font-size:.9em;line-height:2}
.txblock .v{display:block;margin:0 0 .5em;padding:.1em .25em}
.txblock .vn{font-size:.52em;vertical-align:.7em;margin-inline-end:.5em;color:var(--gold)}
.txl{display:block;direction:ltr;text-align:left;font-family:Georgia,'Iowan Old Style','Times New Roman',serif;font-size:.62em;line-height:1.6;color:var(--pmut,var(--muted));margin:.05em 0 .6em}
.txl.tl{font-style:italic;font-size:.66em}
p.txl{margin:-.3em 0 .9em}
p.seg[dir=ltr]{font-family:Georgia,'Iowan Old Style','Times New Roman',serif;font-size:.86em;line-height:1.85;text-align:start}
.txcredit{font-size:.72rem}
.txnote{font-size:.8rem;margin:0 0 .8em}

.txprayer{font-family:Georgia,serif;font-size:.8em;line-height:1.9;text-align:start;direction:ltr}

/* ================= ליטוש עיצוב לקראת השקה ================= */
/* ---------- מסך "עוד": כלים והגדרות ---------- */
.premcard{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,var(--blue),var(--blue-2,#3b63d8));color:#fff;border:0;text-align:start}
.premcard svg{flex:0 0 auto;color:var(--gold-soft,#f6e7c1)}
.premcard b{display:block;font-size:1.05rem;color:#fff}
.premcard .small{color:rgba(255,255,255,.85)}
.toolgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:6px}
.tooltile{display:flex;flex-direction:column;align-items:flex-start;gap:6px;background:var(--surface);border:0;border-radius:var(--r);padding:14px;box-shadow:var(--sh);text-align:start;font:inherit;color:var(--ink);min-height:118px}
.tooltile .lic{width:40px;height:40px;border-radius:12px;background:var(--blue-soft);color:var(--blue);display:flex;align-items:center;justify-content:center}
.tooltile b{font-size:.98rem;line-height:1.3}
.tooltile small{color:var(--muted);font-size:.78rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.setgroup{padding:0;overflow:hidden;border-top:0}
.setgroup summary::after{display:none}
.setgroup summary{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;list-style:none}
.setgroup summary::-webkit-details-marker{display:none}
.setgroup summary .lic{width:36px;height:36px;border-radius:11px;background:var(--surface-2);color:var(--ink-2);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.setgroup summary b{flex:1;font-size:1rem}
.setgroup summary small{color:var(--muted);font-size:.85rem;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.setgroup .chev{display:flex;color:var(--muted);transition:transform .2s;transform:rotate(90deg)}

.setgroup[open] .chev{transform:rotate(-90deg)}
.setgroup[open] summary{border-bottom:1px solid var(--line)}
.setbody{padding:14px 16px 16px}
.setfoot{margin:18px 0 8px;line-height:1.9}

/* ---------- דף הבית: סדר ורשתות ---------- */
.hgrid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:12px}
.hgrid > *,.lgrid > *,.toolgrid > *{min-width:0}
.hgrid > *{margin:0!important}
.lgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.lgrid .lcard{flex-direction:column;align-items:flex-start;gap:8px;margin:0;padding:14px;position:relative;min-height:112px}
.lgrid .lcard .lic{width:38px;height:38px;border-radius:12px}
.lgrid .lcard div{flex:0 1 auto;width:100%}
.lgrid .lcard b{display:block;font-size:.95rem;line-height:1.3}
.lgrid .lcard small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;font-size:.78rem;line-height:1.45}
.lgrid .lcard .pill{position:absolute;top:12px;inset-inline-end:12px;font-size:.7rem;padding:3px 9px}

/* ---------- מחשב: שימוש ברוחב ---------- */
@media (min-width:900px){
  .hgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hgrid .dzcard,.hgrid .pacecard{grid-column:1/-1}
  .lgrid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
  .cal{grid-template-columns:repeat(15,1fr)}
  .cal div{font-size:.8rem;aspect-ratio:auto;height:44px}
  .toolgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .stats4{grid-template-columns:repeat(4,1fr)}
  .jr-top{grid-template-columns:repeat(4,1fr)}
  .amcats{grid-template-columns:repeat(4,1fr)}
}

/* ---------- מסך הפתיחה: נקי, קצר וממורכז ---------- */
body.onb nav.tabs,body.onb .sos{display:none}
body.onb main{max-width:560px;margin-inline:auto;padding-bottom:40px}
.wl-hero{padding-bottom:34px}
.wl-hero h1{font-size:2rem}
.wl-hero p{margin:10px 0 0;opacity:.92;line-height:1.6;max-width:36ch}
.welcome-lang{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:14px -18px 4px;padding:2px 18px}
.welcome-lang::-webkit-scrollbar{display:none}
.welcome-lang button{flex:0 0 auto;min-width:0;border-radius:999px;padding:8px 16px;font-size:.9rem;background:var(--surface);box-shadow:var(--sh)}
.welcome .note{display:flex;gap:10px;align-items:flex-start}
.welcome .note svg{flex:0 0 auto;margin-top:2px}
.wl-more{border-top:0;margin-top:14px;padding:0}
.wl-more summary{justify-content:flex-start;gap:8px;color:var(--blue);font-weight:600;font-size:.95rem}
.wl-more summary::after{border-color:var(--blue)}
@media (min-width:1024px){
  body.onb main{margin-inline:auto}
  body.onb .hhero{border-radius:0 0 30px 30px}
  body.onb .welcome-lang{flex-wrap:wrap;justify-content:center;margin-inline:0;padding-inline:0}
}
.hhero.wl-hero{background:var(--tex-hero) 0 0/48px 48px,radial-gradient(120% 90% at 100% 0%,#6f8cff 0%,transparent 55%),linear-gradient(160deg,#1f3fd1 0%,#2f5bff 50%,#5b7cff 100%)}

/* ================= הכלים המרכזיים: תפילות, מצוות, מאיפה מתחילים ================= */
.nowpray{display:flex;align-items:center;gap:14px;width:100%;border:0;border-radius:22px;padding:18px;text-align:start;font:inherit;color:#fff;cursor:pointer;
  background:radial-gradient(120% 140% at 100% 0%,#6f8cff 0%,transparent 60%),linear-gradient(150deg,#1f3fd1 0%,#2f5bff 55%,#5b7cff 100%);box-shadow:0 14px 28px -16px rgba(47,91,255,.75)}
.nowpray .lic{width:50px;height:50px;border-radius:16px;background:rgba(255,255,255,.16);color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.nowpray div{flex:1;min-width:0}
.nowpray small{display:block;font-size:.8rem;opacity:.85}
.nowpray b{display:block;font-size:1.3rem;line-height:1.25;margin:1px 0 2px}
.nowpray span:not(.lic){display:block;font-size:.88rem;opacity:.9}
.nowpray .go{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
html[dir=ltr] .nowpray .go svg,html[dir=ltr] .tfrow > svg{transform:scaleX(-1)}
.fgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}
.ftile{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;min-height:120px;border:0;border-radius:var(--r);padding:14px;background:var(--surface);box-shadow:var(--sh);text-align:start;font:inherit;color:var(--ink);cursor:pointer}
.ftile .lic{width:42px;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:var(--blue-soft);color:var(--blue)}
.ftile b{font-size:1rem;line-height:1.3}
.ftile small{color:var(--muted);font-size:.8rem;line-height:1.45}
.ftile.c1 .lic{background:#fdf1d7;color:#b7791f}
.ftile.c2 .lic{background:#e3f4ec;color:#15805c}
.ftile.c3 .lic{background:#ece8fd;color:#6d28d9}
.ftile.c4 .lic{background:var(--blue-soft);color:var(--blue)}
.tscard{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 14px;align-items:start;margin-top:10px;padding:18px;border-radius:22px;background:linear-gradient(140deg,#fdf6e3,#f8ecd0);box-shadow:var(--sh);border:1px solid #f0dfb4}
.tscard .lic{width:50px;height:50px;border-radius:16px;background:#fff;color:#b7791f;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px -8px rgba(183,121,31,.5)}
.tscard b{display:block;font-size:1.15rem;color:#3d2c0a}
.tscard small{display:block;color:#6b5a36;font-size:.88rem;line-height:1.5;margin-top:2px}
.tscard .tsbtns{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.tscard .tsbtns .btn{flex:1 1 140px;display:flex;align-items:center;justify-content:center;gap:6px}
.tflist{display:grid;gap:8px}
.tfrow{display:flex;align-items:center;gap:12px;width:100%;min-width:0;border:0;border-radius:16px;padding:12px 14px;background:var(--surface);box-shadow:var(--sh);text-align:start;font:inherit;color:var(--ink);cursor:pointer}
.tfrow .lic{width:40px;height:40px;border-radius:12px;background:var(--blue-soft);color:var(--blue);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.tfrow .lic.num{font-weight:800;font-size:1.05rem}
.tfrow div{flex:1;min-width:0}
.tfrow b{display:block;font-size:1rem;line-height:1.3}
.tfrow small{display:block;color:var(--muted);font-size:.84rem;line-height:1.45}
.tfrow > svg{color:var(--muted);flex:0 0 auto}
.tfrow:hover,.ftile:hover{background:var(--surface-2)}
.mzstrip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.mzstrip div{background:var(--surface);border-radius:var(--r);box-shadow:var(--sh);padding:14px 8px;text-align:center}
.mzstrip b{display:block;font-size:1.6rem;color:var(--blue);line-height:1.1}
.mzstrip span{font-size:.8rem;color:var(--muted)}
.lvpick button.on b{color:var(--blue)}
:root[data-theme="dark"] .tscard{background:linear-gradient(140deg,#2b2412,#3a3016);border-color:#5a4a1f}
:root[data-theme="dark"] .tscard b{color:#f6e7c1} :root[data-theme="dark"] .tscard small{color:#d9c89c}
:root[data-theme="dark"] .tscard .lic{background:#4a3d1a;color:#f6d98a}
:root[data-theme="dark"] .ftile.c1 .lic{background:#4a3d1a;color:#f6d98a}
:root[data-theme="dark"] .ftile.c2 .lic{background:#143a2c;color:#6ee7b7}
:root[data-theme="dark"] .ftile.c3 .lic{background:#2e2557;color:#c4b5fd}
@media (min-width:900px){
  .fgrid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .tflist{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tflist.steps5{grid-template-columns:minmax(0,1fr)}
  .tscard{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}
  .tscard .tsbtns{grid-column:auto;margin-top:0;flex-wrap:nowrap}
  .tscard .tsbtns .btn{flex:0 0 auto}
  .lvpick{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* ================= מצפן לירושלים ================= */
.cpcard{text-align:center}
.cpwrap{position:relative;width:min(280px,78vw);margin:14px auto 6px}
.cptop{position:absolute;top:-12px;left:50%;margin-left:-9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:14px solid var(--blue);z-index:2}
.cpdial{position:relative;width:100%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 40%,var(--surface) 0%,var(--surface-2) 100%);box-shadow:inset 0 0 0 2px var(--line),0 16px 32px -18px rgba(47,91,255,.5);transition:box-shadow .3s,background .3s}
.cprose{position:absolute;inset:0;border-radius:50%;transition:transform .15s linear}
.cpticks{position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from -0.5deg,var(--muted) 0deg 1deg,transparent 1deg 30deg);
  -webkit-mask:radial-gradient(circle,transparent 0 calc(71% - 12px),#000 calc(71% - 11px) 71%);mask:radial-gradient(circle,transparent 0 calc(71% - 12px),#000 calc(71% - 11px) 71%)}
.cpdial::before{content:'';position:absolute;inset:12px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--line)}
.cpn{position:absolute;font-weight:800;font-size:.95rem;color:var(--ink-2)}
.cpn.n{top:26px;left:50%;transform:translateX(-50%);color:var(--bad)} .cpn.s{bottom:26px;left:50%;transform:translateX(-50%)}
.cpn.e{right:26px;top:50%;transform:translateY(-50%)} .cpn.w{left:26px;top:50%;transform:translateY(-50%)}
.cpmark{position:absolute;inset:0}
.cpmark i{position:absolute;top:2px;left:50%;margin-left:-13px;width:26px;height:26px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:linear-gradient(135deg,#f6d98a,#c9912b);box-shadow:0 4px 10px -4px rgba(183,121,31,.9),inset 0 0 0 3px rgba(255,255,255,.55)}
.cpmid{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}
.cpmid b{font-size:2.6rem;line-height:1;color:var(--blue);font-weight:800}
.cpmid span{font-size:1rem;color:var(--muted);margin-top:4px;font-weight:600}
.cpdial.aligned{background:radial-gradient(circle at 50% 40%,#e9f9f1 0%,#c9f0dd 100%);box-shadow:inset 0 0 0 3px #15805c,0 16px 34px -16px rgba(21,128,92,.7)}
.cpdial.aligned .cpmid b,.cpdial.aligned .cpmid span{color:#15805c}
.cpstate{margin:12px 0 0;font-weight:600;color:var(--ink-2)}
.cpcard .row{justify-content:center}
.cpcard .row .btn{display:flex;align-items:center;justify-content:center;gap:6px}
.cpstrip b{font-size:1.25rem}
.cpstrip .cploc{font-size:1rem;color:var(--blue)}
.cpstrip .linkbtn{display:block;width:100%;padding:0;background:none;border:0;font:inherit;cursor:pointer}
:root[data-theme="dark"] .cpdial.aligned{background:radial-gradient(circle at 50% 40%,#17402f 0%,#0f2e22 100%)}
:root[data-theme="dark"] .cpdial.aligned .cpmid b,:root[data-theme="dark"] .cpdial.aligned .cpmid span{color:#6ee7b7}

/* ================= סרטונים (פיד כמו טיקטוק) ================= */
body.feedmode{background:#000!important}
body.feedmode header.top,body.feedmode .sos{display:none}
body.feedmode main{max-width:none;padding:0;margin:0}
body.feedmode nav.tabs{background:rgba(0,0,0,.88);border-color:rgba(255,255,255,.08)}
body.feedmode nav.tabs button{color:rgba(255,255,255,.6)} body.feedmode nav.tabs button.on{color:#fff}
.fd{position:fixed;top:0;inset-inline:0;bottom:calc(62px + env(safe-area-inset-bottom));overflow-y:auto;scroll-snap-type:y mandatory;background:#000;overscroll-behavior:contain;scrollbar-width:none}
.fd::-webkit-scrollbar{display:none}
.fdslide{position:relative;height:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#fff}
.fdslide video{width:100%;height:100%;object-fit:contain;background:#000}
.fdtap{position:absolute;inset:0;background:none;border:0;cursor:pointer}
.fdpause{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:rgba(255,255,255,.85);opacity:0;transition:opacity .2s;pointer-events:none;filter:drop-shadow(0 2px 8px rgba(0,0,0,.6))}
.fdslide.paused .fdpause{opacity:1}
.fdinfo{position:absolute;bottom:0;inset-inline:0;padding:60px 16px 18px;padding-inline-end:76px;background:linear-gradient(transparent,rgba(0,0,0,.75));pointer-events:none;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.fdinfo small{font-weight:700;opacity:.9}
.fdinfo h3{margin:2px 0 0;font-size:1.1rem;color:#fff;line-height:1.35}
.fdinfo p{margin:4px 0 0;font-size:.9rem;opacity:.9;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.fdside{position:absolute;inset-inline-end:10px;bottom:24px;display:flex;flex-direction:column;gap:18px;align-items:center}
.fdside button{background:none;border:0;color:#fff;display:flex;flex-direction:column;align-items:center;gap:2px;font:inherit;font-size:.78rem;font-weight:700;cursor:pointer;filter:drop-shadow(0 1px 4px rgba(0,0,0,.6))}
.fdside button.on{color:#ff4d6d} .fdside button.on svg{fill:currentColor}
.fdbar{position:fixed;top:0;inset-inline:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:calc(10px + env(safe-area-inset-top)) 14px 10px;color:#fff;background:linear-gradient(rgba(0,0,0,.55),transparent);pointer-events:none}
.fdbar b{font-size:1.15rem;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.fdbar-btns{display:flex;gap:8px;pointer-events:auto}
.fdbar button{display:flex;align-items:center;gap:6px;border:0;border-radius:999px;padding:8px 12px;font:inherit;font-weight:700;color:#fff;background:rgba(255,255,255,.18);backdrop-filter:blur(8px);cursor:pointer}
.fdbar .fdup{background:var(--blue-fill)}
.fdempty>div{max-width:320px;text-align:center;padding:24px}
.fdempty .lic{width:68px;height:68px;border-radius:22px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.12);color:#fff}
.fdempty h2{color:#fff;margin:0 0 8px} .fdempty p{color:rgba(255,255,255,.75);margin:0 0 18px;line-height:1.6}
.fdempty .btn{display:inline-flex;align-items:center;gap:6px}
.fdpick{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:170px;border:2px dashed var(--line);border-radius:18px;background:var(--surface-2);cursor:pointer;text-align:center;padding:14px;margin:0}
.fdpick .lic{width:56px;height:56px;border-radius:18px;background:var(--blue-soft);color:var(--blue);display:flex;align-items:center;justify-content:center}
.fdpick small{color:var(--muted)}
.fdpick.has{border-style:solid;padding:0;overflow:hidden;background:#000}
.fdpick video{width:100%;max-height:360px;display:block}
.fdrules h2{margin-top:0}
.check{display:flex;align-items:center;gap:8px;margin-top:10px;font-weight:600}
.check input{width:20px;height:20px}
.fdprog{height:10px;border-radius:99px;background:var(--surface-2);overflow:hidden;margin-top:14px}
.fdprog i{display:block;height:100%;background:var(--blue-fill);transition:width .2s}
.fdmine img{width:54px;height:72px;object-fit:cover;border-radius:10px;background:var(--surface-2);flex:0 0 auto}
.fdmine small.bad{color:var(--bad)}
.fdst.ok{background:#e3f4ec;color:#15805c} .fdst.bad{background:#fde8e6;color:var(--bad)} .fdst.wait{background:#fdf1d7;color:#b7791f}
.fdadm video{width:100%;max-height:360px;background:#000;border-radius:12px}
.fdadm .row{flex-wrap:wrap}
@media (min-width:1024px){
  .fd{inset-inline-start:var(--side);bottom:0}
  .fdbar{inset-inline-start:var(--side)}
  .fdslide video{width:auto;max-width:100%;aspect-ratio:9/16}
  .fdside{inset-inline-end:calc(50% - 300px)}
  .fdinfo{max-width:460px;margin:0 auto}
}

/* ================= שידורים חיים ================= */
.lvdot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 0 rgba(239,68,68,.6);animation:lvpulse 1.6s infinite;margin-inline-end:6px;vertical-align:middle}
@keyframes lvpulse{0%{box-shadow:0 0 0 0 rgba(239,68,68,.6)}70%{box-shadow:0 0 0 8px rgba(239,68,68,0)}100%{box-shadow:0 0 0 0 rgba(239,68,68,0)}}
.fdtabs{display:flex;gap:4px;pointer-events:auto;background:rgba(255,255,255,.14);border-radius:999px;padding:3px;backdrop-filter:blur(8px)}
.fdtabs button{border:0;background:none;color:rgba(255,255,255,.8);font:inherit;font-weight:700;font-size:.9rem;padding:6px 12px;border-radius:999px;cursor:pointer;display:flex;align-items:center}
.fdtabs button.on{background:#fff;color:#111}
.fdswitch{margin:14px 0 4px;max-width:360px}
.lvhome{display:flex;align-items:center;gap:12px;width:100%;margin-top:12px;border:0;border-radius:20px;padding:14px 16px;text-align:start;font:inherit;color:#fff;cursor:pointer;background:linear-gradient(135deg,#b91c1c,#ef4444);box-shadow:0 12px 26px -14px rgba(185,28,28,.8)}
.lvhome .lvdot{background:#fff;flex:0 0 auto}
.lvhome div{flex:1;min-width:0}
.lvhome small{display:block;font-size:.78rem;opacity:.9;font-weight:700}
.lvhome b{display:block;font-size:1.05rem}
.lvhome span:not(.lvdot){display:block;font-size:.86rem;opacity:.92;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lvhome .go{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.lvgrid{display:grid;gap:10px}
.lvcard{display:flex;gap:12px;align-items:center;border:0;border-radius:16px;padding:10px;background:var(--surface);box-shadow:var(--sh);text-align:start;font:inherit;color:var(--ink);cursor:pointer;min-width:0}
.lvthumb{position:relative;flex:0 0 auto;width:112px;aspect-ratio:16/9;border-radius:12px;background:linear-gradient(135deg,#1f3fd1,#5b7cff);color:#fff;display:flex;align-items:center;justify-content:center}
.lvthumb.live{background:linear-gradient(135deg,#7f1d1d,#ef4444)}
.lvthumb.scheduled{background:linear-gradient(135deg,#78350f,#d97706)}
.lvthumb small{position:absolute;bottom:5px;inset-inline-start:6px;display:flex;align-items:center;gap:3px;font-size:.72rem;font-weight:700}
.lvbadge{position:absolute;top:6px;inset-inline-start:6px;background:#ef4444;color:#fff;font-style:normal;font-weight:800;font-size:.68rem;letter-spacing:.06em;padding:2px 7px;border-radius:6px}
.lvcard div{flex:1;min-width:0}
.lvcard b{display:block;font-size:.98rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lvcard small{display:block;color:var(--muted);font-size:.8rem}
.lvchans{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}
.lvchans::-webkit-scrollbar{display:none}
.lvchan{flex:0 0 112px;display:flex;flex-direction:column;align-items:center;gap:4px;border:0;border-radius:16px;padding:12px 8px;background:var(--surface);box-shadow:var(--sh);font:inherit;color:var(--ink);cursor:pointer;text-align:center}
.lvchan b{font-size:.86rem;line-height:1.25}
.lvchan small{color:var(--muted);font-size:.74rem}
.lvchan .lvfol{color:#15805c;display:flex;align-items:center;gap:3px}
.lvav{position:relative;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#2f5bff,#6f8cff);color:#fff;font-weight:800;font-size:1.3rem;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.lvav.sm{width:34px;height:34px;font-size:.95rem} .lvav.lg{width:72px;height:72px;font-size:1.8rem}
.lvav .lvdot{position:absolute;bottom:0;inset-inline-end:0;margin:0;border:2px solid var(--surface)}
.lvplayer{position:relative;margin:12px -18px 0;background:#000;aspect-ratio:16/9;overflow:hidden}
.lvplayer video{width:100%;height:100%;object-fit:contain;background:#000;display:block}
.lvplayer video.mirror{transform:scaleX(-1)}
.lvplayer .lvbadge{top:12px;inset-inline-start:12px;font-size:.78rem}
.lvplayer .lvbadge.on{animation:lvblink 2s infinite}
@keyframes lvblink{50%{opacity:.75}}
.lvviewers{position:absolute;top:12px;inset-inline-end:12px;background:rgba(0,0,0,.55);color:#fff;font-size:.8rem;font-weight:700;padding:3px 9px;border-radius:8px}
.lvsoon{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#fff;text-align:center;padding:16px}
.lvsoon .btn{display:inline-flex;align-items:center;gap:6px}
.lvplayer.studio.onair{box-shadow:inset 0 0 0 3px #ef4444}
.lvmeta h1{font-size:1.25rem;margin:14px 0 2px}
.lvchrow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}
.lvchname{display:flex;align-items:center;gap:10px;border:0;background:none;font:inherit;color:var(--ink);cursor:pointer;padding:0}
.btn.small{padding:8px 14px;font-size:.88rem}
.lvask h2{margin-top:0}
.lvchhead{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.lvchhead div{flex:1;min-width:160px}
.lvchhead h1{font-size:1.3rem;margin:0}
.lvchhead p{margin:4px 0;color:var(--ink-2)}
.lvchhead small{color:var(--muted)}
.lvgo{display:flex;align-items:center;justify-content:center;gap:4px;background:#dc2626}
.lvgo .lvdot{background:#fff}
.lvhealth{font-weight:700;color:#15805c;margin:10px 0}
.lvhealth.bad{color:var(--bad)}
.lvq{border-bottom:1px solid var(--line);padding:8px 0}
.lvq p{margin:0} .lvq small{color:var(--muted);margin-inline-end:8px}
.lvnewkey code{display:block;font-size:1.1rem;padding:10px;border-radius:10px;background:var(--surface-2);margin:8px 0;word-break:break-all}
@media (min-width:900px){
  .lvgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lvplayer{margin-inline:0;border-radius:18px}
}

/* כפתור "שידור" ובקשה לפתיחת ערוץ */
.fdbar .fdlive{background:#dc2626}
.fdbar .fdlive .lvdot{background:#fff;margin:0}
.lvhead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.lvhead .lvgo{flex:0 0 auto;margin-top:6px}
.lvhow li{margin-bottom:6px}
.lvdone{text-align:center}
.lvdone .lic{width:56px;height:56px;border-radius:50%;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;background:#e3f4ec;color:#15805c}
.lvreq small{display:block}

/* ================= שידורים חיים — עיצוב בסגנון יוטיוב ================= */
.lvtop{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}
.lvtop .fdswitch{margin:0;flex:1;max-width:340px}
.lvgo{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 10px 22px -12px rgba(220,38,38,.9);flex:0 0 auto}
.lvsec{margin-top:6px}
/* רבנים בעיגולים — טבעת אדומה כשבלייב */
.lvstories{display:flex;gap:16px;overflow-x:auto;padding:4px 2px 14px;margin-bottom:6px;scrollbar-width:none}
.lvstories::-webkit-scrollbar{display:none}
.lvstory{position:relative;flex:0 0 auto;width:76px;display:flex;flex-direction:column;align-items:center;gap:6px;border:0;background:none;font:inherit;color:var(--ink);cursor:pointer}
.lvring{padding:3px;border-radius:50%;background:var(--line)}
.lvstory.on .lvring{background:conic-gradient(#ef4444,#f97316,#ef4444)}
.lvring .lvav{width:62px;height:62px;font-size:1.5rem;border:3px solid var(--bg)}
.lvstory .lvbadge{position:absolute;top:58px;left:50%;transform:translateX(-50%);inset-inline-start:auto;font-size:.6rem;padding:1px 6px;border:2px solid var(--bg)}
.lvstory b{font-size:.78rem;font-weight:600;line-height:1.25;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* השידור המרכזי */
.lvfeat{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;padding:0;border-radius:20px;overflow:hidden;cursor:pointer;color:#fff;text-align:start;font:inherit;
  background:radial-gradient(120% 120% at 100% 0%,#ef4444 0%,transparent 55%),linear-gradient(150deg,#450a0a,#7f1d1d 55%,#1e1b4b);box-shadow:0 22px 40px -24px rgba(127,29,29,.9)}
.lvfeat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lvfeat::after{content:'';position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.35),transparent 30%,transparent 50%,rgba(0,0,0,.8))}
.lvfeat-top{position:absolute;top:14px;inset-inline:14px;display:flex;justify-content:space-between;align-items:center;z-index:1}
.lvfeat-top .lvbadge{position:static;font-size:.8rem;padding:3px 10px;animation:lvblink 2s infinite}
.lvplay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;border-radius:50%;background:rgba(255,255,255,.2);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1;transition:transform .2s}
.lvfeat:hover .lvplay{transform:translate(-50%,-50%) scale(1.08)}
.lvfeat-bottom{position:absolute;bottom:16px;inset-inline:16px;display:flex;align-items:center;gap:12px;z-index:1}
.lvfeat-bottom .lvav{border:2px solid rgba(255,255,255,.85)}
.lvfeat-bottom b{display:block;font-size:1.3rem;line-height:1.25;text-shadow:0 1px 4px rgba(0,0,0,.5)}
.lvfeat-bottom small{display:block;opacity:.9;font-size:.92rem}
.lveyes{display:inline-flex;align-items:center;gap:4px;background:rgba(0,0,0,.55);color:#fff;font-size:.78rem;font-weight:700;padding:3px 8px;border-radius:8px}
/* כרטיסי וידאו */
.lvgrid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.lvcard{display:flex;flex-direction:column;gap:10px;padding:0;background:none;box-shadow:none;border-radius:0}
.lvcard:hover .lvthumb img{transform:scale(1.03)}
.lvthumb{position:relative;width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:linear-gradient(150deg,#1f3fd1,#5b7cff);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--sh)}
.lvthumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.lvthumb.live{background:linear-gradient(150deg,#450a0a,#b91c1c);box-shadow:0 0 0 2px #ef4444,var(--sh)}
.lvthumb.scheduled{background:linear-gradient(150deg,#78350f,#d97706)}
.lvthumb .lvbadge{top:10px;inset-inline-start:10px;font-size:.72rem}
.lvthumb .lveyes{position:absolute;bottom:8px;inset-inline-start:8px}
.lvdur{position:absolute;bottom:8px;inset-inline-end:8px;background:rgba(0,0,0,.75);color:#fff;font-style:normal;font-size:.75rem;font-weight:700;padding:2px 7px;border-radius:6px}
.lvcal{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:10px}
.lvcal b{font-size:.95rem}
.lvinfo{display:flex;gap:10px;align-items:flex-start;text-align:start}
.lvinfo>span:last-child{flex:1;min-width:0}
.lvinfo b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;font-size:1rem;line-height:1.35}
.lvinfo small{display:block;color:var(--muted);font-size:.82rem;margin-top:2px}
.lvnow{color:#dc2626;font-weight:700}
.lvempty{display:flex;align-items:center;gap:14px;padding:18px;border-radius:20px;background:var(--surface);box-shadow:var(--sh)}
.lvempty .lic{width:54px;height:54px;border-radius:16px;background:#fee2e2;color:#dc2626;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.lvempty b{display:block;font-size:1.05rem}
.lvempty small{color:var(--muted)}
.lvviewers{display:flex;align-items:center;gap:4px}
.lvchname small{display:block;color:var(--muted);font-size:.8rem;text-align:start}
.lvchname b{display:block;text-align:start}
:root[data-theme="dark"] .lvempty .lic{background:#450a0a;color:#fca5a5}
@media (min-width:700px){ .lvgrid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (min-width:1200px){ .lvgrid{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (min-width:900px){ .lvfeat{max-height:520px} }
.linkbtn[data-lv="report"]{display:inline-flex;align-items:center;gap:6px}

/* ================= הגדרות מדף הניהול (web/remote.js) ================= */
.rmbanner{display:flex;align-items:center;gap:10px;margin-top:12px;padding:13px 16px;border-radius:16px;font-weight:600;text-decoration:none;box-shadow:var(--sh)}
.rmbanner span{flex:1}
.rmbanner.info{background:var(--blue-soft);color:var(--blue)}
.rmbanner.good{background:#e3f4ec;color:#15805c}
.rmbanner.warn{background:#fdf1d7;color:#92400e}
.rmprev{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:8px;margin:10px 0 0;padding:9px 14px;border-radius:12px;background:#111827;color:#fff;font-size:.88rem;font-weight:700}
body.off-videos nav.tabs [data-tab="feed"],
body.off-feed .fdtabs button.on, body.off-feed .fdswitch [data-fd="back"], body.off-feed [data-fd="upload"],
body.off-live .fdtabs [data-lv="list"], body.off-live .fdlive, body.off-live .lvhome, body.off-live .fdswitch [data-lv="list"],
body.off-ai [data-l="ai"], body.off-ai [data-t="aiabout"], body.off-ai [data-t="aiquiz"],
body.off-numer [data-tab="numer"],
body.off-amutot [data-tab="amutot"],
body.off-tshare [data-ts="start"], body.off-tshare .tscard,
body.off-compass [data-tab="compass"],
body.off-journey [data-tab="journey"], body.off-journey .jrcard,
body.off-paths [data-tab="paths"]{display:none!important}

/* ================= צפייה חיה: כיתוב, שאלה מוצמדת, הצבעה, תגובות ================= */
.lvwatch{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}
.lvplayer.xl{min-height:200px}
.lvlower{position:absolute;bottom:56px;inset-inline-start:14px;display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border-radius:14px;color:#fff;
  background:linear-gradient(90deg,rgba(17,24,39,.85),rgba(47,91,255,.85));backdrop-filter:blur(6px);max-width:75%;transition:opacity .4s,transform .4s;pointer-events:none}
html[dir=rtl] .lvlower{padding:8px 8px 8px 14px}
.lvlower.off{opacity:0;transform:translateY(10px)}
.lvlower b{display:block;font-size:.92rem} .lvlower span{display:block;font-size:.8rem;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lvpin{position:absolute;top:44px;inset-inline:12px;display:flex;justify-content:center;pointer-events:none}
.lvpincard{display:flex;gap:10px;align-items:flex-start;max-width:520px;background:rgba(255,255,255,.95);color:#111827;border-radius:14px;padding:10px 14px;box-shadow:0 10px 24px -10px rgba(0,0,0,.5);animation:lvin .4s ease-out}
.lvpincard svg{color:#d97706;flex:0 0 auto;margin-top:2px}
.lvpincard small{display:block;font-weight:700;color:#d97706;font-size:.72rem}
.lvpincard span{font-weight:600} .lvpincard em{display:block;font-style:normal;color:#6b7280;font-size:.8rem}
@keyframes lvin{from{opacity:0;transform:translateY(-8px)}}
.lvfloat{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.lvfl{position:absolute;bottom:60px;animation:lvup 2.6s ease-out forwards;color:#ff4d6d;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}
.lvfl.like{color:#22c55e} .lvfl.amen b{display:inline-block;background:#f59e0b;color:#fff;font-size:.85rem;padding:3px 10px;border-radius:99px}
.lvfl svg{fill:currentColor}
@keyframes lvup{0%{opacity:0;transform:translateY(0) scale(.6)}15%{opacity:1;transform:translateY(-20px) scale(1.1)}100%{opacity:0;transform:translateY(-240px) translateX(-20px) scale(.9)}}
.lvreact{display:flex;gap:8px;margin:4px 0 12px}
.lvrbtn{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;border:0;border-radius:16px;padding:10px 6px;background:var(--surface);box-shadow:var(--sh);font:inherit;color:var(--ink);cursor:pointer;transition:transform .1s}
.lvrbtn:active{transform:scale(.92)}
.lvrbtn.heart svg{color:#ff4d6d;fill:#ff4d6d} .lvrbtn.like svg{color:#16a34a}
.lvrbtn b{background:#f59e0b;color:#fff;font-size:.8rem;padding:2px 9px;border-radius:99px}
.lvrbtn span{font-weight:800;font-size:.95rem} .lvrbtn small{color:var(--muted);font-size:.72rem}
.lvpoll h2{display:flex;gap:8px;align-items:flex-start;font-size:1.05rem}
.lvpopt{display:block;width:100%;margin-top:8px;border:2px solid var(--blue-soft);background:var(--surface);border-radius:12px;padding:11px 14px;font:inherit;font-weight:700;color:var(--blue);cursor:pointer;text-align:start}
.lvpopt:hover{background:var(--blue-soft)}
.lvpbar{position:relative;margin-top:8px;border-radius:12px;background:var(--surface-2);padding:10px 14px;display:flex;justify-content:space-between;gap:10px;overflow:hidden;font-weight:600}
.lvpbar i{position:absolute;inset-block:0;inset-inline-start:0;background:var(--blue-soft);transition:width .6s}
.lvpbar.mine i{background:#c7d7ff}
.lvpbar span,.lvpbar b{position:relative}
.lvcount{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#fff;text-align:center;padding:18px;
  background:radial-gradient(120% 120% at 100% 0%,#6f8cff 0%,transparent 55%),linear-gradient(150deg,#0b0b0f,#1f3fd1)}
.lvcount b{font-size:2.6rem;font-weight:800;letter-spacing:.04em;font-variant-numeric:tabular-nums}
.lvcount small{opacity:.8} .lvcount span{opacity:.85;font-size:.9rem}
.lvcount .btn{margin-top:8px;display:inline-flex;align-items:center;gap:6px}
.lvreport{display:inline-flex;align-items:center;gap:6px;margin-top:12px}
.lvav.img{padding:0;overflow:hidden} .lvav img{width:100%;height:100%;object-fit:cover;display:block}
.lvav.xl{width:96px;height:96px;font-size:2.4rem}
@media (min-width:1100px){
  .lvwatch{grid-template-columns:minmax(0,1fr) 360px;align-items:start}
  .lvwatch .lvplayer{margin:0;border-radius:18px}
}

/* ================= אולפן היוצרים ================= */
body.studiomode main{max-width:1200px}
.stuhead{margin-top:6px}
.stuid{display:flex;align-items:center;gap:14px;margin:10px 0 14px;position:relative}
.stuid h1{font-size:1.45rem;margin:0} .stuid small{color:var(--muted);font-weight:700;font-size:.78rem}
.stulive{position:static!important;margin-inline-start:auto;animation:lvblink 2s infinite}
.stutabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--line);margin:0 -18px;padding:0 18px}
.stutabs::-webkit-scrollbar{display:none}
.stutabs button{flex:0 0 auto;display:flex;align-items:center;gap:6px;border:0;background:none;padding:10px 12px;font:inherit;font-weight:700;color:var(--muted);border-bottom:3px solid transparent;cursor:pointer}
.stutabs button.on{color:var(--ink);border-bottom-color:#dc2626}
.stutabs .lvdot{margin:0}
.stubody{padding-top:16px}
.stugrid{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}
.stucol{display:flex;flex-direction:column;gap:14px;min-width:0}
.stucol .card{margin:0}
.stucol .lvplayer{margin:0;border-radius:18px}
.lvsoon small{opacity:.8;font-size:.8rem}
.stuhealth{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;font-weight:700;font-size:.9rem}
.stuhealth i{width:10px;height:10px;border-radius:50%;flex:0 0 auto}
.stuhealth.ok{background:#e3f4ec;color:#15805c} .stuhealth.ok i{background:#16a34a;box-shadow:0 0 0 4px rgba(22,163,74,.2)}
.stuhealth.bad{background:#fde8e6;color:#b91c1c} .stuhealth.bad i{background:#dc2626}
.stuhealth.wait{background:var(--surface-2);color:var(--muted)} .stuhealth.wait i{background:#d97706;animation:lvblink 1.2s infinite}
.stukpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.stukpis div{background:var(--surface);border-radius:14px;box-shadow:var(--sh);padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}
.stukpis svg{color:var(--blue)} .stukpis b{font-size:1.25rem;font-weight:800} .stukpis small{color:var(--muted);font-size:.7rem;line-height:1.2}
.stukpis.big{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:14px}
.stukpis.big b{font-size:1.6rem}
.sturelays{display:flex;flex-wrap:wrap;gap:8px}
.sturelay{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;background:var(--surface-2);font-weight:700;font-size:.85rem}
.sturelay i{width:8px;height:8px;border-radius:50%;background:#d97706}
.sturelay.live i{background:#16a34a} .sturelay.error i{background:#dc2626}
.sturelay small{color:var(--muted);font-weight:600}
.stupinned{background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;padding:10px 12px;margin-bottom:10px}
.stupinned small{display:block;color:#c2410c;font-weight:700;font-size:.75rem} .stupinned span{display:block;font-weight:600;margin:2px 0}
.lvq .row{gap:14px;margin-top:2px}
.lvq .linkbtn{display:inline-flex;align-items:center;gap:4px}
.stuobs label{margin-top:12px}
.stucopy{display:flex;align-items:center;gap:6px}
.stucopy code{flex:1;min-width:0;background:var(--surface-2);border-radius:10px;padding:9px 12px;font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}
.stuwait{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:14px;background:var(--surface);box-shadow:var(--sh);font-weight:700;color:var(--ink-2)}
.stuwait.on{background:#e3f4ec;color:#15805c}
.stutable{width:100%;border-collapse:collapse;font-size:.9rem}
.stutable td{padding:8px 0;border-bottom:1px solid var(--line)} .stutable td:last-child{text-align:left;font-weight:700}
.sturecs{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
.sturec{display:flex;gap:14px;padding:12px;margin:0}
.sturec .lvthumb{width:200px;flex:0 0 auto;border:0;padding:0;cursor:pointer}
.sturec.hidden{opacity:.7}
.stuhid{background:#334155!important}
.sturecbody{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.sturectitle{font-weight:700}
.sturecstats{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:.85rem}
.sturecstats span{display:flex;align-items:center;gap:4px} .sturecstats b{color:var(--ink)}
.stuavrow{display:flex;align-items:center;gap:16px}
.stuavrow .btn{display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.stucolors{display:flex;gap:10px;flex-wrap:wrap}
.stucolors button{width:36px;height:36px;border-radius:50%;border:3px solid var(--surface);box-shadow:0 0 0 1px var(--line);cursor:pointer}
.stucolors button.on{box-shadow:0 0 0 3px var(--ink)}
.studest{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}
.studest div{flex:1;min-width:0} .studest small{display:block;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.studest.off{opacity:.55}
.stupresets{margin-top:12px}
.stuchart{display:flex;align-items:flex-end;gap:8px;height:200px;padding-top:20px}
.stubar{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;min-width:0}
.stubar i{width:100%;max-width:42px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#6f8cff,#2f5bff)}
.stubar b{font-size:.75rem} .stubar small{color:var(--muted);font-size:.68rem}
@media (min-width:900px){
  .stugrid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
  .sturecs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stukpis.big{grid-template-columns:repeat(7,minmax(0,1fr))}
}
@media (max-width:560px){
  .stukpis{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sturec{flex-direction:column} .sturec .lvthumb{width:100%}
}

.lvunmute{position:absolute;bottom:58px;inset-inline-end:14px;z-index:3;display:flex;align-items:center;gap:6px;border:0;border-radius:99px;padding:8px 14px;
  background:rgba(255,255,255,.95);color:#111827;font:inherit;font-weight:800;font-size:.88rem;cursor:pointer;box-shadow:0 8px 20px -8px rgba(0,0,0,.6);animation:lvin .4s}
.lvunmute.off{display:none}
@media (max-width:600px){
  .lvpin{top:34px}
  .lvpincard{padding:7px 11px;font-size:.85rem}
  .lvlower{bottom:46px;padding:6px 10px 6px 6px;max-width:62%}
  html[dir=rtl] .lvlower{padding:6px 6px 6px 10px}
  .lvlower .lvav{width:28px;height:28px;font-size:.8rem}
  .lvunmute{bottom:auto;top:36px;inset-inline-end:auto;inset-inline-start:12px;padding:6px 11px;font-size:.8rem}
}

/* בחירת איכות בנגן */
.lvqual{position:absolute;top:12px;inset-inline-end:70px;z-index:4}
.lvqbtn{display:flex;align-items:center;gap:5px;border:0;border-radius:8px;padding:4px 9px;background:rgba(0,0,0,.6);color:#fff;font:inherit;font-size:.78rem;font-weight:700;cursor:pointer}
.lvqmenu{display:none;position:absolute;top:30px;inset-inline-end:0;min-width:120px;background:rgba(17,24,39,.95);border-radius:12px;padding:6px;box-shadow:0 12px 28px -10px rgba(0,0,0,.6)}
.lvqual.open .lvqmenu{display:block}
.lvqmenu button{display:block;width:100%;border:0;background:none;color:#fff;font:inherit;font-weight:600;text-align:start;padding:8px 10px;border-radius:8px;cursor:pointer}
.lvqmenu button:hover{background:rgba(255,255,255,.12)} .lvqmenu button.on{color:#93c5fd}

/* ================= שיתוף וצמיחה ================= */
.quote{position:relative}
.quoteshare{display:inline-flex;align-items:center;gap:6px;margin-top:12px;border:0;border-radius:99px;min-height:44px;padding:8px 16px;background:var(--blue-soft);color:var(--blue-ink);font:inherit;font-weight:700;font-size:.85rem;cursor:pointer}
.growref,.growinstall{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.growref .lic,.growinstall .lic{width:48px;height:48px;border-radius:15px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.growref .lic{background:#fde8e6;color:#e11d48}
.growinstall .lic{background:var(--blue-soft);color:var(--blue)}
.growref>div,.growinstall>div{flex:1;min-width:180px}
.growref b,.growinstall b{display:block;font-size:1.05rem}
.growref small,.growinstall small{display:block;color:var(--muted);line-height:1.5}
.growref .btn,.growinstall .btn{display:inline-flex;align-items:center;gap:6px}
.growref #refN{font-weight:800;color:#e11d48;font-size:1.05rem}
.stushare{background:#16a34a}

.stuq button{display:flex;flex-direction:column;align-items:center;gap:0;line-height:1.2;padding:8px 4px}
.stuq b{font-size:.95rem} .stuq small{font-size:.7rem;opacity:.7}
.lvqbadge{position:absolute;top:12px;inset-inline-start:66px;background:rgba(0,0,0,.65);color:#fff;font-weight:800;font-size:.72rem;letter-spacing:.04em;padding:2px 7px;border-radius:6px;border:1px solid rgba(255,255,255,.5)}

/* ---------- שמות לתפילה ---------- */
.nm-cats{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.nm-cats button{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink-2);padding:8px 12px;border-radius:999px;font-size:.88rem;font-weight:500}
.nm-cats button.on{background:var(--blue-fill);border-color:var(--blue);color:#fff;font-weight:700}
.nm-list{display:flex;flex-direction:column;gap:8px}
.nm-row{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:10px 12px;box-shadow:var(--sh)}
.nm-row .lic{color:var(--blue);display:inline-flex}
.nm-row b{flex:1;font-size:1.02rem}
.nm-act{display:inline-flex;align-items:center;gap:5px;border:0;background:var(--blue-soft);color:var(--blue-ink);padding:6px 10px;border-radius:999px;font-size:.8rem;font-weight:700}
.nm-pray{display:flex;flex-direction:column;gap:14px}
.nm-step b{display:block;font-size:.95rem;color:var(--blue-ink)}
.nm-step .bless{font-family:var(--serif);font-size:1.05rem;line-height:1.7;margin:6px 0}
.nm-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.nm-chip{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-weight:600;font-size:.92rem}
.nmcard .small{display:inline-flex;align-items:center;gap:6px}

/* ---------- מתג הפעלה (כמו בטלפון) ---------- */
input.sw{appearance:none;-webkit-appearance:none;width:46px;height:28px;border-radius:999px;background:var(--line-2);position:relative;flex:0 0 auto;cursor:pointer;transition:background .2s;margin:0}
input.sw::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:inset-inline-start .2s}
input.sw:checked{background:var(--blue-fill)}
input.sw:checked::after{inset-inline-start:21px}
/* ---------- תזכורות ---------- */
.rm-head{display:flex;align-items:center;gap:12px}
.rm-head .lic{color:var(--blue);display:inline-flex}
.rm-head>div{flex:1}.rm-head b{display:block}.rm-head small{color:var(--muted)}
.rm-list{display:flex;flex-direction:column;margin-top:12px;border-top:1px solid var(--line)}
.rm-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);margin:0;cursor:pointer}
.rm-row b{display:block;font-weight:600;font-size:.95rem}.rm-row small{display:block;color:var(--muted);font-size:.8rem}
.rm-row input[type=time]{width:auto;min-width:104px;margin:0}
.kaddish{background:var(--surface-2);border-radius:var(--r-sm);padding:14px 16px;margin:6px 0 2px;font-family:var(--serif);font-size:1.12rem;line-height:1.85}
.kaddish p{margin:0 0 8px}.kaddish small{color:var(--muted);font-size:.8em}

/* ---------- תוכניות לימוד ---------- */
.pl-list{display:flex;flex-direction:column;gap:10px}
.pl-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px;box-shadow:var(--sh)}
.pl-row.on{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue),var(--sh)}
.pl-top{display:flex;align-items:center;gap:12px}
.pl-top .lic{color:var(--blue);display:inline-flex;flex:0 0 auto}
.pl-t{flex:1}.pl-t b{display:block}.pl-t small{color:var(--muted);font-size:.82rem}
.pl-today{margin-top:12px;display:flex;flex-direction:column;gap:10px}
.pl-open{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;border:0;border-radius:var(--r-sm);background:var(--blue-fill);color:#fff;padding:12px 14px;text-align:start}
.pl-open span{font-size:.82rem;opacity:.85}.pl-open b{font-size:1rem}
.pl-open.done{background:var(--good-soft);color:var(--good)}
.pl-stats{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.82rem;color:var(--ink-2)}
.pl-cyc small{color:var(--muted);font-size:.78rem}
.pl-cyc .bar,.pl-sum .bar{height:6px;background:var(--surface-2);border-radius:99px;overflow:hidden;margin:6px 0 4px}
.pl-cyc .bar i,.pl-sum .bar i{display:block;height:100%;background:var(--blue-fill);border-radius:99px}
.pl-sum{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}.pl-sum .bar{flex-basis:100%}
.plcard .small{display:inline-flex;align-items:center;gap:6px}
/* ---------- סיום ---------- */
.sycard{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#fbf6ea,#f1e6cc);border:1px solid #e3cf9c;color:#1b1a2e}
.sycard .lic{color:#b8862f;display:inline-flex}.sycard>div{flex:1}.sycard b{display:block}.sycard small{color:#6b5a32}

/* ---------- חגים ---------- */
.hz-hero{position:relative;overflow:hidden;border-radius:var(--r);padding:22px 20px 20px;margin:4px 0 6px;color:#fff;background:linear-gradient(150deg,#0b0b0f,#1f3fd1 60%,#2f5bff)}
.hz-hero.hz-chanukah,.hz-hero.hz-rh,.hz-hero.hz-shavuot{background:linear-gradient(150deg,#2a1c05,#7a5414 55%,#b8862f)}
.hz-hero.hz-yk,.hz-hero.hz-tishabav,.hz-hero.hz-fast{background:linear-gradient(150deg,#1b1f2a,#30384c 60%,#4a5570)}
.hz-hero.hz-pesach,.hz-hero.hz-sukkot,.hz-hero.hz-tubishvat,.hz-hero.hz-lag{background:linear-gradient(150deg,#0c2a1f,#14553c 60%,#1f7a55)}
.hz-hero .lic{display:inline-flex;opacity:.9}
.hz-hero small{display:block;opacity:.85;margin-top:8px}
.hz-hero h1{margin:4px 0 0;font-size:2.1rem;font-weight:900}
.hz-tonight{margin:8px 0 0;font-weight:600}
.hz-menorah{display:flex;align-items:flex-end;justify-content:center;gap:9px;margin:14px 0 2px;direction:ltr}
.hz-menorah i{width:10px;height:34px;border-radius:3px;background:rgba(255,255,255,.28);position:relative}
.hz-menorah i.shamash{height:46px}
.hz-menorah i.lit{background:#f6e7c1}
.hz-menorah i.lit::before{content:"";position:absolute;left:50%;top:-15px;width:10px;height:14px;margin-left:-5px;border-radius:50% 50% 45% 45%;background:radial-gradient(circle at 50% 70%,#fff4c2,#f6b23a 60%,#e2711d)}
.hz-fast{display:grid;grid-template-columns:auto auto;gap:4px 12px;justify-content:start;margin-top:12px;background:rgba(255,255,255,.12);border-radius:12px;padding:10px 14px}
.hz-fast b{font-size:1.15rem}.hz-fast small{grid-column:1/-1;opacity:.8}
.hz-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.hz-list li{display:flex;gap:10px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:11px 13px;line-height:1.5}
.hz-list li svg{color:var(--good);flex:0 0 auto;margin-top:3px}
.hz-bless{background:var(--surface-2);border-radius:var(--r-sm);padding:14px 16px;font-family:var(--serif);font-size:1.12rem;line-height:1.8}
.hz-bless p{margin:0 0 8px}
.hzcard{color:#fff;border:0;background:linear-gradient(135deg,#1f3fd1,#2f5bff)}
.hzcard.hz-chanukah,.hzcard.hz-rh,.hzcard.hz-shavuot{background:linear-gradient(135deg,#7a5414,#b8862f)}
.hzcard.hz-yk,.hzcard.hz-tishabav,.hzcard.hz-fast{background:linear-gradient(135deg,#30384c,#4a5570)}
.hzcard.hz-pesach,.hzcard.hz-sukkot,.hzcard.hz-tubishvat,.hzcard.hz-lag{background:linear-gradient(135deg,#14553c,#1f7a55)}
.hzcard .small{display:inline-flex;align-items:center;gap:6px;opacity:.9}
/* ---------- פרשת השבוע ---------- */
.prcard .small{display:inline-flex;align-items:center;gap:6px}
.pr-desc{margin:0 0 12px;line-height:1.6;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.pr-acts{display:flex;flex-wrap:wrap;gap:8px}.pr-acts .btn{flex:1 1 auto}

/* ---------- קהילה ---------- */
.cm-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
.cm-tabs button{display:flex;flex-direction:column;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);border-radius:var(--r-sm);padding:12px 6px;font-weight:600;font-size:.88rem;box-shadow:var(--sh)}
.cm-tabs button.on{background:var(--blue-fill);border-color:var(--blue);color:#fff}
.cm-list{display:flex;flex-direction:column;gap:10px}
.cm-gcard{display:flex;align-items:center;gap:12px;width:100%;text-align:start;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px;box-shadow:var(--sh);color:var(--ink)}
.cm-gcard .lic{color:var(--blue);display:inline-flex}.cm-gcard>div{flex:1}.cm-gcard b{display:block}.cm-gcard small{color:var(--muted)}
.cm-gcard .pill.good{background:var(--good-soft);color:var(--good)}
.cm-ghero{border-radius:var(--r);padding:22px 20px;margin:4px 0 14px;color:#fff;background:linear-gradient(150deg,#0b0b0f,#1f3fd1 60%,#2f5bff)}
.cm-ghero small{opacity:.85}.cm-ghero h1{margin:4px 0 12px;font-size:1.8rem;font-weight:900}.cm-ghero p{opacity:.9;margin:0 0 12px}
.cm-ghero .btn{background:#fff;color:var(--blue-ink)}
.cm-plan{display:flex;flex-direction:column;gap:8px}.cm-plan .small{display:inline-flex;align-items:center;gap:6px}
.cm-posts{display:flex;flex-direction:column;gap:8px}
.cm-post{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:12px 14px;box-shadow:var(--sh)}
.cm-post p{margin:0 0 6px;line-height:1.55;white-space:pre-wrap}.cm-post small{color:var(--muted)}.cm-post .btn{margin:4px 0 6px}
.cm-members{display:flex;flex-wrap:wrap;gap:6px}
.cm-members .nm-chip{display:inline-flex;align-items:center;gap:4px}.cm-members .nm-chip.done{background:var(--good-soft);border-color:transparent;color:var(--good)}
.btn.bad{color:var(--bad);border-color:var(--bad-soft)}
.seg-ctl.wrap{flex-wrap:wrap}.seg-ctl.wrap button{flex:1 1 auto}
.cm-match{text-align:center}.cm-match .lic{color:var(--good);display:inline-flex}
.cm-pname{display:block;font-size:1.6rem;margin:4px 0}.cm-note{font-style:italic;color:var(--ink-2)}
.cm-match .pr-acts{justify-content:center}
.cm-wait{text-align:center}
.cm-loc{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px;font-size:.92rem}
.cm-loc>span{display:inline-flex;align-items:center;gap:5px}
.cm-mcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px;box-shadow:var(--sh)}
.cm-mtop{display:flex;justify-content:space-between;align-items:center;gap:8px}.cm-mtop b{font-size:1.05rem}
.cm-times{display:flex;flex-direction:column;gap:6px;margin:10px 0}
.cm-times div{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.cm-times span{min-width:52px;color:var(--muted);font-size:.85rem}
.cm-times b{background:var(--blue-soft);color:var(--blue-ink);padding:3px 9px;border-radius:999px;font-size:.88rem}
.cm-mfoot{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;border-top:1px solid var(--line);padding-top:10px;margin-top:6px}
.cm-mfoot small{flex:1 1 100%;display:inline-flex;align-items:center;gap:4px}
.cm-mfoot .linkbtn{display:inline-flex;align-items:center;gap:4px;font-size:.85rem}
.cmcard .small{display:inline-flex;align-items:center;gap:6px}

/* כניסה עם Google / Apple */
.acc-oauth .btn{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:8px;font-weight:600}
.acc-oauth .acc-apple{background:#000;color:#fff;border-color:#000}
:root[data-theme="dark"] .acc-oauth .acc-apple{background:#fff;color:#000}
.acc-or{display:flex;align-items:center;gap:10px;margin:6px 0 10px;color:var(--muted);font-size:.8rem}.acc-or:before,.acc-or:after{content:"";flex:1;height:1px;background:var(--line)}

/* ===== נגישות וקריאות ===== */
body{font-size:1rem}
/* מיקוד מקלדת ברור (לא מופיע בלחיצת אצבע) */
:focus-visible{outline:3px solid var(--blue-2);outline-offset:2px;border-radius:8px}
/* מי שביקש במכשיר פחות תנועה — בלי אנימציות */
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* אזור לחיצה של לפחות 44 פיקסלים */
nav.tabs button{min-height:52px}
.linkbtn,.more,.backlink{min-height:44px;display:inline-flex;align-items:center}
.seg-ctl button,.langpick button,.chips button{min-height:44px}
/* חיפוש ב"עוד" */
.toolsearch{position:relative;margin:4px 0 6px}
.toolsearch input{width:100%;box-sizing:border-box;padding:14px 46px 14px 16px;border-radius:14px;border:1px solid var(--line-2);background:var(--surface);font:inherit;font-size:1rem;color:var(--ink)}
.toolsearch .ic{position:absolute;inset-inline-start:16px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}
.toolgroup h3{font-size:.95rem;font-weight:700;color:var(--muted);margin:18px 2px 10px}
.toolnone{display:none;text-align:center;color:var(--muted);padding:18px 0}

/* דף הבית: שישה כפתורים גדולים וברורים (גם לילדים וגם למבוגרים) */
.quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0 6px}
.qtile{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:132px;border:0;border-radius:20px;padding:16px;background:var(--surface);box-shadow:var(--sh);text-align:start;font:inherit;color:var(--ink);cursor:pointer;transition:transform .12s}
.qtile:active{transform:scale(.97)}
.qtile .lic{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:var(--blue-soft);color:var(--blue)}
.qtile b{font-size:1.2rem;line-height:1.2}
.qtile small{font-size:.9rem;color:var(--muted);line-height:1.35}
@media (min-width:700px){.quick{grid-template-columns:repeat(3,minmax(0,1fr))}}
.morelink{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;margin-top:10px;padding:12px 16px;border:1px dashed var(--line-2);border-radius:16px;background:transparent;font:inherit;font-size:.95rem;color:var(--blue-ink);text-align:start;cursor:pointer}
.morelink span{flex:1}

/* עמוד הסרטונים בטלפון צר: הכפתורים למעלה רק עם אייקון (השם נשאר לקוראי מסך) */
@media (max-width:420px){.fdbar button{padding:10px}.fdbar button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
/* "מאיפה מתחילים": האפשרויות נראות כמו כפתורים שאפשר ללחוץ, לא כמו משהו כבוי */
.pacepick button{background:var(--surface);border-color:var(--line-2);box-shadow:var(--sh);min-height:56px;cursor:pointer}
.pacepick button.on{border-color:var(--blue);background:var(--blue-soft)}

/* מצב משפחה: בלי כלי המאבק האישי בשום מסך */
body.family .sos,body.family .hdrsos,body.family .hero-sos,body.family .hero-act,
body.family [data-tab="journal"],body.family [data-tab="journey"],body.family [data-tab="plan"],body.family [data-tab="protect"],
body.family .toolgroup:has([data-tab="journey"]){display:none!important}
.famrow{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}

/* חיפוש ב"עוד": כלי שלא מתאים לחיפוש — מוסתר (התכונה hidden לבדה לא גוברת על display:flex) */
.tooltile[hidden],.toolgroup[hidden]{display:none!important}
.partnercard h2{display:flex;align-items:center;gap:8px;color:var(--blue)}
.partnercard p{margin:6px 0 14px}
button.entry{display:block;width:100%;background:none;border:0;border-bottom:1px solid var(--line);color:inherit;font:inherit;text-align:start;cursor:pointer}
button.entry:last-child{border-bottom:0}