/* Layout: settings column on the right (RTL), a stack of real-size print pages scaled to fit on the left */
:root{
  --bg:#e9edf0; --panel:#ffffff; --ink:#1a232c; --mute:#5d6873; --line:#d3dae0;
  --accent:#2a6169; --accent-ink:#ffffff; --soft:#eef3f4; --danger:#a8382c;
  --f-ui:"Assistant","Arial Hebrew",Arial,sans-serif;
  --f-brand:"Frank Ruhl Libre","Times New Roman",serif;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#11161b; --panel:#1a2128; --ink:#e3e8ec; --mute:#97a3ad; --line:#2c3640;
  --accent:#7fb9b3; --accent-ink:#0f1a1c; --soft:#212b33; --danger:#e58a7e; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#11161b; --panel:#1a2128; --ink:#e3e8ec; --mute:#97a3ad; --line:#2c3640;
  --accent:#7fb9b3; --accent-ink:#0f1a1c; --soft:#212b33; --danger:#e58a7e; color-scheme:dark}

*{box-sizing:border-box}
body{background:var(--bg);color:var(--ink);font-family:var(--f-ui);font-size:15px;direction:rtl;padding-inline:16px;padding-block:0 40px}
button,input,select,textarea{font:inherit;color:inherit}
a{color:var(--accent)}
.app{display:grid;grid-template-columns:350px minmax(0,1fr);gap:20px;max-width:1500px;margin-inline:auto}
@media (max-width:900px){.app{grid-template-columns:minmax(0,1fr)}}

.bar{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;padding-block:18px 6px}
.brand{font-family:var(--f-brand);font-weight:900;font-size:30px;margin:0;line-height:1}
.brand small{display:block;font-family:var(--f-ui);font-weight:400;font-size:14px;color:var(--mute);margin-top:6px}
.bar .actions{margin-inline-start:auto;display:flex;flex-wrap:wrap;gap:8px}
.btn{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:8px 14px;cursor:pointer;font-weight:600}
.btn:hover{border-color:var(--accent)}
.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.btn.small{padding:4px 10px;font-size:13px}
.btn.danger{color:var(--danger)}
.btn:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[contenteditable]:focus-visible,.cell:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.notice{grid-column:1/-1;background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:10px 14px;font-size:14px;color:var(--mute)}
.notice b{color:var(--ink)}
.howto{display:flex;flex-wrap:wrap;gap:4px 18px;align-items:baseline;position:relative;padding-inline-end:40px}
.howto .x{position:absolute;top:6px;left:8px}

.side{display:flex;flex-direction:column;gap:10px;min-width:0}
details.sec{background:var(--panel);border:1px solid var(--line);border-radius:12px}
details.sec>summary{cursor:pointer;list-style:none;padding:13px 16px;font-weight:700;font-size:16px;display:flex;align-items:center;gap:10px}
details.sec>summary::-webkit-details-marker{display:none}
details.sec>summary::after{content:"";margin-inline-start:auto;width:8px;height:8px;border-inline-start:2px solid var(--mute);border-bottom:2px solid var(--mute);transform:rotate(-45deg);transition:transform .15s}
details.sec[open]>summary::after{transform:rotate(135deg)}
.sec-body{padding:0 16px 16px;display:flex;flex-direction:column;gap:12px}
.sub-box{border:1px solid var(--line);border-radius:10px;background:var(--bg)}
.sub-box>summary{cursor:pointer;padding:9px 12px;font-weight:600;font-size:14px}
.sub-box .inner{padding:0 12px 12px;display:flex;flex-direction:column;gap:10px}
[hidden]{display:none!important}
.row{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.row>label{flex:1 1 120px;min-width:0}
.fld{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--mute);font-weight:600}
.fld input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),.fld select,.fld textarea{width:100%;border:1px solid var(--line);background:var(--panel);border-radius:7px;padding:7px 9px;font-size:15px;font-weight:400;color:var(--ink)}
.sec-body>.fld input:not([type=range]),.sec-body .row .fld input,.sec-body .row .fld select,.sec-body>.fld select{background:var(--bg)}
.sub-box .fld input,.sub-box .fld select{background:var(--panel)!important}
.hint{font-size:12.5px;color:var(--mute);line-height:1.5;margin:0}
.hint ol{margin:4px 0 0;padding-inline-start:18px}
.msg-ok{color:var(--accent);font-weight:600}
.msg-bad{color:var(--danger);font-weight:600}
.seg{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.seg label{flex:1;text-align:center;cursor:pointer;padding:7px 4px;font-size:14px;font-weight:600;border-inline-start:1px solid var(--line);color:var(--ink)}
.seg label:first-child{border-inline-start:0}
.seg input{position:absolute;opacity:0;pointer-events:none}
.seg label:has(input:checked){background:var(--accent);color:var(--accent-ink)}
.seg label:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:-3px}
.checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px}
.chk{display:flex;gap:7px;align-items:flex-start;font-size:14px;cursor:pointer;line-height:1.3;color:var(--ink);font-weight:400}
.chk input{margin-top:2px;accent-color:var(--accent);flex:none}
.chk .sub{display:block;font-size:12px;color:var(--mute)}
.swatches{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.sw{width:28px;height:28px;border-radius:50%;border:2px solid var(--panel);box-shadow:0 0 0 1px var(--line);cursor:pointer;padding:0}
.sw[aria-pressed="true"]{box-shadow:0 0 0 2px var(--ink)}
input[type=color]{width:32px;height:32px;border:1px solid var(--line);border-radius:8px;padding:2px;background:var(--bg)}
input[type=range]{width:100%;accent-color:var(--accent)}
.listbox{max-height:280px;overflow:auto;border:1px solid var(--line);border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:6px;background:var(--bg)}
.ev-item{display:flex;gap:8px;align-items:center;font-size:14px;border-bottom:1px dashed var(--line);padding-bottom:6px}
.ev-item:last-child{border-bottom:0;padding-bottom:0}
.ev-item .t{flex:1;min-width:0;text-align:start;background:none;border:0;padding:0;cursor:pointer}
.ev-item .t small{display:block;color:var(--mute);font-size:12px}
.ev-item img{width:30px;height:30px;object-fit:cover;border-radius:5px;flex:none}
.x{border:0;background:none;color:var(--mute);cursor:pointer;font-size:18px;line-height:1;padding:2px 6px;border-radius:6px}
.x:hover{color:var(--danger);background:var(--soft)}
.tag{font-size:11px;border:1px solid var(--line);border-radius:20px;padding:0 7px;color:var(--mute);font-weight:600}
.loc-now{font-size:13px;color:var(--mute)}
.loc-now b{color:var(--ink)}

.stage{min-width:0;display:flex;flex-direction:column;gap:22px;align-items:center}
.stage-head{align-self:stretch;display:flex;flex-wrap:wrap;gap:8px 16px;align-items:baseline;color:var(--mute);font-size:14px}
.stage-head strong{color:var(--ink);font-size:16px}
.sheet-wrap{position:relative;flex:none}
.sheet-wrap .page{position:absolute;top:0;right:0;transform-origin:top right;box-shadow:0 1px 3px rgb(0 0 0 / .18),0 8px 28px rgb(0 0 0 / .12)}
.sheet-label{position:absolute;top:-18px;right:0;font-size:12px;color:var(--mute)}
.err{background:var(--panel);border:1px solid var(--danger);color:var(--danger);padding:16px;border-radius:10px}

/* ===== printed page: always light paper. --u is one design-millimetre, scaled to the paper size ===== */
.page{--u:1mm;--ts:1;--p-ink:#1c242b;--p-mute:#67717b;--p-line:#c6ccd2;--p-paper:#ffffff;
  --acc:#1e5a63;--acc-t:color-mix(in srgb,var(--acc) 9%,#fff);--acc-m:color-mix(in srgb,var(--acc) 22%,#fff);
  --f-head:"Frank Ruhl Libre",serif;--f-body:"Assistant",Arial,sans-serif;
  background:var(--p-paper);color:var(--p-ink);font-family:var(--f-body);direction:rtl;
  padding:calc(var(--u)*9);display:flex;flex-direction:column;gap:calc(var(--u)*3);overflow:hidden;
  -webkit-print-color-adjust:exact;print-color-adjust:exact;color-scheme:light}
.pg-img{position:relative;flex:none;overflow:hidden;background:var(--acc-t);border-radius:calc(var(--u)*1.5)}
.pg-img.grow{flex:1;min-height:0}
.pg-img>img{border-radius:inherit}
.pg-img.pannable{cursor:grab;touch-action:none}
.pg-img.pannable:active{cursor:grabbing}
.rsz{position:absolute;z-index:6;display:flex;align-items:center;justify-content:center;touch-action:none}
.rsz-bottom,.rsz-top{left:0;right:0;height:calc(var(--u)*4);cursor:ns-resize}
.rsz-bottom{bottom:0}.rsz-top{top:0}
.rsz-left,.rsz-right{top:0;bottom:0;width:calc(var(--u)*4);cursor:ew-resize}
.rsz-left{left:0}.rsz-right{right:0}
.rsz::after{content:"";background:var(--acc);border-radius:9px;opacity:.35;box-shadow:0 0 0 calc(var(--u)*.4) #fff}
.rsz-bottom::after,.rsz-top::after{width:calc(var(--u)*16);height:calc(var(--u)*1.3)}
.rsz-left::after,.rsz-right::after{height:calc(var(--u)*16);width:calc(var(--u)*1.3)}
.rsz:hover::after,.rsz.on::after{opacity:1}
.banner{position:relative}
.txt-tools{position:fixed;z-index:30;display:flex;gap:4px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:4px;box-shadow:0 6px 20px rgb(0 0 0 / .18)}
.txt-tools button{border:0;background:var(--bg);color:var(--ink);border-radius:7px;padding:4px 9px;cursor:pointer;font-weight:700;font-size:13px}
.txt-tools select{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:7px;font-size:13px;max-width:150px}
.font-prev{font-size:24px;padding:6px 10px;background:var(--bg);border:1px solid var(--line);border-radius:8px;line-height:1.3;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.font-prev.small{font-size:15px}
.txt-tools button:hover{background:var(--accent);color:var(--accent-ink)}
.pg-img img{width:100%;height:100%;object-fit:cover;display:block}
.pg-img.contain img{object-fit:contain}
.pg-img .drop{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--u)*2);color:var(--acc);font-weight:600;font-size:calc(var(--u)*3.9);cursor:pointer;border:calc(var(--u)*.5) dashed var(--acc-m);border-radius:calc(var(--u)*1.5);text-align:center;padding:calc(var(--u)*4)}
.pg-img .drop span{font-weight:400;font-size:calc(var(--u)*3.2);color:var(--p-mute)}
.pg-img.over{outline:calc(var(--u)*1) solid var(--acc)}
.img-tools{position:absolute;top:calc(var(--u)*2);left:calc(var(--u)*2);display:flex;gap:calc(var(--u)*1.5);opacity:0;transition:opacity .15s}
.pg-img:hover .img-tools,.pg-img:focus-within .img-tools{opacity:1}
.img-tools button{font-weight:600;font-size:calc(var(--u)*3);background:rgb(255 255 255 / .92);color:#1c242b;border:0;border-radius:calc(var(--u)*1);padding:calc(var(--u)*1) calc(var(--u)*2.2);cursor:pointer}
.caption{font-family:var(--f-head);font-size:calc(var(--u)*4.2*var(--fs,1));text-align:center;color:var(--p-ink);min-height:calc(var(--u)*5);outline:none;line-height:1.35;flex:none}
.caption:empty::before,.cover-title:empty::before,.dedic:empty::before,.ad-text:empty::before{content:attr(data-ph);color:#a3abb2}
.pg-head{display:flex;align-items:baseline;gap:calc(var(--u)*4);flex:none;border-bottom:calc(var(--u)*.35) solid var(--acc);padding-bottom:calc(var(--u)*1.5)}
.pg-month{font-family:var(--f-head);font-size:calc(var(--u)*10.6);line-height:1;color:var(--acc);font-weight:700}
.pg-year{font-family:var(--f-head);font-size:calc(var(--u)*5.6);color:var(--p-ink)}
.pg-other{margin-inline-start:auto;font-size:calc(var(--u)*3.5);color:var(--p-mute);text-align:left}
.grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:.25mm solid var(--p-line);border-inline-start:.25mm solid var(--p-line)}
.wd{font-weight:700;font-size:calc(var(--u)*3*var(--ts));text-align:center;padding:calc(var(--u)*1) 0;color:var(--p-mute);border-inline-end:.25mm solid var(--p-line);border-bottom:.25mm solid var(--p-line)}
.cell{border-inline-end:.25mm solid var(--p-line);border-bottom:.25mm solid var(--p-line);padding:calc(var(--u)*.9) calc(var(--u)*1.1);overflow:hidden;display:flex;flex-direction:column;gap:calc(var(--u)*.3);min-height:0;font-size:calc(var(--u)*2.26*var(--ts));line-height:1.22}
.cell[data-date]{cursor:pointer}
.cell[data-date]:hover{box-shadow:inset 0 0 0 calc(var(--u)*.5) var(--acc)}
.cell.over{box-shadow:inset 0 0 0 calc(var(--u)*.8) var(--acc)}
.cell.pad{background:repeating-linear-gradient(135deg,transparent 0 calc(var(--u)*1.6),#f1f3f4 calc(var(--u)*1.6) calc(var(--u)*2))}
.spill{min-height:0;overflow:hidden;border-inline-end:.25mm solid var(--p-line);border-bottom:.25mm solid var(--p-line);padding:calc(var(--u)*1) calc(var(--u)*1.4);font-size:calc(var(--u)*2.35*var(--ts)*var(--yzf,1));line-height:1.28;column-width:calc(var(--u)*42);column-gap:calc(var(--u)*3);column-fill:auto;column-rule:.2mm solid var(--p-line)}
.spill .yzp-day,.cont-body .yzp-day{break-inside:avoid;margin-bottom:calc(var(--u)*.6*var(--yzf,1))}
.spill-t{font-family:var(--f-head);font-weight:700;color:var(--acc);margin-bottom:calc(var(--u)*.6);break-after:avoid}
.cont-body{flex:1;min-height:0;overflow:hidden;margin-top:calc(var(--u)*3);font-size:calc(var(--u)*2.6*var(--ts)*var(--yzf,1));line-height:1.3;column-width:calc(var(--u)*55*var(--yzf,1));column-gap:calc(var(--u)*5);column-fill:auto;column-rule:.2mm solid var(--p-line)}
.cont-body .spill-t{font-size:1.25em;margin-top:calc(var(--u)*1.5)}
.sheet-wrap.cont{margin-bottom:64px}
.cont-notice{position:absolute;bottom:-58px;right:0;left:0;font-size:13px;padding:6px 10px}
.learn-panel .yz-panel-h{font-size:calc(var(--u)*2.6);padding-inline:calc(var(--u)*1)}
.learn-t{width:100%;border-collapse:collapse;font-size:.88em;line-height:1.15}
.learn-t th{font-size:.85em;color:var(--p-mute);font-weight:700;text-align:center}
.learn-t td{padding:calc(var(--u)*.25) 1px;border-bottom:.15mm solid var(--p-line);vertical-align:top}
.learn-t td:first-child{font-weight:700;color:var(--acc);white-space:nowrap;padding-inline-end:calc(var(--u)*.8);width:1%}
.learn-t tr.shabbat td{background:var(--acc-t)}
.learn-panel .yz-panel-b{padding-inline:calc(var(--u)*1)}
.lb-on .e.learn::before,.lb-on .learn-t td:not(:first-child):not(:empty)::before{content:"";display:inline-block;width:.75em;height:.75em;border:.2mm solid currentColor;border-radius:.1em;vertical-align:-.06em;margin-inline-end:.3em;opacity:.85}
.hist-under{margin-top:calc(var(--u)*2.5);border-top:.25mm solid var(--p-line);padding-top:calc(var(--u)*1.5)}
.hist-title{column-span:all;font-size:1.3em}
.ib-item{white-space:pre-wrap;font:inherit;font-size:13px;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:8px 10px;margin:0 0 8px;max-height:none}
.moon-sec{font-size:.86em;line-height:1.2;flex:none}
.moon-sec .yz-panel-h{font-size:calc(var(--u)*2.3)}
.moon-sec .yzp-day{display:block}
.learn-panel .yzp-sec{flex:none}
.grid-row>.yz-panel{align-self:flex-start;max-height:100%}
.grid-row>.yz-panel>.yz-panel-b{flex:0 1 auto}
.yz-lines .yz-panel:not(.learn-panel) .yzp-e+.yzp-e,.yz-lines .hist-body .yzp-e+.yzp-e,.yz-lines .spill .yzp-e+.yzp-e{display:block;padding-inline-start:.8em;text-indent:-.55em}
.yz-lines .yz-panel:not(.learn-panel) .yzp-e::before,.yz-lines .hist-body .yzp-e::before,.yz-lines .spill .yzp-e::before{content:"• ";color:var(--p-mute)}
.lday{font-size:.88em;line-height:1.2;padding-block:.1em;border-bottom:.15mm solid var(--p-line)}
.lday.shabbat{background:var(--acc-t)}
.lday .lrn b{color:var(--p-mute);font-weight:700}
.lb-on .lday .lrn::before{content:"";display:inline-block;width:.75em;height:.75em;border:.2mm solid currentColor;border-radius:.1em;vertical-align:-.06em;margin-inline-end:.3em;opacity:.85}
.cell.shabbat{background:var(--acc-t)}
.d-top{display:flex;align-items:baseline;justify-content:space-between;gap:calc(var(--u)*1)}
.d-main{font-family:var(--f-head);font-size:calc(var(--u)*4.6*var(--ts));font-weight:700;line-height:1;color:var(--p-ink)}
.cell.shabbat .d-main,.cell.chag .d-main{color:var(--acc)}
.d-sub{font-size:calc(var(--u)*2.47*var(--ts));color:var(--p-mute);white-space:nowrap}
.d-sub b{color:var(--acc);font-weight:700}
.d-top.both{justify-content:space-between}
.d-top.both .d-main2{font-family:var(--f-body)}
.d-top.both .mk{flex-basis:100%;text-align:center}
.d-top.both{flex-wrap:wrap}
.e{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.e.chag{font-weight:700;color:var(--acc)}
.e.parasha{font-family:var(--f-head);font-weight:700;font-size:calc(var(--u)*2.54*var(--ts))}
.e.timed{font-variant-numeric:tabular-nums}
.e.personal{font-weight:700;color:#7a3b16}
.e.reminder{font-weight:700;color:#8a2c2c}
.e.gadol{color:var(--p-mute);font-style:italic}
.e.moon{color:#3c4d7a}
.e.ytsg{color:var(--p-mute);font-size:.82em}
.grid-row{flex:1;min-height:0;display:flex;gap:calc(var(--u)*2.5)}
.grid-row>.grid{flex:1;min-width:0}
.yz-panel{flex:0 0 auto;position:relative;min-width:0;display:flex;flex-direction:column;border:.25mm solid var(--p-line);border-radius:calc(var(--u)*1)}
.yz-panel-h{font-family:var(--f-head);font-weight:700;color:var(--acc);background:var(--acc-t);font-size:calc(var(--u)*3.2);padding:calc(var(--u)*1.2) calc(var(--u)*1.8);border-bottom:.25mm solid var(--p-line)}
.t-block .yz-panel-h{background:var(--acc);color:#fff}
.yz-panel-b{--yzf:1;flex:1;min-height:0;overflow:hidden;padding:calc(var(--u)*1.2) calc(var(--u)*1.6);font-size:calc(var(--u)*2.35*var(--ts)*var(--yzf));line-height:1.28;display:flex;flex-direction:column;gap:calc(var(--u)*.7*var(--yzf))}
.yzp-day{display:block}
.yzp-d{font-weight:700;color:var(--acc);margin-inline-end:calc(var(--u)*1)}
.yzp-e{color:var(--p-ink)}
.yzp-e+.yzp-e::before{content:" · ";color:var(--p-mute)}
.yzp-e.personal,.yzp-e.reminder{font-weight:700}
.yzp-empty,.yzp-more{color:var(--p-mute);font-style:italic}
.yzp-sec{display:flex;flex-direction:column;gap:calc(var(--u)*.6*var(--yzf))}
.yzp-sec .yz-panel-h{margin:0 calc(var(--u)*-1.6);border-top:.25mm solid var(--p-line)}
.yzp-sec:first-child .yz-panel-h{margin-top:calc(var(--u)*-1.2);border-top:0}
.yzp-zt{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:.95em;table-layout:fixed}
.yzp-zt th{font-size:.85em;color:var(--p-mute);font-weight:700;text-align:center;padding:0 1px}
.yzp-zt td{text-align:center;padding:0 1px;border-bottom:.15mm solid var(--p-line);white-space:nowrap;overflow:hidden}
.yzp-zt td:first-child{text-align:start;font-weight:700;color:var(--acc);white-space:nowrap}
.yzp-zt tr.shabbat td{background:var(--acc-t)}
.e.learn{color:#5b6670;font-size:.92em}
.cell{position:relative}
.cell>*{position:relative;z-index:1}
.cell>.c-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0}
.cell>.c-img.contain{object-fit:contain;background:#fff}
.cell.has-img .d-top,.cell.has-img .e,.cell.has-img .d-z{background:rgb(255 255 255 / .84);border-radius:calc(var(--u)*.6);padding:0 calc(var(--u)*.6);align-self:flex-start;max-width:100%}
.cell.has-img .d-top{gap:calc(var(--u)*1.2)}
.cell.has-img .d-z{border-top:0;padding-top:0}
.cell.img-auto .d-top,.cell.img-auto .e,.cell.img-auto .d-z{background:none;padding:0}
.cell.img-auto .d-z{border-top:0}
.cell.top-light .d-top,.cell.top-light .d-top *,.cell.top-light .e{color:#fff!important;text-shadow:0 0 calc(var(--u)*.7) rgb(0 0 0 / .95),0 0 calc(var(--u)*.25) rgb(0 0 0 / .95)}
.cell.top-dark .d-top,.cell.top-dark .d-top *,.cell.top-dark .e{color:#14191e!important;text-shadow:0 0 calc(var(--u)*.7) #fff,0 0 calc(var(--u)*.25) #fff}
.cell.bot-light .d-z{color:#fff;text-shadow:0 0 calc(var(--u)*.7) rgb(0 0 0 / .95),0 0 calc(var(--u)*.25) rgb(0 0 0 / .95)}
.cell.bot-dark .d-z{color:#14191e;text-shadow:0 0 calc(var(--u)*.7) #fff,0 0 calc(var(--u)*.25) #fff}
.zt{width:100%;border-collapse:collapse;flex:none;font-size:calc(var(--u)*2.4*var(--ts));font-variant-numeric:tabular-nums;table-layout:fixed}
.zt caption{text-align:start;font-family:var(--f-head);font-weight:700;color:var(--acc);font-size:calc(var(--u)*3.2);padding-bottom:calc(var(--u)*.8)}
.zt th,.zt td{border:.2mm solid var(--p-line);padding:calc(var(--u)*.5) calc(var(--u)*.8);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zt th{background:var(--acc-t);font-weight:700;color:var(--p-ink)}
.zt td:first-child{text-align:start;font-weight:600}
.zt td:first-child small{color:var(--p-mute);font-weight:400}
.t-block .zt th{background:var(--acc-m)}
.d-z{margin-top:auto;color:#3d4750;font-variant-numeric:tabular-nums;font-size:calc(var(--u)*2.08*var(--ts));line-height:1.18;border-top:.2mm dotted var(--p-line);padding-top:calc(var(--u)*.4)}
.pg-foot{flex:none;font-size:calc(var(--u)*2.47);color:var(--p-mute);display:flex;justify-content:space-between;gap:calc(var(--u)*4)}
.dedic{flex:none;text-align:center;font-family:var(--f-head);font-size:calc(var(--u)*3.6*var(--fs,1));color:var(--p-ink);outline:none;border-top:.25mm solid var(--acc-m);padding-top:calc(var(--u)*1.5);min-height:calc(var(--u)*6)}

.t-block{--f-head:"Suez One",serif}
.t-block .pg-head{border:0;background:var(--acc);color:#fff;padding:calc(var(--u)*2.5) calc(var(--u)*4);border-radius:calc(var(--u)*1.5)}
.t-block .pg-month,.t-block .pg-year{color:#fff;font-weight:400}
.t-block .pg-other{color:rgb(255 255 255 / .85)}
.t-block .wd{background:var(--acc-m);color:var(--p-ink)}
.t-block .d-main,.t-block .cover-title{font-weight:400}
.t-soft{--f-head:"Bellefair",serif;--p-line:#dfe3e6}
.t-soft .wd,.t-soft .cell{border-inline-end:0}
.t-soft .grid{border-inline-start:0}
.t-soft .pg-head{border-bottom:0;justify-content:center;flex-wrap:wrap;text-align:center}
.t-soft .pg-other{margin-inline-start:0;flex-basis:100%;text-align:center}
.t-soft .pg-month{font-size:calc(var(--u)*12);font-weight:400}
.t-soft .d-main{font-weight:400;font-size:calc(var(--u)*4.9*var(--ts))}
.t-soft .cell.shabbat{background:none}
.t-soft .cell.shabbat .d-main{border-bottom:calc(var(--u)*.4) solid var(--acc)}
.t-soft .pg-img{border-radius:calc(var(--u)*50) calc(var(--u)*50) calc(var(--u)*2) calc(var(--u)*2)}

.lines{flex:1;min-height:calc(var(--u)*4);background:repeating-linear-gradient(to bottom,transparent 0 calc(var(--u)*6.5 - .2mm),var(--p-line) calc(var(--u)*6.5 - .2mm) calc(var(--u)*6.5))}
.lines.big{background:repeating-linear-gradient(to bottom,transparent 0 calc(var(--u)*8 - .2mm),var(--p-line) calc(var(--u)*8 - .2mm) calc(var(--u)*8))}
.notes-title{flex:none;font-family:var(--f-head);font-size:calc(var(--u)*9*var(--fs,1));color:var(--acc);outline:none;border-bottom:calc(var(--u)*.35) solid var(--acc);padding-bottom:calc(var(--u)*1.5)}
.notes-title:empty::before{content:attr(data-ph);color:var(--acc)}
.week{flex:1;min-height:0;display:grid;grid-template-rows:repeat(7,minmax(0,1fr));border-top:.25mm solid var(--p-line)}
.week.wide{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));grid-auto-flow:column;column-gap:calc(var(--u)*5)}
.wday{display:flex;gap:calc(var(--u)*2);border-bottom:.25mm solid var(--p-line);padding:calc(var(--u)*1.2) calc(var(--u)*1.5);min-height:0;overflow:hidden;cursor:pointer}
.wday.notes{cursor:default}
.wday:hover,.day-body:hover{box-shadow:inset 0 0 0 calc(var(--u)*.5) var(--acc)}
.wday.notes:hover{box-shadow:none}
.wday.over,.day-body.over{box-shadow:inset 0 0 0 calc(var(--u)*.8) var(--acc)}
.wday.shabbat{background:var(--acc-t)}
.wd-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:calc(var(--u)*.6);min-height:0}
.wd-h{display:flex;align-items:baseline;gap:calc(var(--u)*2.5)}
.wd-name{font-weight:700;font-size:calc(var(--u)*3.6*var(--ts));color:var(--acc);min-width:calc(var(--u)*13)}
.wday .d-main{font-size:calc(var(--u)*5.4*var(--ts))}
.wday .d-sub{font-size:calc(var(--u)*3*var(--ts))}
.wd-ev{display:flex;flex-wrap:wrap;gap:calc(var(--u)*.4) calc(var(--u)*3.5);font-size:calc(var(--u)*2.9*var(--ts));line-height:1.25}
.wd-ev .e{white-space:nowrap}
.wk-cols .wday-c{display:grid;grid-template-columns:var(--wtpl);gap:0;padding:0}
.wk-cols .wday-c>*{padding:calc(var(--u)*1.2) calc(var(--u)*1.5);min-width:0;min-height:0;overflow:hidden;border-inline-start:.2mm solid var(--p-line)}
.wk-cols .wday-c>*:first-child{border-inline-start:0}
.wd-head{display:grid;grid-template-columns:var(--wtpl);font-size:calc(var(--u)*2.6*var(--ts));font-weight:700;color:var(--p-mute);border-bottom:.25mm solid var(--p-line)}
.wd-head>div{padding:calc(var(--u)*.8) calc(var(--u)*1.5)}
.wd-c{font-size:calc(var(--u)*2.7*var(--ts));line-height:1.25;display:flex;flex-direction:column;gap:calc(var(--u)*.3)}
.wd-c .e{white-space:normal;overflow:visible}
.wd-c .zr{display:flex;justify-content:space-between;gap:calc(var(--u)*1);font-variant-numeric:tabular-nums;border-bottom:.15mm dotted var(--p-line)}
.wd-c .zr b{font-weight:700}
.wd-imgbox-s{flex:0 0 calc(var(--u)*14);position:relative;border-radius:calc(var(--u)*1);overflow:hidden}
.wd-cols{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:calc(var(--u)*3);font-size:calc(var(--u)*2.7*var(--ts));line-height:1.25;min-height:0}
.wd-col{min-width:0;border-inline-start:.2mm solid var(--p-line);padding-inline-start:calc(var(--u)*1.5)}
.wd-col:first-child{border-inline-start:0;padding-inline-start:0}
.wd-col-h{font-size:calc(var(--u)*2.1*var(--ts));color:var(--p-mute);font-weight:700;letter-spacing:.02em}
.wd-col .e{white-space:normal;overflow:visible}
.day-ev.wd-cols{font-size:calc(var(--u)*3.2*var(--ts))}
.wt-wrap{flex:1;min-height:0;overflow:hidden}
.wt{width:100%;height:100%;border-collapse:collapse;table-layout:fixed;font-size:calc(var(--u)*2.6*var(--ts));line-height:1.25}
.wt th{background:var(--acc-t);color:var(--p-ink);font-weight:700;font-size:calc(var(--u)*2.5*var(--ts));padding:calc(var(--u)*1) calc(var(--u)*.8);border:.25mm solid var(--p-line);height:calc(var(--u)*7)}
.t-block .wt th{background:var(--acc-m)}
.wt td{border:.25mm solid var(--p-line);padding:calc(var(--u)*.8) calc(var(--u)*1);vertical-align:top;overflow:hidden}
.wt tr.shabbat td{background:var(--acc-t)}
.wt tbody tr{cursor:pointer}
.wt tbody tr:hover td{box-shadow:inset 0 0 0 .3mm var(--acc)}
.wt .c-date{width:13%}
.wt .c-z{width:6.2%;text-align:center;font-variant-numeric:tabular-nums;vertical-align:middle}
.wt td.c-date .d-main{font-size:calc(var(--u)*5*var(--ts));display:block}
.wt td.c-date .wd-name{font-weight:700;color:var(--acc);font-size:calc(var(--u)*2.8*var(--ts));display:block}
.wt td.c-date .d-sub{display:block}
.wt .e{white-space:normal;overflow:visible;text-overflow:clip}
.wt .c-yz .e{font-size:.92em}
.wd-z{font-size:calc(var(--u)*2.5*var(--ts));color:#3d4750;font-variant-numeric:tabular-nums}
.wd-imgbox{flex:0 0 28%;position:relative;border-radius:calc(var(--u)*1);overflow:hidden}
.wd-imgbox img{position:absolute;inset:0;width:100%;height:100%;display:block}
.day-body{flex:1;min-height:0;display:flex;gap:calc(var(--u)*5);cursor:pointer}
.day-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:calc(var(--u)*2)}
.day-ev{font-size:calc(var(--u)*3.5*var(--ts));border-bottom:.25mm solid var(--acc-m);padding-bottom:calc(var(--u)*1.5)}
.hours{flex:1;min-height:0;display:grid;grid-template-rows:repeat(16,minmax(0,1fr))}
.hr{border-bottom:.2mm solid var(--p-line);font-size:calc(var(--u)*2.7*var(--ts));color:var(--p-mute);padding-top:calc(var(--u)*.6);font-variant-numeric:tabular-nums}
.day-side{flex:0 0 32%;display:flex;flex-direction:column;gap:calc(var(--u)*3);min-height:0}
.zlist{background:var(--acc-t);border-radius:calc(var(--u)*1.5);padding:calc(var(--u)*2.5) calc(var(--u)*3);font-size:calc(var(--u)*3*var(--ts));font-variant-numeric:tabular-nums}
.zl-t{font-family:var(--f-head);font-weight:700;color:var(--acc);font-size:calc(var(--u)*3.8);margin-bottom:calc(var(--u)*1.2)}
.zl{display:flex;justify-content:space-between;gap:calc(var(--u)*2);padding:calc(var(--u)*.5) 0;border-bottom:.2mm dotted var(--acc-m)}
.zl:last-child{border-bottom:0}
.dimg{width:100%;flex:1 1 0;min-height:calc(var(--u)*25);max-height:45%;border-radius:calc(var(--u)*1.5);display:block}
.pg-del{position:absolute;top:calc(var(--u)*3);left:calc(var(--u)*3);z-index:3;font:600 calc(var(--u)*3) var(--f-body);background:#fff;color:#a8382c;border:.3mm solid #e2c2bd;border-radius:calc(var(--u)*1);padding:calc(var(--u)*1) calc(var(--u)*2.5);cursor:pointer;opacity:.85}
.pg-del:hover{opacity:1}
.ins{border:1px dashed var(--line);background:var(--panel);color:var(--mute);border-radius:20px;padding:5px 16px;cursor:pointer;font-size:13px;font-weight:600;margin-block:-10px}
.ins:hover,.ins:focus-visible{color:var(--accent);border-color:var(--accent)}
.pg-mid{flex:1;min-height:0;display:flex;flex-direction:row;gap:calc(var(--u)*3)}
.pg-col{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;gap:calc(var(--u)*3)}
.banner{flex:none;display:flex;flex-direction:column;gap:calc(var(--u)*1.5);min-height:0;min-width:0}
.banner .pg-img{flex:1;min-height:0}
.banner-text{flex:none;text-align:center;font-family:var(--f-head);font-size:calc(var(--u)*3.6*var(--fs,1));color:var(--p-ink);outline:none;line-height:1.3}
.banner-text:empty::before{content:attr(data-ph);color:#a3abb2}
.banner-top .banner-text,.banner-bottom .banner-text{font-size:calc(var(--u)*3.2*var(--fs,1))}
.cover-title{font-family:var(--f-head);font-size:calc(var(--u)*12*var(--fs,1));text-align:center;color:var(--acc);font-weight:700;outline:none;line-height:1.15;flex:none}
.cover-year{font-family:var(--f-head);text-align:center;font-size:calc(var(--u)*6.35);color:var(--p-ink);flex:none}
.ad-text{flex:none;font-family:var(--f-head);text-align:center;font-size:calc(var(--u)*6*var(--fs,1));color:var(--p-ink);outline:none;line-height:1.3;white-space:pre-wrap}
.ad-text.big{flex:1;display:flex;align-items:center;justify-content:center}

.modal-back{position:fixed;inset:0;background:rgb(10 15 20 / .45);display:flex;align-items:center;justify-content:center;padding:16px;z-index:20}
.modal{background:var(--panel);border-radius:14px;max-width:520px;width:100%;padding:20px;display:flex;flex-direction:column;gap:12px;max-height:92vh;overflow:auto}
.modal h3{margin:0;font-size:19px}
.modal.wide{max-width:820px}
.org{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;max-height:52vh;overflow:auto;padding:2px}
.tile{border:1px solid var(--line);border-radius:10px;padding:6px;display:flex;flex-direction:column;gap:5px;background:var(--bg);min-width:0}
.tile[draggable="true"]{cursor:grab}
.tile.over{outline:2px solid var(--accent)}
.tile-n{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tile img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:7px;display:block;pointer-events:none}
.tile-empty{aspect-ratio:4/3;border:1.5px dashed var(--line);border-radius:7px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--mute);font-size:13px}
.tile-empty span{font-size:11px}
.tile-ctl{display:flex;justify-content:space-between}
.tile-ctl .x:disabled{opacity:.25;cursor:default}
.stepper{grid-column:1/-1;display:flex;gap:4px;overflow-x:auto;padding-bottom:4px}
.stepper button{flex:1 0 auto;display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--panel);color:var(--mute);border-radius:999px;padding:6px 12px;cursor:pointer;font-weight:600;font-size:13px;white-space:nowrap}
.stepper button b{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--bg);color:var(--ink);font-size:12px}
.stepper button.cur{border-color:var(--accent);color:var(--ink);box-shadow:0 0 0 1px var(--accent)}
.stepper button.cur b{background:var(--accent);color:var(--accent-ink)}
.stepper button.done b{background:var(--soft);color:var(--accent)}
.step-head{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.step-head h2{margin:2px 0 4px;font-family:var(--f-brand);font-size:22px}
.step-head p{margin:0;color:var(--mute);font-size:14px;line-height:1.5}
.step-no{font-size:12px;font-weight:700;color:var(--accent)}
.step-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;position:sticky;bottom:0;background:var(--bg);padding-block:10px}
.home{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.home h2{margin:0;font-family:var(--f-brand);font-size:24px}
.home p{margin:4px 0 0}
.home-actions{display:flex;flex-wrap:wrap;gap:8px}
body.mode-wizard .side>details.sec:not(.cur){display:none}
body:not(.mode-wizard) .stepper,body:not(.mode-wizard) .step-head,body:not(.mode-wizard) .step-nav{display:none}
body.mode-wizard #howto{display:none}
body.mode-home .side,body.mode-home #howto,body.mode-home .stage-head{display:none}
body.mode-home .app{grid-template-columns:minmax(0,1fr)}
.welcome{grid-column:1/-1;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:28px 22px;text-align:center}
.welcome h2{margin:0 0 8px;font-family:var(--f-brand);font-size:clamp(26px,5vw,38px)}
.welcome>p{margin:0 auto 18px;max-width:620px;color:var(--mute);font-size:16px;line-height:1.6}
.welcome ul{list-style:none;padding:0;margin:0 auto 22px;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;max-width:820px;text-align:start}
.welcome li{background:var(--bg);border-radius:10px;padding:10px 12px;font-size:14px;line-height:1.45}
.welcome li b{display:block;margin-bottom:2px}
.welcome .start{font-size:18px;padding:12px 34px}
.welcome .sub-actions{margin-top:12px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
body.mode-welcome .side,body.mode-welcome #howto,body.mode-welcome .stage-head,body.mode-welcome .stepper{display:none}
body.mode-welcome .app{grid-template-columns:minmax(0,1fr)}
body.mode-welcome #modeBtn{display:none}
body.mode-adv #freeSec,body.mode-adv #finishSec{display:none}
.zm-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.zm-card{display:flex;flex-direction:column;gap:2px;border:1px solid var(--line);border-radius:10px;padding:9px 11px;cursor:pointer;background:var(--bg);color:var(--ink);font-weight:400}
.zm-card b{font-size:15px}
.zm-card span{font-size:12px;color:var(--mute);line-height:1.35}
.zm-card input{position:absolute;opacity:0;pointer-events:none}
.zm-card:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 2px var(--accent);background:var(--panel)}
.zm-card:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}
.zs-body{max-height:62vh;overflow:auto}
.modal.zs-modal{max-width:1100px}
.zs-all{grid-template-columns:auto minmax(110px,.8fr) minmax(220px,2fr) minmax(150px,1.1fr) auto}
.zs-extra{grid-template-columns:minmax(140px,.8fr) minmax(220px,2fr) auto}
.zs-meth{display:flex;flex-direction:column;gap:4px;min-width:0}
.zs-meth .zs-msel,.zs-meth .zs-in{width:100%}
.zs-two{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.zs-two>span{font-size:12px;color:var(--mute);min-width:42px}
.zs-two .zs-msel{flex:1;min-width:0}
.zs-lab{display:flex;flex-direction:column;gap:4px;min-width:0}
.zs-lab .zs-in{width:100%}
.zs-sub{margin:16px 0 6px;font-size:15px}
.zs-all>*,.zs-extra>*{padding-block:6px;border-bottom:1px solid var(--line)}
@media (max-width:760px){.zs-all{grid-template-columns:auto 1fr}.zs-all .zs-meth,.zs-all .zs-lab{grid-column:1/-1}.zs-extra{grid-template-columns:1fr}}
.zs-grid{display:grid;gap:6px 10px;align-items:center}
.zs-show{grid-template-columns:minmax(150px,1.3fr) minmax(120px,1.2fr) minmax(110px,1fr) auto}
.zs-calc{grid-template-columns:minmax(120px,.9fr) minmax(200px,2fr) auto}
.zs-h{font-size:12px;color:var(--mute);font-weight:700;border-bottom:1px solid var(--line);padding-bottom:4px;position:sticky;top:0;background:var(--panel)}
.zs-name{font-weight:600;font-size:14px}
.zs-in{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:7px;padding:5px 7px;font-size:14px;max-width:100%}
.zs-show .zs-in[data-zslab]{width:100%}
.zs-show div{display:flex;gap:4px;min-width:0}
.zs-calc select[data-zsf]{width:100%}
.zs-num{width:70px}
.zs-cust{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin-top:4px;font-size:13px}
.zs-ex{font-variant-numeric:tabular-nums;font-weight:700;color:var(--accent);white-space:nowrap;font-size:14px}
@media (max-width:700px){.zs-show{grid-template-columns:1fr 1fr}.zs-calc{grid-template-columns:1fr}}
.ym-list{max-height:55vh;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:6px;background:var(--bg)}
.ym-day{display:flex;gap:8px;align-items:center;flex-wrap:wrap;position:sticky;top:-8px;background:var(--bg);padding:6px 0 4px;border-bottom:2px solid var(--accent);z-index:1}
.ym-day b{font-size:15px;margin-inline-end:auto}
.yz-row .chk span{line-height:1.4}
.yz-row.edited .chk>span{color:var(--accent)}
.modal.ie-modal{max-width:1100px}
.ie{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:16px;align-items:start}
@media (max-width:760px){.ie{grid-template-columns:minmax(0,1fr)}}
.ie-stage{background:repeating-conic-gradient(var(--bg) 0 25%,var(--soft) 0 50%) 0 0/20px 20px;border-radius:10px;padding:8px;display:flex;justify-content:center}
.ie-stage canvas{max-width:100%;max-height:62vh;height:auto;display:block;touch-action:none;cursor:move;border-radius:4px}
.ie-side{display:flex;flex-direction:column;gap:10px;min-width:0}
.ie-panel{display:flex;flex-direction:column;gap:10px}
.ie-panel .fld textarea{width:100%;border:1px solid var(--line);background:var(--bg);border-radius:7px;padding:7px 9px;color:var(--ink)}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:20px;padding:4px 12px;cursor:pointer;font-weight:600;font-size:13px}
.chip:hover{border-color:var(--accent);color:var(--accent)}
.modal h3 small{display:block;font-size:14px;color:var(--mute);font-weight:400;margin-top:3px}
.modal textarea{width:100%;min-height:160px;border:1px solid var(--line);border-radius:8px;background:var(--bg);padding:8px;font:12px ui-monospace,monospace;direction:ltr}
.modal .fld input,.modal .fld select{background:var(--bg)}
.kinds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.kinds label{border:1px solid var(--line);border-radius:8px;padding:8px 4px;text-align:center;cursor:pointer;font-weight:600;font-size:14px}
.kinds input{position:absolute;opacity:0;pointer-events:none}
.kinds label:has(input:checked){background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.kinds label:has(input:focus-visible){outline:2px solid var(--accent)}
.preview-line{background:var(--soft);border-radius:8px;padding:8px 10px;font-size:14px}
.preview-line b{font-weight:700}
.img-pick{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.img-pick img{width:64px;height:64px;object-fit:cover;border-radius:8px}

@media (prefers-reduced-motion:reduce){*{transition:none!important}}

@media print{
  :root{padding:0!important}
  body{background:#fff;padding:0}
  .app{display:block;max-width:none}
  .bar,.side,.notice,.stage-head,.img-tools,.drop,.sheet-label,.no-print{display:none!important}
  .stage{display:block}
  .sheet-wrap{width:auto!important;height:auto!important;position:static}
  .sheet-wrap .page{position:static;transform:none!important;box-shadow:none;break-after:page;page-break-after:always}
  .cell[data-date]:hover{box-shadow:none}
  .caption:empty,.dedic:empty,.ad-text:empty,.cover-title:empty,.banner-text:empty{display:none}
  .caption:empty::before,.cover-title:empty::before,.dedic:empty::before,.ad-text:empty::before{content:none}
  .pg-img:not(:has(img)){background:none}
}

/* ---------- מסלולים ---------- */
.brand-link{color:inherit;text-decoration:none}
.plan-badge{font-size:13px;color:var(--mute);border:1px solid var(--line);border-radius:999px;padding:4px 10px;background:var(--panel);white-space:nowrap}
.plan-badge span{color:var(--ink);font-weight:700}
.upgrade-btn{border-color:var(--accent);color:var(--accent);font-weight:700}
.gated{position:relative;opacity:.72}
.gated::after{content:"";display:inline-block;width:.85em;height:.85em;margin-inline-start:.35em;vertical-align:-.08em;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a5 5 0 0 0-5 5v3H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2h-1V7a5 5 0 0 0-5-5Zm-3 8V7a3 3 0 0 1 6 0v3H9Z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a5 5 0 0 0-5 5v3H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2h-1V7a5 5 0 0 0-5-5Zm-3 8V7a3 3 0 0 1 6 0v3H9Z'/%3E%3C/svg%3E") center/contain no-repeat}
.page.wm::after{content:"";position:absolute;inset:0;z-index:60;pointer-events:none;opacity:.5;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='170'%3E%3Ctext x='130' y='95' text-anchor='middle' transform='rotate(-28 130 85)' font-family='Arial' font-size='26' font-weight='700' fill='%23a8382c' fill-opacity='.55'%3EMyLuach %C2%B7 %D7%92%D7%A8%D7%A1%D7%AA %D7%A0%D7%99%D7%A1%D7%99%D7%95%D7%9F%3C/text%3E%3C/svg%3E");
  background-size:calc(var(--u)*62) calc(var(--u)*40)}
.locked-page{display:flex!important;align-items:center;justify-content:center;background:repeating-linear-gradient(135deg,var(--p-paper) 0 calc(var(--u)*3),#f3f5f6 calc(var(--u)*3) calc(var(--u)*3.4))}
.lock-inner{text-align:center;max-width:70%;display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*3);font-size:calc(var(--u)*4);color:var(--p-ink)}
.lock-inner h2{font-family:var(--f-head,var(--f-brand));font-size:calc(var(--u)*10);margin:0;color:var(--acc)}
.lock-inner p{margin:0}.lock-sub{color:var(--p-mute);font-size:.85em}
.lock-ic{font-size:calc(var(--u)*14);color:var(--acc)}
.lock-inner .btn{font-size:calc(var(--u)*4.5);padding:.5em 1.4em}
.modal.upgrade{max-width:860px}
.plan-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-block:12px}
.plan-card{border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:8px;background:var(--panel)}
.plan-card.hl{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.plan-card.cur{background:var(--soft)}
.pc-name{font-family:var(--f-brand);font-weight:900;font-size:22px}
.pc-price{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}.pc-price small{font-size:14px;color:var(--mute);font-weight:400}
.plan-card ul{margin:0;padding-inline-start:18px;font-size:14px;line-height:1.5;flex:1}
.pc-cur{font-size:13px;color:var(--accent);font-weight:700;text-align:center;padding:6px}
.plan-note{font-size:13px}
.dev-plan{position:fixed;bottom:calc(10px + env(safe-area-inset-bottom,0px));left:10px;z-index:90;background:var(--panel);border:1px dashed var(--danger);border-radius:8px;padding:6px 10px;font-size:12px;color:var(--danger)}
@media print{body.plan-free:not(.sampling) .stage{display:none!important}body.plan-free:not(.sampling)::after{content:"ההדפסה זמינה במסלולים בתשלום";display:block;font:20px Arial;text-align:center;padding:40px}}

/* layout choice thumbnails */
.seg label:has(.lay-ic){display:flex;flex-direction:column;align-items:center;gap:6px;padding-block:10px}
.lay-ic{display:flex;flex-direction:column;gap:2px;width:30px;height:40px;border:1.5px solid currentColor;border-radius:3px;padding:3px;opacity:.85}
.lay-ic i{display:block;border-radius:1px}
.lay-ic .im{flex:0 0 40%;background:currentColor;opacity:.35}
.lay-ic .im.full{flex:1}
.lay-ic .g{flex:1;background:repeating-linear-gradient(90deg,currentColor 0 1px,transparent 1px 4px),repeating-linear-gradient(0deg,currentColor 0 1px,transparent 1px 5px);opacity:.55}
.lay-ic.two{flex-direction:row;width:52px;border:0;padding:0;gap:4px}
.lay-ic.two b{flex:1;display:flex;flex-direction:column;border:1.5px solid currentColor;border-radius:3px;padding:3px}

.choice-list{display:flex;flex-direction:column;gap:8px}
.choice-list .btn{display:flex;flex-direction:column;align-items:flex-start;text-align:start;padding:10px 14px;gap:2px}
.choice-list .btn small{font-weight:400;font-size:13px;opacity:.85}

/* empty cover: say what this page is */
.cover-mark{font-family:var(--f-head);font-weight:700;font-size:calc(var(--u)*16);color:var(--acc);line-height:1}
.cover-empty .pg-img{border:calc(var(--u)*.4) dashed var(--p-line);border-radius:calc(var(--u)*2)}
@media print{
  .page.cover-empty .cover-title:empty{display:block}
  .page.cover-empty .cover-title:empty::before{content:"לוח שנה";color:inherit}
}

.yz-hint-page{position:absolute;z-index:40;top:calc(var(--u)*3);inset-inline:calc(var(--u)*14);display:flex;align-items:center;gap:calc(var(--u)*4);padding:calc(var(--u)*3) calc(var(--u)*4);background:var(--p-paper);border:calc(var(--u)*.4) dashed var(--acc);border-radius:calc(var(--u)*2);box-shadow:0 calc(var(--u)*1) calc(var(--u)*4) rgb(0 0 0 / .12);font-size:calc(var(--u)*3.4);line-height:1.35;color:var(--p-ink)}
.yz-hint-page .yh-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:calc(var(--u)*.6)}
.yz-hint-page b{color:var(--acc);font-size:1.15em}
.yz-hint-page span{color:var(--p-mute)}
.yz-hint-page .yh-b{display:flex;gap:calc(var(--u)*2);flex:none}
.yz-hint-page .btn{font-size:calc(var(--u)*3.4);padding:.45em 1em}

/* ---------- ימים צבועים ---------- */
[data-date].hl{background:color-mix(in srgb,var(--hl) 75%,var(--p-paper,#fff))!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
[data-date].hl.hl2{background:linear-gradient(135deg,color-mix(in srgb,var(--hl) 75%,#fff) 50%,color-mix(in srgb,var(--hl2) 75%,#fff) 50%)!important}
.painting [data-date]{cursor:crosshair}
.painting [data-date]:hover{box-shadow:inset 0 0 0 calc(var(--u,1mm)*.8) var(--acc)}
.hl-lists{display:flex;flex-direction:column;gap:6px}
.hl-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto auto auto;align-items:center;gap:6px;padding:4px;border-radius:8px}
.hl-row.on{background:var(--soft)}
.hl-row input[type=color]{width:34px;height:30px;padding:0;border:1px solid var(--line);border-radius:6px;background:none;cursor:pointer}
.hl-row input[type=text]{min-width:0;border:1px solid var(--line);border-radius:6px;padding:5px 8px;background:var(--panel)}
.hl-row small{color:var(--mute);white-space:nowrap;font-variant-numeric:tabular-nums}
@media (max-width:480px){.hl-row{grid-template-columns:34px minmax(0,1fr) auto}.hl-row small{display:none}}
.hl-bar{position:fixed;z-index:80;bottom:calc(16px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--accent);border-radius:999px;padding:6px 8px 6px 14px;box-shadow:0 8px 24px rgb(0 0 0 / .18);max-width:calc(100vw - 32px)}
.hl-bar i{width:18px;height:18px;border-radius:50%;flex:none;border:1px solid var(--line)}
.hl-legend{display:flex;flex-wrap:wrap;gap:calc(var(--u)*1.5) calc(var(--u)*4);font-size:calc(var(--u)*2.6);color:var(--p-ink);padding-top:calc(var(--u)*1.5);flex:none}
.hl-legend span{display:inline-flex;align-items:center;gap:calc(var(--u)*1)}
.hl-legend i{width:calc(var(--u)*3);height:calc(var(--u)*3);border-radius:calc(var(--u)*.6);-webkit-print-color-adjust:exact;print-color-adjust:exact}
.hl-rep{grid-column:1/-1;border:1px solid var(--line);border-radius:6px;padding:4px 6px;background:var(--panel);font-size:13px}

.page.wm-light::after{opacity:.13}
.sample-offer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;background:var(--soft);border-radius:10px;padding:10px 14px}
.sample-offer>div{display:flex;flex-direction:column;min-width:0;flex:1 1 240px}
.sample-offer span{color:var(--mute);font-size:14px}

.e.dst{color:#5a4b8a;font-weight:700}

.dst-box{border-top:1px solid var(--line);padding-top:10px;margin-top:6px;display:flex;flex-direction:column;gap:8px}
.dst-custom{display:flex;flex-direction:column;gap:8px}
.dst-l{font-weight:700;min-width:44px;align-self:center}

/* זמן מודגש */
.zb,.d-z .zb,.wd-z .zb{font-weight:800}
td.zb{font-weight:800}
.zr.zb span,.zr.zb b,.zl.zb span,.zl.zb b{font-weight:800}
.zs-bold{font-size:.85em}
.pg-foot .credit{white-space:nowrap;opacity:.85}

/* זמני תפילות */
.tf-list{display:flex;flex-direction:column;gap:10px}
.tf-row{border:1px solid var(--line);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:6px}
.tf-row .row{align-items:flex-end;flex-wrap:wrap}
.tf-row input[type=number]{width:5em}
.tf-ex{flex:1}
.e.tfila{font-weight:600;font-variant-numeric:tabular-nums;white-space:normal;overflow:visible;line-height:1.25}

.ev-tools{flex-wrap:wrap;margin-top:6px}
.ix-list{max-height:220px;overflow:auto;font-size:.9em}
.conv{background:var(--acc-t,#f3efe6);border-radius:8px;padding:6px 8px;flex-basis:100%}
.conv .row{align-items:center}

/* לוח שנתי */
.year-page{display:flex;flex-direction:column;gap:calc(var(--u)*2.4)}
.yr-title{font-family:var(--f-head);font-weight:700;color:var(--acc);text-align:center;font-size:calc(var(--u)*7)}
.yr-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(var(--yc),1fr);gap:calc(var(--u)*2.2) calc(var(--u)*2.8);align-content:start}
.yr-mo{min-width:0;display:flex;flex-direction:column;gap:calc(var(--u)*.6)}
.yr-mh{font-family:var(--f-head);font-weight:700;color:var(--acc);font-size:calc(var(--u)*3.3);border-bottom:.3mm solid var(--acc);padding-bottom:calc(var(--u)*.4)}
.yr-mh small{font-family:var(--f-body);font-weight:400;color:var(--p-mute);font-size:.62em}
.yr-days{display:grid;grid-template-columns:repeat(7,1fr);gap:calc(var(--u)*.25);text-align:center}
.yr-wd{font-size:calc(var(--u)*2);color:var(--p-mute);font-weight:700}
.yr-d{position:relative;display:flex;flex-direction:column;align-items:center;line-height:1.05;padding:calc(var(--u)*.35) 0;border-radius:calc(var(--u)*.6);font-size:calc(var(--u)*2.25*var(--ts))}
.yr-d b{font-weight:600}
.yr-d i{font-style:normal;font-size:.68em;color:var(--p-mute)}
.yr-d.sh{background:var(--acc-t)}
.yr-d.sh b{color:var(--acc)}
.yr-d.ch{background:var(--acc);}
.yr-d.ch b,.yr-d.ch i{color:#fff}
.yr-d.pe::after{content:"";position:absolute;top:calc(var(--u)*.3);left:calc(var(--u)*.4);width:calc(var(--u)*.9);height:calc(var(--u)*.9);border-radius:50%;background:#c2410c}
.yr-notes{display:flex;flex-direction:column;font-size:calc(var(--u)*1.85*var(--ts));line-height:1.25}
.yr-notes span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yn-h{color:var(--acc);font-weight:600}
.yn-p{color:#7a3b16}

/* מה מופיע איפה */
.pl-explain{background:var(--acc-t,#f3efe6);border-radius:10px;padding:8px 12px;font-size:.92em;line-height:1.5}
.pl-explain summary{cursor:pointer;font-weight:700}
.pl-explain ul{margin:4px 0;padding-inline-start:18px}
.pl-explain p{margin:6px 0}
.pl-demo{display:flex;gap:6px;height:54px;margin:8px 0;direction:rtl}
.pl-demo-col{flex:0 0 22%;border:1.5px solid var(--acc,#1e5a63);border-radius:6px;display:grid;place-items:center;font-size:.8em;color:var(--acc,#1e5a63);background:#fff}
.pl-demo-grid{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:3px}
.pl-demo-grid i{border:1px solid #c9c2b4;border-radius:3px;background:#fff}
.pl-rows{display:flex;flex-direction:column;gap:6px}
.pl-sub{margin:12px 0 4px;font-size:.95em}
.col-card{border:1px solid var(--line);border-radius:10px;padding:8px 10px;margin-bottom:8px;display:flex;flex-direction:column;gap:6px}
.col-card-h{display:flex;justify-content:space-between;align-items:center}
.zp-grid{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.zp-head,.zp-row{display:grid;grid-template-columns:1fr 3.4em 3.4em 4.4em;align-items:center;gap:4px;padding:4px 8px}
.zp-head{font-size:.82em;font-weight:700;background:var(--acc-t,#f3efe6)}
.zp-head span,.zp-row input{justify-self:center}
.zp-row{border-top:1px solid var(--line);font-size:.9em}
.zp-row.off span{opacity:.55}
.zp-quick{flex-wrap:wrap;margin-bottom:6px}

.yzp-sec.col-img{flex:1;min-height:0;display:flex;flex-direction:column;gap:calc(var(--u)*1)}
.yzp-sec.col-img .pg-img{flex:1;min-height:calc(var(--u)*20)}

/* תפריט הוספה */
.add-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:8px 0}
.add-card{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:start;border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;background:#fff;cursor:pointer;font:inherit}
.add-card:hover{border-color:var(--acc,#1e5a63)}
.add-card.on{border-color:var(--acc,#1e5a63);background:var(--acc-t,#eef4f4)}
.add-card small{color:#6b6b6b;font-size:.8em}
.add-ic{font-size:1.4em}
.add-where{display:flex;flex-direction:column;gap:6px;align-items:stretch}
.col-ad{border:.4mm solid var(--acc);border-radius:calc(var(--u)*1.2);padding:calc(var(--u)*1.2)}
.col-ad .ad-title{font-family:var(--f-head);font-weight:700;color:var(--acc);text-align:center;font-size:calc(var(--u)*3.4)}
.col-img .banner-text{font-size:calc(var(--u)*2.4);text-align:center}

/* ההגדרות נשארות במקומן כשגוללים את התצוגה המקדימה, ונגללות בנפרד */
@media (min-width:901px){
  .side{position:sticky;top:0;align-self:start;max-height:100vh;overflow-y:auto;overscroll-behavior:contain;padding-inline-end:6px;padding-block:8px 0;scrollbar-width:thin}
}
@media print{.side{position:static;max-height:none;overflow:visible}}

/* הסבר שיטות */
.zexp{display:flex;flex-wrap:wrap;gap:calc(var(--u)*.4) calc(var(--u)*2.4);font-size:calc(var(--u)*1.9);color:var(--p-mute);line-height:1.3;padding-top:calc(var(--u)*.8)}
.zexp b{color:var(--p-ink,inherit);font-weight:600}
.yzp-sec .zexp{flex-direction:column;gap:calc(var(--u)*.2)}
.zl-m{display:block;font-size:.72em;color:var(--p-mute);font-weight:400}

.intro-tag{font-size:12px;font-weight:700;color:#b4231b;margin-top:2px}
.pc-price s{color:var(--mute);font-weight:500}
/* לוח שנתי: ממלא את כל הדף */
.yr-grid{grid-auto-rows:minmax(0,1fr);align-content:stretch}
.yr-mo{min-height:0}
.yr-days{flex:1;grid-auto-rows:minmax(0,1fr);align-content:stretch}
.yr-d{justify-content:center;font-size:calc(var(--u)*2.9*var(--ts))}
.yr-wd{font-size:calc(var(--u)*2.3);align-self:end}
.yr-mh{font-size:calc(var(--u)*3.8)}
.yr-notes{font-size:calc(var(--u)*2.1*var(--ts));max-height:30%;overflow:hidden}

/* ספירה לאחור */
.cd-box{display:flex;flex-direction:column;gap:6px;background:var(--acc-t,#eef4f4);border-radius:10px;padding:8px 10px;margin:6px 0}
.cd-page{display:flex;flex-direction:column;gap:calc(var(--u)*2)}
.cd-head{text-align:center}
.cd-title{font-family:var(--f-head);font-weight:700;color:var(--acc);font-size:calc(var(--u)*7.5);line-height:1.1}
.cd-sub{font-size:calc(var(--u)*3.4);color:var(--p-mute);margin-top:calc(var(--u)*.6)}
.cd-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);grid-template-rows:auto;gap:calc(var(--u)*.8)}
.cd-grid .wd{text-align:center;font-weight:700;color:var(--acc);font-size:calc(var(--u)*2.6)}
.cd-d{position:relative;border:.3mm solid var(--p-line);border-radius:calc(var(--u)*1.4);padding:calc(var(--u)*.8);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;overflow:hidden;background:#fff}
.cd-d.pad{border:0;background:none}
.cd-d.shabbat{background:var(--acc-t)}
.cd-d.wk{border-color:var(--acc);border-width:.5mm}
.cd-d.goal{background:var(--acc);color:#fff;border-color:var(--acc)}
.cd-d.goal .cd-dt,.cd-d.goal .cd-l{color:#fff}
.cd-dt{position:absolute;top:calc(var(--u)*.6);inset-inline:calc(var(--u)*.9);font-size:calc(var(--u)*2.1);color:var(--p-mute);display:flex;justify-content:space-between}
.cd-dt *{font-size:inherit!important}
.cd-n{font-family:var(--f-head);font-weight:700;font-size:calc(var(--u)*8*var(--ts));line-height:1;color:var(--acc);margin-top:calc(var(--u)*1.6)}
.cd-d.goal .cd-n{color:#fff}
.cd-l{font-size:calc(var(--u)*2.3);color:var(--p-mute)}
.cd-e{font-size:calc(var(--u)*1.9);text-align:center;line-height:1.15;color:var(--p-ink,inherit);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
i.cd-chk{position:absolute;bottom:calc(var(--u)*.8);inset-inline-start:calc(var(--u)*.8);width:calc(var(--u)*2.6);height:calc(var(--u)*2.6);border:.3mm solid var(--p-mute);border-radius:calc(var(--u)*.5);padding:0;margin:0;background:none}
.cd-bar{height:calc(var(--u)*1.6);border-radius:99px;background:var(--acc-t);overflow:hidden}
.cd-bar i{display:block;height:100%;background:var(--acc)}

/* סגנונות ספירה לאחור */
.cd-page{position:relative}
.cd-page>*{position:relative;z-index:1}
.cd-page .cd-orn,.cd-page .cd-star,.cd-page .cd-cloud,.cd-page .cd-stripes,.cd-page .cd-confetti{position:absolute;z-index:0;pointer-events:none}
.cd-title{font-family:var(--cd-f,var(--f-head))}
.cd-n{font-family:var(--cd-nf,var(--f-head))}
.cd-orn{width:30%;aspect-ratio:1}
.cd-orn svg,.cd-star svg,.cd-cloud svg{width:100%;height:100%;display:block}
.cd-orn.tl{top:0;left:0}
.cd-orn.br{bottom:0;right:0;transform:rotate(180deg)}
/* כלה */
.cdst-bride{background:#fdf8f5}
.cdst-bride .cd-d{background:rgba(255,255,255,.82);border-color:#e6cdb0;border-radius:calc(var(--u)*2.4)}
.cdst-bride .cd-d.shabbat{background:#f8ebe8}
.cdst-bride .cd-d.wk{border-color:#c9a45c}
.cdst-bride .cd-n{color:#b0894a;font-weight:400}
.cdst-bride .cd-d.goal{background:linear-gradient(160deg,#c48b94,#a8646f);border-color:#c9a45c}
.cdst-bride .cd-title{color:#a8646f;font-weight:400;letter-spacing:.02em}
.cdst-bride .cd-bar i{background:linear-gradient(90deg,#e8b7bf,#c9a45c)}
.cdst-bride .cd-grid .wd{color:#b0894a}
/* בת מצווה */
.cdst-batmitzvah{background:#fff7fa}
.cdst-batmitzvah .cd-d{background:rgba(255,255,255,.85);border-color:#f0c6d8;border-radius:calc(var(--u)*2.4)}
.cdst-batmitzvah .cd-d.shabbat{background:#fbe6ef}
.cdst-batmitzvah .cd-n{color:#b8487a}
.cdst-batmitzvah .cd-d.goal{background:linear-gradient(160deg,#e07aa4,#b8487a)}
.cdst-batmitzvah .cd-bar i{background:linear-gradient(90deg,#f2a7c3,#d8a94a)}
/* בר מצווה */
.cdst-barmitzvah{background:#fbfaf5}
.cd-stripes{left:0;right:0;height:calc(var(--u)*4.5);background:repeating-linear-gradient(180deg,transparent 0 12%,#1f3a5f 12% 30%,transparent 30% 42%,#6f8db3 42% 52%,transparent 52% 64%,#1f3a5f 64% 82%,transparent 82% 100%)}
.cd-stripes.top{top:calc(var(--u)*-1)}
.cd-stripes.bot{bottom:calc(var(--u)*-1)}
.cd-star{width:12%;aspect-ratio:1;opacity:.5}
.cd-star.s1{top:calc(var(--u)*5);right:calc(var(--u)*2)}
.cd-star.s2{top:calc(var(--u)*5);left:calc(var(--u)*2)}
.cdst-barmitzvah .cd-d{border-color:#c7d2e0}
.cdst-barmitzvah .cd-d.shabbat{background:#eef2f8}
.cdst-barmitzvah .cd-d.wk{border-color:#c9a45c}
.cdst-barmitzvah .cd-d.goal{background:#1f3a5f;border-color:#c9a45c}
.cdst-barmitzvah .cd-d.goal .cd-n{color:#e7c873}
.cdst-barmitzvah .cd-bar i{background:linear-gradient(90deg,#1f3a5f,#c9a45c)}
/* ילדים */
.cd-confetti{inset:0;background:radial-gradient(circle,#f7c948 0 .9%,transparent 1.1%) 0 0/19% 13%,radial-gradient(circle,#5bc0eb 0 .8%,transparent 1%) 7% 5%/23% 17%,radial-gradient(circle,#e0663a 0 .7%,transparent .9%) 3% 9%/17% 21%,radial-gradient(circle,#9bc53d 0 .8%,transparent 1%) 11% 3%/29% 19%;opacity:.55}
.cdst-kids .cd-d{border:0;border-radius:calc(var(--u)*2.6)}
.cdst-kids .cd-grid>.cd-d:not(.pad):nth-child(5n+1){background:#fff1c9}
.cdst-kids .cd-grid>.cd-d:not(.pad):nth-child(5n+2){background:#d9f1fb}
.cdst-kids .cd-grid>.cd-d:not(.pad):nth-child(5n+3){background:#ffe0d4}
.cdst-kids .cd-grid>.cd-d:not(.pad):nth-child(5n+4){background:#e4f3d2}
.cdst-kids .cd-grid>.cd-d:not(.pad):nth-child(5n){background:#efe3fb}
.cdst-kids .cd-d.goal{background:#e0663a!important}
.cdst-kids .cd-n{color:#33415c}
.cdst-kids .cd-bar i{background:linear-gradient(90deg,#f7c948,#e0663a,#5bc0eb,#9bc53d)}
/* תינוק */
.cdst-baby{background:#f7fbff}
.cd-cloud{width:22%;aspect-ratio:2}
.cd-cloud.c1{top:calc(var(--u)*1);right:calc(var(--u)*2)}
.cd-cloud.c2{top:calc(var(--u)*3);left:calc(var(--u)*4);width:16%}
.cd-cloud.c3{bottom:calc(var(--u)*2);left:40%;width:18%}
.cdst-baby .cd-d{border-color:#cfe0f0;border-radius:calc(var(--u)*3)}
.cdst-baby .cd-d.shabbat{background:#eaf3fb}
.cdst-baby .cd-d.goal{background:#8bb7dd}
.cdst-baby .cd-n{color:#5b8db8}
/* ספירה לאחור: פוסטר */
.cd-poster .cdp-grid{flex:1;min-height:0;display:grid;grid-template-columns:auto repeat(7,minmax(0,1fr));gap:calc(var(--u)*.5)}
.cdp-grid .wd{text-align:center;font-weight:700;color:var(--acc);font-size:calc(var(--u)*2.2)}
.cdp-m{font-family:var(--cd-f,var(--f-head));font-weight:700;color:var(--acc);font-size:calc(var(--u)*2.4);display:flex;align-items:center;padding-inline-end:calc(var(--u)*1);white-space:nowrap}
.cdp-d{border:.3mm solid var(--p-line);border-radius:999px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;background:rgba(255,255,255,.85);line-height:1}
.cdp-d b{font-family:var(--cd-nf,var(--f-head));color:var(--acc);font-size:calc(var(--u)*5.2)}
.cdp-d small{font-size:calc(var(--u)*2.2);color:var(--p-mute)}
.cdp-d.shabbat{background:var(--acc-t)}
.cdp-d.goal{background:var(--acc)}.cdp-d.goal b,.cdp-d.goal small{color:#fff}
.cdp-legend{text-align:center;font-size:calc(var(--u)*2);color:var(--p-mute)}
/* ספירה לאחור: דף צר וארוך */
.cd-scroll{gap:calc(var(--u)*1.4)}
.cds-list{display:flex;flex-direction:column;gap:calc(var(--u)*.8)}
.cds-m{font-family:var(--cd-f,var(--f-head));font-weight:700;color:var(--acc);font-size:calc(var(--u)*4);border-bottom:.4mm solid var(--acc);margin-top:calc(var(--u)*1.6)}
.cds-r{position:relative;display:grid;grid-template-columns:calc(var(--u)*12) 1fr;grid-template-rows:auto auto;column-gap:calc(var(--u)*2);align-items:center;border:.3mm solid var(--p-line);border-radius:calc(var(--u)*1.6);padding:calc(var(--u)*.8) calc(var(--u)*1.6);background:rgba(255,255,255,.85);min-height:calc(var(--u)*9)}
.cds-r.shabbat{background:var(--acc-t)}
.cds-r.goal{background:var(--acc);color:#fff}
.cds-n{grid-row:1/3;font-family:var(--cd-nf,var(--f-head));font-size:calc(var(--u)*6.5);color:var(--acc);text-align:center;line-height:1}
.cds-r.goal .cds-n{color:#fff}
.cds-dt{font-weight:600;font-size:calc(var(--u)*2.8)}
.cds-dt small{color:var(--p-mute);font-weight:400;margin-inline-start:calc(var(--u)*1.2)}
.cds-e{font-size:calc(var(--u)*2.3);color:var(--p-mute)}
.cds-r.goal .cds-e,.cds-r.goal .cds-dt small{color:#fff}
/* ספירה לאחור: שרשרת */
.cdc-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:0}
.cdc-s{border:.3mm dashed #999;display:flex;align-items:center;gap:calc(var(--u)*2.4);padding:0 calc(var(--u)*3);background:color-mix(in srgb,var(--sc) 14%,#fff);border-inline-start:calc(var(--u)*2.2) solid var(--sc)}
.cdc-s b{font-family:var(--cd-nf,var(--f-head));font-size:calc(var(--u)*8);color:var(--sc);line-height:1;min-width:calc(var(--u)*12);text-align:center}
.cdc-s span{font-family:var(--cd-f,var(--f-head));font-size:calc(var(--u)*3.4);font-weight:700}
.cdc-s small{margin-inline-start:auto;font-size:calc(var(--u)*1.9);color:var(--p-mute);text-align:end}
/* ספירה לאחור: תמונות ומשפטים */
.cd-imgs{display:flex;flex-wrap:wrap;gap:6px}.cd-imgs span{display:inline-flex;gap:2px}
.cd-qbox{display:flex;flex-direction:column;gap:6px;padding-inline-start:10px;border-inline-start:2px solid var(--line)}
.cd-page .cd-bgimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}
.cd-page.has-bg .cd-d:not(.pad),.cd-page.has-bg .cds-r{background:rgba(255,255,255,.78)}
.cd-d .cd-im{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.cd-d.has-im>*:not(.cd-im){position:relative;z-index:1}
.cd-d.has-im .cd-n,.cd-d.has-im .cd-l,.cd-d.has-im .cd-dt,.cd-d.has-im .cd-e,.cd-d.has-im .cd-q{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.7)}
.cd-d .cd-dt{z-index:1}
.cd-q{font-size:calc(var(--u)*1.85);font-style:italic;text-align:center;line-height:1.2;color:var(--acc);margin-top:calc(var(--u)*.4);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-width:100%}
.cd-d.has-q .cd-n{font-size:calc(var(--u)*6*var(--ts))}
.cds-e .cd-q{display:block;margin-top:calc(var(--u)*.3);text-align:start;font-size:calc(var(--u)*2.3)}
.cds-im{width:100%;max-height:calc(var(--u)*60);object-fit:cover;border-radius:calc(var(--u)*1.6)}
/* ספירה לאחור: לוח מספרים */
.cdb-grid{flex:1;min-height:0;display:grid;gap:calc(var(--u)*.7)}
.cdb-d{position:relative;border:.3mm solid var(--p-line);border-radius:calc(var(--u)*1.4);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;overflow:hidden;background:rgba(255,255,255,.85);line-height:1.05}
.cdb-d b{font-family:var(--cd-nf,var(--f-head));color:var(--acc);font-size:calc(var(--u)*5.4*var(--ts))}
.cdb-d small{font-size:calc(var(--u)*1.7);color:var(--p-mute);white-space:nowrap}
.cdb-d.ten{border-color:var(--acc);border-width:.6mm}
.cdb-d.goal{background:var(--acc)}.cdb-d.goal b,.cdb-d.goal small{color:#fff}
.cdb-d.has-im>*:not(.cd-im){position:relative;z-index:1;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.7)}
.cdb-q{display:flex;flex-wrap:wrap;gap:calc(var(--u)*.6) calc(var(--u)*3);font-size:calc(var(--u)*2);color:var(--acc);font-style:italic;justify-content:center}
.cdb-q b{font-style:normal}
/* פוסטר בצורת לוח חודשי */
.cdp-grid{gap:0!important;border:.4mm solid var(--acc);border-radius:calc(var(--u)*1.4);overflow:hidden}
.cdp-grid .wd{background:var(--acc);color:#fff;padding:calc(var(--u)*.6) 0}
.cdp-grid>div:first-child{background:var(--acc)}
.cdp-m{border-top:.3mm solid var(--p-line);background:var(--acc-t);padding:0 calc(var(--u)*1.2);writing-mode:vertical-rl;transform:rotate(180deg);justify-content:center;font-size:calc(var(--u)*2.6)}
.cdp-d{position:relative;border:0!important;border-top:.3mm solid var(--p-line)!important;border-inline-start:.3mm solid var(--p-line)!important;border-radius:0!important;justify-content:center;padding-top:calc(var(--u)*2.4);overflow:hidden}
.cdp-d.wk{box-shadow:inset 0 0 0 .5mm var(--acc)}
.cdp-dt{position:absolute;top:calc(var(--u)*.5);inset-inline-start:calc(var(--u)*.8);font-size:calc(var(--u)*1.8);color:var(--p-mute);white-space:nowrap}
.cdp-dt.first{color:var(--acc);font-weight:700}
.cdp-d b{font-size:calc(var(--u)*5.8)!important;line-height:1}
.cdp-q{font-size:calc(var(--u)*1.55);color:var(--acc);text-align:center;line-height:1.15;padding:0 calc(var(--u)*.6);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cdp-d.has-im>*:not(.cd-im){position:relative;z-index:1;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.7)}
.cdp-d.goal .cdp-dt,.cdp-d.goal .cdp-q{color:#fff}

/* הגנה על דברי הימים: אי אפשר לסמן */
.hist-body,.yz-panel,.e.gadol,.yzp-e,.yz-list,.ym-list,#ymList,.yz-row{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.hist-body [contenteditable=true],.yz-panel [contenteditable=true],#ymList input,#ymList textarea{-webkit-user-select:text;user-select:text}

/* דברי הימים: מאורעות בצבע שונה מיארצייטן */
.e.gadol.hev,.yzp-e.hev{color:#a3322a}
.t-block .yzp-e.hev,.t-block .e.gadol.hev{color:#9b2a22}

/* צבע לכל סוג טקסט (נקבע בהגדרות; בלי בחירה נשאר צבע העיצוב) */
.pg-month{color:var(--c-month,var(--acc))}
.wd{color:var(--c-wd,var(--p-mute))}
.d-main{color:var(--c-date,var(--p-ink))}
.cell.shabbat .d-main,.cell.chag .d-main{color:var(--c-date,var(--acc))}
.d-sub{color:var(--c-date2,var(--p-mute))}
.e.chag{color:var(--c-chag,var(--acc))}
.e.parasha{color:var(--c-par,inherit)}
.e.timed,.d-z,.wd-z,.zr,.zl{color:var(--c-times,inherit)}
.e.personal,.yzp-e.personal{color:var(--c-pers,#7a3b16)}
.e.gadol{color:var(--c-yz,var(--p-mute))}
.yzp-e:not(.hev):not(.personal):not(.moon):not(.lrn){color:var(--c-yz,inherit)}
.e.gadol.hev,.yzp-e.hev{color:var(--c-hev,#a3322a)}
.e.learn,.yzp-e.lrn,.learn-t td{color:var(--c-learn,#5b6670)}
.e.moon,.moon-sec .yzp-e{color:var(--c-moon,#3c4d7a)}
.e.tfila{color:var(--c-tfila,inherit)}
.pg-foot{color:var(--c-foot,var(--p-mute))}
.tcol-box{margin:8px 0;border:1px solid var(--line);border-radius:10px;padding:6px 10px}
.tcol-box summary{cursor:pointer;font-weight:700}
.tcol-list{display:grid;grid-template-columns:1fr;gap:4px;margin:8px 0}
.tcol{display:flex;align-items:center;gap:8px;font-size:14px}
.tcol input[type=color]{width:32px;height:26px;padding:0;border:1px solid var(--line);border-radius:6px;background:none}
.tcol input[data-unset]{opacity:.45}
.tcol .linkish{margin-inline-start:auto;background:none;border:0;color:var(--accent,#1e5a63);text-decoration:underline;cursor:pointer;font-size:12px}
.tcol small{margin-inline-start:auto}
.txt-tools .tt-col{display:inline-flex;align-items:center}
.txt-tools .tt-col input{width:30px;height:26px;padding:0;border:0;background:none;cursor:pointer}
/* תשלום: טופס נדרים פלוס מוטמע */
.modal.pay-modal{max-width:560px}
.pay-who{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}
.pay-who label{display:flex;flex-direction:column;gap:3px;font-size:13px;font-weight:600}
.pay-who label:first-child{grid-column:1/-1}
.pay-who input{font:inherit;font-weight:400;padding:8px 10px;border:1px solid var(--line,#ccd);border-radius:8px;background:var(--bg,#fff);color:inherit}
.pay-frame{width:100%;height:300px;border:0;border-radius:10px;background:#fff;transition:height .2s ease}
@media (max-width:520px){.pay-who{grid-template-columns:minmax(0,1fr)}}