/* head */
#zschsplash{position:fixed;inset:0;z-index:70;background:#35493B;display:flex;align-items:center;justify-content:center;padding:24px;transition:opacity .45s ease;font-family:"Poppins",system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;animation:zschsafe 0s linear 12s forwards}
#zschsplash.out{opacity:0;pointer-events:none}
#zschsplash .ld{font-size:13px;opacity:.75;margin-top:2px}
@keyframes zschsafe{to{opacity:0;visibility:hidden;pointer-events:none}}
#zschsplash .sp{text-align:center;display:grid;justify-items:center;gap:10px}
#zschsplash img,#zschsplash .splogo{width:112px;height:112px;display:block;border-radius:28px;border:2px solid rgba(255,250,246,.35);box-shadow:0 14px 36px rgba(0,0,0,.3);margin-bottom:10px}
#zschsplash .nm{font-family:"Instrument Serif","Lora",Georgia,serif;font-style:italic;font-size:46px;line-height:1.05;color:#FFFAF6}
#zschsplash .tg{font-size:15px;color:#F2C3A6;line-height:1.4}
#zschsplash .by{font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,250,246,.7);margin-top:18px}
#zschsplash .dots{display:flex;gap:6px;margin-top:22px}#zschsplash .dots i{width:7px;height:7px;border-radius:50%;background:#F2C3A6;opacity:.35;animation:zschdot 1s infinite}
#zschsplash .dots i:nth-child(2){animation-delay:.15s}#zschsplash .dots i:nth-child(3){animation-delay:.3s}
@keyframes zschdot{50%{opacity:1}}
body.elementor-editor-active #zschsplash{display:none!important}#zschsplash{background:#FFFAF6!important}#zschsplash .nm{color:#35493B!important}#zschsplash .ld{color:#6B5A52!important}#zschsplash .tg{color:#A9552C!important}#zschsplash .by{color:#6B5A52!important}#zschsplash img{border-color:#EADDD3!important;box-shadow:0 14px 36px rgba(46,35,32,.14)!important}#zschsplash .dots i{background:#A9552C!important}
#zschintro .zi{margin-right:14px;width:44px;height:44px;border-radius:14px;background:#E6EAE0;color:#35493B;display:grid!important;place-items:center;flex:none;font-size:0!important}
#zschintro .hsx{position:relative;border-radius:26px;padding:18px 16px 16px;background:linear-gradient(160deg,#F6E2D3 0%,#F9EEE6 45%,#E6EDDF 100%);overflow:hidden;display:grid;gap:14px;margin-bottom:6px}#zschintro .hsg{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 8px;justify-items:center}#zschintro .hsd{display:grid;gap:5px;justify-items:center;opacity:.55}#zschintro .hsd i{width:44px;height:44px;border-radius:12px;display:block}#zschintro .hsd b{width:30px;height:5px;border-radius:4px;background:rgba(46,35,32,.15)}#zschintro .hsme{display:grid;gap:5px;justify-items:center;z-index:1;animation:hsPop 1.2s cubic-bezier(.2,1.4,.4,1) .2s both}#zschintro .hsic{width:58px;height:58px;display:block;border-radius:15px;box-shadow:0 0 0 4px #fff,0 10px 26px rgba(53,73,59,.35);margin-top:-7px}#zschintro .hsic svg{width:100%;height:100%;display:block}#zschintro .hsme b{font-size:11px;font-weight:600;color:#2E2320;white-space:nowrap}#zschintro .hsn{text-align:center}#zschintro .hst{font-family:Poppins,sans-serif;font-weight:700;font-size:30px;line-height:1.05;color:#2E2320;letter-spacing:-.01em}#zschintro .hst em{font-family:Lora,Georgia,serif;font-style:italic;font-weight:600;color:#35493B}#zschintro .hss{font-size:13.5px;color:#6B5A52;margin-top:4px}@keyframes hsPop{0%{transform:scale(.4);opacity:0}100%{transform:scale(1);opacity:1}}@media (prefers-reduced-motion:reduce){#zschintro .hsme{animation:none}}#zschintro .hsc .hsx{padding:12px 14px;gap:8px;grid-template-columns:auto 1fr;align-items:center}#zschintro .hsc .hsg{grid-template-columns:repeat(3,48px);gap:8px}#zschintro .hsc .hst{white-space:nowrap}#zschintro .hsc .hsd i{width:38px;height:38px;border-radius:10px}#zschintro .hsc .hsic{width:46px;height:46px;border-radius:12px;margin-top:-4px}#zschintro .hsc .hsme b{font-size:9.5px}#zschintro .hsc .hst{font-size:22px;text-align:left}#zschintro .hsc .hsn{text-align:left}@media (max-width:370px){#zschintro .hsc .hsx{grid-template-columns:1fr}}
/* head */

#zstl{margin-top:env(safe-area-inset-top,0px)!important}
#zsmp{margin-top:calc(58px + env(safe-area-inset-top,0px))!important}
html body #zsmpf .nav{top:0;bottom:auto;left:0;right:0;transform:none;width:auto;border-radius:0;background:#FFFAF6;box-shadow:0 2px 12px rgba(46,35,32,.06);border-bottom:1px solid #E8D6CA;padding-top:env(safe-area-inset-top,0px);padding-bottom:0;z-index:20}
html body #zsmpf .nav .wrap{grid-template-columns:auto repeat(5,minmax(0,1fr));gap:3px;padding:8px 8px;max-width:760px}
html body #zsmpf .nav .tab{color:#6B5A52;opacity:1;font-size:12px;font-weight:600;padding:9px 1px;display:block;text-align:center;border-radius:999px;min-height:38px;white-space:nowrap}
html body #zsmpf .nav .tab svg{display:none}
html body #zsmpf .nav[hidden]{display:block!important}
html body #zsmpf .nav .tab[aria-selected="true"]{background:#35493B;color:#FFFAF6}
html body #zsmpf .nav .badge{position:static;display:inline-grid;margin-left:2px;box-shadow:none;vertical-align:1px}
html body #zsmpf .zsch-back{appearance:none;-webkit-appearance:none;border:1px solid #D9C2B3;background:#fff;color:#A9552C;border-radius:999px;padding:0 10px;font:inherit;font-size:12.5px;font-weight:600;min-height:38px;cursor:pointer;white-space:nowrap}
#zschintro{position:fixed;inset:0;z-index:2147483600;background:rgba(31,43,34,.55);overflow:auto;display:flex;padding:calc(16px + env(safe-area-inset-top,0px)) 14px calc(16px + env(safe-area-inset-bottom,0px));font-family:"Poppins",system-ui,-apple-system,"Segoe UI",sans-serif;color:#2E2320;-webkit-font-smoothing:antialiased;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
#zschintro *{box-sizing:border-box}
#zschintro .in{margin:auto;width:100%;max-width:440px;background:#FFFAF6;border-radius:26px;box-shadow:0 24px 60px rgba(0,0,0,.28);padding:26px 20px 22px;display:grid;gap:16px;animation:zschpop .28s ease-out}
@keyframes zschpop{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}
#zschintro .k{font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#A9552C}
#zschintro h1{margin:0;font-size:clamp(30px,8vw,40px);font-weight:700;line-height:1.08;letter-spacing:-.02em;color:#2E2320;font-family:inherit;text-transform:none}
#zschintro .s{font-family:"Instrument Serif","Lora",Georgia,serif;font-style:italic;font-size:21px;color:#C97B52;line-height:1.3;margin:0}
#zschintro p{margin:0;font-size:15px;line-height:1.55;color:#2E2320}
#zschintro .g{display:grid;gap:10px}
#zschintro .c{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;background:#fff;border:1px solid #E8D6CA;border-radius:18px;padding:14px 16px}
#zschintro .c i{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-family:"Instrument Serif","Lora",Georgia,serif;font-size:22px}
#zschintro .c b{display:block;font-weight:600;font-size:16px;margin-bottom:2px}
#zschintro .c span{font-size:14px;color:#6B5A52;line-height:1.45}
#zschintro .nej{font-size:14px;color:#2E2320;margin-top:-4px}#zschintro .nej summary{cursor:pointer;color:#A9552C;font-weight:600;list-style:none;text-align:center;padding:4px}#zschintro .nej summary::-webkit-details-marker{display:none}#zschintro .nej .esc{display:block;margin:8px 0 0;text-align:center;text-decoration:none;border-radius:999px;padding:13px 20px;font-weight:600;font-size:15px;color:#2E2320;border:1px solid #D9C2B3}
#zschintro .wd{display:flex;gap:6px;justify-content:center}#zschintro .wd i{width:8px;height:8px;border-radius:50%;background:#E8D6CA}#zschintro .wd i.on{background:#35493B;width:22px;border-radius:5px}
#zschintro .bn{display:grid;gap:12px}#zschintro .bn>div{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start}#zschintro .bn span{font-size:24px;line-height:1.2}#zschintro .bn p,#zschintro .nv p{margin:0;font-size:14px;line-height:1.45;color:#6B5A52}#zschintro .bn b,#zschintro .nv b{display:block;color:#2E2320;font-size:15.5px;font-weight:600}
#zschintro .nv{display:grid;gap:8px}#zschintro .nv>div{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:center}#zschintro .nv i{width:36px;height:36px;border-radius:50%;display:grid;place-items:center}#zschintro .nv i svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}#zschintro .nv b{font-size:14.5px}#zschintro .nv p{font-size:13px}
#zschintro .q{font-weight:600;margin-top:4px}
#zschintro .tip{background:#F6E7DC;border-radius:14px;padding:12px 14px;font-size:13.5px;color:#2E2320;line-height:1.5}
#zschintro .a{display:grid;gap:10px;position:sticky;bottom:calc(-16px - env(safe-area-inset-bottom,0px));z-index:2;background:#FFFAF6;margin:0 -20px -22px;padding:14px 20px calc(18px + env(safe-area-inset-bottom,0px));border-radius:0 0 26px 26px;box-shadow:0 -14px 18px -10px rgba(46,35,32,.14)}
#zschintro .a button{appearance:none;-webkit-appearance:none;border:0;border-radius:999px;padding:15px 20px;font:inherit;font-size:15px;font-weight:600;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none;margin:0;width:100%}
#zschintro .btnl{display:block;text-align:center;text-decoration:none;border-radius:999px;padding:15px 20px;font-weight:600;font-size:15px}
#zschintro .p1{background:#35493B;color:#FFFAF6}
#zschintro .p2{background:transparent;color:#2E2320;border:1px solid #D9C2B3!important}
#zschintro .ico img{width:72px;height:72px;border-radius:18px;display:block;box-shadow:0 6px 20px rgba(46,35,32,.15)}
#zschintro .box{background:#fff;border:1px solid #E8D6CA;border-radius:18px;padding:14px 16px;font-size:14.5px}
#zschintro .box summary{cursor:pointer;font-weight:600;color:#A9552C}
#zschintro .st{margin:10px 0 0;padding:0;list-style:none;counter-reset:s;display:grid;gap:10px}
#zschintro .st li{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start;line-height:1.45}
#zschintro .st li::before{counter-increment:s;content:counter(s);width:30px;height:30px;border-radius:50%;background:#35493B;color:#FFFAF6;display:grid;place-items:center;font-weight:600;font-size:13px}
#zschintro .lnk{appearance:none;-webkit-appearance:none;background:none;border:0;padding:8px;margin:0 auto;font:inherit;font-size:14px;color:#6B5A52;text-decoration:underline;cursor:pointer;display:block}
#zschintro .hello{display:grid;grid-template-columns:84px 1fr;gap:14px;align-items:center}
#zschintro .me{width:84px;height:84px;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 6px 18px rgba(46,35,32,.16);background:#F2C3A6;display:block}
#zschintro .seedme{display:flex;align-items:center;justify-content:center;background:#F6E7DC;overflow:hidden}
#zschintro .seedme{align-items:flex-start}#zschintro .seedme .seed{width:44px;height:auto;flex:none;margin-top:0}#zschintro .me.seedme{width:56px;height:auto;border:0;box-shadow:none;background:none;border-radius:0;overflow:visible;align-items:flex-end;justify-content:center;align-self:end}#zschintro .hello:has(.seedme){grid-template-columns:56px 1fr;align-items:end}
#zschintro .seedhi{display:flex;flex-direction:column;align-items:center;gap:14px;margin:4px 0 6px}
#zschintro .seedhi .bub{font-size:15px;align-self:stretch}
#zschintro .seedhi .bub::before{left:50%;top:auto;bottom:-8px;transform:translateX(-50%) rotate(-45deg)}
#zschintro .seedhi .seed{width:62px;height:auto;margin-top:4px}
#zschintro h1 em{font-family:Lora,Georgia,serif;font-style:italic;font-weight:500;color:#35493B}
#zschintro .sayb{display:flex;align-items:center;gap:8px;margin:10px auto 0;border:0;border-radius:999px;background:#35493B;color:#FFFAF6;font:inherit;font-size:14px;font-weight:600;padding:9px 16px;cursor:pointer}
#zschintro .sayb.on{background:#A9552C}
#zschintro .misak{display:flex;align-items:center;gap:14px;background:#F6E7DC;border-radius:22px;padding:14px 16px;margin-top:8px}
#zschintro .misak img{width:84px;height:84px;border-radius:50%;object-fit:cover;border:4px solid #fff;flex:none}
#zschintro .misak b{display:block;font-size:17px;color:#2E2320}
#zschintro .misak span{font-size:14px;color:#6B5A52}
#zschintro .bub .bt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#zschintro .bub.open .bt{display:block;-webkit-line-clamp:unset}
#zschintro .bub .more{display:block;margin:6px auto 0;border:0;background:none;color:#A9552C;font:inherit;font-size:14px;font-weight:600;cursor:pointer;padding:2px 6px}
#zschintro .bub{position:relative;background:#fff;border:1px solid #E8D6CA;border-radius:18px;padding:12px 14px;font-size:14px;line-height:1.45;color:#2E2320;box-shadow:0 4px 14px rgba(46,35,32,.06)}
#zschintro .bub::before{content:"";position:absolute;left:-8px;top:50%;width:14px;height:14px;background:#fff;border-left:1px solid #E8D6CA;border-bottom:1px solid #E8D6CA;transform:translateY(-50%) rotate(45deg)}
#zschintro .letter{position:relative;padding-top:46px;margin-top:4px}
#zschintro .letter .me{position:absolute;top:0;left:22px;z-index:2;width:92px;height:92px}
#zschintro .paper{position:relative;background:#FFF6EA;border-radius:6px 22px 22px 22px;padding:58px 20px 18px;transform:rotate(-1.2deg);box-shadow:0 10px 28px rgba(46,35,32,.10);border:1px solid #F0DCC8}
#zschintro .paper::before{content:"";position:absolute;top:-12px;right:34px;width:96px;height:26px;background:rgba(242,195,166,.75);transform:rotate(4deg);border-radius:3px}
#zschintro .paper p{font-family:"Instrument Serif","Lora",Georgia,serif;font-style:italic;font-size:18px;line-height:1.45;color:#2E2320;margin:0 0 8px}
#zschintro .paper .sig{display:block;text-align:right;font-size:28px;margin-top:2px}
#zschintro .c i svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#zschintro .sig{font-family:"Instrument Serif","Lora",Georgia,serif;font-style:italic;font-size:24px;color:#C97B52}

/* mp */

/* Layout: mobilní aplikace, jeden sloupec max 760px, spodní navigace s pěti obrazovkami, recept a režim vaření jako překryvné panely */
:is(#zsmp,#zsmpf){
  --bg:#FFFAF6; --surface:#FFFFFF; --sand:#F6E7DC; --line:#E8D6CA; --line2:#D9C2B3;
  --fg:#2E2320; --muted:#6B5A52;
  --green:#35493B; --green-soft:#E6EAE0; --on-green:#FFFAF6;
  --terra:#C97B52; --cta:#A9552C; --cta-h:#8F4724; --on-cta:#FFFAF6;
  --peach:#F2C3A6; --on-peach:#1F2B22; --fish:#DDE3E8; --on-fish:#3E4D5A;
  --nav:rgba(255,250,246,.92);
  --shadow:0 1px 2px rgba(46,35,32,.05),0 8px 24px rgba(46,35,32,.07);
  --sans:"Poppins",system-ui,-apple-system,"Segoe UI",sans-serif;
  --serif:"Instrument Serif","Lora",Georgia,serif;
}

:root[data-theme="dark"] :is(#zsmp,#zsmpf){
  --bg:#1B1F1C; --surface:#242A26; --sand:#2E2925; --line:#3A3431; --line2:#4A423D;
  --fg:#F4ECE6; --muted:#BBAAA0;
  --green:#A9C2AE; --green-soft:#2E3A31; --on-green:#16201A;
  --terra:#E29B76; --cta:#E08A5E; --cta-h:#EDA27A; --on-cta:#1F1714;
  --peach:#E9B395; --on-peach:#1F2B22; --fish:#2F3A43; --on-fish:#C9D6E0;
  --nav:rgba(27,31,28,.92);
  --shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.3);
  color-scheme:dark}

