:root{--r-s:12px;--r-m:16px;--r-l:24px}
:root{--bg:#F3F8F9;--track:#D5E6EA;--fg:#12262B;--muted:#4D6970;--primary:#0E7490;--on:#fff;--ok:#15803D;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);-webkit-text-size-adjust:100%}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#05090B;--track:#14262D;--fg:#E4F1F4;--muted:#93B0B8;--primary:#67D4E8;--on:#00323C;--ok:#4ADE80}}
:root[data-theme="dark"]{--bg:#05090B;--track:#14262D;--fg:#E4F1F4;--muted:#93B0B8;--primary:#67D4E8;--on:#00323C;--ok:#4ADE80}
html,body{margin:0}
[hidden]{display:none!important}
body{background:var(--bg);color:var(--fg);font-family:"Heebo",system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans Hebrew",Arial,sans-serif;font-size:1rem;display:flex;flex-direction:column;align-items:center;padding:20px 24px calc(72px + env(safe-area-inset-bottom,0px));box-sizing:border-box;min-height:100vh}
main{margin:0 auto;width:100%;max-width:420px}
section{display:flex;flex-direction:column;align-items:center;width:100%}
#v-today{min-height:calc(100vh - 124px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}
@supports (height:100dvh){#v-today{min-height:calc(100dvh - 124px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}}
.ring{position:relative;width:min(230px,58vw);aspect-ratio:1}
.ring svg{width:100%;height:100%}
.ring circle{fill:none;stroke-width:12}
.t{stroke:var(--track)}
.p{stroke:var(--primary);stroke-dasharray:703.7;stroke-dashoffset:703.7;transition:stroke-dashoffset .6s ease,stroke .4s}
.pace{stroke:var(--fg);stroke-width:4;stroke-linecap:round}
#wv{transition:transform .8s ease}
.wave{fill:var(--primary);fill-opacity:.2;animation:wv 4s linear infinite;transition:fill .4s}
@keyframes wv{to{transform:translateX(-100px)}}
.ring.done .p{stroke:var(--ok)}
.ring.done .wave{fill:var(--ok);fill-opacity:.28}
.ring.pulse{animation:pu .45s ease}
@keyframes pu{40%{transform:scale(1.045)}}
@media (prefers-reduced-motion:reduce){.wave,.ring.pulse{animation:none}.p,#wv{transition:none}}
.c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.n{font-size:clamp(2.4rem,14vw,3.8rem);font-weight:300;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap}
.l{color:var(--muted);font-size:.9375rem;margin-top:6px}
.s{font-size:1.125rem;font-weight:500;margin:16px 0 2px;text-align:center}
.pl{color:var(--muted);font-size:.875rem;min-height:1.25rem;margin-bottom:10px;text-align:center}
button,input{font:inherit;color:inherit}
button{font-size:1rem;min-height:44px;border-radius:22px;cursor:pointer;border:1.5px solid var(--primary);background:transparent;color:var(--primary);padding:0 16px;touch-action:manipulation}
button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--primary);outline-offset:3px}
button:disabled{opacity:.4;cursor:default}
.dock{margin-top:auto;padding-top:14px;width:100%;display:flex;flex-direction:column;align-items:center}
.favs{display:flex;flex-wrap:wrap;gap:8px;width:100%;margin-bottom:10px}
.fav{flex:1 1 calc(50% - 8px);padding:0 8px;font-size:.9375rem}
.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-inline-end:6px;vertical-align:baseline}
#sel,#sel2{font-size:.9375rem;color:var(--muted);margin-bottom:10px;text-align:center}
.add{background:var(--primary);color:var(--on);width:100%;min-height:56px;border-radius:var(--r-l);font-size:1.125rem;user-select:none;-webkit-user-select:none}
.two{display:flex;gap:10px;justify-content:center}
.lnk{border:0;min-height:40px;font-size:.875rem;padding:0 8px;text-decoration:underline}
.cr{display:flex;gap:8px;align-items:center;margin-bottom:8px}
.cr span{width:54px;font-size:.875rem;color:var(--muted);flex:none}
.chip{flex:1;padding:0}
.chip.sm{font-size:.8125rem}
.chip[aria-pressed="true"]{background:var(--track);font-weight:600}
.q{display:flex;align-items:center;gap:14px;margin:6px 0 4px;justify-content:center}
.q button{width:44px;padding:0;font-size:1.25rem}
.q b{min-width:28px;text-align:center;font-size:1.25rem;font-weight:500}
.sheet{position:fixed;inset-inline:0;bottom:calc(60px + env(safe-area-inset-bottom,0px));max-width:420px;margin:0 auto;max-height:70vh;overflow:auto;background:var(--bg);border-top:1.5px solid var(--primary);border-radius:var(--r-m) 18px 0 0;padding:6px 20px 16px;z-index:5;box-shadow:0 -8px 24px rgba(0,0,0,.18);box-sizing:border-box}
#once,#wx{width:100%;margin-top:10px;border:1.5px solid var(--track);border-radius:var(--r-m);padding:6px 14px 14px}
#wx{padding:12px 14px;margin:0 0 14px;display:flex;flex-direction:column;gap:10px;font-size:.9375rem}
.row{display:flex;gap:8px;margin-top:10px}
.row button{flex:1}
#jr{list-style:none;padding:0;margin:10px 0 0;width:100%}
#jr li{display:flex;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--track);font-size:.9375rem;touch-action:pan-y;background:var(--bg)}
#jr li>span:first-child{color:var(--muted);width:56px;flex:none}
#jr li>span:nth-child(2){flex:1}
#jr .empty{color:var(--muted);border-top:0}
.x{min-height:34px;padding:0 12px;font-size:.8125rem}
.wk{width:100%}
.wh{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;font-size:.9375rem}
.wh button{min-height:36px;font-size:.875rem;padding:0 14px}
.wh span{color:var(--muted)}
.chart{display:flex;gap:8px;width:100%}
.b{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.8125rem;color:var(--muted);background:none;border:0;border-radius:0;min-height:0;padding:0}
.bt{position:relative;display:flex;align-items:flex-end;justify-content:center;width:100%;height:120px;margin-top:18px;border-bottom:2px solid var(--track)}
.b.today .bt{border-bottom-color:var(--fg)}
.b.today .dn{color:var(--fg);font-weight:700}
.b.fut .bar{display:none}
.bar{position:relative;width:70%;max-width:30px;min-height:3px;border-radius:8px 8px 3px 3px;background:var(--muted)}
.bar.ok{background:var(--primary)}
.bar i{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);font-style:normal;font-size:.6875rem;color:var(--muted);padding-bottom:3px;white-space:nowrap}
u.gl{position:absolute;inset-inline:-4px;display:block;height:0;border-top:2px dashed var(--muted);opacity:.8;text-decoration:none;pointer-events:none}
u.pv{position:absolute;left:50%;transform:translateX(-50%);width:9px;height:9px;margin-bottom:-4px;border-radius:50%;background:var(--fg);opacity:.6;border:2px solid var(--bg);box-sizing:content-box;text-decoration:none;pointer-events:none}
.wd{font-size:.75rem;color:var(--muted);text-align:center;font-weight:500}
.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:12px;width:100%}
.cell{position:relative;min-height:38px;padding:0;border-radius:var(--r-s);border:1.5px solid var(--track);color:var(--muted);font-size:.8125rem}
.cell.part{background:var(--track);color:var(--fg)}
.cell.ok{background:var(--primary);border-color:var(--primary);color:var(--on)}
.cell.ok::after{content:"✓";position:absolute;top:1px;inset-inline-end:4px;font-size:.5625rem}
.cell.today{outline:2px solid var(--fg);outline-offset:1px}
.lg{display:flex;gap:14px;margin-top:10px;font-size:.8125rem;color:var(--muted);width:100%;flex-wrap:wrap}
.sw{display:inline-block;width:12px;height:12px;border-radius:4px;border:1.5px solid var(--track);margin-inline-end:6px;vertical-align:-1px}
.sw.ok{background:var(--primary);border-color:var(--primary)}
.sw.part{background:var(--track)}
.ln{display:inline-block;width:16px;border-top:2px dashed var(--muted);margin-inline-end:6px;vertical-align:middle}
.dt{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--fg);opacity:.6;margin-inline-end:6px}
.st{margin:12px 0 0;color:var(--muted);font-size:.9375rem}
.bds{display:flex;gap:8px;margin:10px 0 4px}
.bd{padding:6px 14px;border-radius:var(--r-m);border:1.5px solid var(--track);color:var(--muted);font-size:.875rem}
.bd.on{background:var(--primary);border-color:var(--primary);color:var(--on);font-weight:600}
.ins{width:100%;margin:0 0 6px}
.ins p{margin:8px 0 0;padding:10px 14px;border-radius:var(--r-m);background:var(--track);font-size:.9375rem}
.hrs{display:flex;gap:2px;height:70px;align-items:flex-end;width:100%;margin-top:10px}
.hb{flex:1;background:var(--primary);border-radius:3px 3px 0 0;min-height:2px}
.hb.weak{background:transparent;border:1.5px dashed var(--muted);border-bottom:0}
.hl{display:flex;width:100%;font-size:.6875rem;color:var(--muted);margin-top:4px}
.hl span{flex:1;text-align:center}
.sr{display:flex;justify-content:space-between;margin-top:10px;font-size:.9375rem;width:100%}
.sr span{color:var(--muted)}
h2{font-size:1.25rem;font-weight:500;margin:0 0 6px;align-self:flex-start}
.g{margin-top:22px;font-size:.8125rem;color:var(--muted);font-weight:700;align-self:flex-start}
.f{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;font-size:.9375rem;width:100%}
.f small{display:block;color:var(--muted);font-size:.8125rem;margin-top:2px}
input{width:110px;min-height:40px;border-radius:var(--r-s);border:1.5px solid var(--track);background:transparent;padding:0 10px;text-align:center}
input[type=checkbox]{width:22px;min-height:22px;accent-color:var(--primary)}
.f button{min-height:40px}
.note{font-size:.8125rem;color:var(--muted);margin:10px 0 0;width:100%}
.seg{display:flex;gap:6px;margin-top:10px;width:100%}
.seg button{flex:1;min-height:38px;padding:0;font-size:.875rem}
.seg button[aria-pressed="true"]{background:var(--track);font-weight:600}
details{width:100%;border-top:1px solid var(--track);margin-top:12px;padding-bottom:6px}
summary{font-size:1rem;font-weight:500;cursor:pointer;min-height:48px;display:flex;align-items:center}
.fine{margin-top:14px;font-size:.8125rem;color:var(--muted);text-align:center;min-height:1.125rem}
#tabs{position:fixed;inset-inline:0;bottom:0;display:flex;background:var(--bg);border-top:1px solid var(--track);padding-bottom:env(safe-area-inset-bottom,0px);z-index:6}
#tabs button{flex:1;border:0;border-radius:0;min-height:58px;color:var(--muted);font-size:.8125rem;position:relative;padding:0 2px}
#tabs button[aria-current="page"]{color:var(--primary);font-weight:600}
#tabs button[aria-current="page"]::before{content:"";position:absolute;top:0;inset-inline:30%;height:3px;border-radius:0 0 3px 3px;background:var(--primary)}
#ob{position:fixed;inset:0;background:var(--bg);z-index:20;display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto}
#obb{width:100%;max-width:380px}
#cf{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:30}

