:root{--bg:#FBF3E4;--paper:#FFFDF7;--ink:#1F2A44;--mut:#5C6170;--or:#D9692B;--teal:#2A7F7A;--must:#F2B33D;--soft:#F6E3C6;--sky:#E3EEF1;--line:#E2D3B5;--navy:#24345C;--ok:#2E8B57;--bad:#C2452D;--hdr:56px;--pgr:58px}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{font-family:Rubik,"Noto Sans Hebrew",Arial,sans-serif;color:var(--ink);background:var(--bg);background-image:radial-gradient(#efe2c8 1px,transparent 1px);background-size:22px 22px;line-height:1.5;-webkit-tap-highlight-color:transparent;overflow-x:hidden}
button{font-family:inherit;cursor:pointer}
h1,h2,h3{font-family:"Secular One",Rubik,sans-serif;font-weight:400;line-height:1.15;margin:0 0 .4em}
.top{position:fixed;inset:0 0 auto 0;height:var(--hdr);display:flex;align-items:center;gap:10px;padding:0 12px;background:rgba(255,253,247,.96);border-bottom:2px solid var(--line);z-index:30}
.brand{font-family:"Secular One",sans-serif;font-size:1.2rem;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:8px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brand-clock{width:26px;height:26px;border-radius:50%;border:3px solid var(--or);position:relative;flex:none;background:#fff}
.brand-clock:before,.brand-clock:after{content:"";position:absolute;background:var(--ink);left:50%;bottom:50%;transform-origin:bottom center;border-radius:2px}
.brand-clock:before{width:2px;height:8px;transform:translateX(-50%) rotate(-30deg)}
.brand-clock:after{width:2px;height:10px;transform:translateX(-50%)}
.menu-btn{width:42px;height:42px;border:0;background:var(--soft);border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}
.menu-btn span{width:20px;height:2.5px;background:var(--ink);border-radius:2px}
.fs-btn{width:42px;height:42px;border:0;background:var(--soft);border-radius:12px;font-size:1.2rem;color:var(--ink)}
.nav{position:fixed;top:var(--hdr);right:0;bottom:0;width:min(300px,86vw);background:var(--paper);border-left:2px solid var(--line);transform:translateX(105%);transition:transform .25s;z-index:25;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:6px}
.nav.open{transform:none;box-shadow:-10px 0 30px rgba(31,42,68,.15)}
.nav button{display:flex;align-items:center;gap:10px;text-align:right;border:0;background:transparent;padding:10px 12px;border-radius:12px;font-size:1rem;color:var(--ink)}
.nav button .n{width:28px;height:28px;flex:none;border-radius:50%;background:var(--soft);display:grid;place-items:center;font-size:.85rem;font-weight:700}
.nav button.on{background:var(--ink);color:#fff}.nav button.on .n{background:var(--or);color:#fff}
.nav button:hover:not(.on){background:var(--soft)}
main{padding:calc(var(--hdr) + 14px) 14px calc(var(--pgr) + 18px)}
.slide{display:none;max-width:1100px;margin:0 auto;animation:in .35s ease}
.slide.on{display:block}
@keyframes in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.kick{display:inline-block;background:var(--teal);color:#fff;border-radius:99px;padding:3px 14px;font-weight:700;font-size:.9rem;margin-bottom:8px}
.slide>h2{font-size:clamp(1.7rem,4.6vw,2.7rem)}
.slide>h2:after{content:"";display:block;width:70px;height:6px;background:var(--or);border-radius:4px;margin-top:8px}
.lead{font-size:clamp(1.05rem,2.3vw,1.3rem);color:var(--mut);margin:0 0 14px}
.paper{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 3px 0 #eadcbf}
.grid2{display:grid;gap:14px}
.grid3{display:grid;gap:14px}
@media(min-width:760px){.grid2{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:repeat(3,1fr)}}
.photo{position:relative;background:#fff;padding:8px;border:1px solid var(--line);box-shadow:0 6px 18px rgba(31,42,68,.12);transform:rotate(-1deg);margin:14px 4px}
.photo img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.photo:before{content:"";position:absolute;top:-12px;left:50%;width:90px;height:26px;margin-left:-45px;background:rgba(233,216,176,.88);transform:rotate(-4deg)}
.sticky{background:#FFF1B8;padding:14px 16px;box-shadow:3px 5px 0 rgba(216,199,163,.6);transform:rotate(.8deg);border-radius:2px}
.sticky.g{background:#D9EEE6;transform:rotate(-.8deg)}.sticky.p{background:#FBE0CF;transform:rotate(.5deg)}.sticky.b{background:var(--sky);transform:rotate(-.5deg)}
.big{font-size:clamp(1.4rem,4vw,2.1rem);font-weight:800}
.src{font-size:.82rem;color:var(--mut);margin-top:12px}
.btn{border:0;background:var(--ink);color:#fff;border-radius:12px;padding:10px 16px;font-size:1rem;font-weight:700}
.btn.alt{background:var(--soft);color:var(--ink)}.btn.or{background:var(--or)}
.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
/* cover */
.cover{position:relative;border-radius:20px;overflow:hidden;min-height:min(70vh,600px);display:flex;align-items:flex-end;background:#2b2b3a}
.cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 50%}
.cover .panel{position:relative;margin:14px;background:rgba(255,253,247,.94);border-radius:16px;padding:18px;max-width:520px;border:1px solid var(--line)}
.cover h1{font-size:clamp(2.2rem,7vw,3.6rem);margin:0}.cover h1 small{display:block;font-size:.5em;color:var(--or)}
.credit{font-weight:700;margin-top:10px}
.count{display:flex;gap:8px;margin:10px 0 4px;direction:rtl}
.count div{background:var(--ink);color:#fff;border-radius:12px;padding:6px 10px;text-align:center;min-width:62px}
.count b{display:block;font-size:1.6rem;line-height:1.1}.count span{font-size:.75rem;opacity:.85}
/* clock */
.clockwrap{display:flex;flex-direction:column;align-items:center;gap:10px}
svg.clock{width:min(78vw,320px);height:auto;touch-action:none;user-select:none}
.digital{font-family:"Secular One",sans-serif;font-size:2.2rem;letter-spacing:2px;background:var(--ink);color:#fff;border-radius:12px;padding:2px 18px;direction:ltr}
.fb{min-height:1.6em;font-weight:700;text-align:center}
.fb.ok{color:var(--ok)}.fb.bad{color:var(--bad)}
/* flip cards */
.flip{perspective:900px;min-height:190px;cursor:pointer}
.flip .in{position:relative;width:100%;height:100%;min-height:190px;transition:transform .55s;transform-style:preserve-3d}
.flip.on .in{transform:rotateY(180deg)}
.flip .f,.flip .b{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:16px;padding:16px;display:flex;flex-direction:column;justify-content:center}
.flip .f{background:var(--paper);border:2px solid var(--line);text-align:center;align-items:center}
.flip .f .ic{font-size:2.4rem}.flip .f h3{font-size:1.3rem;margin:.3em 0 0}
.flip .f small{color:var(--mut);margin-top:6px}
.flip .b{background:var(--ink);color:#fff;transform:rotateY(180deg);font-size:1.05rem}
/* compare */
.side{border-radius:16px;padding:16px}
.side.s{background:#FFF4DC;border:1px solid var(--line)}.side.w{background:var(--sky);border:1px solid #BBD3DA}
.side h3{font-size:1.6rem}.side.s h3{color:var(--or)}.side.w h3{color:var(--teal)}
ul.clean{margin:0;padding-inline-start:1.2em}ul.clean li{margin:.3em 0}
/* sky sim */
.sim{border-radius:16px;overflow:hidden;border:1px solid var(--line)}
.sky{position:relative;height:200px;transition:background .4s}
.sky .sunball{position:absolute;width:46px;height:46px;border-radius:50%;background:#FFD45C;box-shadow:0 0 30px #FFD45C;transform:translate(50%,50%)}
.sky .ground{position:absolute;left:0;right:0;bottom:0;height:46px;background:#7a9b5a}
.sky .kid{position:absolute;bottom:40px;right:44%;font-size:40px}
.sky .lab{position:absolute;top:10px;right:12px;background:rgba(255,255,255,.85);border-radius:10px;padding:4px 10px;font-weight:700}
.simctl{background:var(--paper);padding:14px}
input[type=range]{width:100%;accent-color:var(--or);height:28px}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{border:2px solid var(--ink);background:#fff;border-radius:99px;padding:6px 12px;font-weight:700;color:var(--ink)}
.chip.on{background:var(--ink);color:#fff}
/* bars */
.bars{display:flex;align-items:flex-end;gap:4px;height:180px;padding:8px 4px 0;border-bottom:2px solid var(--mut);direction:ltr}
.bars div{flex:1;background:var(--must);border-radius:6px 6px 0 0;position:relative;transition:background .2s}
.bars div.on{background:var(--or)}
.mlabels{display:flex;gap:4px;direction:ltr;font-size:.7rem;color:var(--mut)}.mlabels span{flex:1;text-align:center}
svg.tilt{width:100%;max-width:520px;height:auto;display:block;margin:auto}
/* timeline */
.tl{display:grid;gap:12px}
@media(min-width:760px){.tl{grid-template-columns:repeat(4,1fr)}}
.tl .ev{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:14px;cursor:pointer;border-top:6px solid var(--or)}
.tl .ev:nth-child(2){border-top-color:var(--must)}.tl .ev:nth-child(3){border-top-color:var(--teal)}.tl .ev:nth-child(4){border-top-color:var(--navy)}
.tl .yr{font-family:"Secular One";font-size:1.7rem}
.tl .more{display:none;margin-top:8px}.tl .ev.on .more{display:block}
.tl .tap{font-size:.8rem;color:var(--mut)}
/* quiz */
.q{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:12px}
.q h3{font-family:Rubik;font-weight:700;font-size:1.15rem}
.opts{display:grid;gap:8px}
@media(min-width:760px){.opts{grid-template-columns:repeat(3,1fr)}}
.opt{border:2px solid var(--line);background:#fff;border-radius:12px;padding:10px;font-size:1rem;text-align:right;color:var(--ink)}
.opt.ok{border-color:var(--ok);background:#E3F4EA}.opt.bad{border-color:var(--bad);background:#FBE5E0}
.opt:disabled{cursor:default}
.why{display:none;margin-top:8px;color:var(--mut)}.q.done .why{display:block}
.score{font-size:1.3rem;font-weight:800;text-align:center;padding:12px;border-radius:14px;background:var(--ink);color:#fff;display:none}
.score.show{display:block}
/* tf */
.tfcard{text-align:center;padding:22px 16px;min-height:150px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px}
.tfcard .stmt{font-size:clamp(1.25rem,3.5vw,1.8rem);font-weight:800}
.tfbtns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.tfbtns button{font-size:1.2rem;padding:14px;border-radius:14px;border:0;font-weight:800}
.tfyes{background:#D9EEE6;color:var(--ok)}.tfno{background:#FBE0CF;color:var(--bad)}
/* poll */
.pollopt{display:flex;align-items:center;gap:10px;margin:8px 0}
.pollopt button{flex:none;width:44%;text-align:right}
.pollbar{flex:1;height:30px;background:#eee3cc;border-radius:8px;overflow:hidden;position:relative}
.pollbar i{position:absolute;inset:0 0 0 auto;background:var(--teal);width:0;transition:width .3s}
.pollbar b{position:absolute;right:8px;top:4px;color:var(--ink);font-size:.9rem}
/* teacher notes */
details.teach{margin-top:18px;background:#fff;border:2px dashed var(--teal);border-radius:14px;padding:4px 14px}
details.teach summary{cursor:pointer;font-weight:800;color:var(--teal);padding:8px 0;list-style:none}
details.teach summary::-webkit-details-marker{display:none}
details.teach summary:before{content:"🍎 "}
details.teach[open]{padding-bottom:12px}
.qr{width:180px;height:180px;background:#fff;padding:8px;border-radius:10px;border:1px solid var(--line)}
table.plan{width:100%;border-collapse:collapse;font-size:.95rem}
table.plan td,table.plan th{border-bottom:1px solid var(--line);padding:8px 6px;vertical-align:top;text-align:right}
table.plan th{background:var(--soft)}
table.plan td:first-child{white-space:nowrap;font-weight:700;color:var(--or)}
/* pager */
.pager{position:fixed;inset:auto 0 0 0;height:var(--pgr);display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px;background:rgba(255,253,247,.96);border-top:2px solid var(--line);z-index:20}
.pg{border:0;background:var(--soft);color:var(--ink);border-radius:12px;padding:9px 12px;font-weight:700;font-size:.95rem;flex:none}
.pg.next{background:var(--or);color:#fff}
.pg:disabled{opacity:.35}
.dots{display:flex;gap:5px;flex-wrap:nowrap;overflow:hidden;justify-content:center;min-width:0}
.dots i{width:8px;height:8px;border-radius:50%;background:#d8c9a8;flex:none;cursor:pointer}
.dots i.on{background:var(--or);width:20px;border-radius:5px}
@media(min-width:1000px){
  :root{--navw:250px}
  .menu-btn{display:none}
  .nav{transform:none;width:var(--navw);box-shadow:none}
  main,.pager{padding-right:calc(var(--navw) + 24px)}
  main{padding-left:24px}
  .pager{right:0}
}
@media(min-width:1000px) and (min-height:700px){ body.fs .slide{font-size:1.12rem} }
.hide{display:none!important}

.ws ol li{margin:14px 0;line-height:1.9}
.wsclocks{display:flex;gap:40px;justify-content:center;margin-top:8px}.wsclocks span{width:120px;height:120px;border:3px solid var(--ink);border-radius:50%;display:block}
@media print{.top,.nav,.pager,.noprint,details.teach{display:none!important}body{background:#fff}main{padding:0!important}.slide{display:none!important}#s-ws{display:block!important}.paper{box-shadow:none;border:0}}

.cover{justify-content:flex-end}
.cover img{object-position:72% 50%}
@media(max-width:759px){.cover{display:block;min-height:0;background:transparent;border-radius:16px}.cover img{position:static;width:100%;height:auto;aspect-ratio:16/10;border-radius:16px;object-position:75% 50%}.cover .panel{margin:-30px 8px 0;max-width:none}}
.ws{overflow-wrap:anywhere;word-break:break-word}

.bars,.mlabels{direction:rtl}
@media(min-width:760px){.cover{justify-content:flex-start;flex-direction:row-reverse}.cover img{object-position:0% 50%}.cover .panel{max-width:410px}}
@media(min-width:760px){.cover{justify-content:flex-end;flex-direction:row}}
.srcs li{unicode-bidi:plaintext;text-align:start}

/* ===== חוסן ושעון חורף ===== */
.hzpoint{margin:0 0 14px;transform:none}
.hzpoint .btn{margin-top:8px;display:inline-block}
.trk{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 12px;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:5px;width:fit-content;max-width:100%}
.trk button{border:0;background:transparent;border-radius:10px;padding:8px 14px;font-size:1rem;font-weight:700;color:var(--ink)}
.trk button.on{background:var(--teal);color:#fff}
.trkbig{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.trkbig .btn{font-size:1.15rem;padding:14px}
.trkbig .btn.on{outline:3px solid var(--teal);outline-offset:2px}
.note{color:var(--mut);margin:6px 0 10px}
.mlist{display:grid;gap:8px}
.mrow{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;border-bottom:1px dashed var(--line);padding-bottom:6px}
.mrow span{flex:1;min-width:200px;font-size:.95rem}
.mchip{display:inline-block;background:#E3F1EF;color:#1d5f5b;border:1px solid #b9dcd8;border-radius:99px;padding:3px 10px;font-weight:700;text-decoration:none;font-size:.92rem;white-space:nowrap}
.mchip:hover,.mchip:focus{background:#cfe9e5}
.kick .mchip{font-size:.85rem;margin-inline-start:4px}
.hzhelp{margin-top:14px;background:#E9F5EC;border:1px solid #bfe0c8;border-radius:14px;padding:10px 14px}
.hzc{background:var(--paper);border:1px solid var(--line);border-radius:16px;margin-bottom:10px;box-shadow:0 3px 0 #eadcbf;overflow:hidden}
.hzc summary{list-style:none;display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;font-weight:700}
.hzc summary::-webkit-details-marker{display:none}
.hzc summary:after{content:"▾";margin-inline-start:auto;color:var(--mut);transition:transform .2s}
.hzc[open] summary:after{transform:rotate(180deg)}
.hzc .hi{font-size:1.5rem}.hzc .ht{font-family:"Secular One",Rubik,sans-serif;font-weight:400;font-size:1.15rem}
.hzc .hm{background:var(--soft);border-radius:99px;padding:2px 10px;font-size:.85rem;white-space:nowrap}
.hzb{padding:0 16px 14px}.hzb h4{margin:10px 0 4px}.hzb ol,.hzb ul{margin:0;padding-inline-start:22px}.hzb p{margin:6px 0}
.mods{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
.conn{background:#FFF6DA;border-inline-start:4px solid var(--must);padding:6px 10px;border-radius:6px}
.hzb .btn{margin-top:8px}
.hzfb{font-weight:700;margin:8px 0;color:var(--mut)}.hzfb.ok{color:var(--ok)}
.emo{display:grid;gap:6px}
.emob{display:grid;grid-template-columns:36px 1fr 2fr 28px;align-items:center;gap:8px;border:2px solid var(--line);background:#fff;border-radius:12px;padding:6px 10px;text-align:right;color:var(--ink);font-size:1rem}
.emob:active{transform:scale(.98)}.emob .e{font-size:1.5rem}
.emob .bar{height:12px;background:var(--soft);border-radius:99px;overflow:hidden;display:block}.emob .bar i{display:block;height:100%;background:var(--teal)}
.kftabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px}
.kft{position:relative;border:2px solid var(--line);background:#fff;border-radius:14px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;color:var(--ink)}
.kft b{font-family:"Secular One",sans-serif;font-size:1.6rem;font-weight:400;line-height:1}.kft span{font-size:.8rem}
.kft.on{border-color:var(--teal);background:#E3F1EF}
.kft i{position:absolute;top:-6px;left:-6px;background:var(--or);color:#fff;border-radius:99px;min-width:22px;height:22px;font-style:normal;font-size:.8rem;display:grid;place-items:center}
.chip.on{background:var(--teal);border-color:var(--teal);color:#fff}
.kfmap{margin-top:12px}.kfmap li{margin-bottom:8px}.tip{color:#1d5f5b;font-size:.95rem}
.ctg{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:12px}
.ctc{background:var(--paper);border:2px solid var(--line);border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:8px}
.ctc.ok{border-color:var(--ok)}.ctc.bad{border-color:var(--must)}
.cti{font-size:1.8rem;line-height:1}.ctt{font-weight:700}
.ctb{display:grid;grid-template-columns:1fr 1fr;gap:6px}.ctb .opt{font-size:.9rem;padding:8px 6px;text-align:center}
.opt.sel{border-color:var(--ink);font-weight:700}
.ctw{font-size:.92rem;color:var(--mut)}
.gq .opt.ok{border-color:var(--ok);background:#E7F4EC}.gq .opt.mid{border-color:var(--must);background:#FFF6DA}.gq .opt.bad{border-color:var(--bad);background:#FBEAE6}
.gw{margin-top:8px;font-weight:500}
.score.show{display:block;margin:10px 0}
.breath{display:flex;gap:20px;align-items:center;justify-content:center;flex-wrap:wrap;margin:10px 0}
.ring{width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,#bfe3df,#2A7F7A);display:grid;place-items:center;box-shadow:0 0 0 10px rgba(42,127,122,.15);transform:scale(.8)}
.ring b{font-family:"Secular One",sans-serif;font-size:3.4rem;color:#fff;font-weight:400}
.ring.in-out{animation:br 8s ease-in-out}.ring.in-out2{animation:br 5s ease-in-out 2}
@keyframes br{0%{transform:scale(.8)}45%{transform:scale(1.1)}55%{transform:scale(1.1)}100%{transform:scale(.8)}}
.brtxt{max-width:420px;min-height:110px}.brtxt p{font-size:1.15rem}
.brsteps{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:6px 0 12px}
.brsteps span{border:2px solid var(--line);border-radius:99px;padding:4px 12px;background:#fff}
.brsteps span.on{border-color:var(--teal);background:#E3F1EF;font-weight:700}.brsteps span.done{opacity:.55}
.plcard input{font:inherit;border:2px solid var(--line);border-radius:10px;padding:6px 10px;width:100%;max-width:420px;margin-top:4px}
.pln,.plx{display:block;margin:6px 0 10px;font-weight:700}
.plrow{margin:10px 0}.plh{font-weight:800;margin-bottom:6px}
.plsum{margin-top:12px;border-top:1px dashed var(--line);padding-top:10px}
.wt{width:100%;border-collapse:collapse;margin:6px 0 12px}.wt th,.wt td{border:1.5px solid #9aa3b5;padding:8px;text-align:right;vertical-align:top}.wt th{background:#f4efe3;width:28%}.wt td{height:44px}.wt td.tall{height:120px}
.drawbox{border:2px dashed #9aa3b5;border-radius:12px;height:200px;margin:6px 0 12px}
.drawbox.lines{height:150px;background:repeating-linear-gradient(transparent 0 29px,#c9ced8 29px 30px)}
.ln{display:inline-block;border-bottom:1.5px solid #9aa3b5;width:100%;min-width:200px;height:1.4em}
@media(max-width:520px){.kft span{font-size:.7rem}.trk button{padding:8px 10px}.emob{grid-template-columns:30px 1fr 1.4fr 24px}.ring{width:140px;height:140px}}
@media print{body[data-pr] .slide{display:none!important}body[data-pr="hzprint"] #s-hzprint,body[data-pr="hzplan"] #s-hzplan{display:block!important}body[data-pr] #s-ws{display:none!important}.trk,.chip:not(.on){display:none!important}#s-hzprint .chip{display:inline-block!important}.hzhelp{break-inside:avoid}}
.gq .opt.best{border-color:var(--ok);border-style:dashed}

/* viewers v7 */
.viewer{background:#fff;border-radius:18px;box-shadow:0 6px 22px rgba(31,42,68,.12);padding:10px;outline:none}
.vstage{position:relative;background:#f4f6fb;border-radius:12px;overflow:hidden;touch-action:pan-y}
.vimg{display:block;width:100%;height:auto;max-height:72vh;object-fit:contain;margin:0 auto;user-select:none;-webkit-user-drag:none}
.vnav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:0;background:rgba(31,42,68,.55);color:#fff;font-size:30px;line-height:40px;cursor:pointer;padding:0}
.vnav:disabled{opacity:.15;cursor:default}
.vprev{right:8px}.vnext{left:8px}
.vbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;margin-top:10px}
.vbar .btn{min-height:42px}.vbar .btn:disabled{opacity:.4}
.vcount{font-weight:800;min-width:64px;text-align:center}
.viewer:fullscreen{display:flex;flex-direction:column;justify-content:center;background:#111;border-radius:0;padding:8px}
.viewer:fullscreen .vstage{background:#111;flex:1;display:flex;align-items:center}
.viewer:fullscreen .vimg{max-height:calc(100vh - 80px);width:auto;max-width:100%}
.viewer:fullscreen .vcount{color:#fff}
.viewer.vmax{position:fixed;inset:0;z-index:999;border-radius:0;display:flex;flex-direction:column;justify-content:center;background:#111}
.viewer.vmax .vimg{max-height:calc(100vh - 80px);width:auto;max-width:100%}
.viewer.vmax .vcount{color:#fff}
.viewer.vmax .vstage{background:#111}

/* video v9 */
.vidwrap{position:relative;max-width:900px;margin:6px auto 0;background:#000;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(31,42,68,.18);aspect-ratio:16/9}
.vidwrap video{display:block;width:100%;height:100%;background:#000}
.vidplay{position:absolute;inset:0;margin:auto;width:92px;height:92px;border-radius:50%;border:0;background:rgba(217,105,43,.92);color:#fff;font-size:2.4rem;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center}
.vidplay span{transform:translateX(3px)}
.vidplay:hover{background:#D9692B}
@media (max-width:480px){.vidwrap{border-radius:10px}.vidplay{width:72px;height:72px;font-size:2rem}}

/* zman v10 */
.zcard{display:flex;flex-direction:column;gap:6px}.zcard h3{margin:0}.zcard p{margin:0 0 6px;line-height:1.6}.zcard .row{margin-top:auto}
.zico{font-size:2.4rem;line-height:1}
.btn.zbig{font-size:1.08rem;padding:13px 18px;min-height:48px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
a.btn{text-decoration:none}
.zcred{font-weight:700;color:var(--teal);margin-top:16px;font-size:.95rem}
.ztip textarea{width:100%;font:inherit;font-size:1.05rem;border:2px solid var(--line);border-radius:12px;padding:10px;background:#fff;resize:vertical}
.ztip textarea:focus{outline:3px solid var(--must);border-color:var(--or)}
.ztips{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:8px}
.ztips li{background:#FFF1B8;border-radius:10px;padding:10px 12px;display:flex;gap:8px;align-items:flex-start;justify-content:space-between;overflow-wrap:anywhere}
.ztips.samp li{background:var(--sky)}
.zdel{border:0;background:transparent;font-size:1.1rem;cursor:pointer;color:var(--bad);min-width:36px;min-height:36px}
.ztag{display:inline-block;background:var(--soft);border-radius:99px;padding:2px 10px;font-size:.8rem;font-weight:700}
.zlinks{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px;background:var(--paper);border:1px dashed var(--line);border-radius:12px;padding:10px}
.zlinks .zlink{font-size:.95rem;overflow-wrap:anywhere}

/* more-new cards (v11) */
.mcards{display:grid;gap:14px}
@media(min-width:760px){.mcards{grid-template-columns:1fr 1fr}}
.mcard{background:#fff;border-radius:16px;box-shadow:0 2px 10px rgba(31,42,68,.1);overflow:hidden;display:flex;flex-direction:column;min-width:0}
.mthumb{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#f3f1ea}
.mtxt{display:flex;align-items:center;justify-content:center;font-size:2.4rem}
.mbody{padding:12px 14px 14px}
.mtype{display:inline-block;font-size:.82rem;font-weight:700;color:var(--mut)}
.mcard h3{margin:4px 0 4px;font-size:1.15rem}
.msub{margin:0 0 6px;font-size:.95rem}
.mcred{margin:0 0 10px;font-size:.88rem;font-weight:700;color:var(--teal);overflow-wrap:anywhere}