/* ochrana před styly šablony webu */
body:has(:is(#zsmp,#zsmpf)){background:#FFFAF6;margin:0}

:root[data-theme="dark"] body:has(:is(#zsmp,#zsmpf)){background:#1B1F1C}
:is(#zsmp,#zsmpf){text-align:left;word-break:normal;min-height:100vh}
:is(#zsmp,#zsmpf) :where(button){appearance:none;-webkit-appearance:none;background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;margin:0;font:inherit;color:inherit;text-transform:none;letter-spacing:normal;line-height:inherit;min-height:0;min-width:0;width:auto;height:auto;text-decoration:none;text-align:inherit;cursor:pointer;outline-offset:2px}
:is(#zsmp,#zsmpf) :where(button):hover,:is(#zsmp,#zsmpf) :where(button):focus,:is(#zsmp,#zsmpf) :where(button):active{background:transparent;color:inherit;border-color:inherit;box-shadow:none}
:is(#zsmp,#zsmpf) :where(h1,h2,h3,h4,h5){margin:0;padding:0;font-family:inherit;color:inherit;text-transform:none;letter-spacing:normal;font-size:inherit;font-weight:inherit;line-height:1.2}
:is(#zsmp,#zsmpf) :where(p){margin:0;padding:0;font-size:inherit;color:inherit;line-height:inherit;font-family:inherit}
:is(#zsmp,#zsmpf) :where(a){color:inherit;text-decoration:none;box-shadow:none;border:0}
:is(#zsmp,#zsmpf) :where(a):hover{color:inherit}
:is(#zsmp,#zsmpf) :where(ul,ol){margin:0;padding:0}
:is(#zsmp,#zsmpf) :where(li){margin:0;font-size:inherit;line-height:inherit}
:is(#zsmp,#zsmpf) :where(img){max-width:100%;height:auto;border:0;box-shadow:none;border-radius:0;margin:0;display:inline-block;vertical-align:middle}
:is(#zsmp,#zsmpf) :where(input){margin:0;box-shadow:none;padding:0;min-height:0;font:inherit}
:is(#zsmp,#zsmpf) :where(table,tbody,tr,td,th){border:0;background:transparent;margin:0;font-size:inherit}
:is(#zsmp,#zsmpf) :where(label,span,div,b,small,i,details,summary,nav,main,section){font-family:inherit;letter-spacing:inherit;text-transform:none}
:is(#zsmp,#zsmpf) :where(svg){display:inline-block;max-width:none}
:is(#zsmp,#zsmpf),:is(#zsmp,#zsmpf) *{box-sizing:border-box}
:is(#zsmp,#zsmpf) [hidden]{display:none!important}
:is(#zsmp,#zsmpf){background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}
:is(#zsmp,#zsmpf) .wrap{max-width:760px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
:is(#zsmp,#zsmpf) button{font:inherit;color:inherit;cursor:pointer}
:is(#zsmp,#zsmpf) :focus-visible{outline:2px solid var(--cta);outline-offset:2px;border-radius:8px}
:is(#zsmp,#zsmpf) h1,:is(#zsmp,#zsmpf) h2,:is(#zsmp,#zsmpf) h3{text-wrap:balance;margin:0}
:is(#zsmp,#zsmpf) p{margin:0}
:is(#zsmp,#zsmpf) .kicker{font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--cta)}
:is(#zsmp,#zsmpf) .serif{font-family:var(--serif);font-style:italic;font-weight:400}
:is(#zsmp,#zsmpf) main{padding-block:22px calc(104px + env(safe-area-inset-bottom,0px))}
:is(#zsmp,#zsmpf) section.pane{display:grid;gap:22px}
:is(#zsmp,#zsmpf) .h2{font-size:26px;font-weight:700;letter-spacing:-.01em;line-height:1.15}
:is(#zsmp,#zsmpf) .hint{font-size:13px;color:var(--muted)}

/* buttons */
:is(#zsmp,#zsmpf) .btn{border:0;border-radius:999px;padding:10px 18px;font-weight:600;font-size:14px;background:var(--cta);color:var(--on-cta);white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;gap:8px;justify-content:center}
:is(#zsmp,#zsmpf) .btn:hover{background:var(--cta-h)}
:is(#zsmp,#zsmpf) .btn.ghost{background:transparent;border:1px solid var(--line2);color:var(--fg)}
:is(#zsmp,#zsmpf) .btn.ghost:hover{background:var(--sand)}
:is(#zsmp,#zsmpf) .btn.green{background:var(--green);color:var(--on-green)}
:is(#zsmp,#zsmpf) .btn.lg{padding:14px 22px;font-size:15px}

/* bottom nav */
:is(#zsmp,#zsmpf) .nav{position:fixed;left:0;right:0;bottom:0;z-index:15;background:var(--green);border-top:0;box-shadow:0 -6px 24px rgba(46,35,32,.18);padding-bottom:env(safe-area-inset-bottom,0px)}
:is(#zsmp,#zsmpf) .nav .wrap{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding-block:8px}
:is(#zsmp,#zsmpf) .tab{border:0;background:transparent;display:grid;justify-items:center;gap:3px;padding:8px 2px 7px;border-radius:16px;color:var(--on-green);opacity:.78;font-size:12px;font-weight:500;position:relative;transition:background .15s,opacity .15s}
:is(#zsmp,#zsmpf) .tab:hover{opacity:1;background:rgba(255,255,255,.08)}
:is(#zsmp,#zsmpf) .tab svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
:is(#zsmp,#zsmpf) .tab[aria-selected="true"]{opacity:1;background:var(--peach);color:var(--on-peach);font-weight:600}
:is(#zsmp,#zsmpf) .tab[aria-selected="true"] svg{stroke-width:2.2}
@media (min-width:700px){:is(#zsmp,#zsmpf) .nav{left:50%;right:auto;bottom:16px;transform:translateX(-50%);width:min(620px,calc(100% - 32px));border-radius:24px;padding-bottom:0}:is(#zsmp,#zsmpf) .nav .wrap{padding-inline:8px}}
:is(#zsmp,#zsmpf) .badge{position:absolute;top:2px;box-shadow:0 0 0 2px var(--green);left:calc(50% + 8px);min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--cta);color:var(--on-cta);font-size:10.5px;font-weight:600;display:grid;place-items:center;font-variant-numeric:tabular-nums}

/* today */
:is(#zsmp,#zsmpf) .top{display:flex;justify-content:space-between;align-items:center;gap:12px}
:is(#zsmp,#zsmpf) .brand{font-size:12px;color:var(--muted)}
:is(#zsmp,#zsmpf) .brand b{color:var(--fg);font-weight:600}
:is(#zsmp,#zsmpf) .greet{display:grid;gap:4px}
:is(#zsmp,#zsmpf) .greet h1{font-size:clamp(30px,7.5vw,42px);font-weight:700;line-height:1.05;letter-spacing:-.02em}
:is(#zsmp,#zsmpf) .greet .serif{font-size:clamp(19px,4.6vw,23px);color:var(--terra);line-height:1.25}
:is(#zsmp,#zsmpf) .weekdots{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
:is(#zsmp,#zsmpf) .wd{display:grid;justify-items:center;gap:4px;font-size:11px;color:var(--muted)}
:is(#zsmp,#zsmpf) .wd i{width:100%;height:6px;border-radius:999px;background:var(--line)}
:is(#zsmp,#zsmpf) .wd.done i{background:var(--green)}
:is(#zsmp,#zsmpf) .wd.now i{background:var(--cta)}
:is(#zsmp,#zsmpf) .wd.now{color:var(--fg);font-weight:600}
:is(#zsmp,#zsmpf) .task{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;background:var(--green);color:var(--on-green);border-radius:20px;padding:16px 18px}
:is(#zsmp,#zsmpf) .task .ic{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.14);display:grid;place-items:center}
:is(#zsmp,#zsmpf) .task .ic svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
:is(#zsmp,#zsmpf) .task .t{font-weight:600;font-size:16px;line-height:1.3}
:is(#zsmp,#zsmpf) .task .s{font-size:13px;opacity:.85}
:is(#zsmp,#zsmpf) .task .btn{grid-column:1/-1;justify-self:start;background:var(--peach);color:var(--on-peach)}
:is(#zsmp,#zsmpf) .task .btn:hover{background:var(--line2)}
:is(#zsmp,#zsmpf) .task.soft{background:var(--sand);color:var(--fg)}
:is(#zsmp,#zsmpf) .task.soft .ic{background:var(--surface)}
:is(#zsmp,#zsmpf) .sechead{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
:is(#zsmp,#zsmpf) .sechead h2{font-size:19px;font-weight:600}
:is(#zsmp,#zsmpf) .link{border:0;background:none;color:var(--cta);font-weight:600;font-size:13px;padding:0}
:is(#zsmp,#zsmpf) .feature{display:grid;grid-template-columns:110px 1fr;gap:16px;align-items:center;text-align:left;width:100%;border:1px solid var(--line);background:var(--surface);border-radius:22px;padding:12px;box-shadow:var(--shadow)}
:is(#zsmp,#zsmpf) .feature img{width:110px;height:110px;border-radius:16px;object-fit:cover}
:is(#zsmp,#zsmpf) .feature .lbl{font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--cta)}
:is(#zsmp,#zsmpf) .feature .nm{font-size:18px;font-weight:600;line-height:1.25;margin:2px 0 6px}
:is(#zsmp,#zsmpf) .mini{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media (max-width:460px){:is(#zsmp,#zsmpf) .feature{grid-template-columns:88px 1fr}:is(#zsmp,#zsmpf) .feature img{width:88px;height:88px}}
:is(#zsmp,#zsmpf) .mcard{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:8px;text-align:left;display:grid;gap:6px;align-content:start;min-width:0}
:is(#zsmp,#zsmpf) .mcard img{width:100%;aspect-ratio:1;border-radius:12px;object-fit:cover;max-width:100%}
:is(#zsmp,#zsmpf) .mcard .lbl{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cta);padding:0 4px}
:is(#zsmp,#zsmpf) .mcard .nm{font-size:13px;font-weight:500;line-height:1.3;padding:0 4px 4px}
:is(#zsmp,#zsmpf) .mcard.past{opacity:.5}
:is(#zsmp,#zsmpf) .fridge{display:grid;gap:0;border:1px solid var(--line);border-radius:20px;background:var(--surface);overflow:hidden}
:is(#zsmp,#zsmpf) .frow{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:10px 14px;border-bottom:1px dashed var(--line)}
:is(#zsmp,#zsmpf) .frow:last-child{border-bottom:0}
:is(#zsmp,#zsmpf) .frow img{width:44px;height:44px;border-radius:50%;object-fit:cover}
:is(#zsmp,#zsmpf) .frow .nm{font-size:14px;font-weight:500;line-height:1.3}
:is(#zsmp,#zsmpf) .frow .d{font-size:12px;color:var(--muted)}
:is(#zsmp,#zsmpf) .cnt{font-family:var(--serif);font-size:24px;color:var(--green);line-height:1}
:is(#zsmp,#zsmpf) .frz{display:inline-block;font-size:10.5px;font-weight:600;padding:0 8px;border-radius:999px;background:var(--fish);color:var(--on-fish);margin-left:6px;vertical-align:1px}
:is(#zsmp,#zsmpf) .empty{padding:18px;text-align:center;color:var(--muted);font-size:14px}
:is(#zsmp,#zsmpf) .endweek{display:grid;gap:10px;border:2px solid var(--green);border-radius:22px;padding:18px;background:var(--surface)}
:is(#zsmp,#zsmpf) .endweek h3{font-size:22px;font-weight:700;line-height:1.2}
:is(#zsmp,#zsmpf) .homeTip{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:start;background:var(--sand);border-radius:16px;padding:14px 16px;font-size:13.5px}
:is(#zsmp,#zsmpf) .homeTip b{font-weight:600}
:is(#zsmp,#zsmpf) .x{width:44px;height:44px;border-radius:50%;border:1px solid var(--line2);background:var(--surface);font-size:16px;display:grid;place-items:center;flex:none}

/* week */
:is(#zsmp,#zsmpf) .days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
:is(#zsmp,#zsmpf) .day{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:8px 0 7px;display:grid;justify-items:center;gap:1px;position:relative}
:is(#zsmp,#zsmpf) .day b{font-size:15px;font-weight:600}
:is(#zsmp,#zsmpf) .day small{font-size:10px;color:var(--muted)}
:is(#zsmp,#zsmpf) .day[aria-pressed="true"]{border-color:var(--green);background:var(--green);color:var(--on-green)}
:is(#zsmp,#zsmpf) .day[aria-pressed="true"] small{color:inherit;opacity:.8}
:is(#zsmp,#zsmpf) .banner{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;border-radius:16px;padding:14px 16px;background:var(--sand)}
:is(#zsmp,#zsmpf) .banner .t{font-weight:600}
:is(#zsmp,#zsmpf) .banner .s{font-size:13px;color:var(--muted)}
:is(#zsmp,#zsmpf) .meals{display:grid;gap:10px}
:is(#zsmp,#zsmpf) .meal{display:grid;grid-template-columns:76px 1fr;gap:14px;align-items:center;text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:10px;min-width:0}
:is(#zsmp,#zsmpf) .meal:hover,:is(#zsmp,#zsmpf) .rcard:hover,:is(#zsmp,#zsmpf) .mcard:hover,:is(#zsmp,#zsmpf) .feature:hover{border-color:var(--line2)}
:is(#zsmp,#zsmpf) .meal img{width:76px;height:76px;border-radius:14px;object-fit:cover}
:is(#zsmp,#zsmpf) .meal .lbl{font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--cta)}
:is(#zsmp,#zsmpf) .meal .nm{font-size:16px;font-weight:500;line-height:1.3;margin:1px 0 5px}
:is(#zsmp,#zsmpf) .pills{display:flex;flex-wrap:wrap;gap:6px}
:is(#zsmp,#zsmpf) .pill{font-size:11.5px;font-weight:500;padding:1px 10px;border-radius:999px;line-height:1.6;white-space:nowrap}
:is(#zsmp,#zsmpf) .p-mp1{background:var(--green-soft);color:var(--green)}
:is(#zsmp,#zsmpf) .p-mp2{background:var(--peach);color:var(--on-peach)}
:is(#zsmp,#zsmpf) .p-mini{background:transparent;border:1px solid var(--terra);color:var(--terra)}
:is(#zsmp,#zsmpf) .p-cer{background:transparent;border:1px solid var(--line2);color:var(--muted)}
:is(#zsmp,#zsmpf) .p-kids{background:transparent;border:1px solid var(--peach);color:var(--terra)}
:is(#zsmp,#zsmpf) .legend{display:grid;gap:8px;font-size:13px;color:var(--muted)}
:is(#zsmp,#zsmpf) .legend div{display:flex;gap:10px;align-items:center}
:is(#zsmp,#zsmpf) .legend .pill{min-width:92px;text-align:center}
:is(#zsmp,#zsmpf) details.box{border:1px solid var(--line);border-radius:16px;background:var(--surface)}
:is(#zsmp,#zsmpf) details.box>summary{list-style:none;padding:14px 16px;font-weight:600;display:flex;justify-content:space-between;gap:12px;cursor:pointer}
:is(#zsmp,#zsmpf) details.box>summary::-webkit-details-marker{display:none}
:is(#zsmp,#zsmpf) details.box>summary::after{content:"+";font-weight:400;font-size:20px;line-height:1;color:var(--muted)}
:is(#zsmp,#zsmpf) details.box[open]>summary::after{content:"−"}
:is(#zsmp,#zsmpf) .boxin{padding:0 16px 16px;display:grid;gap:12px}
:is(#zsmp,#zsmpf) .planb{display:grid;gap:10px}
:is(#zsmp,#zsmpf) .planb>div{display:grid;grid-template-columns:30px 1fr;gap:10px}
:is(#zsmp,#zsmpf) .letter{width:30px;height:30px;border-radius:50%;background:var(--green);color:var(--on-green);display:grid;place-items:center;font-family:var(--serif);font-size:18px}
:is(#zsmp,#zsmpf) .planb b{display:block;font-weight:600}
:is(#zsmp,#zsmpf) .planb p{margin-top:2px;color:var(--muted);font-size:14px}
:is(#zsmp,#zsmpf) .chips{display:flex;flex-wrap:wrap;gap:6px}
:is(#zsmp,#zsmpf) .chip{font-size:12.5px;padding:4px 11px;border-radius:999px;background:var(--sand)}
:is(#zsmp,#zsmpf) .quote{font-family:var(--serif);font-style:italic;font-size:19px;color:var(--green);line-height:1.3}
:is(#zsmp,#zsmpf) ul.plain{margin:0;padding-left:18px;display:grid;gap:4px}
:is(#zsmp,#zsmpf) ul.plain li::marker{color:var(--peach)}

/* shop */
:is(#zsmp,#zsmpf) .card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px}
:is(#zsmp,#zsmpf) .people{display:grid;gap:12px}
:is(#zsmp,#zsmpf) .people h3{font-size:16px;font-weight:600}
:is(#zsmp,#zsmpf) .steppers{display:flex;flex-wrap:wrap;gap:12px 28px}
:is(#zsmp,#zsmpf) .stepper{display:flex;align-items:center;gap:10px}
:is(#zsmp,#zsmpf) .stepper .lab{min-width:62px;font-size:14px}
:is(#zsmp,#zsmpf) .sbtn{width:44px;height:44px;border-radius:50%;border:1px solid var(--line2);background:var(--bg);font-size:18px;line-height:1;display:grid;place-items:center}
:is(#zsmp,#zsmpf) .sbtn:hover{background:var(--sand)}
:is(#zsmp,#zsmpf) .sval{min-width:22px;text-align:center;font-weight:600;font-size:17px;font-variant-numeric:tabular-nums}
:is(#zsmp,#zsmpf) .progress{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
:is(#zsmp,#zsmpf) .big{font-family:var(--serif);font-size:32px;line-height:1;color:var(--green)}
:is(#zsmp,#zsmpf) .big span{font-family:var(--sans);font-size:13px;color:var(--muted);margin-left:6px}
:is(#zsmp,#zsmpf) .bar{height:6px;border-radius:999px;background:var(--line);overflow:hidden}
:is(#zsmp,#zsmpf) .bar i{display:block;height:100%;background:var(--green);border-radius:999px;transition:width .3s}
:is(#zsmp,#zsmpf) .actions{display:flex;flex-wrap:wrap;gap:8px}
:is(#zsmp,#zsmpf) .cat h3{font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--cta);padding-bottom:6px;border-bottom:1px solid var(--peach);margin-bottom:2px}
:is(#zsmp,#zsmpf) .list{list-style:none;margin:0;padding:0}
:is(#zsmp,#zsmpf) .list li{border-bottom:1px dashed var(--line)}
:is(#zsmp,#zsmpf) .list li:last-child{border-bottom:0}
:is(#zsmp,#zsmpf) .check{display:grid;grid-template-columns:22px 1fr auto;gap:12px;align-items:start;padding:10px 2px;cursor:pointer}
:is(#zsmp,#zsmpf) .check input{appearance:none;width:20px;height:20px;margin:2px 0 0;border:1.5px solid var(--line2);border-radius:6px;background:var(--surface);display:grid;place-items:center;cursor:pointer}
:is(#zsmp,#zsmpf) .check input:checked{background:var(--green);border-color:var(--green)}
:is(#zsmp,#zsmpf) .check input:checked::after{content:"";width:5px;height:10px;border:solid var(--on-green);border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}
:is(#zsmp,#zsmpf) .check .what{min-width:0}
:is(#zsmp,#zsmpf) .check .q{font-size:13.5px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
:is(#zsmp,#zsmpf) .check input:checked ~ .what,:is(#zsmp,#zsmpf) .check input:checked ~ .q{opacity:.45;text-decoration:line-through}
:is(#zsmp,#zsmpf) .check.step{grid-template-columns:22px 1fr}
:is(#zsmp,#zsmpf) .cols{display:grid;grid-template-columns:1fr 1fr;gap:22px 28px}
@media (max-width:620px){:is(#zsmp,#zsmpf) .cols{grid-template-columns:1fr}}

/* prep */
:is(#zsmp,#zsmpf) .sessions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
@media (max-width:540px){:is(#zsmp,#zsmpf) .sessions{grid-template-columns:1fr}}
:is(#zsmp,#zsmpf) .sess{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:12px 14px;text-align:left;display:grid;gap:4px}
:is(#zsmp,#zsmpf) .sess[aria-pressed="true"]{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}
:is(#zsmp,#zsmpf) .sess .when{font-weight:600}
:is(#zsmp,#zsmpf) .sess .dur{font-size:12.5px;color:var(--muted)}
:is(#zsmp,#zsmpf) .sess .bar{margin-top:6px}
:is(#zsmp,#zsmpf) .cookcta{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;background:var(--green);color:var(--on-green);border-radius:20px;padding:16px 18px}
:is(#zsmp,#zsmpf) .cookcta .t{font-weight:600;font-size:16px}
:is(#zsmp,#zsmpf) .cookcta .s{font-size:13px;opacity:.85}
:is(#zsmp,#zsmpf) .cookcta .btn{background:var(--peach);color:var(--on-peach)}
@media (max-width:460px){:is(#zsmp,#zsmpf) .cookcta{grid-template-columns:1fr}:is(#zsmp,#zsmpf) .cookcta .btn{justify-self:start}}
:is(#zsmp,#zsmpf) .group h3{font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--cta);margin-bottom:2px}
:is(#zsmp,#zsmpf) .tip{border-left:3px solid var(--peach);background:var(--sand);border-radius:0 12px 12px 0;padding:12px 14px;font-size:14px}
:is(#zsmp,#zsmpf) .tip b{color:var(--cta)}

/* recipes */
:is(#zsmp,#zsmpf) .filters{display:flex;gap:8px;flex-wrap:wrap}
:is(#zsmp,#zsmpf) .filters::-webkit-scrollbar{display:none}
:is(#zsmp,#zsmpf) .fchip{flex:none;border:1px solid var(--line2);background:var(--surface);border-radius:999px;padding:10px 15px;font-size:14px}
:is(#zsmp,#zsmpf) .fchip[aria-pressed="true"]{background:var(--green);border-color:var(--green);color:var(--on-green)}
:is(#zsmp,#zsmpf) .rgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
:is(#zsmp,#zsmpf) .rcard{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:8px;display:grid;gap:8px;align-content:start;min-width:0}
:is(#zsmp,#zsmpf) .rimg{position:relative}
:is(#zsmp,#zsmpf) .rimg img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px;display:block;max-width:100%}
:is(#zsmp,#zsmpf) .rnum{position:absolute;left:8px;top:8px;background:var(--bg);color:var(--terra);font-family:var(--serif);font-size:18px;line-height:1;padding:5px 9px;border-radius:999px}
:is(#zsmp,#zsmpf) .rcard .body{padding:0 6px 6px;display:grid;gap:6px}
:is(#zsmp,#zsmpf) .rcard .nm{font-weight:600;line-height:1.3;font-size:14.5px}
:is(#zsmp,#zsmpf) .rcard .meta{font-size:11.5px;color:var(--muted)}
:is(#zsmp,#zsmpf) .type{font-size:10px;font-weight:600;letter-spacing:.1em;padding:2px 8px;border-radius:999px}
:is(#zsmp,#zsmpf) .t-BEZMASÉ{background:var(--green-soft);color:var(--green)}
:is(#zsmp,#zsmpf) .t-MASO{background:var(--sand);color:var(--cta)}
:is(#zsmp,#zsmpf) .t-RYBA{background:var(--fish);color:var(--on-fish)}
:is(#zsmp,#zsmpf) .subs{width:100%;border-collapse:collapse;font-size:14px}
:is(#zsmp,#zsmpf) .subs td{padding:9px 0;border-bottom:1px solid var(--line);vertical-align:top}
:is(#zsmp,#zsmpf) .subs tr:last-child td{border-bottom:0}
:is(#zsmp,#zsmpf) .subs td:first-child{font-weight:500;width:42%;padding-right:12px}
:is(#zsmp,#zsmpf) .subs td:last-child{color:var(--muted)}
:is(#zsmp,#zsmpf) .subs td:last-child::before{content:"→ ";color:var(--terra)}

/* next */
:is(#zsmp,#zsmpf) .next{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:620px){:is(#zsmp,#zsmpf) .next{grid-template-columns:1fr}}
:is(#zsmp,#zsmpf) .next .card{display:grid;gap:8px;align-content:start}
:is(#zsmp,#zsmpf) .next .card.main{border:2px solid var(--green)}
:is(#zsmp,#zsmpf) .next h3{font-size:18px;font-weight:700;line-height:1.25}
:is(#zsmp,#zsmpf) .next p{color:var(--muted);font-size:14px}
:is(#zsmp,#zsmpf) .next a{justify-self:start;margin-top:6px}
:is(#zsmp,#zsmpf) .foot{font-size:12px;color:var(--muted);text-align:center;padding-top:8px}

/* overlays */
:is(#zsmp,#zsmpf) .overlay{position:fixed;inset:0;background:rgba(20,16,14,.5);z-index:30;display:flex;align-items:flex-end;justify-content:center}
:is(#zsmp,#zsmpf) .sheet{background:var(--bg);width:100%;max-width:620px;max-height:92vh;overflow:auto;border-radius:24px 24px 0 0;display:grid;animation:up .24s ease-out}
@media (min-width:700px){:is(#zsmp,#zsmpf) .overlay{align-items:center}:is(#zsmp,#zsmpf) .sheet{border-radius:24px}}
@keyframes up{from{transform:translateY(30px);opacity:.5}to{transform:none;opacity:1}}
:is(#zsmp,#zsmpf) .shero{position:relative;display:grid;justify-items:center;padding:26px 20px 0;background:linear-gradient(var(--sand) 0 62%,transparent 62%)}
:is(#zsmp,#zsmpf) .shero img{width:150px;height:150px;border-radius:50%;object-fit:cover;display:block;border:5px solid var(--bg);box-shadow:var(--shadow)}
:is(#zsmp,#zsmpf) .shero .x{position:absolute;top:12px;right:12px}
:is(#zsmp,#zsmpf) .sbody .stitle{display:grid;gap:6px;justify-items:center;text-align:center}
:is(#zsmp,#zsmpf) .sbody .stitle .pills{justify-content:center}
:is(#zsmp,#zsmpf) .sbody{padding:18px max(20px,env(safe-area-inset-left,0px)) calc(28px + env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-right,0px));display:grid;gap:16px}
:is(#zsmp,#zsmpf) .sbody h2{font-size:24px;font-weight:700;line-height:1.15}
:is(#zsmp,#zsmpf) .ings{list-style:none;margin:0;padding:0;display:grid;gap:6px}
:is(#zsmp,#zsmpf) .ings li{display:grid;grid-template-columns:8px 1fr;gap:10px;align-items:baseline}
:is(#zsmp,#zsmpf) .ings li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--peach);transform:translateY(-2px)}
:is(#zsmp,#zsmpf) .sbody h4{margin:0;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--cta)}
:is(#zsmp,#zsmpf) .porce{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:var(--sand);border-radius:14px;padding:10px 14px}
:is(#zsmp,#zsmpf) .note{font-family:var(--serif);font-style:italic;font-size:17px;color:var(--muted);line-height:1.35}
:is(#zsmp,#zsmpf) .note a{color:var(--cta)}

/* cook mode */
:is(#zsmp,#zsmpf) .cook{position:fixed;inset:0;z-index:40;background:var(--bg);display:grid;grid-template-rows:auto 1fr auto;padding-top:env(safe-area-inset-top,0px)}
:is(#zsmp,#zsmpf) .cook .wrap{width:100%}
:is(#zsmp,#zsmpf) .chead{display:grid;gap:10px;padding-block:14px 10px}
:is(#zsmp,#zsmpf) .chead .row{display:flex;justify-content:space-between;align-items:center;gap:12px}
:is(#zsmp,#zsmpf) .chead .ttl{font-weight:600}
:is(#zsmp,#zsmpf) .cmain{overflow:auto;display:flex;flex-direction:column}
:is(#zsmp,#zsmpf) .cmain>.wrap{margin-block:auto}
:is(#zsmp,#zsmpf) .cmain .wrap{display:grid;gap:18px;padding-block:20px}
:is(#zsmp,#zsmpf) .cstep{font-size:clamp(23px,5.8vw,32px);font-weight:500;line-height:1.3;letter-spacing:-.01em;text-wrap:pretty}
:is(#zsmp,#zsmpf) .cgroup{font-family:var(--serif);font-style:italic;font-size:22px;color:var(--terra)}
:is(#zsmp,#zsmpf) .timerbtn{justify-self:start;border:2px dashed var(--terra);background:transparent;color:var(--terra);border-radius:999px;padding:12px 20px;font-weight:600;font-size:15px;display:inline-flex;gap:10px;align-items:center}
:is(#zsmp,#zsmpf) .timerbtn[disabled]{opacity:.55;cursor:default}
:is(#zsmp,#zsmpf) .timerbtn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}
:is(#zsmp,#zsmpf) .timers{display:flex;flex-wrap:wrap;gap:8px}
:is(#zsmp,#zsmpf) .tchip{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:8px 8px 8px 14px;background:var(--green);color:var(--on-green);font-size:14px;font-weight:500}
:is(#zsmp,#zsmpf) .tchip b{font-variant-numeric:tabular-nums;font-weight:600}
:is(#zsmp,#zsmpf) .tchip button{border:0;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.18);color:inherit;font-size:13px;display:grid;place-items:center}
:is(#zsmp,#zsmpf) .tchip.ring{background:var(--cta);color:var(--on-cta);animation:pulse 1s infinite}
@keyframes pulse{50%{transform:scale(1.04)}}
:is(#zsmp,#zsmpf) .cfoot{border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px)}
:is(#zsmp,#zsmpf) .cfoot .wrap{display:grid;grid-template-columns:auto 1fr;gap:10px;padding-block:12px}
:is(#zsmp,#zsmpf) .cdone{display:grid;gap:14px;justify-items:start}
:is(#zsmp,#zsmpf) .cdone .big{font-size:44px}
:is(#zsmp,#zsmpf) .floatTimer{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(92px + env(safe-area-inset-bottom,0px));z-index:16;box-shadow:var(--shadow);border:0}
:is(#zsmp,#zsmpf) .toast{position:fixed;left:50%;bottom:calc(100px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--fg);color:var(--bg);padding:10px 18px;border-radius:999px;font-size:14px;font-weight:500;z-index:50;box-shadow:var(--shadow);max-width:calc(100% - 32px);text-align:center}
/* start */
:is(#zsmp,#zsmpf) #p-dnes>div:empty{display:none}
:is(#zsmp,#zsmpf) .startcard{display:grid;gap:16px;border-radius:22px;padding:20px 18px;background:var(--surface);border:2px solid var(--green);box-shadow:var(--shadow)}
:is(#zsmp,#zsmpf) .startcard h2{font-size:22px;font-weight:700;line-height:1.2}
:is(#zsmp,#zsmpf) .dates{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
@media (max-width:420px){:is(#zsmp,#zsmpf) .dates{grid-template-columns:repeat(3,1fr)}}
:is(#zsmp,#zsmpf) .dchip{border:1px solid var(--line2);background:var(--bg);border-radius:14px;padding:9px 4px 8px;display:grid;justify-items:center;gap:0;position:relative;min-width:0}
:is(#zsmp,#zsmpf) .dchip b{font-size:14px;font-weight:600}
:is(#zsmp,#zsmpf) .dchip small{font-size:11.5px;color:var(--muted)}
:is(#zsmp,#zsmpf) .dchip .rec{position:absolute;top:-8px;left:50%;transform:translateX(-50%);font-size:9.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;background:var(--peach);color:var(--on-peach);padding:1px 7px;border-radius:999px;white-space:nowrap}
:is(#zsmp,#zsmpf) .dchip[aria-pressed="true"]{background:var(--green);border-color:var(--green);color:var(--on-green)}
:is(#zsmp,#zsmpf) .dchip[aria-pressed="true"] small{color:inherit;opacity:.85}
:is(#zsmp,#zsmpf) .startcard .btn[disabled]{opacity:.45;cursor:not-allowed}
:is(#zsmp,#zsmpf) .how{display:grid;gap:8px;font-size:14px}
:is(#zsmp,#zsmpf) .how div{display:grid;grid-template-columns:26px 1fr;gap:10px;align-items:start}
:is(#zsmp,#zsmpf) .how span{width:26px;height:26px;border-radius:50%;background:var(--green-soft);color:var(--green);display:grid;place-items:center;font-family:var(--serif);font-size:16px}
/* lístek od Míši */
:is(#zsmp,#zsmpf) .misa{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:18px 18px 14px 22px;display:grid;gap:8px;box-shadow:var(--shadow)}
:is(#zsmp,#zsmpf) .misa::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 3px 3px 0;background:var(--peach)}
:is(#zsmp,#zsmpf) .misa .kicker{color:var(--terra)}
:is(#zsmp,#zsmpf) .misa p{font-size:15.5px;line-height:1.55}
:is(#zsmp,#zsmpf) .misa .sig{font-family:var(--serif);font-style:italic;font-size:22px;color:var(--terra);line-height:1}
/* check-in */
:is(#zsmp,#zsmpf) .ci{display:grid;gap:16px;border-radius:22px;padding:18px;background:var(--sand)}
:is(#zsmp,#zsmpf) .ci h3{font-size:19px;font-weight:600;line-height:1.25}
:is(#zsmp,#zsmpf) .ciq{display:grid;gap:8px}
:is(#zsmp,#zsmpf) .ciq .lab{font-size:14px;font-weight:500}
:is(#zsmp,#zsmpf) .scale{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
:is(#zsmp,#zsmpf) .scale.s4{grid-template-columns:repeat(5,1fr)}
:is(#zsmp,#zsmpf) .sc{height:44px;border-radius:14px;border:1px solid var(--line2);background:var(--surface);font-weight:600;font-size:16px;font-variant-numeric:tabular-nums}
:is(#zsmp,#zsmpf) .sc{text-align:center;display:grid;place-items:center}
:is(#zsmp,#zsmpf) .sc:hover{border-color:var(--green)}
:is(#zsmp,#zsmpf) .sc[aria-pressed="true"]{background:var(--green);border-color:var(--green);color:var(--on-green)}
:is(#zsmp,#zsmpf) .ends{display:flex;justify-content:space-between;font-size:11.5px;color:var(--muted)}
:is(#zsmp,#zsmpf) .ci.done{grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px 16px}
:is(#zsmp,#zsmpf) .okdot{width:38px;height:38px;border-radius:50%;background:var(--green);display:grid;place-items:center}
:is(#zsmp,#zsmpf) .okdot::after{content:"";width:8px;height:15px;border:solid var(--on-green);border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translate(-1px,-2px)}
/* souhrn týdne */
:is(#zsmp,#zsmpf) .wk{display:grid;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:18px}
:is(#zsmp,#zsmpf) .chart{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;align-items:end;height:130px;padding-top:6px;border-bottom:1px solid var(--line)}
:is(#zsmp,#zsmpf) .col{display:flex;justify-content:center;align-items:flex-end;gap:3px;height:100%}
:is(#zsmp,#zsmpf) .col i{display:block;width:min(14px,38%);border-radius:5px 5px 0 0;min-height:2px}
:is(#zsmp,#zsmpf) .col .e{background:var(--green)}
:is(#zsmp,#zsmpf) .col .s{background:var(--peach)}
:is(#zsmp,#zsmpf) .col.empty i{background:var(--line);height:4px!important}
:is(#zsmp,#zsmpf) .xlab{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;text-align:center;font-size:11px;color:var(--muted);margin-top:-8px}
:is(#zsmp,#zsmpf) .xlab .now{color:var(--fg);font-weight:600}
:is(#zsmp,#zsmpf) .lg{display:flex;gap:16px;flex-wrap:wrap;font-size:12.5px;color:var(--muted)}
:is(#zsmp,#zsmpf) .lg span{display:inline-flex;align-items:center;gap:6px}
:is(#zsmp,#zsmpf) .lg i{width:10px;height:10px;border-radius:3px;display:inline-block}
:is(#zsmp,#zsmpf) .insight{font-size:15px;line-height:1.5}
:is(#zsmp,#zsmpf) .insight b{font-weight:600}
:is(#zsmp,#zsmpf) .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
:is(#zsmp,#zsmpf) .stat{background:var(--bg);border-radius:14px;padding:10px 12px;display:grid;gap:2px}
:is(#zsmp,#zsmpf) .stat .v{font-family:var(--serif);font-size:28px;line-height:1;color:var(--green);font-variant-numeric:tabular-nums}
:is(#zsmp,#zsmpf) .stat .l{font-size:11.5px;color:var(--muted);line-height:1.3}
:is(#zsmp,#zsmpf) .ask{font-family:var(--serif);font-style:italic;font-size:20px;line-height:1.3;color:var(--terra)}
@media (prefers-reduced-motion:reduce){:is(#zsmp,#zsmpf) .sheet,:is(#zsmp,#zsmpf) .tchip.ring{animation:none}:is(#zsmp,#zsmpf) .bar i{transition:none}}

#zsmpf{min-height:0!important;background:transparent!important;position:static}
:is(#zsmp,#zsmpf) #taskBox{display:grid;gap:10px}
@media (min-width:700px){:is(#zsmp,#zsmpf) main{padding-bottom:130px}}
@media (min-width:700px){:is(#zsmp,#zsmpf) #homeTipBox{display:none}}
:is(#zsmp,#zsmpf) .wd.miss i{background:var(--line2)}
:is(#zsmp,#zsmpf){color-scheme:light}

/* tl */

/* Layout: mobilní aplikace, jeden sloupec max 760px, spodní navigace s pěti obrazovkami, Přepadla mě chuť a detaily jako překryvné panely. Sestra aplikace Týdenní meal prep. */
:is(#zstl,#zstlf){
  --bg:#FFFAF6; --surface:#FFFFFF; --sand:#F6E7DC; --line:#E8D6CA; --line2:#D9C2B3;
  --fg:#2E2320; --muted:#6B5A52;
  --green:#35493B; --green-soft:#E6EAE0; --on-green:#FFFAF6;
  --terra:#C97B52; --cta:#A9552C; --cta-h:#8F4724; --on-cta:#FFFAF6;
  --peach:#F2C3A6; --on-peach:#1F2B22;
  --c-z:#5F7F5A; --c-z2:#DCE6D6; --c-b:#B8653E; --c-b2:#F6D9C6; --c-s:#A9802A; --c-s2:#F3E4BF; --c-t:#53707F; --c-t2:#D8E3E8;
  --nav:rgba(255,250,246,.94);
  --shadow:0 1px 2px rgba(46,35,32,.05),0 8px 24px rgba(46,35,32,.07);
  --sans:"Poppins",system-ui,-apple-system,"Segoe UI",sans-serif;
  --serif:"Instrument Serif","Lora",Georgia,serif;
  color-scheme:light;
}
/* ochrana před styly šablony webu */
body:has(:is(#zstl,#zstlf)){background:#FFFAF6;margin:0}
:is(#zstl,#zstlf){text-align:left;word-break:normal}
#zstl{min-height:100vh}
:is(#zstl,#zstlf) :where(button){appearance:none;-webkit-appearance:none;background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;margin:0;font:inherit;color:inherit;text-transform:none;letter-spacing:normal;line-height:inherit;min-height:0;min-width:0;width:auto;height:auto;text-decoration:none;text-align:inherit;cursor:pointer;outline-offset:2px}
:is(#zstl,#zstlf) :where(button):hover,:is(#zstl,#zstlf) :where(button):focus,:is(#zstl,#zstlf) :where(button):active{background:transparent;color:inherit;border-color:inherit;box-shadow:none}
:is(#zstl,#zstlf) :where(h1,h2,h3,h4,h5){margin:0;padding:0;font-family:inherit;color:inherit;text-transform:none;letter-spacing:normal;font-size:inherit;font-weight:inherit;line-height:1.2}
:is(#zstl,#zstlf) :where(p){margin:0;padding:0;font-size:inherit;color:inherit;line-height:inherit;font-family:inherit}
:is(#zstl,#zstlf) :where(a){color:inherit;text-decoration:none;box-shadow:none;border:0}
:is(#zstl,#zstlf) :where(a):hover{color:inherit}
:is(#zstl,#zstlf) :where(ul,ol){margin:0;padding:0}
:is(#zstl,#zstlf) :where(li){margin:0;font-size:inherit;line-height:inherit}
:is(#zstl,#zstlf) :where(img){max-width:100%;height:auto;border:0;box-shadow:none;border-radius:0;margin:0;display:inline-block;vertical-align:middle}
:is(#zstl,#zstlf) :where(input,textarea){margin:0;box-shadow:none;min-height:0;font:inherit;color:inherit;letter-spacing:normal;text-transform:none}
:is(#zstl,#zstlf) :where(label,span,div,b,small,i,details,summary,nav,main,section,strong,em){font-family:inherit;letter-spacing:inherit;text-transform:none}
:is(#zstl,#zstlf) :where(svg){display:inline-block;max-width:none}
:is(#zstl,#zstlf),:is(#zstl,#zstlf) *{box-sizing:border-box}
:is(#zstl,#zstlf) [hidden]{display:none!important}
:is(#zstl,#zstlf){background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}
#zstlf{background:transparent;min-height:0}
:is(#zstl,#zstlf) .wrap{max-width:760px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
:is(#zstl,#zstlf) :focus-visible{outline:2px solid var(--cta);outline-offset:2px;border-radius:8px}
:is(#zstl,#zstlf) h1,:is(#zstl,#zstlf) h2,:is(#zstl,#zstlf) h3{text-wrap:balance}
:is(#zstl,#zstlf) .kicker{font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--cta)}
:is(#zstl,#zstlf) .serif{font-family:var(--serif);font-style:italic;font-weight:400}
:is(#zstl,#zstlf) main{padding-block:22px calc(104px + env(safe-area-inset-bottom,0px))}
:is(#zstl,#zstlf) .pane{display:grid;gap:22px}
:is(#zstl,#zstlf) .h2{font-size:26px;font-weight:700;letter-spacing:-.01em;line-height:1.15}
:is(#zstl,#zstlf) .sub{font-family:var(--serif);font-style:italic;font-size:20px;color:var(--terra);line-height:1.25;margin-top:2px}
:is(#zstl,#zstlf) .hint{font-size:13px;color:var(--muted)}
:is(#zstl,#zstlf) .lead{color:var(--muted);font-size:14.5px}
:is(#zstl,#zstlf) .stack{display:grid;gap:12px}
:is(#zstl,#zstlf) .row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}

/* tlačítka */
:is(#zstl,#zstlf) .btn{border:0;border-radius:999px;padding:10px 18px;font-weight:600;font-size:14px;background:var(--cta);color:var(--on-cta);white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;gap:8px;justify-content:center}
:is(#zstl,#zstlf) .btn:hover{background:var(--cta-h);color:var(--on-cta)}
:is(#zstl,#zstlf) .btn.ghost{background:transparent;border:1px solid var(--line2);color:var(--fg)}
:is(#zstl,#zstlf) .btn.ghost:hover{background:var(--sand);color:var(--fg)}
:is(#zstl,#zstlf) .btn.green{background:var(--green);color:var(--on-green)}
:is(#zstl,#zstlf) .btn.green:hover{background:#2A3B2F;color:var(--on-green)}
:is(#zstl,#zstlf) .btn.peach{background:var(--peach);color:var(--on-peach)}
:is(#zstl,#zstlf) .btn.peach:hover{background:var(--line2);color:var(--on-peach)}
:is(#zstl,#zstlf) .btn.lg{padding:14px 22px;font-size:15px}
:is(#zstl,#zstlf) .btn[disabled]{opacity:.45;cursor:not-allowed}
:is(#zstl,#zstlf) .link{border:0;background:none;color:var(--cta);font-weight:600;font-size:13.5px;padding:0;text-align:left}
:is(#zstl,#zstlf) .back{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:13.5px;font-weight:500}
:is(#zstl,#zstlf) .back:hover{color:var(--fg)}
:is(#zstl,#zstlf) .x{width:38px;height:38px;border-radius:50%;border:1px solid var(--line2);background:var(--surface);font-size:16px;display:grid;place-items:center;flex:none}

/* spodní navigace */
:is(#zstl,#zstlf) .nav{position:fixed;left:0;right:0;bottom:0;z-index:15;background:var(--green);border-top:0;box-shadow:0 -6px 24px rgba(46,35,32,.18);padding-bottom:env(safe-area-inset-bottom,0px)}
:is(#zstl,#zstlf) .nav .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding-block:8px}
:is(#zstl,#zstlf) .tab{display:grid;justify-items:center;gap:3px;padding:8px 2px 7px;border-radius:16px;color:var(--on-green);opacity:.78;font-size:12px;font-weight:500;position:relative;text-align:center}
:is(#zstl,#zstlf) .tab:hover{opacity:1}
:is(#zstl,#zstlf) .tab svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
:is(#zstl,#zstlf) .tab[aria-selected="true"]{opacity:1;background:var(--peach);color:var(--on-peach);font-weight:600}
:is(#zstl,#zstlf) .tab[aria-selected="true"] svg{stroke-width:2.2}
@media (min-width:700px){:is(#zstl,#zstlf) .nav{left:50%;right:auto;bottom:16px;transform:translateX(-50%);width:min(620px,calc(100% - 32px));border-radius:24px;padding-bottom:0}:is(#zstl,#zstlf) .nav .wrap{padding-inline:8px}:is(#zstl,#zstlf) main{padding-bottom:130px}}

/* úvod */
:is(#zstl,#zstlf) .top{display:flex;justify-content:space-between;align-items:center;gap:12px}
:is(#zstl,#zstlf) .brand{font-size:12px;color:var(--muted)}
:is(#zstl,#zstlf) .brand b{color:var(--fg);font-weight:600}
:is(#zstl,#zstlf) .greet{display:grid;gap:4px}
:is(#zstl,#zstlf) .greet h1{font-size:clamp(30px,7.5vw,42px);font-weight:700;line-height:1.05;letter-spacing:-.02em}
:is(#zstl,#zstlf) .greet .serif{font-size:clamp(19px,4.6vw,23px);color:var(--terra);line-height:1.25}
:is(#zstl,#zstlf) .crave{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;width:100%;text-align:left;background:var(--cta);color:var(--on-cta);border-radius:24px;padding:20px 20px;box-shadow:0 10px 30px rgba(169,85,44,.25)}
:is(#zstl,#zstlf) .crave:hover{background:var(--cta-h)}
:is(#zstl,#zstlf) .crave .ring{width:62px;height:62px;border-radius:50%;border:2px solid rgba(255,250,246,.5);display:grid;place-items:center;font-family:var(--serif);font-size:24px;line-height:1}
:is(#zstl,#zstlf) .crave .ring small{display:block;font-family:var(--sans);font-size:9px;letter-spacing:.1em;text-transform:uppercase;margin-top:2px}
:is(#zstl,#zstlf) .crave .t{font-size:21px;font-weight:700;line-height:1.15}
:is(#zstl,#zstlf) .crave .s{font-size:13.5px;opacity:.9;margin-top:4px}
:is(#zstl,#zstlf) .task{display:grid;gap:12px;background:var(--green);color:var(--on-green);border-radius:20px;padding:16px 18px}
:is(#zstl,#zstlf) .task .lbl{font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;opacity:.8}
:is(#zstl,#zstlf) .task .t{font-weight:600;font-size:17px;line-height:1.3}
:is(#zstl,#zstlf) .task .s{font-size:13.5px;opacity:.88}
:is(#zstl,#zstlf) .task .bar{background:rgba(255,255,255,.2)}
:is(#zstl,#zstlf) .task .bar i{background:var(--peach)}
:is(#zstl,#zstlf) .sechead{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
:is(#zstl,#zstlf) .sechead h2{font-size:19px;font-weight:600}
:is(#zstl,#zstlf) .uses{display:grid;grid-template-columns:1fr 1fr;gap:10px}
:is(#zstl,#zstlf) .use{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:14px;text-align:left;display:grid;gap:4px;align-content:start;min-width:0}
:is(#zstl,#zstlf) .use:hover{border-color:var(--line2)}
:is(#zstl,#zstlf) .use .n{width:26px;height:26px;border-radius:50%;background:var(--green);color:var(--on-green);display:grid;place-items:center;font-size:12.5px;font-weight:600;margin-bottom:4px}
:is(#zstl,#zstlf) .use b{font-weight:600;font-size:15px;line-height:1.25}
:is(#zstl,#zstlf) .use span{font-size:12.5px;color:var(--muted);line-height:1.4}
@media (max-width:420px){:is(#zstl,#zstlf) .uses{grid-template-columns:1fr}}

/* ruce */
:is(#zstl,#zstlf) .hands{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
:is(#zstl,#zstlf) .hand{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:12px 6px 10px;display:grid;justify-items:center;gap:2px;text-align:center;min-width:0}
:is(#zstl,#zstlf) .hand svg{width:52px;height:52px}
:is(#zstl,#zstlf) .hand .k{font-size:9.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin-top:4px}
:is(#zstl,#zstlf) .hand .v{font-family:var(--serif);font-style:italic;font-size:21px;line-height:1.1}
:is(#zstl,#zstlf) .hcard{display:grid;grid-template-columns:84px 1fr;gap:14px;align-items:center;border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:14px}
:is(#zstl,#zstlf) .hcard svg{width:84px;height:84px}
:is(#zstl,#zstlf) .hcard .k{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
:is(#zstl,#zstlf) .hcard .v{font-family:var(--serif);font-style:italic;font-size:28px;line-height:1.05}
:is(#zstl,#zstlf) .hcard p{font-size:14px;color:var(--muted);margin-top:4px}
:is(#zstl,#zstlf) .k-b{color:var(--c-b)} :is(#zstl,#zstlf) .k-z{color:var(--c-z)} :is(#zstl,#zstlf) .k-s{color:var(--c-s)} :is(#zstl,#zstlf) .k-t{color:var(--c-t)}

/* karty, boxy */
:is(#zstl,#zstlf) .card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px}
:is(#zstl,#zstlf) .soft{background:var(--sand);border-radius:18px;padding:16px}
:is(#zstl,#zstlf) details.box{border:1px solid var(--line);border-radius:16px;background:var(--surface)}
:is(#zstl,#zstlf) details.box>summary{list-style:none;padding:14px 16px;font-weight:600;display:flex;justify-content:space-between;gap:12px;cursor:pointer}
:is(#zstl,#zstlf) details.box>summary::-webkit-details-marker{display:none}
:is(#zstl,#zstlf) details.box>summary::after{content:"+";font-weight:400;font-size:20px;line-height:1;color:var(--muted)}
:is(#zstl,#zstlf) details.box[open]>summary::after{content:"−"}
:is(#zstl,#zstlf) .boxin{padding:0 16px 16px;display:grid;gap:10px}
:is(#zstl,#zstlf) ul.plain{margin:0;padding-left:18px;display:grid;gap:5px}
:is(#zstl,#zstlf) ul.plain li::marker{color:var(--peach)}
:is(#zstl,#zstlf) .quote{font-family:var(--serif);font-style:italic;font-size:20px;color:var(--green);line-height:1.3}
:is(#zstl,#zstlf) .steps{display:grid;gap:0;background:var(--sand);border-radius:20px;padding:6px 16px}
:is(#zstl,#zstlf) .steps>div{display:grid;grid-template-columns:30px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
:is(#zstl,#zstlf) .steps>div:last-child{border-bottom:0}
:is(#zstl,#zstlf) .steps .n{width:28px;height:28px;border-radius:50%;background:var(--green);color:var(--on-green);display:grid;place-items:center;font-size:13px;font-weight:600}
:is(#zstl,#zstlf) .steps b{font-weight:600}
:is(#zstl,#zstlf) .chips{display:flex;flex-wrap:wrap;gap:6px}
:is(#zstl,#zstlf) .chip{font-size:12.5px;padding:4px 11px;border-radius:999px;background:var(--sand)}
:is(#zstl,#zstlf) .bar{height:6px;border-radius:999px;background:var(--line);overflow:hidden}
:is(#zstl,#zstlf) .bar i{display:block;height:100%;background:var(--green);border-radius:999px;transition:width .3s}
:is(#zstl,#zstlf) .note{border-left:3px solid var(--terra);background:var(--surface);border-radius:0 14px 14px 0;padding:12px 14px;font-family:var(--serif);font-style:italic;font-size:17px;line-height:1.35;color:var(--muted)}
:is(#zstl,#zstlf) textarea,:is(#zstl,#zstlf) input[type="text"],:is(#zstl,#zstlf) input[type="search"]{width:100%;border:1px solid var(--line2);border-radius:14px;background:var(--surface);padding:11px 13px;font-size:15px;line-height:1.45;outline:none}
:is(#zstl,#zstlf) textarea{min-height:84px;resize:vertical}
:is(#zstl,#zstlf) textarea:focus,:is(#zstl,#zstlf) input[type="text"]:focus,:is(#zstl,#zstlf) input[type="search"]:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--green-soft)}
:is(#zstl,#zstlf) .flabel{font-size:14px;font-weight:500;display:block;margin-bottom:6px}
:is(#zstl,#zstlf) .seg{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:var(--sand);border-radius:999px;padding:4px}
:is(#zstl,#zstlf) .seg button{border-radius:999px;padding:8px 6px;font-size:13px;font-weight:500;text-align:center;color:var(--muted)}
:is(#zstl,#zstlf) .seg button[aria-pressed="true"]{background:var(--surface);color:var(--fg);box-shadow:0 1px 3px rgba(46,35,32,.12);font-weight:600}

/* talíř */
:is(#zstl,#zstlf) .plateWrap{display:grid;justify-items:center;gap:6px}
:is(#zstl,#zstlf) .plateWrap svg{width:min(300px,82vw);height:auto}
:is(#zstl,#zstlf) .parts{display:grid;gap:8px}
:is(#zstl,#zstlf) .part{display:grid;grid-template-columns:12px 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:12px 14px;text-align:left;width:100%}
:is(#zstl,#zstlf) .part:hover{border-color:var(--line2)}
:is(#zstl,#zstlf) .part .dot{width:12px;height:12px;border-radius:50%}
:is(#zstl,#zstlf) .part .k{font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
:is(#zstl,#zstlf) .part .v{font-size:14.5px;line-height:1.35}
:is(#zstl,#zstlf) .part .v.empty{color:var(--muted)}
:is(#zstl,#zstlf) .part .pr{font-family:var(--serif);font-style:italic;font-size:17px;color:var(--muted);white-space:nowrap}
:is(#zstl,#zstlf) .gentle{display:grid;gap:6px;background:var(--sand);border-radius:16px;padding:14px 16px;font-size:14px}
:is(#zstl,#zstlf) .gentle p{display:grid;grid-template-columns:18px 1fr;gap:8px}
:is(#zstl,#zstlf) .gentle p::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--terra);margin-top:7px}
:is(#zstl,#zstlf) .gentle.ok{background:var(--green-soft)}
:is(#zstl,#zstlf) .gentle.ok p::before{background:var(--green)}
:is(#zstl,#zstlf) .favs{display:grid;gap:8px}
:is(#zstl,#zstlf) .fav{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:10px 12px}
:is(#zstl,#zstlf) .fav .nm{font-weight:600;font-size:14.5px;line-height:1.3}
:is(#zstl,#zstlf) .fav .d{font-size:12.5px;color:var(--muted);line-height:1.35}
:is(#zstl,#zstlf) .pick{display:grid;gap:14px}
:is(#zstl,#zstlf) .pick h4{font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--cta);margin-bottom:8px}
:is(#zstl,#zstlf) .opt{display:flex;flex-wrap:wrap;gap:6px}
:is(#zstl,#zstlf) .opt button{border:1px solid var(--line2);background:var(--surface);border-radius:999px;padding:7px 13px;font-size:13.5px}
:is(#zstl,#zstlf) .opt button[aria-pressed="true"]{background:var(--green);border-color:var(--green);color:var(--on-green)}

/* výzva */
:is(#zstl,#zstlf) .days{display:grid;gap:10px}
:is(#zstl,#zstlf) .day{display:grid;grid-template-columns:44px 1fr;gap:14px;border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:14px}
:is(#zstl,#zstlf) .day .num{width:44px;height:44px;border-radius:50%;background:var(--sand);display:grid;place-items:center;font-family:var(--serif);font-size:22px;line-height:1;color:var(--terra)}
:is(#zstl,#zstlf) .day.done .num{background:var(--green);color:var(--on-green)}
:is(#zstl,#zstlf) .day.now{border:2px solid var(--green)}
:is(#zstl,#zstlf) .day.lock{opacity:.55}
:is(#zstl,#zstlf) .day .t{font-weight:600;font-size:16px;line-height:1.3}
:is(#zstl,#zstlf) .day .s{font-size:14px;color:var(--muted);margin-top:2px}
:is(#zstl,#zstlf) .day .acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;align-items:center}
:is(#zstl,#zstlf) .check{display:inline-flex;gap:10px;align-items:center;cursor:pointer;font-size:14px;font-weight:500}
:is(#zstl,#zstlf) .check input{appearance:none;-webkit-appearance:none;width:22px;height:22px;margin:0;border:1.5px solid var(--line2);border-radius:7px;background:var(--surface);display:grid;place-items:center;cursor:pointer;flex:none}
:is(#zstl,#zstlf) .check input:checked{background:var(--green);border-color:var(--green)}
:is(#zstl,#zstlf) .check input:checked::after{content:"";width:5px;height:10px;border:solid var(--on-green);border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}
:is(#zstl,#zstlf) .big{font-family:var(--serif);font-size:34px;line-height:1;color:var(--green)}
:is(#zstl,#zstlf) .big span{font-family:var(--sans);font-size:13px;color:var(--muted);margin-left:6px}

/* nestíhám */
:is(#zstl,#zstlf) .have{display:flex;flex-wrap:wrap;gap:6px}
:is(#zstl,#zstlf) .have button{border:1px solid var(--line2);background:var(--surface);border-radius:999px;padding:7px 13px 7px 11px;font-size:13.5px;display:inline-flex;gap:7px;align-items:center}
:is(#zstl,#zstlf) .have button::before{content:"";width:14px;height:14px;border-radius:4px;border:1.5px solid var(--line2);flex:none}
:is(#zstl,#zstlf) .have button[aria-pressed="true"]{background:var(--green-soft);border-color:var(--green);color:var(--green);font-weight:500}
:is(#zstl,#zstlf) .have button[aria-pressed="true"]::before{background:var(--green);border-color:var(--green)}
:is(#zstl,#zstlf) .combo{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:14px 16px;display:grid;gap:6px}
:is(#zstl,#zstlf) .combo .src{font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--terra)}
:is(#zstl,#zstlf) .combo .nm{font-weight:600;font-size:15.5px;line-height:1.3}
:is(#zstl,#zstlf) .combo .d{font-size:14px;color:var(--muted)}
:is(#zstl,#zstlf) .combo .miss{font-size:13px;color:var(--cta);font-weight:500}
:is(#zstl,#zstlf) .tips{display:grid;gap:8px}
:is(#zstl,#zstlf) .tipline{font-size:14px;display:grid;grid-template-columns:auto 1fr;gap:8px}
:is(#zstl,#zstlf) .tipline b{font-weight:600}
:is(#zstl,#zstlf) .tipline span::before{content:"→ ";color:var(--terra)}

/* inspirace */
:is(#zstl,#zstlf) .tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}
:is(#zstl,#zstlf) .tile{border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:8px;text-align:left;display:grid;gap:8px;align-content:start;min-width:0}
:is(#zstl,#zstlf) .tile:hover{border-color:var(--line2)}
:is(#zstl,#zstlf) .tile img{width:100%;aspect-ratio:1.5;object-fit:cover;border-radius:14px;display:block;background:var(--sand);max-width:100%}
:is(#zstl,#zstlf) .tile .ph{width:100%;aspect-ratio:1.5;border-radius:14px;background:var(--sand);display:grid;place-items:center;max-width:100%}
:is(#zstl,#zstlf) .tile .ph svg{width:56px;height:56px}
:is(#zstl,#zstlf) .tile .body{padding:0 6px 6px}
:is(#zstl,#zstlf) .tile .nm{font-weight:600;font-size:15px;line-height:1.3}
:is(#zstl,#zstlf) .tile .d{font-size:12.5px;color:var(--muted)}
:is(#zstl,#zstlf) .plates{display:grid;grid-template-columns:1fr 1fr;gap:10px}
:is(#zstl,#zstlf) .pcard{border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:12px;display:grid;gap:8px;align-content:start;min-width:0}
:is(#zstl,#zstlf) .pcard img{width:120px;height:120px;justify-self:center;object-fit:contain}
:is(#zstl,#zstlf) .pcard .nm{font-weight:600;font-size:15px;line-height:1.3}
:is(#zstl,#zstlf) .pcard dl{margin:0;display:grid;gap:3px;font-size:13px;line-height:1.4}
:is(#zstl,#zstlf) .pcard dt{display:inline;font-size:9.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin-right:5px}
:is(#zstl,#zstlf) .pcard dd{display:inline;margin:0}
:is(#zstl,#zstlf) .pcard .ex{font-size:12px;color:var(--muted)}
@media (max-width:460px){:is(#zstl,#zstlf) .plates{grid-template-columns:1fr}:is(#zstl,#zstlf) .pcard{grid-template-columns:96px 1fr;align-items:start}:is(#zstl,#zstlf) .pcard img{width:96px;height:96px;grid-row:span 3}}
:is(#zstl,#zstlf) .rgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
:is(#zstl,#zstlf) .rcard{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:8px;display:grid;gap:8px;align-content:start;min-width:0}
:is(#zstl,#zstlf) .rcard img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px;display:block;max-width:100%}
:is(#zstl,#zstlf) .rcard .nm{font-weight:600;font-size:14.5px;line-height:1.3;padding:0 6px}
:is(#zstl,#zstlf) .rcard .meta{font-size:12px;color:var(--muted);padding:0 6px 6px}
:is(#zstl,#zstlf) .meals{display:grid;gap:6px;counter-reset:m}
:is(#zstl,#zstlf) .meals li{list-style:none;display:grid;grid-template-columns:26px 1fr;gap:10px;padding:9px 0;border-bottom:1px dashed var(--line);font-size:14.5px;counter-increment:m}
:is(#zstl,#zstlf) .meals li:last-child{border-bottom:0}
:is(#zstl,#zstlf) .meals li::before{content:counter(m);width:24px;height:24px;border-radius:50%;background:var(--sand);color:var(--terra);display:grid;place-items:center;font-family:var(--serif);font-size:15px}
:is(#zstl,#zstlf) .meals b{font-weight:600}
:is(#zstl,#zstlf) .man{display:grid;grid-template-columns:1fr 1fr;gap:10px}
:is(#zstl,#zstlf) .man>div{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:14px;display:grid;gap:2px;align-content:start}
:is(#zstl,#zstlf) .man .k{font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--terra)}
:is(#zstl,#zstlf) .man .v{font-family:var(--serif);font-style:italic;font-size:22px;line-height:1.15;color:var(--green)}
:is(#zstl,#zstlf) .man .d{font-size:13px;color:var(--muted)}
@media (max-width:420px){:is(#zstl,#zstlf) .man{grid-template-columns:1fr}}
:is(#zstl,#zstlf) .fgroup h3{font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--cta);padding-bottom:6px;border-bottom:1px solid var(--peach);margin-bottom:8px}
:is(#zstl,#zstlf) .frow{display:grid;grid-template-columns:minmax(0,120px) 1fr;gap:10px;padding:7px 0;border-bottom:1px dashed var(--line);font-size:14px}
:is(#zstl,#zstlf) .frow:last-child{border-bottom:0}
:is(#zstl,#zstlf) .frow b{font-weight:600}
:is(#zstl,#zstlf) mark{background:var(--peach);color:inherit;border-radius:3px;padding:0 1px}
:is(#zstl,#zstlf) .myth{border:1px solid var(--line);background:var(--surface);border-radius:18px;overflow:hidden}
:is(#zstl,#zstlf) .myth summary{list-style:none;padding:14px 16px;display:grid;grid-template-columns:22px 1fr;gap:10px;cursor:pointer;font-weight:600;line-height:1.35}
:is(#zstl,#zstlf) .myth summary::-webkit-details-marker{display:none}
:is(#zstl,#zstlf) .myth summary::before{content:"✕";color:var(--cta);font-weight:700}
:is(#zstl,#zstlf) .myth[open] summary{border-bottom:1px solid var(--line)}
:is(#zstl,#zstlf) .myth p{padding:12px 16px 14px 48px;font-size:14.5px;color:var(--fg)}
:is(#zstl,#zstlf) .tabsm{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
:is(#zstl,#zstlf) .tabsm::-webkit-scrollbar{display:none}
:is(#zstl,#zstlf) .tabsm button{flex:none;border:1px solid var(--line2);background:var(--surface);border-radius:999px;padding:8px 14px;font-size:13.5px}
:is(#zstl,#zstlf) .tabsm button[aria-pressed="true"]{background:var(--green);border-color:var(--green);color:var(--on-green)}
:is(#zstl,#zstlf) .next{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:620px){:is(#zstl,#zstlf) .next{grid-template-columns:1fr}}
:is(#zstl,#zstlf) .next .card{display:grid;gap:8px;align-content:start}
:is(#zstl,#zstlf) .next .card.main{border:2px solid var(--cta)}
:is(#zstl,#zstlf) .next h3{font-size:18px;font-weight:700;line-height:1.25}
:is(#zstl,#zstlf) .next p{color:var(--muted);font-size:14px}
:is(#zstl,#zstlf) .next a{justify-self:start;margin-top:6px}
:is(#zstl,#zstlf) .foot{font-size:12px;color:var(--muted);text-align:center;padding-top:8px}
:is(#zstl,#zstlf) .misa{display:grid;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:18px}
:is(#zstl,#zstlf) .misa .sig{font-family:var(--serif);font-style:italic;font-size:24px;color:var(--terra);line-height:1}

/* překryvy */
:is(#zstl,#zstlf) .overlay{position:fixed;inset:0;background:rgba(20,16,14,.5);z-index:30;display:flex;align-items:flex-end;justify-content:center}
:is(#zstl,#zstlf) .sheet{background:var(--bg);width:100%;max-width:620px;max-height:92vh;overflow:auto;border-radius:24px 24px 0 0;display:grid;animation:zsup .24s ease-out}
@media (min-width:700px){:is(#zstl,#zstlf) .overlay{align-items:center}:is(#zstl,#zstlf) .sheet{border-radius:24px}}
@keyframes zsup{from{transform:translateY(30px);opacity:.5}to{transform:none;opacity:1}}
:is(#zstl,#zstlf) .shead{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px max(20px,env(safe-area-inset-right,0px)) 0 max(20px,env(safe-area-inset-left,0px))}
:is(#zstl,#zstlf) .shead h2{font-size:20px;font-weight:700}
:is(#zstl,#zstlf) .sbody{padding:14px max(20px,env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-left,0px));display:grid;gap:16px}
:is(#zstl,#zstlf) .shero img{width:100%;aspect-ratio:1.6;object-fit:cover;border-radius:18px;display:block;max-width:100%}
:is(#zstl,#zstlf) .sbody h4{font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--cta)}
:is(#zstl,#zstlf) .ings{list-style:none;margin:0;padding:0;display:grid;gap:6px}
:is(#zstl,#zstlf) .ings li{display:grid;grid-template-columns:8px 1fr;gap:10px;align-items:baseline}
:is(#zstl,#zstlf) .ings li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--peach);transform:translateY(-2px)}
:is(#zstl,#zstlf) .porce{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:var(--sand);border-radius:14px;padding:10px 14px}
:is(#zstl,#zstlf) .stepper{display:flex;align-items:center;gap:10px}
:is(#zstl,#zstlf) .sbtn{width:36px;height:36px;border-radius:50%;border:1px solid var(--line2);background:var(--bg);font-size:18px;line-height:1;display:grid;place-items:center}
:is(#zstl,#zstlf) .sbtn:hover{background:var(--surface)}
:is(#zstl,#zstlf) .sval{min-width:22px;text-align:center;font-weight:600;font-size:17px;font-variant-numeric:tabular-nums}
:is(#zstl,#zstlf) .pillrow{display:flex;gap:6px;flex-wrap:wrap}
:is(#zstl,#zstlf) .pill{font-size:11.5px;font-weight:500;padding:2px 10px;border-radius:999px;background:var(--green-soft);color:var(--green)}
:is(#zstl,#zstlf) .toast{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--fg);color:var(--bg);padding:10px 18px;border-radius:999px;font-size:14px;font-weight:500;z-index:50;box-shadow:var(--shadow);max-width:calc(100% - 32px);text-align:center}

/* Přepadla mě chuť */
:is(#zstl,#zstlf) .crv{position:fixed;inset:0;z-index:40;background:var(--bg);display:grid;grid-template-rows:auto 1fr;padding-top:env(safe-area-inset-top,0px);overflow:hidden}
:is(#zstl,#zstlf) .crv .chead{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-block:14px 6px}
:is(#zstl,#zstlf) .crv .dots{display:flex;gap:6px}
:is(#zstl,#zstlf) .crv .dots i{width:22px;height:5px;border-radius:999px;background:var(--line)}
:is(#zstl,#zstlf) .crv .dots i.on{background:var(--terra)}
:is(#zstl,#zstlf) .crv .cmain{overflow:auto}
:is(#zstl,#zstlf) .crv .cin{display:grid;gap:18px;padding-block:18px calc(32px + env(safe-area-inset-bottom,0px));max-width:560px;margin:0 auto}
:is(#zstl,#zstlf) .crv h2{font-size:clamp(26px,6.5vw,34px);font-weight:700;line-height:1.12;letter-spacing:-.01em}
:is(#zstl,#zstlf) .crv .say{font-size:17px;line-height:1.55}
:is(#zstl,#zstlf) .crv .muted{color:var(--muted)}
:is(#zstl,#zstlf) .clock{display:grid;place-items:center;position:relative;width:210px;height:210px;justify-self:center}
:is(#zstl,#zstlf) .clock svg{position:absolute;inset:0;width:210px;height:210px;transform:rotate(-90deg)}
:is(#zstl,#zstlf) .clock .num{font-family:var(--serif);font-size:58px;line-height:1;color:var(--green);font-variant-numeric:tabular-nums;text-align:center}
:is(#zstl,#zstlf) .clock .num small{display:block;font-family:var(--sans);font-size:12px;color:var(--muted);margin-top:4px;letter-spacing:.06em}
:is(#zstl,#zstlf) .askq{display:grid;gap:8px}
:is(#zstl,#zstlf) .askq div{font-family:var(--serif);font-style:italic;font-size:24px;color:var(--terra);line-height:1.2}
:is(#zstl,#zstlf) .choice{display:grid;gap:10px}
:is(#zstl,#zstlf) .choice button{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:center;border:1.5px solid var(--line2);background:var(--surface);border-radius:18px;padding:15px 16px;text-align:left;font-size:16px;font-weight:500;line-height:1.3}
:is(#zstl,#zstlf) .choice button::before{content:"";width:22px;height:22px;border-radius:7px;border:1.5px solid var(--line2)}
:is(#zstl,#zstlf) .choice button[aria-pressed="true"]{border-color:var(--green);background:var(--green-soft)}
:is(#zstl,#zstlf) .choice button[aria-pressed="true"]::before{background:var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23FFFAF6' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat;border-color:var(--green)}
:is(#zstl,#zstlf) .choice .none{border-style:dashed}
:is(#zstl,#zstlf) .snack{display:grid;gap:8px}
:is(#zstl,#zstlf) .snack button{border:1.5px solid var(--line2);background:var(--surface);border-radius:16px;padding:13px 16px;text-align:left;font-size:15.5px;line-height:1.35}
:is(#zstl,#zstlf) .snack button[aria-pressed="true"]{border-color:var(--green);background:var(--green-soft);font-weight:500}
:is(#zstl,#zstlf) .gold{display:grid;gap:12px;background:var(--green);color:var(--on-green);border-radius:24px;padding:24px 22px}
:is(#zstl,#zstlf) .gold .kicker{color:var(--peach)}
:is(#zstl,#zstlf) .gold p{font-family:var(--serif);font-style:italic;font-size:25px;line-height:1.25}
:is(#zstl,#zstlf) .cact{display:grid;gap:10px}
:is(#zstl,#zstlf) .cact .btn{width:100%}
:is(#zstl,#zstlf) .cbox{background:var(--sand);border-radius:18px;padding:14px 16px;font-size:15px}

/* recepty */
:is(#zstl,#zstlf) .search{position:relative}
:is(#zstl,#zstlf) .search input{padding-left:40px}
:is(#zstl,#zstlf) .search svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:18px;height:18px;stroke:var(--muted);fill:none;stroke-width:2}
:is(#zstl,#zstlf) .filters{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
:is(#zstl,#zstlf) .filters::-webkit-scrollbar{display:none}
:is(#zstl,#zstlf) .filters button{flex:none;border:1px solid var(--line2);background:var(--surface);border-radius:999px;padding:7px 13px;font-size:13px}
:is(#zstl,#zstlf) .filters button[aria-pressed="true"]{background:var(--green);border-color:var(--green);color:var(--on-green)}
:is(#zstl,#zstlf) .filters .sep{flex:none;width:1px;background:var(--line2);margin:4px 2px}
:is(#zstl,#zstlf) .kgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:10px}
:is(#zstl,#zstlf) .kcard{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:7px;display:grid;gap:7px;align-content:start;min-width:0;position:relative}
:is(#zstl,#zstlf) .kcard:hover{border-color:var(--line2)}
:is(#zstl,#zstlf) .kcard img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:14px;display:block;max-width:100%;background:var(--sand)}
:is(#zstl,#zstlf) .kcard .nm{font-weight:600;font-size:14px;line-height:1.3;padding:0 5px}
:is(#zstl,#zstlf) .kcard .meta{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:11.5px;color:var(--muted);padding:0 5px 5px}
:is(#zstl,#zstlf) .kcard .heart{position:absolute;top:13px;right:13px;width:30px;height:30px;border-radius:50%;background:rgba(255,250,246,.92);display:grid;place-items:center;color:var(--cta);font-size:15px;line-height:1}
:is(#zstl,#zstlf) .pd{display:inline-flex;gap:3px}
:is(#zstl,#zstlf) .pd i{width:8px;height:8px;border-radius:50%;display:inline-block}
:is(#zstl,#zstlf) .pd i.off{background:transparent!important;box-shadow:inset 0 0 0 1.5px var(--line2)}
:is(#zstl,#zstlf) .parts4{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
:is(#zstl,#zstlf) .parts4 span{border-radius:12px;padding:8px 4px;text-align:center;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;line-height:1.25}
:is(#zstl,#zstlf) .parts4 span.off{background:transparent!important;color:var(--muted)!important;box-shadow:inset 0 0 0 1px var(--line2);font-weight:500;text-decoration:line-through;text-decoration-color:var(--line2)}
:is(#zstl,#zstlf) .ings li b{font-variant-numeric:tabular-nums}
:is(#zstl,#zstlf) .ings .pn{color:var(--muted);font-size:13px}
:is(#zstl,#zstlf) .steps2{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:st}
:is(#zstl,#zstlf) .steps2 li{display:grid;grid-template-columns:26px 1fr;gap:10px;counter-increment:st;font-size:15px}
:is(#zstl,#zstlf) .steps2 li::before{content:counter(st);width:24px;height:24px;border-radius:50%;background:var(--green);color:var(--on-green);display:grid;place-items:center;font-size:12px;font-weight:600}
:is(#zstl,#zstlf) .macros{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
:is(#zstl,#zstlf) .macros div{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:8px;text-align:center;font-size:11.5px;color:var(--muted)}
:is(#zstl,#zstlf) .macros b{display:block;font-size:17px;color:var(--fg);font-variant-numeric:tabular-nums}
:is(#zstl,#zstlf) .shead .acts{display:flex;gap:8px}
:is(#zstl,#zstlf) .x.on{background:var(--peach);border-color:var(--peach)}
:is(#zstl,#zstlf) .shopcat h3{font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--cta);padding-bottom:6px;border-bottom:1px solid var(--peach);margin-bottom:2px}
:is(#zstl,#zstlf) .slist{list-style:none;margin:0;padding:0}
:is(#zstl,#zstlf) .slist li{border-bottom:1px dashed var(--line)}
:is(#zstl,#zstlf) .slist li:last-child{border-bottom:0}
:is(#zstl,#zstlf) .slist label{display:grid;grid-template-columns:22px 1fr auto;gap:12px;align-items:start;padding:9px 2px;cursor:pointer;font-size:14.5px}
:is(#zstl,#zstlf) .slist .q{font-size:13.5px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
:is(#zstl,#zstlf) .slist input{appearance:none;-webkit-appearance:none;width:20px;height:20px;margin:2px 0 0;border:1.5px solid var(--line2);border-radius:6px;background:var(--surface);display:grid;place-items:center;cursor:pointer}
:is(#zstl,#zstlf) .slist input:checked{background:var(--green);border-color:var(--green)}
:is(#zstl,#zstlf) .slist input:checked::after{content:"";width:5px;height:10px;border:solid var(--on-green);border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}
:is(#zstl,#zstlf) .slist input:checked ~ span{opacity:.45;text-decoration:line-through}
:is(#zstl,#zstlf) .chosen{display:grid;gap:8px}
:is(#zstl,#zstlf) .chosen .row1{display:grid;grid-template-columns:52px 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:8px}
:is(#zstl,#zstlf) .chosen img{width:52px;height:52px;border-radius:12px;object-fit:cover}
:is(#zstl,#zstlf) .chosen .nm{font-weight:600;font-size:14px;line-height:1.3}
:is(#zstl,#zstlf) .mstep{display:flex;align-items:center;gap:6px}
:is(#zstl,#zstlf) .mstep .sbtn{width:30px;height:30px;font-size:16px}
:is(#zstl,#zstlf) .setcard{display:grid;gap:14px;background:var(--surface);border:2px solid var(--green);border-radius:22px;padding:18px}
:is(#zstl,#zstlf) .setcard h2{font-size:19px;font-weight:700;line-height:1.25}
:is(#zstl,#zstlf) .toggle{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:15px;cursor:pointer}
:is(#zstl,#zstlf) .toggle input{appearance:none;-webkit-appearance:none;border:0;padding:0;width:46px;height:28px;border-radius:999px;background:var(--line2);position:relative;cursor:pointer;flex:none;margin:0;transition:background .2s}
:is(#zstl,#zstlf) .toggle input::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .2s}
:is(#zstl,#zstlf) .toggle input:checked{background:var(--green)}
:is(#zstl,#zstlf) .toggle input:checked::after{transform:translateX(18px)}
:is(#zstl,#zstlf) .now{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
:is(#zstl,#zstlf) .now .kcard .nm{font-size:13px}
@media (max-width:420px){:is(#zstl,#zstlf) .now{grid-template-columns:repeat(2,1fr)}:is(#zstl,#zstlf) .now .kcard:nth-child(3){display:none}}
:is(#zstl,#zstlf) .badge{position:absolute;top:2px;box-shadow:0 0 0 2px var(--green);left:calc(50% + 8px);min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--cta);color:var(--on-cta);font-size:10.5px;font-weight:600;display:grid;place-items:center;font-variant-numeric:tabular-nums}
/* zámek */
:is(#zstl,#zstlf) .gate{min-height:80vh;display:grid;align-content:center;gap:18px;max-width:420px;margin:0 auto;padding-block:40px}
:is(#zstl,#zstlf) .gate h1{font-size:34px;font-weight:700;line-height:1.05;letter-spacing:-.02em}
:is(#zstl,#zstlf) .gate .err{color:var(--cta);font-size:14px;font-weight:500}
@media (prefers-reduced-motion:reduce){:is(#zstl,#zstlf) .sheet{animation:none}:is(#zstl,#zstlf) .bar i{transition:none}}
:is(#zstl,#zstlf) .msg{display:grid;grid-template-columns:52px 1fr;gap:12px;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--terra);border-radius:18px;padding:14px 14px 14px 12px;box-shadow:var(--shadow)}
:is(#zstl,#zstlf) .msg .ph{width:52px;height:52px;border-radius:50%;overflow:hidden;background:var(--peach)}
:is(#zstl,#zstlf) .msg .ph img{width:100%;height:100%;object-fit:cover;display:block}
:is(#zstl,#zstlf) .msg .lbl{font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--cta)}
:is(#zstl,#zstlf) .msg p{font-size:14.5px;line-height:1.5;margin:4px 0 0}
:is(#zstl,#zstlf) .msg .sig{font-family:var(--serif);font-style:italic;font-size:20px;color:var(--terra);line-height:1;margin-top:6px}
:is(#zstl,#zstlf) .msg .row{margin-top:10px}
:is(#zstl,#zstlf) .hab{display:grid;gap:8px}
:is(#zstl,#zstlf) .hab button{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:center;text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:11px 12px;font-size:14px;line-height:1.35;width:100%;min-height:44px;color:var(--fg)}
:is(#zstl,#zstlf) .hab button .ck{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--line2);display:grid;place-items:center;font-size:15px;color:transparent;background:var(--bg)}
:is(#zstl,#zstlf) .hab button[aria-pressed="true"]{background:var(--green-soft);border-color:var(--green)}
:is(#zstl,#zstlf) .hab button[aria-pressed="true"] .ck{background:var(--green);border-color:var(--green);color:var(--on-green)}
:is(#zstl,#zstlf) .strip{display:grid;grid-template-columns:repeat(14,1fr);gap:4px}
:is(#zstl,#zstlf) .strip button{aspect-ratio:1;border-radius:50%;border:0;background:var(--line);padding:0;min-width:0;position:relative}
:is(#zstl,#zstlf) .strip button.l1{background:var(--peach)}
:is(#zstl,#zstlf) .strip button.l2{background:#9DB894}
:is(#zstl,#zstlf) .strip button.l3{background:var(--green)}
:is(#zstl,#zstlf) .strip button.sel{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--terra)}
:is(#zstl,#zstlf) .strip button.fut{opacity:.35}
:is(#zstl,#zstlf) .legend{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--muted)}
:is(#zstl,#zstlf) .legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px;vertical-align:-1px}
:is(#zstl,#zstlf) .scale{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
:is(#zstl,#zstlf) .scale.s3{grid-template-columns:repeat(3,1fr)}
:is(#zstl,#zstlf) .scale button{border:1px solid var(--line2);background:var(--surface);border-radius:12px;padding:9px 4px;font-size:12.5px;line-height:1.25;min-height:44px;color:var(--fg)}
:is(#zstl,#zstlf) .scale button[aria-pressed="true"]{background:var(--green);border-color:var(--green);color:var(--on-green);font-weight:600}
:is(#zstl,#zstlf) .scale-ends{display:flex;justify-content:space-between;font-size:11.5px;color:var(--muted);margin-top:4px}
:is(#zstl,#zstlf) .pq{display:grid;gap:8px}
:is(#zstl,#zstlf) .pq>b{font-size:15px}
:is(#zstl,#zstlf) .num2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
:is(#zstl,#zstlf) .num2 input{width:100%;border:1px solid var(--line2);border-radius:12px;padding:11px 12px;font-size:16px;background:var(--surface);color:var(--fg);font-family:inherit}
:is(#zstl,#zstlf) .chart{width:100%;height:auto;display:block}
:is(#zstl,#zstlf) .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
:is(#zstl,#zstlf) .stats div{background:var(--sand);border-radius:16px;padding:14px 8px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px}
:is(#zstl,#zstlf) .stats b{display:block;font-family:Poppins,system-ui,sans-serif;font-weight:600;font-size:26px;line-height:1;color:var(--green)}
:is(#zstl,#zstlf) .stats span{font-size:12.5px;color:var(--muted);line-height:1.3;display:block;margin:0}
:is(#zstl,#zstlf) .cmp{display:grid;gap:8px}
:is(#zstl,#zstlf) .cmp div{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;font-size:14px;border-bottom:1px solid var(--line);padding-bottom:8px}
:is(#zstl,#zstlf) .cmp div:last-child{border-bottom:0;padding-bottom:0}
:is(#zstl,#zstlf) .cmp .up{color:var(--c-z);font-weight:600}
:is(#zstl,#zstlf) .cmp .dn{color:var(--cta);font-weight:600}
:is(#zstl,#zstlf) .cmp .eq{color:var(--muted)}
:is(#zstl,#zstlf) .wins{display:grid;gap:8px}
:is(#zstl,#zstlf) .wins div{background:var(--sand);border-radius:14px;padding:10px 12px;font-size:14px}
:is(#zstl,#zstlf) .wins small{display:block;color:var(--muted);font-size:12px}
:is(#zstl,#zstlf) .wk{display:grid;gap:10px}
:is(#zstl,#zstlf) .wkday{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:12px;display:grid;gap:8px}
:is(#zstl,#zstlf) .wkday.today{border:2px solid var(--green)}
:is(#zstl,#zstlf) .wkday h3{font-size:15px;font-weight:600;margin:0;display:flex;justify-content:space-between;align-items:baseline}
:is(#zstl,#zstlf) .wkday h3 small{font-weight:400;color:var(--muted);font-size:12.5px}
:is(#zstl,#zstlf) .slot{display:grid;grid-template-columns:54px 1fr auto;gap:10px;align-items:center;text-align:left;border:1px dashed var(--line2);background:var(--bg);border-radius:14px;padding:6px 8px 6px 6px;width:100%;min-height:54px;color:var(--fg)}
:is(#zstl,#zstlf) .slot.full{border-style:solid;border-color:var(--line);background:var(--surface)}
:is(#zstl,#zstlf) .slot .im{width:54px;height:42px;border-radius:10px;overflow:hidden;background:var(--sand);display:grid;place-items:center;color:var(--terra);font-size:20px}
:is(#zstl,#zstlf) .slot .im img{width:100%;height:100%;object-fit:cover;display:block}
:is(#zstl,#zstlf) .slot .k{font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
:is(#zstl,#zstlf) .slot .nm{font-size:14px;line-height:1.3}
:is(#zstl,#zstlf) .slot .nm.empty{color:var(--muted)}
:is(#zstl,#zstlf) .slot .tag{font-size:11.5px;color:var(--c-z);font-weight:600}
:is(#zstl,#zstlf) .plist{display:grid;gap:8px}
:is(#zstl,#zstlf) .prow{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center;text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:6px;width:100%;color:var(--fg)}
:is(#zstl,#zstlf) .prow img{width:64px;height:50px;border-radius:10px;object-fit:cover;display:block}
:is(#zstl,#zstlf) .prow .nm{font-size:14px;line-height:1.3;font-weight:500}
:is(#zstl,#zstlf) .prow .hint{font-size:12.5px}
:is(#zstl,#zstlf) .sit{display:grid;gap:8px}
:is(#zstl,#zstlf) .sitcard{display:grid;gap:12px}
:is(#zstl,#zstlf) .sitcard h3{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--terra);margin:0}
:is(#zstl,#zstlf) .plan-b{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;text-align:left;width:100%;border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:14px;color:var(--fg)}
:is(#zstl,#zstlf) .plan-b .ic{width:40px;height:40px;border-radius:50%;background:var(--sand);display:grid;place-items:center;font-size:19px}
:is(#zstl,#zstlf) .plan-b .t{font-weight:600;font-size:15px;display:block}
:is(#zstl,#zstlf) .plan-b .s{font-size:13px;color:var(--muted);display:block}
:is(#zstl,#zstlf) .steps3{display:grid;gap:10px;counter-reset:s;margin:0;padding:0;list-style:none}
:is(#zstl,#zstlf) .steps3 li{display:grid;grid-template-columns:32px 1fr;gap:12px;align-items:start;font-size:14.5px;line-height:1.45}
:is(#zstl,#zstlf) .steps3 li::before{counter-increment:s;content:counter(s);width:32px;height:32px;border-radius:50%;background:var(--green);color:var(--on-green);display:grid;place-items:center;font-weight:600;font-size:14px}
:is(#zstl,#zstlf) .homecard{display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:center;background:var(--green-soft);border-radius:18px;padding:12px 14px}
:is(#zstl,#zstlf) .homecard img{width:56px;height:56px;border-radius:14px;display:block}
:is(#zstl,#zstlf) .homecard b{display:block;font-size:15px}
:is(#zstl,#zstlf) .homecard span{font-size:13px;color:var(--muted)}
:is(#zstl,#zstlf) .pgcard{display:grid;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px 16px}

:is(#zstl,#zstlf) .hubs{display:grid;gap:10px}
:is(#zstl,#zstlf) .hub{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;text-align:left;width:100%;border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:14px;color:var(--fg);text-decoration:none;min-height:64px}
:is(#zstl,#zstlf) .hub:hover{border-color:var(--line2)}
:is(#zstl,#zstlf) .hub .ic{width:44px;height:44px;border-radius:50%;background:var(--sand);display:grid;place-items:center;font-size:20px}
:is(#zstl,#zstlf) .hub .t{display:block;font-weight:600;font-size:15.5px;line-height:1.3}
:is(#zstl,#zstlf) .hub .s{display:block;font-size:13px;color:var(--muted);line-height:1.4;margin-top:2px}
:is(#zstl,#zstlf) .hub .ar{font-family:var(--serif);font-style:italic;font-size:18px;color:var(--muted)}
:is(#zstl,#zstlf) .mebtn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line2);background:var(--surface);border-radius:999px;padding:6px 12px 6px 14px;font-size:13px;font-weight:600;color:var(--fg);min-height:36px}
:is(#zstl,#zstlf) .mebtn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
:is(#zstl,#zstlf) .mefix{position:fixed;top:calc(10px + env(safe-area-inset-top,0px));right:max(12px,env(safe-area-inset-right,0px));z-index:14;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line2);background:rgba(255,250,246,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;padding:7px 14px 7px 10px;font-size:13px;font-weight:600;color:var(--fg);min-height:38px;box-shadow:0 4px 14px rgba(46,35,32,.10)}
:is(#zstl,#zstlf) .mefix{right:max(12px,env(safe-area-inset-right,0px),calc(50vw - 380px + 32px))}:is(#zstl,#zstlf) .backfix{left:max(12px,env(safe-area-inset-left,0px),calc(50vw - 380px))}body.admin-bar #zstlf .mefix,body.admin-bar #zstlf .backfix{top:42px}@media (max-width:782px){body.admin-bar #zstlf .mefix,body.admin-bar #zstlf .backfix{top:56px}}@media (min-width:800px){:is(#zstl,#zstlf) .mefix,:is(#zstl,#zstlf) .backfix{top:calc(18px + env(safe-area-inset-top,0px))}body.admin-bar #zstlf .mefix,body.admin-bar #zstlf .backfix{top:50px}:is(#zstl,#zstlf) .mefix{top:calc(28px + env(safe-area-inset-top,0px))}body.admin-bar #zstlf .mefix{top:60px}}:is(#zstl,#zstlf) .odm{display:grid;gap:12px}:is(#zstl,#zstlf) .odmh{display:flex;justify-content:space-between;align-items:baseline;margin-top:6px}:is(#zstl,#zstlf) .mefix{position:fixed;background:#F2C3A6!important;border-color:#F2C3A6!important;color:#1F2B22!important;font-size:14px!important;min-height:42px!important;padding:8px 16px 8px 12px!important;box-shadow:0 6px 18px rgba(31,43,34,.25)!important}:is(#zstl,#zstlf) .mefix[aria-current="true"]{background:#FFFAF6!important;border-color:#FFFAF6!important;color:#1F2B22!important}:is(#zstl,#zstlf) .mefix.dot:after{content:"";position:absolute;top:-3px;right:-3px;width:12px;height:12px;border-radius:50%;background:#A9552C;border:2px solid #FFFAF6;animation:zschpulse 2s ease-in-out infinite}@keyframes zschpulse{0%,100%{transform:scale(1)}50%{transform:scale(1.25)}}
:is(#zstl,#zstlf) .wow{gap:16px}
:is(#zstl,#zstlf) .whero{background:var(--green,#35493B);color:#FFFAF6;margin:-22px -16px 0;padding:calc(env(safe-area-inset-top,0px) + 30px) 20px 74px!important;border-radius:0 0 34px 34px;position:relative;overflow:hidden}
:is(#zstl,#zstlf) .whero:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:#F2C3A6;opacity:.16;right:-110px;top:-120px;pointer-events:none}
:is(#zstl,#zstlf) .whero:after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;border:2px solid rgba(242,195,166,.25);left:-60px;bottom:-70px;pointer-events:none}
:is(#zstl,#zstlf) .wdt{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#F2C3A6;position:relative;z-index:1;padding-right:90px}
:is(#zstl,#zstlf) .whero h1{font-family:"Instrument Serif","Lora",Georgia,serif;font-style:italic;font-weight:500;font-size:clamp(36px,10vw,48px);line-height:1.05;margin:16px 0 8px;position:relative;z-index:1;color:#FFFAF6;letter-spacing:0}
:is(#zstl,#zstlf) .wsub{font-size:15px;color:rgba(255,250,246,.8);position:relative;z-index:1}
:is(#zstl,#zstlf) .wsub b{color:#F2C3A6;font-weight:600}
:is(#zstl,#zstlf) .wchips{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;position:relative;z-index:1}
:is(#zstl,#zstlf) .wchip{background:rgba(255,250,246,.1);border:0;border-radius:16px;padding:10px 6px;text-align:center;color:#FFFAF6;font:inherit;cursor:pointer}
:is(#zstl,#zstlf) .wchip b{display:block;font-size:21px;font-weight:700}
:is(#zstl,#zstlf) .wchip span{font-size:11px;color:rgba(255,250,246,.72)}
:is(#zstl,#zstlf) .wfocus{background:#fff;border-radius:26px;margin-top:-62px;position:relative;z-index:2;box-shadow:0 18px 40px rgba(46,35,32,.14);overflow:hidden}
:is(#zstl,#zstlf) .wmisa{display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:start;padding:18px 18px 16px;background:linear-gradient(180deg,#F6E7DC,#fff)}
:is(#zstl,#zstlf) .wmisa .wph img,:is(#zstl,#zstlf) .wmisa .wph{width:52px;height:52px;border-radius:50%;display:block}
:is(#zstl,#zstlf) .wmisa .wph img{border:3px solid #fff;box-shadow:0 4px 10px rgba(0,0,0,.08);object-fit:cover}
:is(#zstl,#zstlf) .wk{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#A9552C;display:flex;align-items:center;gap:6px}
:is(#zstl,#zstlf) .wdot{width:8px;height:8px;border-radius:50%;background:#A9552C;display:inline-block}
:is(#zstl,#zstlf) .wq{font-family:"Instrument Serif","Lora",Georgia,serif;font-style:italic;font-size:20px;line-height:1.35;margin:5px 0 0;color:#2E2320}
:is(#zstl,#zstlf) .wq.wsm{font-size:17px}
:is(#zstl,#zstlf) .wrule{font-size:13px;color:#6B5A52;margin-top:10px;line-height:1.45}
:is(#zstl,#zstlf) .wlink{background:none;border:0;padding:0;font:600 13px "Poppins",sans-serif;color:#A9552C;cursor:pointer;margin-top:8px;white-space:nowrap}
:is(#zstl,#zstlf) .wstep{border-top:1px solid var(--line,#EADDD3);padding:4px}
:is(#zstl,#zstlf) .wstep>*{border:0!important;box-shadow:none!important;background:transparent!important;margin:0!important}
:is(#zstl,#zstlf) .wstep.wdone{padding:16px 18px 18px;display:grid;gap:10px;justify-items:start}
:is(#zstl,#zstlf) .wstep .wt{font-size:17px;font-weight:600;line-height:1.35}
:is(#zstl,#zstlf) .wsec{display:flex;justify-content:space-between;align-items:baseline;margin:14px 4px -4px;gap:10px}
:is(#zstl,#zstlf) .wsec h2{font-size:19px;font-weight:700;margin:0}
:is(#zstl,#zstlf) .wsec .wlink{margin:0}
:is(#zstl,#zstlf) .wrail{display:flex;gap:12px;overflow-x:auto;margin:0 -16px;padding:2px 16px 10px;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-padding:0 16px}
:is(#zstl,#zstlf) .wrail::-webkit-scrollbar{display:none}
:is(#zstl,#zstlf) .wfood{flex:none;width:150px;background:none;border:0;padding:0;text-align:left;font:inherit;color:inherit;cursor:pointer;scroll-snap-align:start}
:is(#zstl,#zstlf) .wfph{display:block;width:150px;height:170px;border-radius:22px;background-size:cover;background-position:center;background-color:#F6E7DC;position:relative;box-shadow:0 10px 22px rgba(46,35,32,.12)}
:is(#zstl,#zstlf) .wtag{position:absolute;left:8px;top:8px;background:rgba(255,250,246,.94);border-radius:99px;font-size:11px;font-weight:600;padding:4px 9px;color:#2E2320}
:is(#zstl,#zstlf) .wfood b{display:block;font-size:14px;line-height:1.3;margin-top:8px;font-weight:600}
:is(#zstl,#zstlf) .wfood small{color:#6B5A52;font-size:12px}
:is(#zstl,#zstlf) .wcard{background:#fff;border:1px solid var(--line,#EADDD3);border-radius:24px;padding:16px}
:is(#zstl,#zstlf) .wplate{background:#fff;border:1px solid var(--line,#EADDD3);border-radius:24px;padding:16px 12px 12px}
:is(#zstl,#zstlf) .wpr{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
:is(#zstl,#zstlf) .wpi{background:none;border:0;padding:0;font:600 12px "Poppins",sans-serif;color:#6B5A52;cursor:pointer;display:grid;justify-items:center;gap:6px}
:is(#zstl,#zstlf) .wo{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;font-size:26px;background:var(--c0);position:relative;transition:transform .15s}
:is(#zstl,#zstlf) .wpi:active .wo{transform:scale(.92)}
:is(#zstl,#zstlf) .wpi.on .wo{background:var(--c1)}
:is(#zstl,#zstlf) .wpi.on{color:#2E2320}
:is(#zstl,#zstlf) .wck{position:absolute;right:-2px;bottom:-2px;width:22px;height:22px;border-radius:50%;background:#35493B;color:#fff;font-size:12px;font-style:normal;display:grid;place-items:center;border:2px solid #fff}
:is(#zstl,#zstlf) .wph2{font-size:13px;color:#6B5A52;margin:12px 0 4px;text-align:center}
:is(#zstl,#zstlf) .wplate .wplates{margin-top:6px}
:is(#zstl,#zstlf) .wacts{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:10px}
:is(#zstl,#zstlf) .wact{border-radius:22px;padding:14px 12px;background:#fff;border:1px solid var(--line,#EADDD3);font:600 13px "Poppins",sans-serif;line-height:1.25;text-align:left;color:#2E2320;cursor:pointer}
:is(#zstl,#zstlf) .wact .i{font-size:22px;display:block;margin-bottom:6px}
:is(#zstl,#zstlf) .wact.wcr{background:#A9552C;color:#FFFAF6;border:0}
:is(#zstl,#zstlf) .wact.wcr small{display:block;font-weight:400;opacity:.85;font-size:11px;margin-top:3px}
@media (min-width:800px){:is(#zstl,#zstlf) .whero{margin:0;border-radius:34px;padding:30px 32px 74px!important}:is(#zstl,#zstlf) .wfocus{margin-left:20px;margin-right:20px}:is(#zstl,#zstlf) .wrail{margin:0;padding-left:0;padding-right:0}:is(#zstl,#zstlf) .wfood{width:calc((100% - 36px)/4)}:is(#zstl,#zstlf) .wfph{width:100%}}

:is(#zstl,#zstlf) .whero.sm{padding-bottom:22px!important}
:is(#zstl,#zstlf) .whero.sm h1{font-size:clamp(34px,9vw,44px);margin:12px 0 6px}
:is(#zstl,#zstlf) .wsearch{position:relative;z-index:1;margin-top:16px;background:#FFFAF6;border:0;border-radius:16px}
:is(#zstl,#zstlf) .wsearch input{background:transparent}
:is(#zstl,#zstlf) .wshop{position:relative;z-index:1;margin-top:10px;width:100%;display:flex;justify-content:space-between;align-items:center;background:rgba(255,250,246,.1);border:0;border-radius:14px;padding:10px 14px;color:#FFFAF6;font:500 14px "Poppins",sans-serif;cursor:pointer}
:is(#zstl,#zstlf) .wshop b{color:#F2C3A6;font-weight:600}
:is(#zstl,#zstlf) .wcats{display:flex;gap:14px;overflow-x:auto;margin:2px -16px 0;padding:4px 16px 6px;scrollbar-width:none}
:is(#zstl,#zstlf) .wcats::-webkit-scrollbar{display:none}
:is(#zstl,#zstlf) .wcat{flex:none;background:none;border:0;padding:0;display:grid;justify-items:center;gap:6px;font:600 12px "Poppins",sans-serif;color:#6B5A52;cursor:pointer;width:68px}
:is(#zstl,#zstlf) .wci{width:64px;height:64px;border-radius:50%;background:#F6E7DC center/cover no-repeat;display:grid;place-items:center;box-shadow:0 0 0 2px #FFFAF6,0 0 0 4px transparent;transition:box-shadow .15s}
:is(#zstl,#zstlf) .wcat.on .wci{box-shadow:0 0 0 2px #FFFAF6,0 0 0 4px #A9552C}
:is(#zstl,#zstlf) .wcat.on{color:#2E2320}
:is(#zstl,#zstlf) .wcl{white-space:nowrap}
:is(#zstl,#zstlf) .wheart{color:#A9552C;font-size:26px;line-height:1}
:is(#zstl,#zstlf) .wfeat,:is(#zstl,#zstlf) .wbig{position:relative;display:block;width:100%;height:220px;border:0;border-radius:26px;background:#F6E7DC center/cover no-repeat;overflow:hidden;cursor:pointer;text-align:left;padding:0;box-shadow:0 14px 30px rgba(46,35,32,.14)}
:is(#zstl,#zstlf) .wfg{position:absolute;inset:auto 0 0 0;padding:40px 18px 16px;background:linear-gradient(180deg,rgba(31,43,34,0),rgba(31,43,34,.82));color:#FFFAF6;display:grid;gap:4px;justify-items:start}
:is(#zstl,#zstlf) .wfg .wtag{position:static}
:is(#zstl,#zstlf) .wfg b{font-size:20px;font-weight:700;line-height:1.2;margin-top:4px}
:is(#zstl,#zstlf) .wfg small{font-size:13px;color:rgba(255,250,246,.85);line-height:1.4}
:is(#zstl,#zstlf) .wbigs{display:grid;gap:14px}
:is(#zstl,#zstlf) .wbig{height:200px}
:is(#zstl,#zstlf) .wweek{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:18px;position:relative;z-index:1}
:is(#zstl,#zstlf) .wd{display:grid;justify-items:center;gap:2px;background:rgba(255,250,246,.08);border-radius:14px;padding:8px 0 7px;color:rgba(255,250,246,.75)}
:is(#zstl,#zstlf) .wd small{font-size:11px}
:is(#zstl,#zstlf) .wd b{font-size:16px;color:#FFFAF6}
:is(#zstl,#zstlf) .wd i{width:6px;height:6px;border-radius:50%;background:transparent}
:is(#zstl,#zstlf) .wd.has i{background:#F2C3A6}
:is(#zstl,#zstlf) .wd.td{background:#F2C3A6;color:#1F2B22}
:is(#zstl,#zstlf) .wd.td b{color:#1F2B22}
:is(#zstl,#zstlf) .wd.td.has i{background:#35493B}
:is(#zstl,#zstlf) .wjid,:is(#zstl,#zstlf) .wrow{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;width:100%;text-align:left;border:0;border-radius:24px;padding:16px;cursor:pointer;font:inherit;color:#2E2320}
:is(#zstl,#zstlf) .wjid{background:linear-gradient(135deg,#F6E7DC,#FFFAF6);box-shadow:0 10px 26px rgba(46,35,32,.10)}
:is(#zstl,#zstlf) .wjid .wph img,:is(#zstl,#zstlf) .wjid .wph{width:56px;height:56px;border-radius:50%;display:block;object-fit:cover}
:is(#zstl,#zstlf) .wjid .wph img{border:3px solid #fff}
:is(#zstl,#zstlf) .wjid b,:is(#zstl,#zstlf) .wrow b{display:block;font-size:17px;font-weight:700;margin-top:2px}
:is(#zstl,#zstlf) .wjid small,:is(#zstl,#zstlf) .wrow small{display:block;font-size:13px;color:#6B5A52;line-height:1.4;margin-top:2px}
:is(#zstl,#zstlf) .wrow{background:#fff;border:1px solid var(--line,#EADDD3)}
:is(#zstl,#zstlf) .wri{width:48px;height:48px;border-radius:50%;background:#E6EAE0;display:grid;place-items:center;font-size:22px}
:is(#zstl,#zstlf) .war{font-size:20px;color:#A9552C}
:is(#zstl,#zstlf) .wpromo{background:#fff;border:1.5px dashed #E3C9B6;box-shadow:none}
:is(#zstl,#zstlf) .kgrid{gap:16px 12px!important}
:is(#zstl,#zstlf) .kcard{border:0!important;background:transparent!important;padding:0!important;gap:6px!important}
:is(#zstl,#zstlf) .kimg{position:relative;display:block}
:is(#zstl,#zstlf) .kcard img{aspect-ratio:1/1!important;border-radius:20px!important;box-shadow:0 8px 18px rgba(46,35,32,.10)}
:is(#zstl,#zstlf) .ktm{position:absolute;left:8px;bottom:8px;background:rgba(255,250,246,.94);border-radius:99px;font-size:11px;font-weight:600;padding:3px 9px;color:#2E2320}
:is(#zstl,#zstlf) .kcard .heart{top:8px!important;right:8px!important}
:is(#zstl,#zstlf) .kcard .nm{padding:0 2px!important;font-size:14.5px!important}
:is(#zstl,#zstlf) .kcard .meta{padding:0 2px!important}
@media (min-width:800px){:is(#zstl,#zstlf) .wbigs{grid-template-columns:1fr 1fr}:is(#zstl,#zstlf) .wfeat{height:280px}:is(#zstl,#zstlf) .wcats{margin:0;padding-left:0;padding-right:0}}

:is(#zstl,#zstlf) .wseg{position:relative;z-index:1;margin-top:16px;background:rgba(255,250,246,.12)!important}
:is(#zstl,#zstlf) .wseg button{color:rgba(255,250,246,.85)!important;font-size:14px!important;padding:10px 6px!important}
:is(#zstl,#zstlf) .wseg button[aria-pressed="true"]{background:#FFFAF6!important;color:#1F2B22!important}
:is(#zstl,#zstlf) .wow .part{border:0;box-shadow:0 6px 18px rgba(46,35,32,.07);border-radius:20px;padding:14px 16px}
:is(#zstl,#zstlf) .wplatew{background:#fff;border-radius:28px;padding:18px;box-shadow:0 12px 28px rgba(46,35,32,.08)}
:is(#zstl,#zstlf) .wtiles{grid-template-columns:1fr 1fr!important;gap:10px!important}
:is(#zstl,#zstlf) .wtiles .hub{grid-template-columns:1fr!important;gap:8px!important;align-content:start;border:0;box-shadow:0 6px 18px rgba(46,35,32,.07);border-radius:22px;padding:14px;min-height:0}
:is(#zstl,#zstlf) .wtiles .hub .ar{display:none}
:is(#zstl,#zstlf) .wtiles .hub .t{font-size:14px;line-height:1.3}
:is(#zstl,#zstlf) .wtiles .hub .s{font-size:12px}
:is(#zstl,#zstlf) .wme .wdt{padding-left:0!important}
:is(#zstl,#zstlf) .wgrp{display:grid;gap:8px}
:is(#zstl,#zstlf) .wgt{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#A9552C;margin:6px 6px 0}
:is(#zstl,#zstlf) .wgl{background:#fff;border-radius:24px;box-shadow:0 8px 22px rgba(46,35,32,.07);overflow:hidden}
:is(#zstl,#zstlf) .wli{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;width:100%;text-align:left;background:#fff;border:0;border-bottom:1px solid #F1E6DD;padding:12px 16px;cursor:pointer;font:inherit;color:#2E2320}
:is(#zstl,#zstlf) .wgl .wli:last-child{border-bottom:0}
:is(#zstl,#zstlf) a.wli,:is(#zstl,#zstlf) .wow>.wli{border-radius:22px;box-shadow:0 6px 18px rgba(46,35,32,.07);border:0}
:is(#zstl,#zstlf) .wlic{width:42px;height:42px;border-radius:14px;background:#F6E7DC;display:grid;place-items:center;font-size:19px}
:is(#zstl,#zstlf) .wli b{display:block;font-size:15px;font-weight:600}
:is(#zstl,#zstlf) .wli small{display:block;font-size:12.5px;color:#6B5A52;margin-top:1px;line-height:1.35}
:is(#zstl,#zstlf) .wli .war{font-size:24px;color:#C2AD9E}
:is(#zstl,#zstlf) .wcrave{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;width:100%;text-align:left;background:#A9552C;color:#FFFAF6;border:0;border-radius:26px;padding:18px;box-shadow:0 14px 30px rgba(169,85,44,.3);cursor:pointer;font:inherit}
:is(#zstl,#zstlf) .wcrave .ring{width:64px;height:64px;border-radius:50%;border:2px solid rgba(255,250,246,.6);display:grid;place-items:center;align-content:center;font-size:22px;font-weight:700;line-height:1}
:is(#zstl,#zstlf) .wcrave .ring small{font-size:9px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}
:is(#zstl,#zstlf) .wcrave b{display:block;font-size:19px}
:is(#zstl,#zstlf) .wcrave small{display:block;font-size:13px;opacity:.88;margin-top:3px;line-height:1.4}
:is(#zstl,#zstlf) .wtg{display:grid;grid-template-columns:1fr 1fr;gap:10px}
:is(#zstl,#zstlf) .wtile{display:grid;gap:6px;align-content:start;text-align:left;background:#fff;border:0;border-radius:22px;padding:16px 14px;box-shadow:0 6px 18px rgba(46,35,32,.07);cursor:pointer;font:inherit;color:#2E2320}
:is(#zstl,#zstlf) .wti{width:44px;height:44px;border-radius:14px;background:#E6EAE0;display:grid;place-items:center;font-size:21px;margin-bottom:4px}
:is(#zstl,#zstlf) .wtile b{font-size:14.5px;line-height:1.3}
:is(#zstl,#zstlf) .wtile small{font-size:12px;color:#6B5A52;line-height:1.4}
:is(#zstl,#zstlf) .wquote{background:#E6EAE0;border-radius:24px;padding:20px;font-family:"Instrument Serif","Lora",Georgia,serif;font-style:italic;font-size:20px;line-height:1.35;color:#1F2B22;text-align:center}
:is(#zstl,#zstlf) .wquote span{display:block;font-family:"Poppins",sans-serif;font-style:normal;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#A9552C;margin-top:8px}
@media (min-width:800px){:is(#zstl,#zstlf) .wtg{grid-template-columns:repeat(4,1fr)}:is(#zstl,#zstlf) .wtiles{grid-template-columns:repeat(4,1fr)!important}}
:is(#zstl,#zstlf) .wow>.back{display:none!important}:is(#zstl,#zstlf) .wseg button{line-height:1.2}:is(#zstl,#zstlf) .hasback .pane.wow{padding-top:0!important}:is(#zstl,#zstlf) .hasback .wow .whero{padding-top:calc(env(safe-area-inset-top,0px) + 70px)!important}@media (min-width:800px){#zstlf .backfix{left:max(12px,calc(50vw - 380px + 32px))!important;top:calc(28px + env(safe-area-inset-top,0px))!important}body.admin-bar #zstlf .backfix{top:60px!important}}
/* ===== v3: světlý, klidný design ===== */
body.zsch-app{padding:0!important;margin:0!important;max-width:none!important;width:auto!important;background:#FFFAF6}
:is(#zstl,#zstlf) .v3 .kgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 12px!important}
@media (min-width:700px){:is(#zstl,#zstlf) .v3 .kgrid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important}}
:is(#zstl,#zstlf) .v3search svg{position:static!important;flex:none;transform:none!important}
:is(#zstl,#zstlf) .mefix{display:none!important}
:is(#zstl,#zstlf) main{padding-bottom:calc(120px + env(safe-area-inset-bottom,0px))!important}
:is(#zstl,#zstlf) .nav{left:max(12px,calc(50% - 300px))!important;right:max(12px,calc(50% - 300px))!important;bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;width:auto!important;border-radius:26px!important;background:#35493B!important;box-shadow:0 12px 30px rgba(31,43,34,.28)!important;padding-bottom:0!important}
:is(#zstl,#zstlf) .nav .wrap{padding:8px 6px!important;gap:2px!important}
:is(#zstl,#zstlf) .tab{color:rgba(255,250,246,.72)!important;font-size:11.5px!important;gap:2px!important;padding:4px 2px!important;border-radius:16px!important}
:is(#zstl,#zstlf) .tab svg{width:24px!important;height:24px!important;stroke-width:1.8!important;padding:3px 10px;box-sizing:content-box;border-radius:14px}
:is(#zstl,#zstlf) .tab[aria-selected="true"]{color:#F2C3A6!important}
:is(#zstl,#zstlf) .tab[aria-selected="true"] svg{background:rgba(242,195,166,.16)}
:is(#zstl,#zstlf) .tab .badge{top:2px;right:calc(50% - 22px)}
:is(#zstl,#zstlf) #jaBadge{position:absolute;width:10px;height:10px;min-width:0;padding:0;border-radius:50%;background:#F2C3A6;font-size:0}
:is(#zstl,#zstlf) .v3{gap:22px}
:is(#zstl,#zstlf) .v3h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-top:calc(env(safe-area-inset-top,0px) + 14px)}
:is(#zstl,#zstlf) .v3hl{display:grid;gap:6px;min-width:0}
:is(#zstl,#zstlf) .v3k{font-size:12px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:#A9552C}
:is(#zstl,#zstlf) .v3h h1,:is(#zstl,#zstlf) .v3me h1{margin:0;font-size:clamp(28px,8vw,34px);line-height:1.12;font-weight:600;letter-spacing:-.01em;color:#2E2320}
:is(#zstl,#zstlf) .v3h h1 em{font-family:"Lora","Instrument Serif",Georgia,serif;font-style:italic;font-weight:500;color:#35493B}
:is(#zstl,#zstlf) .v3s{font-size:15px;color:#6B5A52;line-height:1.45}
:is(#zstl,#zstlf) .v3s b{color:#2E2320;font-weight:600}
:is(#zstl,#zstlf) .v3av{position:relative;width:46px;height:46px;flex:none;border-radius:50%;background:#F6E7DC;color:#35493B;font:600 17px Poppins,sans-serif;display:grid;place-items:center;border:0;cursor:pointer}
:is(#zstl,#zstlf) .v3dot{position:absolute;top:0;right:0;width:11px;height:11px;border-radius:50%;background:#A9552C;border:2px solid #FFFAF6;display:inline-block}
:is(#zstl,#zstlf) .v3focus{background:#F6E7DC;border-radius:28px;overflow:hidden}
:is(#zstl,#zstlf) .v3focus .wmisa{background:transparent;padding:20px 20px 14px}
:is(#zstl,#zstlf) .v3focus .wmisa .wph img,:is(#zstl,#zstlf) .v3focus .wmisa .wph{width:44px;height:44px}
:is(#zstl,#zstlf) .v3focus .wmisa{grid-template-columns:44px 1fr}
:is(#zstl,#zstlf) .v3focus .wq{font-size:19px}
:is(#zstl,#zstlf) .v3focus .wstep{border-top:1px solid rgba(169,85,44,.14);padding:6px 6px 8px}
:is(#zstl,#zstlf) .v3focus .wstep.wdone{padding:16px 20px 20px}
:is(#zstl,#zstlf) .v3focus .fw .fwt{font-size:19px}
:is(#zstl,#zstlf) .wsec{margin:6px 2px -8px!important}
:is(#zstl,#zstlf) .wsec h2{font-size:19px!important}
:is(#zstl,#zstlf) .wlink{font-size:14px!important}
:is(#zstl,#zstlf) .wfph{box-shadow:none!important;border-radius:22px!important;height:180px!important}
:is(#zstl,#zstlf) .wfood{width:156px!important}
:is(#zstl,#zstlf) .wtag{display:none}
:is(#zstl,#zstlf) .wfood b{font-size:15px!important}
:is(#zstl,#zstlf) .v3plate{background:#fff;border:0!important;border-radius:24px!important;padding:18px 10px 12px!important}
:is(#zstl,#zstlf) .v3pi{background:none;border:0;padding:0;display:grid;justify-items:center;gap:8px;font:500 13px Poppins,sans-serif;color:#6B5A52;cursor:pointer}
:is(#zstl,#zstlf) .v3po{width:58px;height:58px;border-radius:50%;background:#E6EAE0;color:#35493B;display:grid;place-items:center;transition:transform .15s,background .2s}
:is(#zstl,#zstlf) .v3pi:active .v3po{transform:scale(.92)}
:is(#zstl,#zstlf) .v3pi.on .v3po{background:#35493B;color:#FFFAF6}
:is(#zstl,#zstlf) .v3pi.on{color:#2E2320}
:is(#zstl,#zstlf) .v3row{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:#fff;border:0;border-radius:22px;padding:14px 16px;cursor:pointer;font:inherit;color:#2E2320;text-decoration:none;box-sizing:border-box}
:is(#zstl,#zstlf) .v3ri{width:44px;height:44px;border-radius:14px;flex:none;display:grid;place-items:center;background:#F6E7DC;color:#A9552C}
:is(#zstl,#zstlf) .v3ri.g{background:#E6EAE0;color:#35493B}
:is(#zstl,#zstlf) .v3ri.t{background:#F6E7DC;color:#A9552C}
:is(#zstl,#zstlf) .v3ri.n{background:#F3E9E0;color:#6B5A52}
:is(#zstl,#zstlf) .v3rt{flex:1;display:grid;gap:2px;min-width:0}
:is(#zstl,#zstlf) .v3rt b{font-size:15.5px;font-weight:600;line-height:1.3}
:is(#zstl,#zstlf) .v3rt small{font-size:13px;color:#6B5A52;line-height:1.4}
:is(#zstl,#zstlf) .v3rc{color:#C2AD9E;display:flex}
:is(#zstl,#zstlf) .v3badge{min-width:28px;height:28px;border-radius:14px;background:#A9552C;color:#FFFAF6;font-size:13px;font-weight:600;display:grid;place-items:center;padding:0 8px;box-sizing:border-box}
:is(#zstl,#zstlf) .v3search{display:flex;align-items:center;gap:10px;background:#fff!important;border:0!important;border-radius:18px!important;padding:0 16px!important;height:52px;color:#8A7A72}
:is(#zstl,#zstlf) .v3search input{border:0!important;background:transparent!important;font-size:15px!important;flex:1;min-width:0;height:100%;padding:0!important;outline:0}
:is(#zstl,#zstlf) .v3chips{display:flex;gap:8px;overflow-x:auto;margin:0 -16px;padding:0 16px 2px;scrollbar-width:none}
:is(#zstl,#zstlf) .v3chips::-webkit-scrollbar{display:none}
:is(#zstl,#zstlf) .v3chip{flex:none;height:40px;padding:0 16px;border-radius:999px;border:1.5px solid #EADDD3;background:#fff;font:500 14px Poppins,sans-serif;color:#2E2320;cursor:pointer}
:is(#zstl,#zstlf) .v3chip[aria-pressed="true"]{background:#35493B;border-color:#35493B;color:#FFFAF6}
:is(#zstl,#zstlf) .v3feat{position:relative;display:block;width:100%;height:230px;border:0;padding:0;border-radius:28px;overflow:hidden;cursor:pointer;text-align:left;background:#F6E7DC}
:is(#zstl,#zstlf) .v3feat img{width:100%;height:100%;object-fit:cover;display:block}
:is(#zstl,#zstlf) .v3feat .wfg{padding:48px 20px 18px}
:is(#zstl,#zstlf) .v3qf{display:flex;gap:8px;overflow-x:auto;margin:0 -16px;padding:0 16px;scrollbar-width:none}
:is(#zstl,#zstlf) .v3qf::-webkit-scrollbar{display:none}
:is(#zstl,#zstlf) .v3qf button{flex:none;height:44px;padding:0 16px;border-radius:14px;border:0;font:500 14px Poppins,sans-serif;color:#2E2320;display:flex;align-items:center;gap:8px;cursor:pointer;background:#F6E7DC}
:is(#zstl,#zstlf) .v3qf button.t svg{color:#A9552C}
:is(#zstl,#zstlf) .v3qf button.g{background:#E6EAE0}
:is(#zstl,#zstlf) .v3qf button.g svg{color:#35493B}
:is(#zstl,#zstlf) .v3qf button.h{width:44px;padding:0;justify-content:center;background:#fff;color:#A9552C}
:is(#zstl,#zstlf) .v3qf button[aria-pressed="true"]{background:#35493B;color:#FFFAF6}
:is(#zstl,#zstlf) .v3qf button[aria-pressed="true"] svg{color:#F2C3A6}
:is(#zstl,#zstlf) .v3k2 .kimg img{aspect-ratio:1/1!important;border-radius:22px!important;box-shadow:none!important}
:is(#zstl,#zstlf) .v3k2 .nm{font-size:15px!important;line-height:1.3!important}
:is(#zstl,#zstlf) .v3k2 .meta{font-size:13px!important;color:#6B5A52!important}
:is(#zstl,#zstlf) .v3week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
:is(#zstl,#zstlf) .v3d{display:grid;justify-items:center;gap:3px;padding:10px 0 9px;border-radius:16px;background:#fff;font-size:12px;color:#6B5A52}
:is(#zstl,#zstlf) .v3d b{font-size:17px;font-weight:600;color:#2E2320}
:is(#zstl,#zstlf) .v3d i{width:5px;height:5px;border-radius:50%;background:transparent}
:is(#zstl,#zstlf) .v3d i.y{background:#A9552C}
:is(#zstl,#zstlf) .v3d.on{background:#35493B;color:#E6EAE0}
:is(#zstl,#zstlf) .v3d.on b{color:#FFFAF6}
:is(#zstl,#zstlf) .v3d.on i.y{background:#F2C3A6}
:is(#zstl,#zstlf) .v3list{display:grid;gap:10px}
:is(#zstl,#zstlf) .v3meal{display:flex;align-items:center;gap:14px;padding:10px;background:#fff;border:0;border-radius:20px;cursor:pointer;text-align:left;font:inherit;color:#2E2320;width:100%}
:is(#zstl,#zstlf) .v3meal img,:is(#zstl,#zstlf) .v3mi{width:60px;height:60px;border-radius:14px;object-fit:cover;flex:none}
:is(#zstl,#zstlf) .v3mi{display:grid;place-items:center;background:#E6EAE0;color:#35493B}
:is(#zstl,#zstlf) .v3gl{background:#fff;border-radius:24px;overflow:hidden}
:is(#zstl,#zstlf) .v3gl>.v3row{border-radius:0;border-bottom:1px solid #F3EAE2}
:is(#zstl,#zstlf) .v3gl>.v3row:last-child{border-bottom:0}
:is(#zstl,#zstlf) .v3grp{display:grid;gap:8px}
:is(#zstl,#zstlf) .v3gt{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#6B5A52;padding:0 6px}
:is(#zstl,#zstlf) .v3misa,:is(#zstl,#zstlf) .v3promo{display:flex;align-items:center;gap:14px;width:100%;text-align:left;border:0;border-radius:24px;padding:16px 18px;background:#F6E7DC;cursor:pointer;font:inherit;color:#2E2320}
:is(#zstl,#zstlf) .v3promo{background:transparent;border:1.5px dashed #E3C9B6}
:is(#zstl,#zstlf) .v3mph,:is(#zstl,#zstlf) .v3mph img{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:none;display:block}
:is(#zstl,#zstlf) .v3me{display:flex;align-items:center;gap:16px;padding-top:calc(env(safe-area-inset-top,0px) + 14px)}
:is(#zstl,#zstlf) .v3avl{width:64px;height:64px;border-radius:50%;background:#E6EAE0;color:#35493B;display:grid;place-items:center;font-size:26px;font-weight:600;flex:none}
:is(#zstl,#zstlf) .v3stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#fff;border-radius:24px;padding:14px 4px}
:is(#zstl,#zstlf) .v3stats button{background:none;border:0;display:grid;justify-items:center;gap:2px;font:400 12px Poppins,sans-serif;color:#6B5A52;cursor:pointer}
:is(#zstl,#zstlf) .v3stats button+button{border-left:1px solid #F3EAE2}
:is(#zstl,#zstlf) .v3stats b{font-size:22px;font-weight:600;color:#2E2320}
/* světlé hlavičky na zbylých obrazovkách (Talíř, Pomoc) */
:is(#zstl,#zstlf) .whero{background:transparent!important;color:#2E2320!important;margin:0!important;padding:calc(env(safe-area-inset-top,0px) + 14px) 0 0!important;border-radius:0!important;overflow:visible}
:is(#zstl,#zstlf) .whero:before,:is(#zstl,#zstlf) .whero:after{display:none!important}
:is(#zstl,#zstlf) .whero .wdt{color:#A9552C!important;padding:0!important}
:is(#zstl,#zstlf) .whero h1{color:#2E2320!important;font-family:Poppins,sans-serif!important;font-style:normal!important;font-weight:600!important;font-size:clamp(28px,8vw,34px)!important;margin:6px 0!important}
:is(#zstl,#zstlf) .whero .wsub{color:#6B5A52!important}
:is(#zstl,#zstlf) .wseg{background:#F3E9E0!important}
:is(#zstl,#zstlf) .wseg button{color:#6B5A52!important}
:is(#zstl,#zstlf) .wseg button[aria-pressed="true"]{background:#fff!important;color:#2E2320!important}
:is(#zstl,#zstlf) .wplatew{box-shadow:none!important}
:is(#zstl,#zstlf) .wow .part,:is(#zstl,#zstlf) .wtile,:is(#zstl,#zstlf) .wtiles .hub{box-shadow:none!important}
:is(#zstl,#zstlf) .hasback .wow .whero{padding-top:calc(env(safe-area-inset-top,0px) + 56px)!important}
@media (min-width:800px){:is(#zstl,#zstlf) .v3chips,:is(#zstl,#zstlf) .v3qf{margin:0;padding-left:0;padding-right:0}:is(#zstl,#zstlf) .v3feat{height:300px}}

:is(#zstl,#zstlf) .sheet.recsheet{max-height:100dvh;height:100dvh;max-width:620px;border-radius:0;display:block;background:#FFFAF6;position:relative}
:is(#zstl,#zstlf) .overlay:has(.recsheet){align-items:stretch}
:is(#zstl,#zstlf) .rhero{position:relative;height:min(42vh,340px)}
:is(#zstl,#zstlf) .rhero img{width:100%;height:100%;object-fit:cover;display:block}
:is(#zstl,#zstlf) .rbtn{position:absolute;top:calc(env(safe-area-inset-top,0px) + 14px);width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,250,246,.94);color:#2E2320;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.12)}
:is(#zstl,#zstlf) .rbk{left:16px}
:is(#zstl,#zstlf) .rfv{right:16px;color:#A9552C}
:is(#zstl,#zstlf) .rbody{position:relative;margin-top:-30px;background:#FFFAF6;border-radius:30px 30px 0 0;padding-top:26px!important;padding-bottom:110px!important;gap:16px!important}
:is(#zstl,#zstlf) .rkick{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#A9552C}
:is(#zstl,#zstlf) .rtitle{margin:-8px 0 0;font-size:25px!important;line-height:1.22;font-weight:600!important;color:#2E2320}
:is(#zstl,#zstlf) .rdesc{margin:-4px 0 0;font-size:15px;color:#6B5A52;line-height:1.5}
:is(#zstl,#zstlf) .rpills{display:flex;flex-wrap:wrap;gap:8px}
:is(#zstl,#zstlf) .rp{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 13px;border-radius:999px;background:#fff;font-size:13.5px;font-weight:500;color:#2E2320}
:is(#zstl,#zstlf) .rp.g{background:#E6EAE0;color:#35493B}
:is(#zstl,#zstlf) .rtabs{display:grid;grid-template-columns:1fr 1fr;background:#F3E9E0;border-radius:999px;padding:4px}
:is(#zstl,#zstlf) .rtabs button{text-align:center!important;justify-content:center;height:44px;border:0;border-radius:999px;background:transparent;font:500 15px Poppins,sans-serif;color:#6B5A52;cursor:pointer}
:is(#zstl,#zstlf) .rtabs button[aria-selected="true"]{background:#fff;color:#2E2320;font-weight:600;box-shadow:0 1px 3px rgba(46,35,32,.08)}
:is(#zstl,#zstlf) .rbar{position:sticky;bottom:0;padding:14px 20px calc(18px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,rgba(255,250,246,0),#FFFAF6 30%);margin-top:-96px}
:is(#zstl,#zstlf) .rbar .btn{width:100%;min-height:56px;border-radius:999px;font-size:16px}
:is(#zstl,#zstlf) .recsheet .porce{background:#fff;border-radius:20px;padding:12px 14px;border:0}

/* jednotné nadpisy na podstránkách */
:is(#zstl,#zstlf) .pane .h2{font-family:Poppins,sans-serif!important;font-size:clamp(26px,7.4vw,32px)!important;font-weight:600!important;line-height:1.15!important;letter-spacing:-.01em;color:#2E2320}
:is(#zstl,#zstlf) .pane .h2 em{font-family:"Lora","Instrument Serif",Georgia,serif!important;font-style:italic;font-weight:500;color:#35493B!important}
:is(#zstl,#zstlf) .pane>div>.sub,:is(#zstl,#zstlf) .pane .sub{font-family:Poppins,sans-serif!important;font-style:normal!important;font-size:15px!important;color:#6B5A52!important;line-height:1.45}
:is(#zstl,#zstlf) .pane>div>.kicker{font-size:12px!important;letter-spacing:.13em!important;color:#A9552C!important}
:is(#zstl,#zstlf) .card,:is(#zstl,#zstlf) .ecard{border:0!important;border-radius:24px!important}
:is(#zstl,#zstlf) .hub,:is(#zstl,#zstlf) .part{border:0!important}
:is(#zstl,#zstlf) .back{background:#fff!important;border:0!important}

/* ===== desktop: boční menu a široký obsah ===== */
:is(#zstl,#zstlf) .v3cols,:is(#zstl,#zstlf) .v3c{display:contents}
@media (min-width:1024px){
  body.zsch-app{background:#FFFAF6}
  html body #zstlf nav.nav{position:fixed!important;transform:none!important;left:24px!important;right:auto!important;top:24px!important;bottom:24px!important;width:232px!important;border-radius:30px!important;display:flex!important;flex-direction:column}
  :is(#zstl,#zstlf) .nav .wrap{display:flex!important;flex-direction:column;align-items:stretch;gap:6px!important;padding:28px 16px!important;height:100%;box-sizing:border-box;max-width:none!important;margin:0!important}
  :is(#zstl,#zstlf) .nav .wrap::before{content:"Žít s chutí";font-family:"Lora","Instrument Serif",Georgia,serif;font-style:italic;font-size:28px;color:#FFFAF6;padding:0 12px 22px}
  :is(#zstl,#zstlf) .tab{display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-start!important;gap:12px!important;font-size:15px!important;padding:10px 12px!important;border-radius:16px!important;text-align:left!important;justify-items:start}
  :is(#zstl,#zstlf) .tab svg{padding:0!important;background:none!important;width:22px!important;height:22px!important}
  :is(#zstl,#zstlf) .tab:hover{background:rgba(255,250,246,.08)!important}
  :is(#zstl,#zstlf) .tab[aria-selected="true"]{background:rgba(242,195,166,.16)!important}
  :is(#zstl,#zstlf) .tab[data-go="ja"]{margin-top:auto}
  :is(#zstl,#zstlf) .tab .badge{position:static!important;margin-left:auto}
  :is(#zstl,#zstlf) main.wrap,:is(#zstl,#zstlf) main{max-width:1120px!important;margin-left:max(280px,calc(50% - 560px + 140px))!important;margin-right:auto!important;padding:40px 40px 64px!important;box-sizing:border-box}
  :is(#zstl,#zstlf) .v3h,:is(#zstl,#zstlf) .v3me,:is(#zstl,#zstlf) .whero{padding-top:8px!important}
  :is(#zstl,#zstlf) .v3h h1,:is(#zstl,#zstlf) .v3me h1,:is(#zstl,#zstlf) .whero h1,:is(#zstl,#zstlf) .pane .h2{font-size:38px!important}
  :is(#zstl,#zstlf) .v3cols{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:28px;align-items:start}
  :is(#zstl,#zstlf) .v3c{display:grid;gap:22px;min-width:0}
  :is(#zstl,#zstlf) .v3cols.one{grid-template-columns:minmax(0,680px)}
  :is(#zstl,#zstlf) .v3cols.one>.v3c:first-child{display:none}
  :is(#zstl,#zstlf) .v3c>.wsec:first-child{margin-top:0!important}
  :is(#zstl,#zstlf) .wrail{margin:0!important;padding:2px 0 10px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible!important}
  :is(#zstl,#zstlf) .wfood{width:auto!important}
  :is(#zstl,#zstlf) .wfph{width:100%!important;height:220px!important}
  :is(#zstl,#zstlf) .v3 .kgrid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important;gap:26px 18px!important}
  :is(#zstl,#zstlf) .v3feat{height:340px!important}
  :is(#zstl,#zstlf) .v3search{max-width:560px}
  :is(#zstl,#zstlf) .v3chips,:is(#zstl,#zstlf) .v3qf{flex-wrap:wrap;overflow:visible}
  :is(#zstl,#zstlf) .jap{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;align-items:start}
  :is(#zstl,#zstlf) .jap .v3grp{align-content:start}
  :is(#zstl,#zstlf) .jap>:not(.v3grp){grid-column:1/-1}
  :is(#zstl,#zstlf) .jap .v3stats{max-width:560px}
  :is(#zstl,#zstlf) .talp{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:28px;align-items:start}
  :is(#zstl,#zstlf) .talp>*{grid-column:1/-1}
  :is(#zstl,#zstlf) .talp>.plateWrap{grid-column:1;grid-row:span 3}
  :is(#zstl,#zstlf) .talp>.parts{grid-column:2}
  :is(#zstl,#zstlf) .talp>.gentle{grid-column:2}
  :is(#zstl,#zstlf) .talp .wseg{max-width:480px}
  :is(#zstl,#zstlf) .wtg{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  :is(#zstl,#zstlf) .backfix{left:calc(max(280px,calc(50% - 560px + 140px)) + 40px)!important;top:20px!important}
  :is(#zstl,#zstlf) .hasback .pane{padding-top:44px}
  :is(#zstl,#zstlf) .toast{left:calc(50% + 128px)!important;bottom:32px!important}
  :is(#zstl,#zstlf) .overlay{align-items:center!important;padding-left:256px;box-sizing:border-box}
  :is(#zstl,#zstlf) .sheet{border-radius:28px!important;max-height:90vh!important}
  :is(#zstl,#zstlf) .sheet.recsheet{height:auto!important;max-height:92vh!important;max-width:760px!important;border-radius:28px!important;overflow:auto}
  :is(#zstl,#zstlf) .rhero{height:360px!important}
  :is(#zstl,#zstlf) .rbar{border-radius:0 0 28px 28px}
}
@media (min-width:1400px){:is(#zstl,#zstlf) .wrail{grid-template-columns:repeat(4,minmax(0,1fr))}:is(#zstl,#zstlf) .v3cols{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}}
/* Semínko */
:is(#zstl,#zstlf) .semi{display:block;line-height:0}
:is(#zstl,#zstlf) .semi svg{width:100%;height:auto;display:block}
:is(#zstl,#zstlf) .semcard{background:#E6EAE0;border-radius:28px;padding:16px 18px 18px;display:grid;gap:10px}
:is(#zstl,#zstlf) .semk{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#35493B}
:is(#zstl,#zstlf) .semtop{display:flex;align-items:flex-end;gap:10px}
:is(#zstl,#zstlf) .semme{flex:none;width:108px;background:none;border:0;padding:0;margin:0;cursor:pointer}
:is(#zstl,#zstlf) .sembub{position:relative;flex:1;min-width:0;background:#FFFAF6;border-radius:20px 20px 20px 6px;padding:12px 14px;margin-bottom:44px}
:is(#zstl,#zstlf) .sembub p{margin:0;font-size:15.5px;line-height:1.45;color:#2E2320}
:is(#zstl,#zstlf) .semgoal{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px;color:#4D5E50}
:is(#zstl,#zstlf) .semgoal b{color:#2E2320;font-weight:600}
:is(#zstl,#zstlf) .semph{flex:none;background:#FFFAF6;color:#35493B;border-radius:999px;padding:4px 10px;font-size:12.5px;font-weight:600}
:is(#zstl,#zstlf) .sembtn{width:100%;justify-content:center}
:is(#zstl,#zstlf) .semnote{display:flex;align-items:center;gap:12px;background:#F6E7DC;border-radius:20px;padding:10px 14px}
:is(#zstl,#zstlf) .semnote .semi{width:54px;flex:none}
:is(#zstl,#zstlf) .semnote p{margin:0;font-size:14.5px;line-height:1.4;color:#2E2320}
:is(#zstl,#zstlf) .semempty{display:flex;align-items:center;gap:12px}
:is(#zstl,#zstlf) .semempty .semi{width:64px;flex:none}
:is(#zstl,#zstlf) .semempty p{margin:0;font-size:15px;color:#2E2320}
:is(#zstl,#zstlf) .semcel{display:grid;justify-items:center;text-align:center;gap:10px}
:is(#zstl,#zstlf) .semcel .semi.big{width:150px}
:is(#zstl,#zstlf) .semsay{margin:0;font-size:18px;line-height:1.4;font-weight:600;color:#2E2320}
:is(#zstl,#zstlf) .semnow{display:flex;align-items:center;gap:10px;background:#E6EAE0;border-radius:18px;padding:6px 16px 6px 8px;font-size:14px}
:is(#zstl,#zstlf) .semnow .semi{width:40px}
:is(#zstl,#zstlf) .semcel .btn{width:100%;justify-content:center}
:is(#zstl,#zstlf) .zashead{display:flex;align-items:flex-end;gap:10px}
:is(#zstl,#zstlf) .zashead .semi{width:84px;flex:none}
:is(#zstl,#zstlf) .zashead .sembub{margin-bottom:40px;background:#fff}
:is(#zstl,#zstlf) .zasin{display:grid;gap:6px;font-weight:600;font-size:15px}
:is(#zstl,#zstlf) .zasin input{font:inherit;font-weight:400;font-size:16px;padding:14px 16px;border-radius:16px;border:2px solid #E8D6CA;background:#fff;color:#2E2320;outline:0;width:100%;box-sizing:border-box}
:is(#zstl,#zstlf) .zasin input:focus{border-color:#35493B}
:is(#zstl,#zstlf) .zasins{display:grid;gap:6px}
:is(#zstl,#zstlf) .zchips{display:flex;flex-wrap:wrap;gap:6px}
:is(#zstl,#zstlf) .zchip{border:0;background:#F6E7DC;color:#2E2320;border-radius:999px;padding:7px 12px;font:inherit;font-size:13.5px;cursor:pointer}
:is(#zstl,#zstlf) .zask{display:grid;gap:8px}
:is(#zstl,#zstlf) .zkg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
:is(#zstl,#zstlf) .zkc{position:relative;display:grid;justify-items:center;text-align:center;gap:2px;background:#fff;border:2px solid transparent;border-radius:20px;padding:12px 8px 12px;font:inherit;color:#2E2320;cursor:pointer}
:is(#zstl,#zstlf) .zkc[aria-pressed="true"]{border-color:#35493B;background:#F4F6F1}
:is(#zstl,#zstlf) .zkc .semi{width:58px;margin-bottom:4px}
:is(#zstl,#zstlf) .zkc b{font-size:15px;font-weight:600}
:is(#zstl,#zstlf) .zkc small{font-size:12.5px;color:#6B5A52;line-height:1.3}
:is(#zstl,#zstlf) .zkc .zdl{color:#35493B;font-weight:500}
:is(#zstl,#zstlf) .zrec{position:absolute;top:8px;left:8px;font-style:normal;font-size:11px;font-weight:600;background:#35493B;color:#FFFAF6;border-radius:999px;padding:3px 8px}
:is(#zstl,#zstlf) .zcur2{display:flex;align-items:center;gap:12px;width:100%;background:#E6EAE0;border:0;border-radius:24px;padding:10px 16px 10px 10px;font:inherit;color:#2E2320;text-align:left;cursor:pointer}
:is(#zstl,#zstlf) .zcur2 .semi{width:62px;flex:none}
:is(#zstl,#zstlf) .zcur2>span:nth-child(2){flex:1;display:grid;gap:1px}
:is(#zstl,#zstlf) .zcur2 small{font-size:12.5px;color:#4D5E50}
:is(#zstl,#zstlf) .zcur2 b{font-size:15.5px;font-weight:600}
:is(#zstl,#zstlf) .zbedw{display:grid;gap:6px}
:is(#zstl,#zstlf) .zbh{display:flex;justify-content:space-between;align-items:center;font-size:14px}
:is(#zstl,#zstlf) .zfull{background:#35493B;color:#FFFAF6;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}
:is(#zstl,#zstlf) .zbed2{position:relative;border-radius:24px;overflow:hidden;background:#FFFAF6;line-height:0}
:is(#zstl,#zstlf) .zbed2>svg{width:100%;height:auto;display:block}
:is(#zstl,#zstlf) .zflw{position:absolute;padding:0;margin:0;border:0;background:none;cursor:pointer;line-height:0}
:is(#zstl,#zstlf) .zflw svg{width:100%;height:100%;display:block}
:is(#zstl,#zstlf) .zbl{margin:0}
:is(#zstl,#zstlf) .zinfo{background:#fff;border-radius:24px;padding:16px 18px;display:grid;gap:8px}
:is(#zstl,#zstlf) .zinfo h2{margin:0;font-size:17px}
:is(#zstl,#zstlf) .zinfo p{margin:0;font-size:14px;line-height:1.5;color:#4D5E50}
:is(#zstl,#zstlf) .vykv{min-height:calc(100vh - 140px);display:flex}
:is(#zstl,#zstlf) .vyk{flex:1;background:linear-gradient(180deg,#F6E7DC,#FFFAF6);color:#2E2320;border-radius:32px;padding:30px 22px 26px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}
:is(#zstl,#zstlf) .vyk .semi.big{width:170px}
:is(#zstl,#zstlf) .vyk .v3k{color:#A9552C}
:is(#zstl,#zstlf) .vyk h1{margin:0;font-size:30px;color:#2E2320}
:is(#zstl,#zstlf) .vyk h1 em{color:#35493B}
:is(#zstl,#zstlf) .vyk .semsay{color:#2E2320}
:is(#zstl,#zstlf) .vyk p{margin:2px 0 8px;color:#4D5E50;font-size:15px;line-height:1.5}
:is(#zstl,#zstlf) .vyka{display:grid;gap:10px;align-self:stretch;margin-top:auto}
:is(#zstl,#zstlf) .vyka .btn{width:100%;justify-content:center}
:is(#zstl,#zstlf) .cookbtn{justify-self:start;display:inline-flex;align-items:center;gap:8px}
:is(#zstl,#zstlf) .cooked{display:inline-flex;align-items:center;gap:6px;color:#35493B;font-weight:600;font-size:14px}
@media (min-width:1024px){:is(#zstl,#zstlf) .zas,:is(#zstl,#zstlf) .vykv{max-width:760px}:is(#zstl,#zstlf) .zkg{grid-template-columns:repeat(4,minmax(0,1fr))}}
:is(#zstl,#zstlf) .semsayb{display:inline-flex;align-items:center;gap:6px;margin-top:8px;border:0;border-radius:999px;background:#35493B;color:#FFFAF6;font:inherit;font-size:13px;font-weight:600;padding:7px 12px;cursor:pointer}
:is(#zstl,#zstlf) .semsayb.on{background:#A9552C}
:is(#zstl,#zstlf) .semtip{display:flex;gap:12px;align-items:flex-start;background:#E6EAE0;border-radius:22px;padding:12px 16px 12px 10px}
:is(#zstl,#zstlf) .semtip .semi{width:58px;flex:none}
:is(#zstl,#zstlf) .semtip p{margin:0;font-size:14.5px;line-height:1.45;color:#2E2320}
:is(#zstl,#zstlf) .semtipa{display:flex;align-items:center;gap:14px;margin-top:4px}
:is(#zstl,#zstlf) .semtipa .semsayb{margin-top:4px}
:is(#zstl,#zstlf) .semnote .semsayb{margin-top:6px}
:is(#zstl,#zstlf) .semzl{justify-self:start;display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:2px 0;font:inherit;font-size:14px;font-weight:600;color:#35493B;cursor:pointer}
:is(#zstl,#zstlf) .prvh{display:flex;align-items:flex-end;gap:12px}
:is(#zstl,#zstlf) .prvh .semi{width:80px;flex:none}
:is(#zstl,#zstlf) .prvall{width:100%;justify-content:center;display:flex;align-items:center;gap:8px}
:is(#zstl,#zstlf) .prvl{display:grid;gap:8px}
:is(#zstl,#zstlf) .prvch{display:flex;gap:12px;align-items:flex-start;background:#fff;border-radius:20px;padding:14px 16px;border:2px solid transparent}
:is(#zstl,#zstlf) .prvch.on{border-color:#35493B;background:#F4F6F1}
:is(#zstl,#zstlf) .prvp{flex:none;width:40px;height:40px;border-radius:50%;border:0;background:#E6EAE0;color:#35493B;display:flex;align-items:center;justify-content:center;cursor:pointer}
:is(#zstl,#zstlf) .prvp.off{opacity:.35;cursor:default}
:is(#zstl,#zstlf) .prvch.on .prvp{background:#35493B;color:#FFFAF6}
:is(#zstl,#zstlf) .prvt{display:grid;gap:4px;min-width:0}
:is(#zstl,#zstlf) .prvt b{font-size:15.5px;font-weight:600}
:is(#zstl,#zstlf) .prvt p{margin:0;font-size:14px;line-height:1.5;color:#4D5E50}
:is(#zstl,#zstlf) .prvt .link{justify-self:start;font-size:14px}
:is(#zstl,#zstlf) .herb{display:grid;gap:6px;align-self:stretch;text-align:left;font-size:15px;font-weight:600;color:#2E2320;margin:6px 0 4px}
:is(#zstl,#zstlf) .herb textarea{width:100%;box-sizing:border-box;font:inherit;font-weight:400;font-size:15px;border-radius:16px;border:2px solid #E8D6CA;background:#fff;padding:12px 14px;resize:vertical;outline:0}
:is(#zstl,#zstlf) .herb textarea:focus{border-color:#35493B}
:is(#zstl,#zstlf) .herb small{font-weight:400;font-size:12.5px;color:#6B5A52}
:is(#zstl,#zstlf) .herbq{background:#F6E7DC;border-radius:16px;padding:10px 14px;text-align:left;align-self:stretch}
:is(#zstl,#zstlf) .herbq small{font-size:12px;color:#A9552C;font-weight:600;text-transform:uppercase;letter-spacing:.08em}
:is(#zstl,#zstlf) .herbq p{margin:2px 0 0;font-family:Lora,Georgia,serif;font-style:italic;font-size:17px;color:#2E2320}
@media (min-width:1024px){:is(#zstl,#zstlf) .prv{max-width:760px}}
:is(#zstl,#zstlf) .lzi{display:block;line-height:0}
:is(#zstl,#zstlf) .lzi svg{width:100%;height:auto;display:block}.lzi .lzsvg{width:72%;margin:0 auto}
:is(#zstl,#zstlf) .semnote .lzi{width:44px}
:is(#zstl,#zstlf) .zashead .lzi{width:70px}
:is(#zstl,#zstlf) .prvh .lzi{width:64px}
:is(#zstl,#zstlf) .zcur2 .lzi{width:44px}
:is(#zstl,#zstlf) .vyk .lzi.big{width:110px}
:is(#zstl,#zstlf) .zki{width:44px;height:44px;border-radius:14px;background:var(--kc,#E6EAE0);color:#35493B;display:flex;align-items:center;justify-content:center;flex:none}
:is(#zstl,#zstlf) .zki.big{width:56px;height:56px;border-radius:18px}
:is(#zstl,#zstlf) .zkc .zki{margin-bottom:4px}
:is(#zstl,#zstlf) .kbar{display:block;height:6px;border-radius:3px;background:#FFFAF6;overflow:hidden;margin-top:6px}
:is(#zstl,#zstlf) .kbar i{display:block;height:100%;background:#35493B;border-radius:3px}
:is(#zstl,#zstlf) .kczl{display:grid;gap:10px}
:is(#zstl,#zstlf) .kcz{display:flex;gap:12px;align-items:flex-start;width:100%;text-align:left;background:#fff;border:0;border-radius:20px;padding:14px 16px;font:inherit;color:#2E2320;cursor:pointer;border-left:6px solid var(--kc,#E6EAE0)}
:is(#zstl,#zstlf) .kczi{width:40px;height:40px;border-radius:12px;background:var(--kc,#E6EAE0);color:#35493B;display:flex;align-items:center;justify-content:center;flex:none}
:is(#zstl,#zstlf) .kczt{display:grid;gap:2px;min-width:0}
:is(#zstl,#zstlf) .kczt small{font-size:12px;color:#6B5A52}
:is(#zstl,#zstlf) .kczt b{font-size:16px;font-weight:600}
:is(#zstl,#zstlf) .kczt em{font-family:Lora,Georgia,serif;font-style:italic;font-size:15px;color:#35493B}
:is(#zstl,#zstlf) .feels{display:grid;gap:14px}
:is(#zstl,#zstlf) .feelh{display:flex;justify-content:space-between;gap:10px;font-size:14.5px}
:is(#zstl,#zstlf) .feelh span{color:var(--muted)}
:is(#zstl,#zstlf) .feelh b{font-weight:600;color:var(--fg)}
:is(#zstl,#zstlf) .feelm{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:6px}
:is(#zstl,#zstlf) .feelm i{height:8px;border-radius:4px;background:#EFE6DF}
:is(#zstl,#zstlf) .feelm i.on{background:var(--green)}
:is(#zstl,#zstlf) .feelt{font-size:12.5px;margin-top:4px;color:var(--muted)}
:is(#zstl,#zstlf) .feelt .up{color:#4E7A6A;font-weight:600}
:is(#zstl,#zstlf) .feelt .dn{color:#A9552C;font-weight:600}
:is(#zstl,#zstlf) .watc{padding:14px 16px}
:is(#zstl,#zstlf) .wglx{display:grid;grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:4px 6px;max-width:360px}
:is(#zstl,#zstlf) .wg{width:34px;height:42px;border:0;background:none;padding:2px;color:#9FC3CF;cursor:pointer}
:is(#zstl,#zstlf) .wg.on{color:#5B9BB0}
:is(#zstl,#zstlf) .wg svg{width:100%;height:100%;display:block}
:is(#zstl,#zstlf) .numset{display:grid;gap:6px;font-weight:600;font-size:15px}
:is(#zstl,#zstlf) .numset input{font:inherit;font-weight:400;font-size:16px;padding:12px 14px;border-radius:14px;border:2px solid #E8D6CA;background:#fff;max-width:160px}
:is(#zstl,#zstlf) .clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
:is(#zstl,#zstlf) .clamp2.open{display:block}
:is(#zstl,#zstlf) .prvmore{justify-self:start;font-size:13.5px;color:var(--muted)}
:is(#zstl,#zstlf) .mefix svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}
:is(#zstl,#zstlf) .mefix[aria-current="true"]{background:var(--peach);border-color:var(--peach)}
#zstlf.zsch-mp .mefix{display:none}
#zstl .pane>div:first-child,#zstl .pane>.top{padding-right:64px}
:is(#zstl,#zstlf) .backfix{position:fixed;top:calc(10px + env(safe-area-inset-top,0px));left:max(12px,env(safe-area-inset-left,0px));z-index:14;display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line2);background:rgba(255,250,246,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;padding:7px 16px 7px 8px;font-size:14px;font-weight:600;color:var(--fg);min-height:40px;box-shadow:0 4px 14px rgba(46,35,32,.10)}
:is(#zstl,#zstlf) .backfix[hidden]{display:none}
:is(#zstl,#zstlf) .backfix svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
#zstlf.zsch-mp .backfix{display:none}
#zstl #view.hasback .pane>.back{display:none}
#zstl #view.hasback .pane{padding-top:44px}
:is(#zstl,#zstlf) .dnes{gap:18px}
:is(#zstl,#zstlf) .dnes .greet .dt{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cta)}
:is(#zstl,#zstlf) .hero{display:grid;gap:12px}
:is(#zstl,#zstlf) .hero.cta{background:var(--green);color:var(--on-green);border-radius:24px;padding:20px;box-shadow:0 10px 30px rgba(53,73,59,.22)}
:is(#zstl,#zstlf) .hero.cta .hk{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;opacity:.8}
:is(#zstl,#zstlf) .hero.cta .ht{font-size:22px;font-weight:700;line-height:1.2}
:is(#zstl,#zstlf) .hero.cta p{font-size:14px;opacity:.9;margin:0}
:is(#zstl,#zstlf) .btn.ghostw{background:transparent;border:1px solid rgba(255,250,246,.5);color:var(--on-green)}
:is(#zstl,#zstlf) .dishes{display:grid;grid-template-columns:1fr 1fr;gap:10px}
:is(#zstl,#zstlf) .dish{display:grid;gap:4px;align-content:start;text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:7px 7px 10px;color:var(--fg);min-width:0}
:is(#zstl,#zstlf) .dish img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:15px;display:block;background:var(--sand);margin-bottom:4px}
:is(#zstl,#zstlf) .dish .k{font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cta);padding:0 5px}
:is(#zstl,#zstlf) .dish .nm{font-weight:600;font-size:14px;line-height:1.3;padding:0 5px}
:is(#zstl,#zstlf) .dish.empty .ph2{display:grid;place-items:center;aspect-ratio:1/1;border-radius:15px;background:var(--sand);color:var(--terra);font-size:34px;margin-bottom:4px}
:is(#zstl,#zstlf) .habs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
:is(#zstl,#zstlf) .habs button{display:grid;justify-items:center;gap:4px;border:1px solid var(--line);background:var(--bg);border-radius:16px;padding:10px 2px 8px;font-size:11.5px;font-weight:600;color:var(--muted);min-height:64px}
:is(#zstl,#zstlf) .habs .e{font-size:22px;line-height:1;filter:grayscale(1);opacity:.55}
:is(#zstl,#zstlf) .habs button[aria-pressed="true"]{background:var(--green-soft);border-color:var(--green);color:var(--green)}
:is(#zstl,#zstlf) .habs button[aria-pressed="true"] .e{filter:none;opacity:1}
:is(#zstl,#zstlf) .qts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
:is(#zstl,#zstlf) .qt{display:grid;gap:2px;justify-items:start;text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:14px;color:var(--fg);min-height:104px;align-content:start}
:is(#zstl,#zstlf) .qt .qi{font-size:24px;line-height:1;margin-bottom:6px}
:is(#zstl,#zstlf) .qt .qn{font-weight:700;font-size:15px;line-height:1.2}
:is(#zstl,#zstlf) .qt .qs{font-size:12.5px;color:var(--muted)}
:is(#zstl,#zstlf) .qt.hot{background:var(--cta);border-color:var(--cta);color:var(--on-cta)}
:is(#zstl,#zstlf) .qt.hot .qs{color:rgba(255,250,246,.85)}
:is(#zstl,#zstlf) .mstrip{display:grid;grid-template-columns:44px 1fr 10px;gap:12px;align-items:center;text-align:left;width:100%;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:10px 14px 10px 10px;color:var(--fg);box-shadow:var(--shadow)}
:is(#zstl,#zstlf) .mstrip .ph{width:44px;height:44px;border-radius:50%;overflow:hidden;background:var(--peach)}
:is(#zstl,#zstlf) .mstrip .ph img{width:100%;height:100%;object-fit:cover;display:block}
:is(#zstl,#zstlf) .mstrip .lbl{display:block;font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cta)}
:is(#zstl,#zstlf) .mstrip .tx{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13.5px;line-height:1.4;margin-top:2px}
:is(#zstl,#zstlf) .mstrip .dot{width:10px;height:10px;border-radius:50%;background:var(--cta)}
:is(#zstl,#zstlf) .chip7{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;width:100%;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:12px 18px;font-size:14px;font-weight:600;color:var(--fg)}
:is(#zstl,#zstlf) .chip7 b{color:var(--green)}
:is(#zstl,#zstlf) .chip7 i{position:absolute;left:0;bottom:0;height:3px;background:var(--green)}
:is(#zstl,#zstlf) .hscroll{display:grid;grid-auto-flow:column;grid-auto-columns:46%;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px;scrollbar-width:none;margin-right:-16px;padding-right:16px}
:is(#zstl,#zstlf) .hscroll::-webkit-scrollbar{display:none}
:is(#zstl,#zstlf) .hscroll>*{scroll-snap-align:start}
:is(#zstl,#zstlf) .promise{background:var(--green);color:var(--on-green);border-radius:22px;padding:18px 18px 16px;box-shadow:0 10px 28px rgba(53,73,59,.18)}
:is(#zstl,#zstlf) .promise .pt{font-family:var(--serif);font-style:italic;font-size:25px;line-height:1.15;color:var(--peach)}
:is(#zstl,#zstlf) .promise p{margin:6px 0 0;font-size:14px;line-height:1.5;opacity:.92}
:is(#zstl,#zstlf) .pil{display:grid;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:16px}
:is(#zstl,#zstlf) .pilh{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start}
:is(#zstl,#zstlf) .pilh .pn{width:44px;height:44px;border-radius:50%;background:var(--sand);display:grid;place-items:center;font-size:21px}
:is(#zstl,#zstlf) .pilh .pk{font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cta)}
:is(#zstl,#zstlf) .pilh h2{font-size:18px;font-weight:700;line-height:1.2;margin:1px 0 0}
:is(#zstl,#zstlf) .pilh p{font-size:13px;color:var(--muted);margin:2px 0 0;line-height:1.4}
:is(#zstl,#zstlf) .pilf{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
:is(#zstl,#zstlf) .pilf .link{font-size:13.5px}
:is(#zstl,#zstlf) .pilsub{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
:is(#zstl,#zstlf) .pilcta{display:grid;gap:8px;background:var(--sand);border-radius:16px;padding:14px}
:is(#zstl,#zstlf) .pilcta span{font-size:13.5px;color:var(--muted);line-height:1.45}
:is(#zstl,#zstlf) .crave.sm{padding:14px 16px;border-radius:18px;box-shadow:none;gap:14px}
:is(#zstl,#zstlf) .crave.sm .ring{width:52px;height:52px;font-size:20px}
:is(#zstl,#zstlf) .crave.sm .t{font-size:17px}
:is(#zstl,#zstlf) .minis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
:is(#zstl,#zstlf) .minis div{background:var(--sand);border-radius:14px;padding:10px 6px;text-align:center}
:is(#zstl,#zstlf) .minis b{display:block;font-family:var(--serif);font-size:24px;line-height:1;color:var(--green)}
:is(#zstl,#zstlf) .minis span{display:block;font-size:11.5px;color:var(--muted);line-height:1.3;margin-top:4px}
:is(#zstl,#zstlf) .dnes .habs button{background:var(--surface)}
:is(#zstl,#zstlf) .gplate{width:min(260px,78%);margin:0 auto}
:is(#zstl,#zstlf) .gplate svg{width:100%;height:auto;display:block;filter:drop-shadow(0 8px 18px rgba(46,35,32,.10))}
:is(#zstl,#zstlf) .gq{cursor:pointer;transition:transform .2s;transform-origin:100px 100px}
:is(#zstl,#zstlf) .gq:active{transform:scale(.96)}
:is(#zstl,#zstlf) .gq text{pointer-events:none;user-select:none}
:is(#zstl,#zstlf) .gq:not(.on) text[font-size="22"]{opacity:.45;filter:grayscale(1)}
:is(#zstl,#zstlf) .gplate.full svg{animation:zsfull .6s ease}
@keyframes zsfull{40%{transform:scale(1.06) rotate(-3deg)}100%{transform:none}}
:is(#zstl,#zstlf) .wplates{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
:is(#zstl,#zstlf) .wp{display:grid;justify-items:center;gap:3px;font-size:11px;color:var(--muted);font-weight:600}
:is(#zstl,#zstlf) .wp svg{width:34px;height:34px;display:block}
:is(#zstl,#zstlf) .wp.td span{color:var(--cta)}
:is(#zstl,#zstlf) .wp.td svg{outline:2px solid var(--terra);outline-offset:2px;border-radius:50%}
:is(#zstl,#zstlf) .wp.fut{opacity:.4}
:is(#zstl,#zstlf) .badges{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
:is(#zstl,#zstlf) .bd{display:grid;justify-items:center;gap:4px;text-align:center;padding:10px 2px 8px;border-radius:16px;border:1px dashed var(--line2);background:var(--bg)}
:is(#zstl,#zstlf) .bd .bi{font-size:24px;line-height:1;filter:grayscale(1);opacity:.35}
:is(#zstl,#zstlf) .bd .bn{font-size:10.5px;font-weight:600;line-height:1.2;color:var(--muted)}
:is(#zstl,#zstlf) .bd.on{border:1px solid var(--peach);background:#FFF3EA}
:is(#zstl,#zstlf) .bd.on .bi{filter:none;opacity:1}
:is(#zstl,#zstlf) .bd.on .bn{color:var(--fg)}
:is(#zstl,#zstlf) .pilh{grid-template-columns:36px 1fr auto;align-items:center}
:is(#zstl,#zstlf) .pilh .pn{width:36px;height:36px;font-size:18px}
:is(#zstl,#zstlf) .pilh h2{font-size:17px;margin:0}
:is(#zstl,#zstlf) .pilh .link{font-size:13.5px}
:is(#zstl,#zstlf) .dnes{gap:14px}
:is(#zstl,#zstlf) .retc{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:center;text-align:left;width:100%;background:var(--green);color:var(--on-green);border-radius:22px;padding:16px 18px;box-shadow:0 10px 28px rgba(53,73,59,.18)}
:is(#zstl,#zstlf) .retc .rn{grid-row:span 2;font-family:var(--serif);font-size:56px;line-height:.9;color:var(--peach)}
:is(#zstl,#zstlf) .retc .rt{font-size:15px;font-weight:600;line-height:1.3}
:is(#zstl,#zstlf) .retc .ru{display:grid;gap:6px;font-size:12.5px;opacity:.92}
:is(#zstl,#zstlf) .retc .ru .bar{background:rgba(255,255,255,.2);height:6px}
:is(#zstl,#zstlf) .retc .ru .bar i{background:var(--peach)}
:is(#zstl,#zstlf) .retc .rb{grid-column:1/-1;font-size:12px;font-weight:600;opacity:.8;margin-top:6px}
:is(#zstl,#zstlf) .dcard{perspective:900px;width:100%;border:0;background:none;padding:0;min-height:150px;display:block}
:is(#zstl,#zstlf) .dc-in{position:relative;display:grid;width:100%;min-height:150px;transition:transform .6s;transform-style:preserve-3d}
:is(#zstl,#zstlf) .dcard.flip .dc-in{transform:rotateY(180deg)}
:is(#zstl,#zstlf) .dc-front,:is(#zstl,#zstlf) .dc-back{position:relative;grid-area:1/1;min-height:150px;border-radius:22px;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:grid;align-content:center;justify-items:center;gap:6px;padding:18px;text-align:center}
:is(#zstl,#zstlf) .dc-front{background:linear-gradient(135deg,var(--peach),#F7D9C4);color:var(--on-peach)}
:is(#zstl,#zstlf) .dc-back{background:var(--surface);border:1px solid var(--line);transform:rotateY(180deg);color:var(--fg)}
:is(#zstl,#zstlf) .dc-k{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--cta)}
:is(#zstl,#zstlf) .dc-big{font-size:42px;line-height:1}
:is(#zstl,#zstlf) .dc-s{font-size:13px;font-weight:600;opacity:.75}
:is(#zstl,#zstlf) .dc-t{font-family:var(--serif);font-style:italic;font-size:20px;line-height:1.3}
:is(#zstl,#zstlf) .dc-l{font-size:13.5px;font-weight:600;color:var(--cta)}
:is(#zstl,#zstlf) .rem{display:grid;gap:2px;border-left:3px solid var(--terra);padding:4px 0 4px 12px}
:is(#zstl,#zstlf) .rem .rk{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cta)}
:is(#zstl,#zstlf) .rem .rv{font-family:var(--serif);font-style:italic;font-size:18px;line-height:1.3}
:is(#zstl,#zstlf) .ins{display:grid;gap:10px;background:var(--sand);border-radius:20px;padding:16px}
:is(#zstl,#zstlf) .ins-k{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cta)}
:is(#zstl,#zstlf) .ins-t{font-family:var(--serif);font-style:italic;font-size:19px;line-height:1.3}
:is(#zstl,#zstlf) .acts2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
:is(#zstl,#zstlf) .act2{display:grid;gap:2px;justify-items:start;text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:14px;color:var(--fg)}
:is(#zstl,#zstlf) .act2 .ai{font-size:22px;margin-bottom:4px}
:is(#zstl,#zstlf) .act2 b{font-size:15px}
:is(#zstl,#zstlf) .act2 small{font-size:12px;color:var(--muted)}
:is(#zstl,#zstlf) .act2.soft2{background:#FFF3EA;border-color:var(--peach)}
:is(#zstl,#zstlf) .zprog{display:flex;gap:6px}
:is(#zstl,#zstlf) .zprog i{flex:1;height:5px;border-radius:9px;background:var(--line)}
:is(#zstl,#zstlf) .zprog i.on{background:var(--green)}
:is(#zstl,#zstlf) .zprev{display:grid;gap:4px}
:is(#zstl,#zstlf) .zq{font-size:13px;color:var(--muted)}
:is(#zstl,#zstlf) .zq.big{font-family:var(--serif);font-style:italic;font-size:22px;color:var(--fg);line-height:1.3}
:is(#zstl,#zstlf) .za{background:var(--green-soft);border-radius:14px 14px 14px 4px;padding:8px 12px;font-size:14px;justify-self:start;margin-bottom:6px}
:is(#zstl,#zstlf) textarea,:is(#zstl,#zstlf) input[type=text]{width:100%;border:1px solid var(--line2);border-radius:14px;padding:12px;font:inherit;font-size:16px;background:var(--surface);color:var(--fg)}
:is(#zstl,#zstlf) .jarwrap svg{width:180px;height:180px;display:block}
:is(#zstl,#zstlf) .jar .drop{animation:zsdrop .9s cubic-bezier(.3,.6,.4,1)}
@keyframes zsdrop{0%{transform:translateY(-150px) rotate(30deg);opacity:0}30%{opacity:1}100%{}}
:is(#zstl,#zstlf) .letter2{background:#FFF6EA;border:1px solid #F0DCC8;border-radius:6px 20px 20px 20px;padding:16px;transform:rotate(-.6deg)}
:is(#zstl,#zstlf) .letter2 p{font-family:var(--serif);font-style:italic;font-size:18px;line-height:1.45;margin:6px 0 0}
:is(#zstl,#zstlf) .proof{background:var(--sand);border-radius:16px;padding:14px}
:is(#zstl,#zstlf) .proof p{margin:4px 0 0;font-size:15px}
:is(#zstl,#zstlf) .lk{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--cta)}
:is(#zstl,#zstlf) .uls{display:grid;gap:8px}
:is(#zstl,#zstlf) .ul{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;text-align:left;width:100%;border:1px dashed var(--line2);background:var(--bg);border-radius:16px;padding:12px;color:var(--muted)}
:is(#zstl,#zstlf) .ul.on{border:1px solid var(--line);background:var(--surface);color:var(--fg)}
:is(#zstl,#zstlf) .ul .ui{font-size:22px;text-align:center}
:is(#zstl,#zstlf) .ul .un{display:block;font-weight:600;font-size:14.5px}
:is(#zstl,#zstlf) .ul .us{display:block;font-size:12.5px;color:var(--muted)}
:is(#zstl,#zstlf) .ul .ud{font-family:var(--serif);font-size:20px;color:var(--terra)}
:is(#zstl,#zstlf) .rules{display:grid;gap:6px}
:is(#zstl,#zstlf) .rule{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;background:var(--sand);border-radius:12px;padding:8px 8px 8px 12px;font-size:14.5px}
:is(#zstl,#zstlf) .pdays{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
:is(#zstl,#zstlf) .pdays button{display:grid;gap:2px;justify-items:center;border:1px solid var(--line2);background:var(--surface);border-radius:12px;padding:8px 2px;font-size:11px;color:var(--fg)}
:is(#zstl,#zstlf) .pdays button[aria-pressed="true"]{background:var(--green);border-color:var(--green);color:var(--on-green)}
:is(#zstl,#zstlf) .pdays button[disabled]{opacity:.4}
:is(#zstl,#zstlf) .h2 em{font-style:normal;color:var(--terra)}
:is(#zstl,#zstlf) .ecard{background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:22px 18px}
:is(#zstl,#zstlf) .clabel{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
:is(#zstl,#zstlf) .medals{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 8px}
:is(#zstl,#zstlf) .md{display:grid;justify-items:center;text-align:center;gap:2px}
:is(#zstl,#zstlf) .md svg{width:76px;height:84px;display:block;margin-bottom:4px}
:is(#zstl,#zstlf) .md b{font-size:14px;font-weight:600;line-height:1.2}
:is(#zstl,#zstlf) .md span{font-size:12px;color:var(--muted);line-height:1.3}
:is(#zstl,#zstlf) .md:not(.on) b{color:var(--muted)}
:is(#zstl,#zstlf) .md.on svg{animation:zsmd .5s ease}
@keyframes zsmd{0%{transform:scale(.8)}60%{transform:scale(1.06)}100%{transform:none}}
:is(#zstl,#zstlf) .crs{display:grid}
:is(#zstl,#zstlf) .cr{display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:center;text-align:left;width:100%;border:0;border-bottom:1px solid var(--line);background:none;padding:14px 0;color:var(--fg)}
:is(#zstl,#zstlf) .cr:last-child{border-bottom:0}
:is(#zstl,#zstlf) .cr .cc{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:24px;background:#F6E7DC;color:var(--terra)}
:is(#zstl,#zstlf) .cr.ok .cc{background:var(--green-soft);color:var(--green);font-family:var(--sans);font-size:20px;font-weight:700}
:is(#zstl,#zstlf) .cr.nx .cc{background:var(--terra);color:#fff}
:is(#zstl,#zstlf) .cr .ct{display:block;font-size:16px;font-weight:500;line-height:1.3}
:is(#zstl,#zstlf) .cr .cs{display:block;font-size:13.5px;color:var(--muted);margin-top:2px}
:is(#zstl,#zstlf) .cr[disabled]{cursor:default}
/* šablona webu: tlačítko nahoru a podobné prvky na stránce s aplikací nechceme */
body:has(#zstl) :is(.ct-back-to-top,#ast-scroll-top,.ast-scroll-top-icon,.generate-back-to-top,#kt-scroll-up,#kt-scroll-up-reader,.scroll-to-top,.back-to-top,#back-to-top,.elementor-scroll-to-top){display:none!important}
:is(#zstl,#zstlf) .nav{position:fixed!important;top:auto!important;bottom:0!important;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
/* tmavě zelené spodní menu */
:is(#zstl,#zstlf) .nav{left:0;right:0;bottom:0;transform:none;width:auto;border-radius:0;background:var(--green);box-shadow:0 -8px 24px rgba(46,35,32,.16);padding-bottom:env(safe-area-inset-bottom,0px)}
:is(#zstl,#zstlf) .nav .wrap{padding-inline:6px;padding-block:6px 8px}
:is(#zstl,#zstlf) .tab{color:var(--on-green);opacity:.72;background:none!important;font-size:12.5px;font-weight:500;padding:6px 2px}
:is(#zstl,#zstlf) .tab svg{width:27px;height:27px;stroke-width:1.5}
:is(#zstl,#zstlf) .tab[aria-selected="true"]{color:var(--peach);opacity:1;font-weight:600}
:is(#zstl,#zstlf) .tab[aria-selected="true"] svg{stroke-width:1.9}
:is(#zstl,#zstlf) .tab .badge{box-shadow:0 0 0 2px var(--green)}
:is(#zstl,#zstlf) .goal{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
:is(#zstl,#zstlf) .goal div{background:var(--sand);border-radius:14px;padding:10px 4px;text-align:center}
:is(#zstl,#zstlf) .goal b{display:block;font-size:17px;color:var(--green)}
:is(#zstl,#zstlf) .goal span{font-size:11.5px;color:var(--muted)}
:is(#zstl,#zstlf) .pchips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
:is(#zstl,#zstlf) .pchips::-webkit-scrollbar{display:none}
:is(#zstl,#zstlf) .pchips button{flex:none;position:relative;display:grid;justify-items:center;border:1px solid var(--line2);background:var(--surface);border-radius:14px;padding:8px 12px;font-size:13.5px;font-weight:600;color:var(--fg)}
:is(#zstl,#zstlf) .pchips small{font-size:11px;font-weight:500;color:var(--muted)}
:is(#zstl,#zstlf) .pchips button[aria-pressed="true"]{background:var(--green);border-color:var(--green);color:var(--on-green)}
:is(#zstl,#zstlf) .pchips button[aria-pressed="true"] small{color:rgba(255,250,246,.8)}
:is(#zstl,#zstlf) .pchips i{position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:50%;background:var(--terra)}
:is(#zstl,#zstlf) .pms{display:grid}
:is(#zstl,#zstlf) .pm{display:grid;gap:2px;text-align:left;width:100%;border:0;border-bottom:1px solid var(--line);background:none;padding:12px 0;color:var(--fg)}
:is(#zstl,#zstlf) .pm:last-child{border-bottom:0}
:is(#zstl,#zstlf) .pm .pt{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cta)}
:is(#zstl,#zstlf) .pm .pn{font-size:16px;font-weight:600;line-height:1.3}
:is(#zstl,#zstlf) .pm .pk{font-size:12.5px;color:var(--muted)}
:is(#zstl,#zstlf) .mac b{font-weight:600;color:var(--fg)}
:is(#zstl,#zstlf) .ptot{margin-top:10px;padding-top:10px;border-top:2px solid var(--line);font-size:13.5px}
:is(#zstl,#zstlf) .meet,:is(#zstl,#zstlf) .ctask{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;text-align:left;width:100%;border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:12px 14px;color:var(--fg)}
:is(#zstl,#zstlf) .meet{background:var(--green-soft);border-color:#C9D6C3}
:is(#zstl,#zstlf) .meet .mi{font-size:24px;text-align:center}
:is(#zstl,#zstlf) .mk{display:block;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cta)}
:is(#zstl,#zstlf) .mt{display:block;font-size:16px;font-weight:600;line-height:1.3}
:is(#zstl,#zstlf) .mw{display:block;font-size:13px;color:var(--muted)}
:is(#zstl,#zstlf) .ck2{width:32px;height:32px;border-radius:50%;border:2px solid var(--line2);display:grid;place-items:center;font-weight:700;color:var(--on-green);justify-self:center}
:is(#zstl,#zstlf) .ctask.done .ck2{background:var(--green);border-color:var(--green)}
:is(#zstl,#zstlf) .ctask.done .mt{text-decoration:line-through;color:var(--muted)}
:is(#zstl,#zstlf) .news{border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:14px;display:grid;gap:10px;position:relative}
:is(#zstl,#zstlf) .news .x2{position:absolute;top:8px;right:8px;width:34px;height:34px;border-radius:50%;border:0;background:transparent;color:var(--muted);font-size:16px}
:is(#zstl,#zstlf) .news .nt{font-size:17px;font-weight:600;line-height:1.3;padding-right:30px}
:is(#zstl,#zstlf) .news .ns{font-size:14px;color:var(--muted);line-height:1.45}
:is(#zstl,#zstlf) .news .nimg{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
:is(#zstl,#zstlf) .news .nimg img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;background:#F6E7DC}
:is(#zstl,#zstlf) .news .nhero{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px;background:#F6E7DC}
:is(#zstl,#zstlf) .news .nd{font-size:12px;color:var(--muted)}
:is(#zstl,#zstlf,#zschintro,#zsmp,#zsmpf) img.emoji,:is(#zstl,#zstlf,#zschintro,#zsmp,#zsmpf) img.wp-smiley,:is(#zstl,#zstlf,#zschintro,#zsmp,#zsmpf) img[src*="/images/core/emoji/"]{display:inline-block!important;width:1em!important;height:1em!important;max-width:1em!important;margin:0 .05em!important;padding:0!important;border:0!important;box-shadow:none!important;background:none!important;vertical-align:-.12em!important}
:is(#zstl,#zstlf) .ings li.ck{cursor:pointer;grid-template-columns:22px 1fr;align-items:start;padding:4px 0;-webkit-tap-highlight-color:transparent}
:is(#zstl,#zstlf) .ings li.ck::before{width:18px;height:18px;border-radius:6px;background:#fff;border:2px solid var(--line2);transform:translateY(1px);display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff;content:""}
:is(#zstl,#zstlf) .ings li.ck.on::before{background:var(--green);border-color:var(--green);content:"✓"}
:is(#zstl,#zstlf) li.ck.on>span{color:var(--muted);text-decoration:line-through;text-decoration-color:rgba(46,35,32,.35)}
:is(#zstl,#zstlf) .steps2 li.ck{cursor:pointer;-webkit-tap-highlight-color:transparent}
:is(#zstl,#zstlf) .steps2 li.ck.on::before{content:"✓";background:var(--peach);color:var(--on-peach)}
:is(#zstl,#zstlf) .ckhint{margin:-2px 0 2px;font-size:13px}
:is(#zstl,#zstlf) .ckres{margin-top:6px;font-size:14px}
:is(#zstl,#zstlf) .fw{border:2px solid var(--green);background:var(--surface);border-radius:20px;padding:16px;display:grid;gap:10px}
:is(#zstl,#zstlf) .fwh{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
:is(#zstl,#zstlf) .fwd{display:flex;gap:5px}:is(#zstl,#zstlf) .fwd i{width:9px;height:9px;border-radius:50%;background:var(--line2)}:is(#zstl,#zstlf) .fwd i.on{background:var(--green)}:is(#zstl,#zstlf) .fwd i.cur{background:var(--peach);box-shadow:0 0 0 2px var(--terra)}
:is(#zstl,#zstlf) .fwt{font-size:19px;font-weight:600;line-height:1.3}
:is(#zstl,#zstlf) .dishes3{grid-template-columns:repeat(3,1fr);gap:8px}
:is(#zstl,#zstlf) .dishes3 .dish .nm{font-size:13px;line-height:1.25}
:is(#zstl,#zstlf) .pmrow{display:grid;grid-template-columns:44px 1fr;gap:8px;align-items:center}
:is(#zstl,#zstlf) .eat{width:40px;height:40px;border-radius:50%;border:2px solid var(--line2);background:var(--surface);font-weight:700;color:var(--on-green);font-size:17px}
:is(#zstl,#zstlf) .eat.on{background:var(--green);border-color:var(--green)}
:is(#zstl,#zstlf) .pmrow:has(.jin){grid-template-columns:44px 1fr auto}
:is(#zstl,#zstlf) .jin{padding:8px 12px;font-size:13px}
:is(#zstl,#zstlf) .vyb summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none}
:is(#zstl,#zstlf) .vyb summary::-webkit-details-marker{display:none}
:is(#zstl,#zstlf) .vyb[open] summary{margin-bottom:10px}
:is(#zstl,#zstlf) .dnes2 .v3c{display:grid;gap:14px;align-content:start}
:is(#zstl,#zstlf) .dvz{display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:start;padding:4px 2px}
:is(#zstl,#zstlf) .dvz .wph{width:46px;height:46px;border-radius:50%;overflow:hidden;display:block}
:is(#zstl,#zstlf) .dvz .wph img{width:100%;height:100%;object-fit:cover}
:is(#zstl,#zstlf) .dvz .wk{font-size:12px;font-weight:600;color:#A9552C;letter-spacing:.04em;display:flex;gap:6px;align-items:center}
:is(#zstl,#zstlf) .dvz p{margin:3px 0 0;font-family:Lora,Georgia,serif;font-style:italic;font-size:17px;line-height:1.4;color:#2E2320}
:is(#zstl,#zstlf) .dcard{border-radius:26px;padding:18px 18px 16px;display:grid;gap:8px;box-shadow:0 8px 22px rgba(46,35,32,.06)}
:is(#zstl,#zstlf) .dcard h2{margin:0;font-size:20px;line-height:1.25}
:is(#zstl,#zstlf) .dcard p{margin:0;color:#4A3B35;font-size:14.5px;line-height:1.45}
:is(#zstl,#zstlf) .dck{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#A9552C;display:flex;justify-content:space-between;gap:8px;align-items:baseline}
:is(#zstl,#zstlf) .dck span{font-weight:500;letter-spacing:0;text-transform:none;color:#6B5A52;font-size:12px}
:is(#zstl,#zstlf) .dkrok{background:#F6E7DC}
:is(#zstl,#zstlf) .dmz{background:#E9EFE4}
:is(#zstl,#zstlf) .dmz .dck{color:#35493B}
:is(#zstl,#zstlf) .dkb{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
:is(#zstl,#zstlf) .dkdone{font-weight:600;color:#35493B;font-size:14px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
:is(#zstl,#zstlf) .dkrs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:2px}
:is(#zstl,#zstlf) .dkr{display:grid;grid-template-columns:44px 1fr;gap:8px;align-items:center;background:#fff;border:0;border-radius:16px;padding:6px;text-align:left;font:inherit;font-size:12.5px;font-weight:600;line-height:1.25;color:#2E2320;cursor:pointer}
:is(#zstl,#zstlf) .dkr img{width:44px;height:44px;border-radius:12px;object-fit:cover}
:is(#zstl,#zstlf) .dkr span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
:is(#zstl,#zstlf) .djl{display:grid;gap:8px}
:is(#zstl,#zstlf) .dj{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;background:#fff;border:0;border-radius:20px;padding:8px 12px 8px 8px;text-align:left;font:inherit;color:#2E2320;cursor:pointer;box-shadow:0 4px 14px rgba(46,35,32,.05)}
:is(#zstl,#zstlf) .dj img,:is(#zstl,#zstlf) .dj .v3mi{width:52px;height:52px;border-radius:14px;object-fit:cover}
:is(#zstl,#zstlf) .dj b{font-size:14.5px;line-height:1.25;display:block}
:is(#zstl,#zstlf) .djp{font-size:12px;font-weight:600;color:#35493B;background:#E9EFE4;border-radius:999px;padding:6px 10px;white-space:nowrap}
:is(#zstl,#zstlf) .dmz .kbar{height:6px;background:rgba(53,73,59,.12);border-radius:9px;overflow:hidden}
:is(#zstl,#zstlf) .dmz .kbar i{display:block;height:100%;background:#35493B;border-radius:9px}
:is(#zstl,#zstlf) .mzq{font-family:Lora,Georgia,serif;font-style:italic;font-size:17px!important;color:#2E2320!important;margin-top:4px!important}
:is(#zstl,#zstlf) .dmz textarea{width:100%;box-sizing:border-box;border:1.5px solid #CBD6C6;border-radius:16px;padding:12px 14px;font:inherit;font-size:15px;background:#fff;resize:vertical;min-height:64px;color:#2E2320}
:is(#zstl,#zstlf) .mza{background:#fff;border-radius:16px;padding:12px 14px;font-size:15px;line-height:1.45;white-space:pre-wrap}
:is(#zstl,#zstlf) .dpiti{background:#fff;border-radius:22px;padding:12px 14px;display:grid;gap:8px;box-shadow:0 4px 14px rgba(46,35,32,.05)}
:is(#zstl,#zstlf) .dph{display:flex;align-items:center;gap:8px}
:is(#zstl,#zstlf) .dph small{color:#6B5A52;font-size:13px;flex:1}
:is(#zstl,#zstlf) .wglx.sm{gap:4px}
:is(#zstl,#zstlf) .wglx.sm .wg{width:26px;height:32px;padding:0}
:is(#zstl,#zstlf) .dhelp{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:transparent;border:1.5px solid #EAD9CC;border-radius:999px;padding:10px 16px;font:inherit;font-size:14px;font-weight:600;color:#2E2320;cursor:pointer;justify-self:start}
:is(#zstl,#zstlf) .dhelp small{font-weight:400;color:#6B5A52;font-size:12px}
:is(#zstl,#zstlf) .mzh{display:grid;gap:8px}
:is(#zstl,#zstlf) .mzh h2{margin:6px 0 0;font-size:17px}
:is(#zstl,#zstlf) .mzhi{background:#fff;border-radius:16px;padding:10px 14px}
:is(#zstl,#zstlf) .mzhi small{color:#6B5A52;font-size:12px}
:is(#zstl,#zstlf) .mzhi p{margin:4px 0 0;font-size:14.5px;line-height:1.4}
:is(#zstl,#zstlf) .prvhd h1{margin:2px 0 0}
:is(#zstl,#zstlf) .prvst{background:#F6E7DC;border-radius:28px;padding:16px 16px 12px;display:grid;gap:12px;position:sticky;top:8px;z-index:3;box-shadow:0 10px 26px rgba(46,35,32,.08)}
:is(#zstl,#zstlf) .prvsc{display:grid;grid-template-columns:92px 1fr;gap:10px;align-items:end}
:is(#zstl,#zstlf) .prvlz svg{width:92px;height:auto;display:block}
:is(#zstl,#zstlf) .prvbw{position:relative;background:#fff;border-radius:20px 20px 20px 6px;padding:12px 14px;display:grid;gap:4px;align-self:stretch}
:is(#zstl,#zstlf) .prvti{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#A9552C}
:is(#zstl,#zstlf) .prvbub{max-height:150px;overflow:auto;font-size:15.5px;line-height:1.5;color:#6B5A52;scrollbar-width:thin}
:is(#zstl,#zstlf) .prvbub span{transition:color .25s}
:is(#zstl,#zstlf) .prvst.playing .prvbub span{color:#B9AAA2}
:is(#zstl,#zstlf) .prvst.playing .prvbub span.past{color:#8A7A72}
:is(#zstl,#zstlf) .prvst.playing .prvbub span.on{color:#2E2320;font-weight:500}
:is(#zstl,#zstlf) .prvst:not(.playing) .prvbub{color:#2E2320}
:is(#zstl,#zstlf) .prvpr{height:5px;background:rgba(53,73,59,.12);border-radius:9px;overflow:hidden}
:is(#zstl,#zstlf) .prvpr i{display:block;height:100%;width:0;background:#35493B;border-radius:9px;transition:width .2s linear}
:is(#zstl,#zstlf) .prvct{display:flex;justify-content:center;align-items:center;gap:22px}
:is(#zstl,#zstlf) .prvbig{width:60px;height:60px;border-radius:50%;border:0;background:#35493B;color:#FFFAF6;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 18px rgba(53,73,59,.3)}
:is(#zstl,#zstlf) .prvc{width:44px;height:44px;border-radius:50%;border:0;background:#fff;color:#35493B;display:flex;align-items:center;justify-content:center;cursor:pointer;transform:scaleX(-1)}
:is(#zstl,#zstlf) .prvc.nx{transform:none}
:is(#zstl,#zstlf) .prvft{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#6B5A52;min-height:20px}
:is(#zstl,#zstlf) .prvl{display:grid;gap:6px}
:is(#zstl,#zstlf) button.prvch{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;width:100%;text-align:left;font:inherit;color:#2E2320;background:#fff;border:2px solid transparent;border-radius:16px;padding:10px 14px;cursor:pointer}
:is(#zstl,#zstlf) button.prvch b{font-size:15px;font-weight:600}
:is(#zstl,#zstlf) button.prvch svg{color:#A9552C}
:is(#zstl,#zstlf) .prvno{width:30px;height:30px;border-radius:50%;background:#E6EAE0;color:#35493B;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}
:is(#zstl,#zstlf) button.prvch.on{border-color:#35493B}
:is(#zstl,#zstlf) button.prvch.on .prvno{background:#35493B;color:#FFFAF6}
:is(#zstl,#zstlf) .hsx{position:relative;border-radius:26px;padding:18px 16px 16px;background:linear-gradient(160deg,#F6E2D3 0%,#F9EEE6 45%,#E6EDDF 100%);overflow:hidden;display:grid;gap:14px;margin-bottom:6px}:is(#zstl,#zstlf) .hsg{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 8px;justify-items:center}:is(#zstl,#zstlf) .hsd{display:grid;gap:5px;justify-items:center;opacity:.55}:is(#zstl,#zstlf) .hsd i{width:44px;height:44px;border-radius:12px;display:block}:is(#zstl,#zstlf) .hsd b{width:30px;height:5px;border-radius:4px;background:rgba(46,35,32,.15)}:is(#zstl,#zstlf) .hsme{display:grid;gap:5px;justify-items:center;z-index:1;animation:hsPop 1.2s cubic-bezier(.2,1.4,.4,1) .2s both}:is(#zstl,#zstlf) .hsic{width:58px;height:58px;display:block;border-radius:15px;box-shadow:0 0 0 4px #fff,0 10px 26px rgba(53,73,59,.35);margin-top:-7px}:is(#zstl,#zstlf) .hsic svg{width:100%;height:100%;display:block}:is(#zstl,#zstlf) .hsme b{font-size:11px;font-weight:600;color:#2E2320;white-space:nowrap}:is(#zstl,#zstlf) .hsn{text-align:center}:is(#zstl,#zstlf) .hst{font-family:Poppins,sans-serif;font-weight:700;font-size:30px;line-height:1.05;color:#2E2320;letter-spacing:-.01em}:is(#zstl,#zstlf) .hst em{font-family:Lora,Georgia,serif;font-style:italic;font-weight:600;color:#35493B}:is(#zstl,#zstlf) .hss{font-size:13.5px;color:#6B5A52;margin-top:4px}@keyframes hsPop{0%{transform:scale(.4);opacity:0}100%{transform:scale(1);opacity:1}}@media (prefers-reduced-motion:reduce){:is(#zstl,#zstlf) .hsme{animation:none}}:is(#zstl,#zstlf) .hsc .hsx{padding:12px 14px;gap:8px;grid-template-columns:auto 1fr;align-items:center}:is(#zstl,#zstlf) .hsc .hsg{grid-template-columns:repeat(3,48px);gap:8px}:is(#zstl,#zstlf) .hsc .hsd i{width:38px;height:38px;border-radius:10px}:is(#zstl,#zstlf) .hsc .hsic{width:46px;height:46px;border-radius:12px;margin-top:-4px}:is(#zstl,#zstlf) .hsc .hsme b{font-size:9.5px}:is(#zstl,#zstlf) .hsc .hst{font-size:22px;white-space:nowrap}:is(#zstl,#zstlf) .hsc .hsn{text-align:left}
:is(#zstl,#zstlf) .tpbox{background:#F6E7DC;border-radius:22px;padding:14px 16px;display:grid;gap:10px}
:is(#zstl,#zstlf) .tph{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}
:is(#zstl,#zstlf) .tpm{display:flex;gap:8px;align-items:center}
:is(#zstl,#zstlf) .tpl{display:grid;gap:2px;font-size:11.5px;color:#4A3B35;white-space:nowrap}
:is(#zstl,#zstlf) .tpl i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}
:is(#zstl,#zstlf) .toggle.fam{background:#fff;border-radius:16px;padding:10px 14px}:is(#zstl,#zstlf) .toggle.fam.top{background:#F6E7DC}
:is(#zstl,#zstlf) .toggle.fam small{display:block;font-size:12px;color:#6B5A52;font-weight:400}
:is(#zstl,#zstlf) .rfh{display:grid;gap:2px}
:is(#zstl,#zstlf) .rfh h4{margin:0}
:is(#zstl,#zstlf) .ings.sm li{font-size:14px;padding:4px 0}
:is(#zstl,#zstlf) .ntl{background:#E9EFE4;border-radius:22px;padding:14px 16px;display:grid;gap:10px}
:is(#zstl,#zstlf) .ntt{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
:is(#zstl,#zstlf) .ntl .dck{color:#35493B}
:is(#zstl,#zstlf) .seg{display:inline-flex;background:#fff;border-radius:999px;padding:3px}
:is(#zstl,#zstlf) .seg button{border:0;background:transparent;font:inherit;font-size:13px;font-weight:600;padding:6px 12px;border-radius:999px;color:#6B5A52;cursor:pointer}
:is(#zstl,#zstlf) .seg button[aria-selected="true"]{background:#35493B;color:#FFFAF6}
:is(#zstl,#zstlf) .ntg{display:grid;gap:4px}
:is(#zstl,#zstlf) .ntk{font-size:13px;font-weight:700;color:#2E2320}
:is(#zstl,#zstlf) .ntk span{font-weight:400;color:#6B5A52}
:is(#zstl,#zstlf) .ntg ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
:is(#zstl,#zstlf) .ntg li{display:flex;justify-content:space-between;gap:12px;font-size:14.5px;background:#fff;border-radius:12px;padding:8px 12px}
:is(#zstl,#zstlf) .ntg li b{white-space:nowrap}
:is(#zstl,#zstlf) .nt2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
:is(#zstl,#zstlf) .nt2>div{background:#fff;border-radius:14px;padding:10px 12px;display:grid}
:is(#zstl,#zstlf) .nt2>div.on{background:#35493B;color:#FFFAF6}
:is(#zstl,#zstlf) .nt2 small{font-size:12px;opacity:.8}
:is(#zstl,#zstlf) .nt2 b{font-size:20px}:is(#zstl,#zstlf) .nt2.one{grid-template-columns:1fr}
:is(#zstl,#zstlf) .ntbig{font-size:26px;font-weight:700;color:#35493B}
:is(#zstl,#zstlf) .rmeta{display:flex;align-items:center;gap:6px;font-size:14px;color:#6B5A52;margin-top:-4px}
:is(#zstl,#zstlf) .rsec{display:grid;gap:2px;margin-top:8px}
:is(#zstl,#zstlf) .rsec h3{margin:0;font-size:18px}
:is(#zstl,#zstlf) .ntfoot{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;border-top:1px solid rgba(53,73,59,.12);padding-top:10px}
:is(#zstl,#zstlf) .ntfoot .tpm{flex-direction:column;align-items:flex-start}
:is(#zstl,#zstlf) .ntfoot .tpl{font-size:11px}
:is(#zstl,#zstlf) .ntd{background:#E9EFE4;border-radius:22px;overflow:hidden}
:is(#zstl,#zstlf) .ntd>summary{list-style:none;display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;padding:12px 16px;cursor:pointer}
:is(#zstl,#zstlf) .ntd>summary::-webkit-details-marker{display:none}
:is(#zstl,#zstlf) .ntlz svg{width:26px;height:auto;display:block}
:is(#zstl,#zstlf) .ntst{display:grid}
:is(#zstl,#zstlf) .ntst b{font-size:15px}
:is(#zstl,#zstlf) .ntst small{font-size:12.5px;color:#6B5A52}
:is(#zstl,#zstlf) .ntch{transform:rotate(90deg);color:#35493B;transition:transform .2s}
:is(#zstl,#zstlf) .ntd[open] .ntch{transform:rotate(-90deg)}
:is(#zstl,#zstlf) .ntd .ntl{border-radius:0;padding-top:0;background:transparent}
:is(#zstl,#zstlf) .ntd .ntl>.dck,:is(#zstl,#zstlf) .ntd .ntt>.dck{display:none}
:is(#zstl,#zstlf) .udp{display:grid;gap:16px;max-width:560px}
:is(#zstl,#zstlf) .uddots{display:flex;gap:6px}:is(#zstl,#zstlf) .uddots i{flex:1;height:5px;border-radius:9px;background:#EADDD3}:is(#zstl,#zstlf) .uddots i.on{background:#35493B}
:is(#zstl,#zstlf) .udb{display:grid;gap:12px}:is(#zstl,#zstlf) .udb h2{margin:6px 0 0;font-size:18px}
:is(#zstl,#zstlf) .udgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
:is(#zstl,#zstlf) .udf{display:grid;gap:4px;font-size:13px;font-weight:600;color:#4A3B35}
:is(#zstl,#zstlf) .udf input{border:1.5px solid #EADDD3;border-radius:14px;padding:12px;font:inherit;font-size:17px;background:#fff;width:100%;box-sizing:border-box}
:is(#zstl,#zstlf) .udo{display:grid;gap:8px}
:is(#zstl,#zstlf) .udo button{display:grid;text-align:left;gap:2px;background:#fff;border:2px solid #EADDD3;border-radius:16px;padding:12px 14px;font:inherit;color:#2E2320;cursor:pointer}
:is(#zstl,#zstlf) .udo button small{color:#6B5A52;font-size:12.5px}
:is(#zstl,#zstlf) .udo button.on{border-color:#35493B;background:#E9EFE4}
:is(#zstl,#zstlf) .udchips{display:flex;gap:8px}:is(#zstl,#zstlf) .udchips button{width:52px;height:52px;border-radius:50%;border:2px solid #EADDD3;background:#fff;font:inherit;font-size:18px;font-weight:700;cursor:pointer}:is(#zstl,#zstlf) .udchips button.on{border-color:#35493B;background:#35493B;color:#FFFAF6}
:is(#zstl,#zstlf) .udsou{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:start;background:#fff;border-radius:16px;padding:14px;font-size:14.5px;line-height:1.45}
:is(#zstl,#zstlf) .udsou input{width:22px;height:22px;margin:2px 0 0;accent-color:#35493B}
:is(#zstl,#zstlf) .uda{display:grid;gap:10px;justify-items:center}:is(#zstl,#zstlf) .uda .btn{width:100%}
:is(#zstl,#zstlf) .btn[disabled]{opacity:.45;pointer-events:none}
:is(#zstl,#zstlf) .pinfo{display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:start;background:#F6E7DC;border-radius:18px;padding:12px 14px}
:is(#zstl,#zstlf) .pinfo .v3mph{width:40px;height:40px;border-radius:50%;overflow:hidden;display:block}
:is(#zstl,#zstlf) .pinfo .v3mph img{width:100%;height:100%;object-fit:cover}
:is(#zstl,#zstlf) .pinfo p{margin:0;font-size:14px;line-height:1.45;color:#4A3B35}
:is(#zstl,#zstlf) .pinfo a{color:#A9552C;font-weight:600}
:is(#zstl,#zstlf) .dkkap{display:flex;gap:8px;align-items:center;background:#fff;border:0;border-radius:14px;padding:9px 12px;font:inherit;font-size:13.5px;color:#2E2320;cursor:pointer;text-align:left}
:is(#zstl,#zstlf) .dkkap svg{color:#A9552C;flex:none}
:is(#zstl,#zstlf) .dkrok .dck{flex-direction:column;align-items:flex-start;gap:2px}
:is(#zstl,#zstlf) .dhr{display:flex;gap:10px;align-items:center}
:is(#zstl,#zstlf) .dlz{width:44px;height:52px;border:0;background:#F6E7DC;border-radius:16px;display:flex;align-items:flex-end;justify-content:center;padding:4px 0 0;cursor:pointer;overflow:hidden}
:is(#zstl,#zstlf) .dlz svg{width:26px;height:auto}
:is(#zstl,#zstlf) .lzri{background:#F6E7DC!important;overflow:hidden;align-items:flex-end!important}
:is(#zstl,#zstlf) .lzri svg{width:20px;height:auto}
:is(#zstl,#zstlf) .dhr{position:relative}
:is(#zstl,#zstlf) .dlzb{position:absolute;right:104px;top:8px;background:#fff;border:1.5px solid #EAD9CC;border-radius:14px 14px 4px 14px;padding:6px 12px;font-size:14px;font-weight:600;color:#2E2320;white-space:nowrap;box-shadow:0 6px 14px rgba(46,35,32,.08);animation:lzHi 4.5s ease forwards;pointer-events:none}
@keyframes lzHi{0%{opacity:0;transform:translateY(6px) scale(.9)}10%{opacity:1;transform:none}80%{opacity:1}100%{opacity:0;visibility:hidden}}
@media (prefers-reduced-motion:reduce){:is(#zstl,#zstlf) .dlzb{animation:none}}

/* tl */
body{font-family:Georgia,serif;max-width:620px;margin:40px auto;padding:0 20px;color:#2E2320}h1{font-size:34px}h2{color:#A9552C;font-size:18px;margin-top:28px}li{margin:8px 0;font-size:17px}p{white-space:pre-wrap;font-size:16px;line-height:1.6}