.ctx{font-size:.875rem;color:var(--muted);text-align:center;min-height:2.6em;margin-bottom:2px}
.sk{padding:4px 14px;border-radius:var(--r-m);background:var(--track);font-size:.875rem;font-weight:500;margin-bottom:10px}
.ring{cursor:pointer}
.selslot{min-height:44px;display:flex;align-items:center;justify-content:center;width:100%;margin-bottom:6px}
#toast{display:flex;align-items:center;gap:12px;background:var(--track);border-radius:22px;padding:2px 4px 2px 14px;font-size:.9375rem}
#toast button{min-height:36px;padding:0 14px}
.dsb{display:flex;height:16px;border-radius:8px;overflow:hidden;width:100%;margin-top:10px;background:var(--track)}
.dsb div{border-inline-end:2px solid var(--bg)}
.emp{color:var(--muted);font-size:.875rem;padding:14px 0;text-align:center;width:100%}
#upd{position:fixed;top:calc(env(safe-area-inset-top,0px) + 8px);inset-inline:16px;max-width:388px;margin:0 auto;background:var(--fg);color:var(--bg);border-radius:var(--r-m);padding:6px 8px 6px 16px;display:flex;align-items:center;justify-content:space-between;z-index:9;font-size:.9375rem}
#upd button{color:var(--bg);border-color:var(--bg);min-height:36px}
#bkp,#wkc,#qc,#ic,#eod,#wko,#limb,#dcard,#invc,.tip{width:100%;margin:0 0 14px;padding:12px 14px;border:1.5px solid var(--track);border-radius:var(--r-m);font-size:.9375rem;display:flex;flex-direction:column;gap:10px;box-sizing:border-box}
@keyframes inL{from{transform:translateX(-28px);opacity:0}}
@keyframes inR{from{transform:translateX(28px);opacity:0}}
@media (min-width:860px){
  main{max-width:1000px;display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:48px;align-items:start}
  #v-today{grid-column:1;grid-row:1 / span 4}
  #v-log,#v-stats,#v-set{grid-column:2}
  .fine{grid-column:1 / -1}
  #t0{display:none}
  #tabs{max-width:560px;margin:0 auto}
}
@media (prefers-contrast:more){:root{--muted:#2B3F46;--track:#9DB5BC}}
@media (prefers-contrast:more) and (prefers-color-scheme:dark){:root:not([data-theme="light"]){--muted:#C5DAE0;--track:#3A5963}}
@media (prefers-contrast:more){:root[data-theme="dark"]{--muted:#C5DAE0;--track:#3A5963}}
@media (forced-colors:active){
  button,input,.cell,.bd{border:1.5px solid ButtonText}
  .p,.bar,.hb,.dsb div,.wave{forced-color-adjust:none}
  .p{stroke:Highlight}.t{stroke:GrayText}.bar,.hb{background:Highlight}.wave{fill:Highlight}
  .chip[aria-pressed="true"],#tabs button[aria-current="page"],.seg button[aria-pressed="true"],.cell.ok,.bd.on{background:Highlight;color:HighlightText}
  .add{background:ButtonFace;color:ButtonText;border:2px solid ButtonText}
}

html,body{overscroll-behavior-y:contain}
body{padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right))}
#tabs{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
#tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.ic{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;display:block}
.ring[data-viz="glass"] .gr,.ring[data-viz="glass"] .gb,.ring[data-viz="bottle"] .gr,.ring[data-viz="bottle"] .gg{display:none}
.ring:not([data-viz="glass"]):not([data-viz="bottle"]) .gg,.ring:not([data-viz="glass"]):not([data-viz="bottle"]) .gb{display:none}
.gout{fill:none;stroke:var(--fg);stroke-width:7;stroke-linejoin:round;stroke-linecap:round;opacity:.85}
.ring.done .gout{stroke:var(--ok)}
#scrim{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:4}
.sheet:not([hidden]){animation:up .22s ease}
@keyframes up{from{transform:translateY(24px);opacity:0}}
@media (prefers-reduced-motion:reduce){.sheet:not([hidden]){animation:none}}
.ill{display:block;margin:0 auto 8px;width:48px;height:48px;color:var(--muted)}
#jr li.empty{flex-direction:column;justify-content:center;padding:18px 0;text-align:center}
.hrs .emp{width:100%}
select{min-width:140px;min-height:40px;border-radius:var(--r-s);border:1.5px solid var(--track);background:var(--bg);padding:0 8px;font:inherit;color:inherit}
.sg{width:100%;min-height:40px;margin-bottom:10px;font-size:.875rem;border-style:dashed}
.chart{position:relative}
.trend{position:absolute;top:18px;inset-inline:0;width:100%;height:120px;color:var(--fg);opacity:.7;pointer-events:none}
#mini{position:sticky;top:0;z-index:4;width:100%;max-width:420px;margin:0 auto 8px;background:var(--bg);padding:6px 0;display:flex;align-items:center;gap:10px;font-size:.8125rem;color:var(--muted)}
.mbar{flex:1;height:6px;border-radius:3px;background:var(--track);overflow:hidden}
.mbar i{display:block;height:100%;background:var(--primary);transition:width .4s}
.simple #habw,.simple #wkg,.simple #ucw,.simple #wks,.simple #mybb,.simple #favs,.simple #sg,.simple .pl,.simple .ctx,.simple #bkb,.simple #pk,.simple #oo,.simple #mic,.simple #sk,.simple #sel{display:none}
@media (orientation:landscape) and (max-height:520px) and (max-width:859px){
  #v-today{display:grid;grid-template-columns:minmax(0,230px) minmax(0,1fr);column-gap:24px;align-content:center;min-height:auto}
  #v-today>.dock{grid-column:2;grid-row:1 / span 14;margin-top:0;padding-top:0}
  #v-today>*:not(.dock){grid-column:1}
  #wx,#bkp,#wkc,#qc,#ic,#eod,#wko,#limb,#dcard,#invc{grid-column:1 / -1 !important}
  .ring{width:min(180px,42vh)}
}

/* To use the Heebo font without any third-party request: download heebo.woff2, put it in a "fonts" folder
   next to this file, add './fonts/heebo.woff2' to FILES in sw.js, and uncomment:
@font-face{font-family:"Heebo";src:url("fonts/heebo.woff2") format("woff2");font-weight:300 700;font-display:swap}
*/

/* v13 */
#v-today{position:relative}
.hlpb{position:absolute;top:0;inset-inline-end:0;width:40px;min-height:40px;padding:0;border-radius:50%;font-weight:700;z-index:2}
.cats{margin:0 0 8px}
.dr{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.dr .chip{flex:1 1 calc(33% - 6px);min-height:40px;padding:0 6px}
.diag,.wnl{list-style:none;padding:0;margin:10px 0 0;width:100%}
.diag li,.wnl li{padding:8px 0;border-top:1px solid var(--track);font-size:.875rem}
.diag li small{display:block;color:var(--muted);margin-top:2px}
.diag li.bad{font-weight:600}
.diag li.warn,.diag li.sub{color:var(--muted)}
.wnl li::before{content:"• ";color:var(--primary)}
.faq details{margin-top:4px}
.tip{margin:8px 0 0;padding:10px 14px;border-radius:var(--r-m);background:var(--track);font-size:.9375rem}
#av .seg button{font-size:.8125rem}
#lk{position:fixed;inset:0;background:var(--bg);z-index:25;display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto}
#lkb{width:100%;max-width:360px}
.pri{background:var(--primary);color:var(--on)}
[dir="ltr"] #toast{padding:2px 14px 2px 4px}

/* v14 */
.sq{width:100%;text-align:start;margin:4px 0 6px;min-height:44px}
.dsr .dsc{display:flex;align-items:center;gap:8px;flex:none}
.dsr .dsc input[type=number]{width:72px}
.hm{display:grid;gap:2px;width:100%;margin-top:10px;align-items:center}
.hm i{display:block;height:16px;border-radius:3px;background:var(--primary)}
.hm i.z{background:var(--track);opacity:.6}
.hm .hh{font-size:.625rem;color:var(--muted);text-align:center}
.hm .wd{padding-inline-end:4px}
.achl{list-style:none;padding:0;margin:10px 0 0;width:100%}
.achl li{padding:8px 0;border-top:1px solid var(--track);font-size:.9375rem;color:var(--muted)}
.achl li.on{color:var(--fg);font-weight:500}
.achl li small{display:block;font-size:.75rem;color:var(--muted);font-weight:400}
body.night main{filter:brightness(.82) saturate(.85)}
body.night .wave,body.night .ring.pulse,body.night .sheet:not([hidden]){animation:none}
body.night .p,body.night #wv,body.night #wv2,body.night #wv3{transition:none}
@media (forced-colors:active){.hm i{forced-color-adjust:none;background:Highlight}.hm i.z{background:Canvas;border:1px solid GrayText}body.night main{filter:none}}

/* v15 */
.hi{font-size:1.125rem;font-weight:500;margin:0 0 8px;text-align:center}
#wko{border-color:var(--primary)}
.tip{margin:6px 0 4px !important;background:color-mix(in srgb,var(--track) 45%,transparent)}
.tip p{margin:0;line-height:1.5}
.tipk{font-size:.8125rem;font-weight:600;color:var(--primary)}
.tip .row{flex-wrap:wrap;gap:8px}
.tip{padding-bottom:14px!important}
.tip .row button{min-height:40px;font-size:.875rem}
.tipl{margin:6px 0 10px;padding-inline-start:20px;font-size:.9375rem;line-height:1.5}
.tipl li{margin:6px 0}
#jr li.gap,.jr li.gap{justify-content:center;color:var(--muted);font-size:.8125rem;font-style:italic;border-top:1px dashed var(--track)}
.jr{list-style:none;padding:0;margin:6px 0 10px;width:100%}
.jr li{display:flex;gap:10px;align-items:center;padding:6px 0;border-top:1px solid var(--track);font-size:.875rem}
.jr li>span:first-child{color:var(--muted);min-width:52px}
.jr li>span:nth-child(2){flex:1}
.jr li.empty{color:var(--muted);justify-content:center}
.achp{display:block;height:4px;border-radius:2px;background:var(--track);margin-top:6px;overflow:hidden}
.achp i{display:block;height:100%;background:var(--primary)}
#v-set:not(.showadv) .xset{display:none !important}
.two{flex-wrap:wrap}
.tip .row button{white-space:nowrap;padding:0 12px;flex:1 1 auto}
.f input[type=time]{width:auto;min-width:7.5rem}
.c .l{max-width:76%;text-align:center;line-height:1.3}
#invc>span,#dcard>span,#limb>span,#eod>span,#ic>span,#bkp>span,#qc>span,#wkc>span,#wx>span,#wko>span,.tip>.tipk{padding-inline-end:40px}

/* v16 */
:root{--lim:#B45309;--warn:#C2410C;--over:#B91C1C}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--lim:#FBBF24;--warn:#FB923C;--over:#F87171}}
:root[data-theme="dark"]{--lim:#FBBF24;--warn:#FB923C;--over:#F87171}
#limb{border-color:var(--lim);background:color-mix(in srgb,var(--lim) 12%,transparent);font-weight:500}
#limb button{border-color:var(--lim);color:var(--fg)}
body.lim .p{stroke:var(--lim)} body.lim .wave{fill:var(--lim)}
body.lim #ring.warn .p{stroke:var(--warn)} body.lim #ring.warn .wave{fill:var(--warn)}
body.lim #ring.over .p{stroke:var(--over)} body.lim #ring.over .wave{fill:var(--over)}
.s.over{color:var(--over)}
body.lim .bar.ok,body.lim .cell.ok{background:var(--over);border-color:var(--over)}
.di{width:1.05em;height:1.05em;vertical-align:-.17em;margin-inline-end:6px;flex:none;display:inline-block}
.ucw{width:100%;margin:4px 0 8px;display:flex;flex-direction:column;gap:8px}
.ucl{font-size:.875rem;font-weight:500;display:flex;flex-direction:column}
.ucl small{font-weight:400;color:var(--muted);font-size:.8125rem;margin-top:2px}
.ucs{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}
.uc{min-height:36px;padding:0;border-radius:var(--r-s);border:1.5px solid color-mix(in srgb,var(--fg) 25%,transparent)}
.uc[aria-pressed="true"]{outline:3px solid var(--primary);outline-offset:2px}
.ucd{display:inline-block;width:12px;height:12px;border-radius:3px;margin-inline-end:6px;vertical-align:-1px;border:1px solid rgba(0,0,0,.2)}
.chd{display:flex;gap:6px;justify-content:center;margin:10px 0}
.chd span{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--track);font-size:.8125rem;color:var(--muted)}
.chd span.on{background:var(--primary);border-color:var(--primary);color:var(--on)}
.chd span.today{border-color:var(--primary)}
#chl .sr small{display:block;color:var(--muted);font-size:.75rem;font-weight:400}
.grab{height:20px;margin:-6px -20px 0;display:flex;justify-content:center;align-items:center;touch-action:none;cursor:grab}
.grab::before{content:"";width:40px;height:4px;border-radius:2px;background:var(--track)}
.gt{touch-action:none}
.rep{position:fixed;inset:0;z-index:40;background:var(--bg);color:var(--fg);overflow:auto;padding:16px;box-sizing:border-box}
.repbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px;position:sticky;top:0;background:var(--bg);padding:6px 0}
.rep h2{font-size:1.25rem;margin:4px 0}.rep h3{font-size:1rem;margin:16px 0 6px}
.rt{width:100%;border-collapse:collapse;font-size:.875rem}
.rt th,.rt td{text-align:start;padding:6px 4px;border-bottom:1px solid var(--track);font-weight:400;vertical-align:top}
.rt th{color:var(--muted)}
.rd td:nth-child(4){max-width:9rem;overflow-wrap:anywhere}
@media print{
  body.night{filter:none!important}
  body *{visibility:hidden}
  #rep,#rep *{visibility:visible}
  #rep{position:absolute;inset:0 auto auto 0;width:100%;overflow:visible;background:#fff;color:#000;padding:0}
  .repbar{display:none}
  .rt th,.rt td{border-color:#999;color:#000}
}

/* v16b */
a.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:22px;border:1.5px solid var(--primary);color:var(--primary);text-decoration:none;font-size:1rem;box-sizing:border-box}
a.btn:focus-visible{outline:3px solid var(--primary);outline-offset:3px}

.f input[type=checkbox]{flex:none}

/* advanced settings: grouped at the bottom and tagged */
.xseth{font-size:1rem;margin:22px 0 4px;padding-top:14px;border-top:2px solid var(--track);width:100%}
#v-set.showadv details.xset>summary::after,#v-set.showadv .f.xset>span:first-child::after,#v-set.showadv .g.xset::after{content:var(--advl,"מתקדם");display:inline-block;margin-inline-start:8px;padding:1px 8px;border-radius:9px;font-size:.6875rem;font-weight:600;vertical-align:middle;background:var(--track);color:var(--muted)}
#v-set.showadv .f.xset>span:first-child::after{display:table;margin:4px 0 0}

/* ---------- v17: modern settings ---------- */
:root{--card:#FFFFFF;--card2:#F7FBFC}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--card:#0D1A1F;--card2:#0A1519}}
:root[data-theme="dark"]{--card:#0D1A1F;--card2:#0A1519}
#v-set h2{font-size:1.5rem;font-weight:700;margin:4px 0 10px;width:100%}
.sqw{position:relative;width:100%}
#v-set .sq{border-radius:var(--r-m);border:1.5px solid var(--track);background:var(--card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237b9aa2' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") no-repeat;background-size:20px;background-position:right 14px center;padding-inline-start:44px;min-height:48px}
[dir="ltr"] #v-set .sq{background-position:left 14px center}
#v-set>.f{background:var(--card);border:1px solid var(--track);border-radius:var(--r-m);padding:12px 16px;margin-top:10px;box-sizing:border-box}
#v-set details{background:var(--card);border:1px solid var(--track);border-radius:var(--r-m);margin-top:12px;padding:0 16px 4px;box-sizing:border-box;box-shadow:0 1px 2px rgba(0,0,0,.04);transition:box-shadow .2s}
#v-set details[open]{box-shadow:0 4px 18px rgba(0,0,0,.06);padding-bottom:12px}
#v-set summary{list-style:none;gap:12px;min-height:58px;font-weight:600}
#v-set summary::-webkit-details-marker{display:none}
.sic{width:34px;height:34px;border-radius:var(--r-s);flex:none;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--primary) 14%,transparent);color:var(--primary)}
.sic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.stx{flex:1}
.chev{width:22px;height:22px;flex:none;color:var(--muted);transition:transform .2s;display:inline-flex}
.chev svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#v-set details[open]>summary .chev{transform:rotate(180deg)}
#v-set details>.f,#v-set details>div>.f,#v-set details>label.f{margin-top:0;padding:12px 0;border-top:1px solid var(--track)}
#v-set details .f small{display:block;color:var(--muted);font-size:.8125rem;margin-top:2px;line-height:1.35}
#v-set details .g{margin-top:14px;font-weight:600;font-size:.8125rem;color:var(--muted);text-transform:none}
#v-set input[type=number],#v-set input[type=text],#v-set input[type=password],#v-set select{border-radius:var(--r-s);background:var(--card2)}
/* switches instead of checkboxes */
#v-set input[type=checkbox],#ob input[type=checkbox]{-webkit-appearance:none;appearance:none;width:48px;height:28px;min-height:0;border-radius:var(--r-m);background:var(--track);position:relative;cursor:pointer;transition:background .2s;border:0;margin:0;flex:none;padding:0}
#v-set input[type=checkbox]::before,#ob input[type=checkbox]::before{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:transform .2s}
#v-set input[type=checkbox]:checked,#ob input[type=checkbox]:checked{background:var(--primary)}
#v-set input[type=checkbox]:checked::before,#ob input[type=checkbox]:checked::before{transform:translateX(20px)}
[dir="rtl"] #v-set input[type=checkbox]:checked::before,[dir="rtl"] #ob input[type=checkbox]:checked::before{transform:translateX(-20px)}
#v-set input[type=checkbox]:focus-visible{outline:3px solid var(--primary);outline-offset:3px}
@media (prefers-reduced-motion:reduce){#v-set input[type=checkbox],#v-set input[type=checkbox]::before,.chev{transition:none}}
.xseth{border-top:0;padding-top:6px;font-weight:700}
/* assistant quick questions */
.avqq{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.avqq button{min-height:38px;font-size:.875rem;padding:0 12px;border-radius:var(--r-m)}
.avqq button[aria-pressed="true"]{background:var(--primary);color:var(--on)}
.avans{width:100%;box-sizing:border-box;margin:4px 0 8px;padding:12px 14px;border-radius:var(--r-m);background:color-mix(in srgb,var(--primary) 10%,transparent);font-size:.9375rem;line-height:1.5}
.avans p{margin:0 0 6px}.avans p:last-child{margin:0}
/* disclaimer */
.obd{border:1px solid var(--track);border-radius:var(--r-s);padding:0 12px;margin:10px 0;text-align:start}
.obd summary{min-height:44px;font-weight:600}
#dcard{border-color:var(--primary)}

/* v18 */
#invc{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,transparent)}
.wkg{width:100%;margin:2px 0 8px}
.wkgl{display:flex;justify-content:space-between;font-size:.875rem;margin-bottom:6px}
.wkgb{height:8px;border-radius:4px;background:var(--track);overflow:hidden}
.wkgb i{display:block;height:100%;background:var(--primary);border-radius:4px;transition:width .5s}
.wkg small{display:block;color:var(--muted);font-size:.8125rem;margin-top:4px}
.habw{width:100%;margin:4px 0 8px}
#habl{display:flex;flex-direction:column;gap:8px;margin-top:6px}
.hab{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;border-radius:var(--r-m);text-align:start;padding:0 14px;color:var(--fg);border-color:var(--track);background:var(--card,transparent)}
.hab .htx{flex:1}.hab b{font-weight:500;color:var(--muted);font-size:.875rem}
.hck{width:22px;height:22px;border-radius:50%;border:2px solid var(--primary);display:inline-flex;align-items:center;justify-content:center;font-size:.8125rem;flex:none;color:var(--on)}
.hab.on .hck{background:var(--primary)}
.hab.on .htx{text-decoration:line-through;color:var(--muted)}
.rtr{display:flex;gap:8px;align-items:center;padding:8px 0;border-top:1px solid var(--track);width:100%}
.rtr input[type=time]{width:auto;min-width:6.5rem}
.rtr input[type=text]{flex:1;width:auto;min-width:0;text-align:start}
.rtr .hbt{flex:1}
.rtr .x{min-height:36px;min-width:36px;padding:0}
.lkq{gap:10px;margin-bottom:4px}
.lkq button{flex:1}

/* ---------- v19: account card, coming soon ---------- */
.acct{display:flex;align-items:center;gap:12px;width:100%;box-sizing:border-box;background:var(--card);border:1px solid var(--track);border-radius:var(--r-m);padding:12px 16px;margin:2px 0 6px}
.acci{width:40px;height:40px;border-radius:50%;flex:none;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--primary) 14%,transparent);color:var(--primary)}
.acci svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.acct-t{flex:1;display:flex;flex-direction:column}.acct-t small{color:var(--muted);font-size:.8125rem}
.gsi{background:var(--card2);border-color:var(--track);color:var(--fg);font-size:.875rem;padding:0 14px;white-space:nowrap}
.soon-ic{font-size:2.4rem;text-align:center;margin-top:10px}
#disl a,.note a{color:var(--primary)}
/* ---------- skins ---------- */
:root[data-skin="glass"]{--card:rgba(255,255,255,.42);--card2:rgba(255,255,255,.35);--track:rgba(14,60,80,.16)}
:root[data-skin="glass"][data-theme="dark"],:root[data-skin="glass"]:not([data-theme="light"]){color-scheme:light dark}
@media (prefers-color-scheme:dark){:root[data-skin="glass"]:not([data-theme="light"]){--card:rgba(20,40,52,.42);--card2:rgba(20,40,52,.35);--track:rgba(160,220,235,.16)}}
:root[data-skin="glass"][data-theme="dark"]{--card:rgba(20,40,52,.42);--card2:rgba(20,40,52,.35);--track:rgba(160,220,235,.16)}
:root[data-skin="glass"] body{background:
  radial-gradient(40vmax 40vmax at 12% 8%,color-mix(in srgb,var(--primary) 38%,transparent),transparent 70%),
  radial-gradient(45vmax 45vmax at 95% 35%,rgba(167,139,250,.30),transparent 70%),
  radial-gradient(50vmax 50vmax at 30% 100%,rgba(56,189,248,.30),transparent 70%),var(--bg);background-attachment:fixed}
:root[data-skin="glass"] :is(#v-set details,#v-set>.f,.acct,.tip,#eod,#wkc,#bkp,#qc,#ic,#wx,#wko,#limb,#dcard,#invc,.sheet,#tabs,.hab,.fav,.avans){
  background:var(--card);-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);
  border:1px solid rgba(255,255,255,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 8px 30px rgba(10,40,60,.12)}
@media (prefers-color-scheme:dark){:root[data-skin="glass"]:not([data-theme="light"]) :is(#v-set details,#v-set>.f,.acct,.tip,#eod,#wkc,#bkp,#qc,#ic,#wx,#wko,#limb,#dcard,#invc,.sheet,#tabs,.hab,.fav,.avans){border-color:rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 30px rgba(0,0,0,.35)}}
:root[data-skin="glass"][data-theme="dark"] :is(#v-set details,#v-set>.f,.acct,.tip,#eod,#wkc,#bkp,#qc,#ic,#wx,#wko,#limb,#dcard,#invc,.sheet,#tabs,.hab,.fav,.avans){border-color:rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 30px rgba(0,0,0,.35)}
:root[data-skin="glass"] #tabs{border-radius:22px 22px 0 0}
:root[data-skin="glass"] .add{box-shadow:0 10px 30px color-mix(in srgb,var(--primary) 40%,transparent),inset 0 1px 0 rgba(255,255,255,.35)}
:root[data-skin="ocean"]{--bg:#041826;--track:#123247;--fg:#E6F6FB;--muted:#9EC3D1;--card:rgba(10,42,62,.72);--card2:rgba(8,34,50,.8)}
:root[data-skin="ocean"] body{background:linear-gradient(180deg,#06324d 0%,#041826 55%,#020c14 100%) fixed}
:root[data-skin="ocean"] #tabs{background:rgba(4,24,38,.92)}
@media (prefers-reduced-transparency:reduce){:root[data-skin="glass"] :is(#v-set details,#v-set>.f,.acct,.tip,.sheet,#tabs,.hab,.fav,.avans,#eod,#wkc,#bkp,#qc,#ic,#wx,#wko,#limb,#dcard,#invc){-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--bg)}}
#th button:disabled{opacity:.45}

/* ---------- v20: accessibility menu ---------- */
.skip{position:absolute;top:-60px;inset-inline-start:8px;z-index:100;background:var(--primary);color:var(--on);padding:10px 16px;border-radius:var(--r-s);text-decoration:none;font-weight:600}
.skip:focus{top:8px}
#mn:focus{outline:none}
.acci svg circle{fill:currentColor}
#a11y input[type=checkbox]{-webkit-appearance:none;appearance:none;width:48px;height:28px;min-height:0;border-radius:var(--r-m);background:var(--track);position:relative;cursor:pointer;border:0;margin:0;flex:none;padding:0;transition:background .2s}
#a11y input[type=checkbox]::before{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:transform .2s}
#a11y input[type=checkbox]:checked{background:var(--primary)}
#a11y input[type=checkbox]:checked::before{transform:translateX(20px)}
[dir="rtl"] #a11y input[type=checkbox]:checked::before{transform:translateX(-20px)}
#a11y input[type=checkbox]:focus-visible{outline:3px solid var(--primary);outline-offset:3px}
#a11y .f small{display:block;color:var(--muted);font-size:.8125rem}
#a11y .f{padding:10px 0;border-top:1px solid var(--track);margin-top:0}
/* high contrast */
:root.a-hc{--bg:#FFFFFF;--fg:#000000;--muted:#1F2937;--track:#D1D5DB;--card:#FFFFFF;--card2:#FFFFFF;--primary:#00516B!important;--on:#FFFFFF!important}
@media (prefers-color-scheme:dark){:root.a-hc:not([data-theme="light"]){--bg:#000000;--fg:#FFFFFF;--muted:#E5E7EB;--track:#374151;--card:#000000;--card2:#000000;--primary:#7DE3F5!important;--on:#000000!important}}
:root.a-hc[data-theme="dark"]{--bg:#000000;--fg:#FFFFFF;--muted:#E5E7EB;--track:#374151;--card:#000000;--card2:#000000;--primary:#7DE3F5!important;--on:#000000!important}
:root.a-hc body{background:var(--bg)!important;background-image:none!important}
:root.a-hc *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;text-shadow:none!important}
:root.a-hc :is(button,input,select,details,.tip,.sheet,.acct,#tabs){border-width:2px!important;border-color:var(--fg)!important}
:root.a-hc a{text-decoration:underline!important}
:root.a-hc.haswall,:root.a-hc.haswall body{background-image:none!important}
/* stop animations */
:root.a-na *,:root.a-na *::before,:root.a-na *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
/* text spacing (WCAG 1.4.12) */
:root.a-tsp body{line-height:1.6;letter-spacing:.06em;word-spacing:.16em}
:root.a-tsp p{margin-bottom:1em}
/* highlight links and focus */
:root.a-hl a,:root.a-hl .lnk{text-decoration:underline!important;text-underline-offset:3px;font-weight:600}
:root.a-hl :focus-visible{outline:4px solid #F59E0B!important;outline-offset:3px!important}
/* big targets */
:root.a-big button,:root.a-big a.btn,:root.a-big select,:root.a-big input[type=number],:root.a-big input[type=text]{min-height:54px}
:root.a-big .lnk{min-height:48px;padding:0 12px}
/* ---------- skins ---------- */
.skn{flex-wrap:wrap}
:root[data-skin="sunset"]{--bg:#FFF4EC;--track:#F6D9C6;--fg:#3A1E12;--muted:#7A4E3A;--card:rgba(255,255,255,.75);--card2:#FFF9F5}
:root[data-skin="sunset"] body{background:linear-gradient(170deg,#FFE3CF 0%,#FFD1D9 55%,#FFF4EC 100%) fixed}
:root[data-skin="forest"]{--bg:#06231A;--track:#174634;--fg:#E3F5EC;--muted:#A3CDB8;--card:rgba(10,52,38,.72);--card2:rgba(8,40,30,.8)}
:root[data-skin="forest"] body{background:linear-gradient(180deg,#0B3B2B 0%,#06231A 60%,#03140F 100%) fixed}
:root[data-skin="midnight"]{--bg:#140C2B;--track:#2E2257;--fg:#EEE9FF;--muted:#B9AEE6;--card:rgba(32,22,70,.72);--card2:rgba(26,18,58,.8)}
:root[data-skin="midnight"] body{background:radial-gradient(70vmax 60vmax at 80% 0%,#3B2A7A 0%,transparent 60%),linear-gradient(180deg,#1B1140,#0B0618) fixed}
:root[data-skin="paper"]{--bg:#FAF7F2;--track:#E7DFD3;--fg:#2B2622;--muted:#6B6158;--card:#FFFFFF;--card2:#FBF8F3}
:root[data-skin="paper"] :is(#v-set details,#v-set>.f,.acct,.tip,.sheet){box-shadow:0 1px 0 rgba(0,0,0,.04),0 6px 18px rgba(60,40,20,.06)}
:root:is([data-skin="forest"],[data-skin="midnight"]) #tabs{background:color-mix(in srgb,var(--bg) 92%,transparent)}
/* ---------- wallpapers ---------- */
:root.haswall body{background:linear-gradient(color-mix(in srgb,var(--bg) 35%,transparent),color-mix(in srgb,var(--bg) 35%,transparent)),var(--wall),var(--bg)!important;background-attachment:fixed!important}
:root.haswall.wallphoto body{background:linear-gradient(color-mix(in srgb,var(--bg) 62%,transparent),color-mix(in srgb,var(--bg) 62%,transparent)),var(--wall) center/cover no-repeat fixed,var(--bg)!important}
.wls{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.wls button{min-height:40px;font-size:.875rem;padding:0 12px}
.wls button[aria-pressed="true"],.skn button[aria-pressed="true"]{background:var(--primary);color:var(--on)}
/* ---------- ring segments, celebration, quick glance ---------- */
.rseg{fill:none;stroke-width:12;stroke-linecap:butt;transition:stroke-dasharray .6s ease,stroke-dashoffset .6s ease}
#ring.cele::after{content:"";position:absolute;inset:4%;border-radius:50%;border:4px solid var(--primary);animation:cele 1.6s ease-out 2;pointer-events:none}
@keyframes cele{from{transform:scale(.92);opacity:.9}to{transform:scale(1.32);opacity:0}}
.simple .n{font-size:clamp(3rem,18vw,4.6rem)}
.simple .add{min-height:66px;font-size:1.3rem;border-radius:33px}
.simple #tip,.simple #wks{display:none}

/* audit fixes: selected state contrast, switch everywhere in dialogs, narrow account card */
.chip[aria-pressed="true"],.seg button[aria-pressed="true"]{background:var(--primary);color:var(--on);border-color:var(--primary)}
.sheet input[type=checkbox]{-webkit-appearance:none;appearance:none;width:48px;height:28px;min-height:0;border-radius:var(--r-m);background:var(--track);position:relative;cursor:pointer;border:0;margin:0;flex:none;padding:0;transition:background .2s}
.sheet input[type=checkbox]::before{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:transform .2s}
.sheet input[type=checkbox]:checked{background:var(--primary)}
.sheet input[type=checkbox]:checked::before{transform:translateX(20px)}
[dir="rtl"] .sheet input[type=checkbox]:checked::before{transform:translateX(-20px)}
.sheet input[type=checkbox]:focus-visible{outline:3px solid var(--primary);outline-offset:3px}
.acct{flex-wrap:wrap}.acct .gsi{margin-inline-start:auto}

/* v20b: accessibility as a regular settings row */
.setlink{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;margin-top:10px;padding:0 16px;border-radius:var(--r-m);border:1px solid var(--track);background:var(--card);color:var(--fg);font-size:1rem;font-weight:500;text-align:start;box-sizing:border-box}
.chev2{width:20px;height:20px;fill:none;stroke:var(--muted);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
[dir="rtl"] .chev2{transform:scaleX(-1)}
:root[data-skin="glass"] .setlink{background:var(--card);-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%)}

/* v21: lock screen */
#lk{--lkfg:#FFFFFF;--lkmut:rgba(255,255,255,.92);--lkglass:rgba(255,255,255,.12);--lkline:rgba(255,255,255,.42);--lkbtn:#0B4A5E;
  background:radial-gradient(130% 60% at 50% 0%,#0E7490 0%,rgba(14,116,144,0) 70%),linear-gradient(175deg,#0B5268 0%,#073847 55%,#052833 100%);color:var(--lkfg);align-items:flex-start;padding:max(28px,env(safe-area-inset-top)) 20px 48px}
#lkb{position:relative;z-index:1;margin:auto;max-width:380px;text-align:center}
.lkbg{position:fixed;inset:auto 0 0 0;height:20vh;overflow:hidden;pointer-events:none}
.lkbg svg{width:200%;height:100%;animation:lkwv 14s linear infinite}
.lkw1{fill:rgba(255,255,255,.07)}.lkw2{fill:rgba(255,255,255,.05)}
@keyframes lkwv{to{transform:translateX(-25%)}}
.lklogo{width:80px;height:80px;margin:6px auto 14px;border-radius:var(--r-l);background:var(--lkglass);border:1px solid var(--lkline);display:grid;place-items:center;box-shadow:0 12px 32px rgba(0,0,0,.28)}
.lklogo svg{width:52px;height:52px}
.lkdrop{fill:var(--lkfg)}.lkshine{fill:none;stroke:#0E7490;stroke-width:2.4;stroke-linecap:round;opacity:.55}
.lkbadge{fill:#0B5268;stroke:var(--lkfg);stroke-width:2}.lkshackle{fill:none;stroke:var(--lkfg);stroke-width:2.4;stroke-linecap:round}
.lkhi{margin:0;font-size:.95rem;color:var(--lkmut)}
#lk h2{margin:4px 0 6px;font-size:1.6rem;line-height:1.25;font-weight:700;color:var(--lkfg)}
.lksub{margin:0;font-size:.9rem;color:var(--lkmut)}
#lk button{font:inherit;color:var(--lkfg);background:var(--lkglass);border:1px solid var(--lkline);box-shadow:none;-webkit-tap-highlight-color:transparent}
#lk button:focus-visible,#lk input:focus-visible{outline:3px solid var(--lkfg);outline-offset:3px}
#lk .lkfp{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;min-height:124px;margin:24px 0 4px;border-radius:var(--r-l);font-size:1.05rem;font-weight:600}
#lk .lkfp[hidden]{display:none}
.lkfpi{position:relative;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.14)}
.lkfpi svg{width:36px;height:36px;fill:none;stroke:var(--lkfg);stroke-width:1.6;stroke-linecap:round}
.lkfpi::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--lkline);animation:lkpulse 2.4s ease-out infinite}
@keyframes lkpulse{0%{transform:scale(.9);opacity:.9}100%{transform:scale(1.25);opacity:0}}
#lk .lkfp:active{transform:scale(.98)}
.lkpw{margin-top:20px;text-align:start}
.lkpl{display:block;font-size:.9rem;color:var(--lkmut);margin:0 4px 6px}
.lkpr{display:flex;gap:8px}
#lkp{flex:1;min-width:0;width:auto;height:54px;margin:0;border-radius:var(--r-m);border:1px solid var(--lkline);background:rgba(0,0,0,.2);color:var(--lkfg);font-size:1.3rem;letter-spacing:.25em;text-align:center;padding:0 14px;box-sizing:border-box}
#lk #lku{height:54px;min-width:88px;margin:0;border-radius:var(--r-m);background:var(--lkfg);color:var(--lkbtn);border-color:var(--lkfg);font-weight:700}
.lkm{min-height:1.4em;margin:12px 0 0;font-size:.9rem;font-weight:500;color:var(--lkfg)}
.lkm:empty{margin-top:4px}
.lkqw{margin-top:18px;padding:14px;border-radius:22px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.2)}
.lkqt{margin:0 0 10px;font-size:.9rem;color:var(--lkmut)}
.lkq{display:flex;gap:10px;flex-wrap:wrap}
#lk .lkq button{flex:1 1 130px;min-height:52px;margin:0;border-radius:var(--r-m);display:flex;align-items:center;justify-content:center;gap:6px;font-weight:600;font-size:.95rem}
.lkq svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
#lk .lkfg{display:inline-block;margin:18px auto 0;min-height:44px;padding:0 12px;background:none;border:0;text-decoration:underline;text-underline-offset:3px;font-size:.9rem}
.lkfgp{margin-top:6px;padding:14px;border-radius:var(--r-m);background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.2)}
.lkfgp p{margin:0 0 12px;font-size:.88rem;color:var(--lkmut)}
#lk #lkw{width:100%;min-height:48px;margin:0;border-radius:var(--r-m);background:rgba(185,28,28,.35);border-color:rgba(254,202,202,.7)}
@media (prefers-reduced-motion:reduce){.lkbg svg,.lkfpi::after{animation:none}}
:root.a-na .lkbg svg,:root.a-na .lkfpi::after{animation:none}
:root.a-hc #lk{background:var(--bg)!important;--lkfg:var(--fg);--lkmut:var(--fg);--lkglass:transparent;--lkline:var(--fg);--lkbtn:var(--bg)}
:root.a-hc .lkbg{display:none}:root.a-hc .lkqw,:root.a-hc .lkfgp,:root.a-hc #lkp,:root.a-hc .lkfpi{background:transparent}
:root.a-hc .lkbadge{fill:var(--bg)}:root.a-hc .lkshine{stroke:var(--bg)}
@media (forced-colors:active){#lk{background:Canvas;color:CanvasText}.lkbg{display:none}}
/* v21: advanced switch sits above the advanced groups */
#v-set .advt{margin-top:28px;padding:14px 16px;border-radius:var(--r-m);border:1px dashed var(--track);box-sizing:border-box}
.verl{text-align:center;margin-top:24px}
.lkbg{direction:ltr}
#lk .lkq button{flex-direction:column;gap:4px;padding:10px 8px;min-height:68px;line-height:1.25}
/* glass and bottle: keep the number and label inside the outline */
.ring[data-viz="glass"] .n,.ring[data-viz="bottle"] .n{font-size:clamp(2rem,10.5vw,2.9rem)}
.ring[data-viz="glass"] .l,.ring[data-viz="bottle"] .l{font-size:.8125rem;max-width:56%;text-align:center;line-height:1.3}
.ring[data-viz="bottle"] .n{font-size:clamp(1.7rem,8.5vw,2.3rem)}.ring[data-viz="bottle"] .l{max-width:44%;font-size:.75rem}
#lk{background-color:#0E7490}
#lk{--lkglass:rgba(255,255,255,.08);--lkmut:rgba(255,255,255,.96)}.lkqw{background:rgba(0,0,0,.14)}.lkfpi{background:rgba(255,255,255,.1)}

/* v22: drink layers in the glass and the bottle */
.ring.lay .gg .wave,.ring.lay .gb .wave,.lyr{fill-opacity:.6}
.lyr{transition:y .8s}
@media (prefers-reduced-motion:reduce){.lyr{transition:none}}
/* v22: advanced settings button */
.xsetb .chev2{transition:transform .2s}
[dir="rtl"] .xsetb .chev2,.xsetb .chev2{transform:none}
.xsetb[aria-expanded="true"] .chev2{transform:rotate(180deg)}
.xsetb small{display:block;font-size:.8125rem;font-weight:400;color:var(--muted);margin-top:2px}
.xsetb[aria-expanded="true"]{border-color:var(--primary)}
.xsetw{margin-top:6px;padding-inline-start:10px;border-inline-start:3px solid var(--primary);border-radius:2px}
/* v22: colour-blind palette */
.cbprev{display:flex;gap:6px;margin:8px 0 2px}
.cbprev i{flex:1;height:14px;border-radius:7px}
:root.a-cb{--ok:#0072B2;--warn:#A65E00;--over:#8E1F5C;--lim:#8A5A00}
@media (prefers-color-scheme:dark){:root.a-cb:not([data-theme="light"]){--ok:#56B4E9;--warn:#F0B54A;--over:#E58FC4;--lim:#E6C35C}}
:root.a-cb[data-theme="dark"]{--ok:#56B4E9;--warn:#F0B54A;--over:#E58FC4;--lim:#E6C35C}
/* v22: drink picker */
#chips .cats{display:flex;gap:4px;padding:4px;border-radius:var(--r-m);background:var(--track);margin:0 0 12px}
#chips .cats .chip{flex:1;min-height:42px;padding:0 4px;border:0;border-radius:var(--r-s);background:transparent;color:var(--fg);font-size:.8125rem;font-weight:500;box-shadow:none}
#chips .cats .chip[aria-pressed="true"]{background:var(--card);color:var(--fg);font-weight:700;box-shadow:0 1px 4px rgba(0,0,0,.16)}
#chips .dr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px}
#chips .dtile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:86px;padding:10px 4px;border-radius:var(--r-m);border:1.5px solid var(--track);background:var(--card);color:var(--fg);font-size:.8125rem;font-weight:500;line-height:1.2;text-align:center}
.dti{width:40px;height:40px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--track);background:color-mix(in srgb,var(--dc) 20%,transparent)}
.dti .di{width:22px;height:22px;margin:0}
#chips .dtile[aria-pressed="true"]{border-color:var(--primary);background:var(--card);background:color-mix(in srgb,var(--primary) 10%,var(--card));color:var(--fg);font-weight:700;box-shadow:inset 0 0 0 1px var(--primary)}
#chips .dtile[aria-pressed="true"]::after{content:"";position:absolute;top:7px;inset-inline-end:7px;width:16px;height:16px;border-radius:50%;background:var(--primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.2l2.6 2.6L12 5.4' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
#chips .cr{display:flex;align-items:center;gap:8px;margin:0 0 8px}
#chips .cr>span{flex:0 0 66px;width:auto;display:flex;align-items:center;gap:6px;font-size:.875rem;color:var(--muted)}
.szi{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
#chips .sz{flex:1;min-height:48px;padding:0;border-radius:var(--r-m);border:1.5px solid var(--track);background:var(--card);color:var(--fg);font-weight:600;font-variant-numeric:tabular-nums;box-shadow:none}
#chips .sz[aria-pressed="true"]{background:var(--primary);color:var(--on);border-color:var(--primary)}
/* v22: quick buttons on the main screen */
.fav{display:flex;align-items:center;justify-content:center;gap:10px;min-height:58px;padding:0 12px;border-radius:var(--r-m);border:1.5px solid var(--track);background:var(--card);color:var(--fg);font-weight:600}
.fav .dti{width:34px;height:34px}.fav .dti .di{width:20px;height:20px}
.fvl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:root.a-hc .dti{background:transparent;border:1px solid var(--fg)}
@media (forced-colors:active){.dti{border:1px solid CanvasText}#chips .dtile[aria-pressed="true"]::after{forced-color-adjust:none}}
.ring[data-viz="glass"] .l,.ring[data-viz="bottle"] .l{background:var(--bg);background:color-mix(in srgb,var(--bg) 82%,transparent);border-radius:8px;padding:1px 6px}
/* v24: the text inside the ring scales with the ring */
.ring{container-type:inline-size}
.ring:not([data-viz="glass"]):not([data-viz="bottle"]) .n{font-size:min(clamp(2.4rem,14vw,3.8rem),27cqi)}
.ring:not([data-viz="glass"]):not([data-viz="bottle"]) .l{font-size:min(.9375rem,7.6cqi);white-space:nowrap}

/* v25: main screen */
.ring .n0{display:none;font-size:min(1.7rem,12cqi);font-weight:600;line-height:1.15;text-align:center}
.ring.empty .n{display:none}.ring.empty .n0{display:block}
.ring[data-viz="glass"] .l,.ring[data-viz="bottle"] .l{display:none}
.ring[data-viz="glass"] .n{font-size:min(clamp(2rem,10.5vw,2.9rem),20cqi)}
.ring[data-viz="bottle"] .n{font-size:min(clamp(1.7rem,8.5vw,2.3rem),15cqi)}
.ring[data-viz="glass"] .c{padding-top:4%}
.ring[data-viz="bottle"] .c{padding-top:22%}
.dup{display:none!important}
.lnk{text-underline-offset:5px;text-decoration-skip-ink:auto}
.fav{border-color:var(--track);border-color:color-mix(in srgb,var(--primary) 30%,var(--track))}
.fav .di{width:22px;height:22px}
#tip{margin-top:14px}
.selslot:has(#sel.dup):has(#toast[hidden]){min-height:0;margin:0}

/* v26 */
.fly{position:fixed;width:22px;height:22px;z-index:40;pointer-events:none;color:var(--primary);filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))}
.fly svg{width:100%;height:100%;display:block}
#jr .xo{width:44px;min-width:44px;padding:0;display:inline-flex;align-items:center;justify-content:center}
#jr .xo svg{width:20px;height:20px;fill:currentColor}
#jr li[data-t]:not([data-t="0"]){cursor:pointer}
#eod{display:flex;flex-direction:column;gap:4px}
#eod[hidden]{display:none}
#eodh{font-size:1rem}
.eodp{color:var(--muted);font-size:.9rem}
.insh{font-size:1.05rem;font-weight:600;line-height:1.45;padding:12px 14px;border-radius:var(--r-m);background:var(--track);background:color-mix(in srgb,var(--primary) 12%,transparent);margin:0 0 10px}

/* v27: feedback */
#fbb{margin-top:24px}
#fbt{margin:10px 0 4px}
.fbm{word-break:break-all}

/* v28: feedback technical details preview */
.fbd{margin:12px 0 4px;padding:10px 12px;border-radius:var(--r-s);background:var(--track);font-size:.85rem}
.fbd pre{margin:6px 0;white-space:pre-wrap;word-break:break-word;font:inherit;font-size:.8rem;color:var(--muted);text-align:start;max-height:6.5em;overflow:auto}
.fbd small{display:block;color:var(--muted)}
.fbd small,.fbd pre{color:var(--fg)}
#fbt button{min-width:0;padding:0 6px;font-size:.875rem;overflow-wrap:anywhere}

/* v29: link rows look like the other settings cards */
.setlink{min-height:72px;padding:12px 18px;gap:14px;justify-content:flex-start;border-radius:var(--r-m);text-align:start}
.setlink .slt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;font-weight:700;font-size:1.0625rem;line-height:1.3}
.setlink .slt small{display:block;font-weight:400;font-size:.8125rem;color:var(--muted);line-height:1.35}
.setlink .chev2{margin-inline-start:auto}
.xsetb .slt small,.advb small{margin-top:0}

/* v34: per-group "more options" */
.morebtn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:14px;min-height:44px;border:0;border-top:1px solid var(--track);border-radius:0;background:none;color:var(--primary);font-weight:600}
.morebtn .chev2{transition:transform .2s;stroke:currentColor}
.morebtn[aria-expanded="true"] .chev2{transform:rotate(180deg)}
.more{width:100%}
/* v34: drink editor */
.dedb{display:block;margin:6px auto 0;font-size:.875rem}
.dedr{display:flex;align-items:center;justify-content:center;gap:18px;margin:14px 0}
.dedr b{min-width:90px;text-align:center;font-size:1.8rem;font-variant-numeric:tabular-nums}
.dedr button{min-width:64px}
/* v34: first week */
.fwc{width:100%;margin:12px 0 4px;padding:14px 16px;border-radius:var(--r-m);background:var(--track);background:color-mix(in srgb,var(--primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--primary) 25%,transparent);box-sizing:border-box}
.fwh{display:flex;align-items:center;justify-content:space-between;gap:8px}
.fwh b{font-size:.95rem}
.fwx{min-height:36px;min-width:36px;padding:0;border:0;background:none;color:var(--muted)}
.fwc p{margin:6px 0 10px;font-size:.95rem}
.fwdots{display:flex;gap:6px}
.fwdots i{flex:1;height:6px;border-radius:3px;background:var(--track)}
.fwdots i.on{background:var(--ok)}
.fwdots i.now{outline:2px solid var(--primary);outline-offset:1px}
/* v34: statistics tabs */
.sttabs{margin:6px 0 16px}
.sttabs button[aria-selected="true"]{background:var(--primary);color:var(--on);border-color:var(--primary);font-weight:700}
.stp{width:100%;display:flex;flex-direction:column;align-items:center}
.stp[hidden]{display:none}

/* v35: training days in the assistant */
.wdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.wdays button{min-width:0;min-height:44px;padding:0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#avtx button{min-width:0;min-height:44px;padding:4px 6px;white-space:normal;line-height:1.2}

/* v36: knowledge base, AI answers, share */
.tip.kb p,.tip.ai p,.kbd p{margin:6px 0 0;line-height:1.5}
.src{font-size:.8125rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:4px 6px;align-items:baseline}
.src a{color:var(--primary);text-decoration:underline;overflow-wrap:anywhere}
.tip.ai{border:1.5px solid color-mix(in srgb,var(--primary) 35%,transparent)}
.aio{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;font-size:.875rem}
.aio span{flex:1 1 180px}
.aio.on{padding:10px 12px;border-radius:var(--r-m);background:color-mix(in srgb,var(--primary) 8%,transparent)}
.aio button{min-height:44px;padding:0 14px}
.aic{margin:8px 0;padding:12px 14px;border-radius:var(--r-m);border:1.5px solid var(--track);font-size:.9rem}
.aic p{margin:6px 0;line-height:1.5}
.aic a{color:var(--primary)}
.aiwait{animation:aip 1.4s ease-in-out infinite}
@keyframes aip{50%{opacity:.5}}
@media (prefers-reduced-motion:reduce){.aiwait{animation:none}}
.kbd{border-bottom:1px solid var(--track);padding:6px 0}
.kbd summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:600}
#kball{margin-top:6px}
#avact button{white-space:normal;line-height:1.2;padding:4px 6px;min-height:44px}

/* v37: AI notices */
.aio.warn{padding:10px 12px;border-radius:var(--r-m);border:1.5px solid var(--warn,#b45309);background:color-mix(in srgb,var(--warn,#b45309) 10%,transparent)}
.aio.care{padding:12px 14px;border-radius:var(--r-m);background:color-mix(in srgb,var(--primary) 10%,transparent);font-size:.9375rem;line-height:1.5}
.aicnt{font-weight:600}
.btn.webs{min-height:44px;display:inline-flex;align-items:center;padding:0 14px}

/* v38 */
.aio .webs{margin-inline-start:0}
#tsw:empty{display:none}