:root{--ink:#24324a;--soft:#5d6b84;--pri:#1565c0;--pri2:#ff6b6b;--sun:#ffb703;--g:#2bb673;--y:#ffb703;--r:#ef4b4b;--bg:#fffaf3;--card:#ffffffef;--rad:22px;--sh:0 10px 30px rgba(21,101,192,.14),0 2px 6px rgba(0,0,0,.05)}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}
body{margin:0;font-family:"Rubik","Assistant","Segoe UI","Arial Hebrew",Arial,sans-serif;color:var(--ink);line-height:1.6;background:radial-gradient(1100px 600px at 95% -10%,#ffe8b0 0,transparent 60%),radial-gradient(900px 500px at -10% 25%,#d6ecff 0,transparent 55%),radial-gradient(900px 600px at 110% 75%,#d9f3ee 0,transparent 55%),linear-gradient(180deg,#f6fbff,#fffaf0);background-attachment:fixed;min-height:100vh;overflow-x:hidden}
a{color:#0d47a1}img{max-width:100%;display:block}
.skip{position:absolute;top:0;right:0;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.skip:focus{width:auto;height:auto;clip:auto;top:8px;right:8px;background:#fff;padding:8px;z-index:99}
header.top{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 14px rgba(21,101,192,.13)}
.tbar{display:flex;align-items:center;gap:10px;max-width:1180px;margin:0 auto;padding:8px 14px}
.brand{font-weight:800;font-size:1.12rem;text-decoration:none;color:var(--ink);white-space:nowrap}
.brand span{display:inline-block;animation:wob 3s ease-in-out infinite}@keyframes wob{50%{transform:rotate(-10deg) scale(1.1)}}
nav#nav{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;flex:1;padding:4px 0}nav#nav::-webkit-scrollbar{display:none}
nav#nav a{flex:none;text-decoration:none;color:var(--ink);background:#e6f0fb;padding:8px 14px;border-radius:999px;font-weight:600;font-size:.95rem;min-height:40px;display:flex;align-items:center}
nav#nav a.on,nav#nav a:hover{background:linear-gradient(135deg,var(--pri),#1e88e5);color:#fff}
.lvlbar{max-width:1180px;margin:0 auto;padding:4px 14px 8px;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.lvlbar::-webkit-scrollbar{display:none}
.lvlbar button{flex:none;border:2px solid #d3e3f6;background:#fff;border-radius:999px;padding:6px 12px;font:inherit;font-weight:700;font-size:.9rem;cursor:pointer;min-height:40px;color:var(--ink)}
.lvlbar button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
main{max-width:1180px;margin:0 auto;padding:14px 14px 30px}
h1,h2,h3{line-height:1.25;margin:.2em 0 .4em}h2{font-size:1.5rem}h3{font-size:1.15rem}
.hero{position:relative;border-radius:30px;overflow:hidden;box-shadow:var(--sh);min-height:430px;display:flex;align-items:flex-end}
.hero picture,.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(16,40,70,.88) 0,rgba(16,40,70,.35) 55%,rgba(0,0,0,0) 100%)}
.hero-in{position:relative;z-index:1;color:#fff;padding:24px;max-width:760px}
.hero h1{font-size:clamp(2rem,7vw,3.6rem);margin:0;text-shadow:0 4px 18px rgba(0,0,0,.35)}
.hero .tag{font-size:1.25rem;font-weight:700;margin:.2em 0 .6em;color:#ffe58a}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:10px 0}.row.center{justify-content:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;cursor:pointer;font:inherit;font-weight:700;text-decoration:none;color:#fff;background:linear-gradient(135deg,var(--pri),#1e88e5);padding:12px 20px;border-radius:999px;min-height:48px;box-shadow:0 6px 16px rgba(21,101,192,.28);transition:transform .15s}
.btn:hover{transform:translateY(-2px)}.btn:active{transform:scale(.97)}
.btn.alt{background:#fff;color:var(--ink);border:2px solid #cfe0f5;box-shadow:none}.btn.coral{background:linear-gradient(135deg,#ff6b6b,#ff9f68)}.btn.sun{background:linear-gradient(135deg,#ffb703,#ff8f00);color:#2b1b00}.btn.sm{padding:8px 14px;min-height:40px;font-size:.92rem}
.card{background:var(--card);border-radius:var(--rad);box-shadow:var(--sh);padding:18px;margin:14px 0}
.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.act{display:flex;flex-direction:column;text-decoration:none;color:var(--ink);background:#fff;border-radius:var(--rad);box-shadow:var(--sh);overflow:hidden;transition:transform .2s}
.act:hover{transform:translateY(-4px) rotate(-.4deg)}
.act .ic{font-size:2.4rem;padding:18px 18px 0}.act b{font-size:1.12rem;padding:4px 18px 0}.act span{padding:2px 18px 16px;color:var(--soft);font-size:.95rem}
.act .bar{height:7px;background:linear-gradient(90deg,var(--r),var(--y),var(--g))}
.pill{display:inline-block;background:#e6f0fb;border-radius:999px;padding:3px 12px;font-weight:700;font-size:.85rem;margin:2px}
.note{background:#fff7dd;border-right:6px solid var(--sun);border-radius:14px;padding:10px 14px;margin:10px 0}
.help{background:#e9f6ff;border-right:6px solid #4d96ff;border-radius:14px;padding:12px 14px;margin:12px 0;font-weight:600}
.pnote{color:var(--soft);font-size:.92rem}
.nq{font-size:1.15em;line-height:1.9}

.big-e{font-size:2.6rem}
.tiles .act .new{background:#ffb703;color:#2b1b00;border-radius:999px;padding:1px 8px;font-size:.75rem;margin-inline-start:6px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.chip{display:inline-flex;align-items:center;gap:6px;background:#fff;border:2px solid #d3e3f6;border-radius:999px;padding:8px 14px;font:inherit;font-weight:600;cursor:pointer;min-height:44px;color:var(--ink);text-align:right}
.chip.on{background:var(--ink);border-color:var(--ink);color:#fff}
.chip.big{font-size:1.25rem;padding:14px 18px;min-height:64px;border-radius:20px}
.cols{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.col{background:#fff;border-radius:var(--rad);box-shadow:var(--sh);padding:14px;border-top:8px solid var(--c,#1565c0)}
.col h3{display:flex;gap:8px;align-items:center}
input[type=text],textarea,select{width:100%;font:inherit;border:2px solid #d3e3f6;border-radius:14px;padding:10px 12px;background:#fff;color:var(--ink)}
textarea{min-height:80px}
label.l{font-weight:700;display:block;margin:8px 0 4px}
.addrow{display:flex;gap:8px}.addrow input{flex:1}
.kitcard{background:linear-gradient(160deg,#fff,#eef6ff);border:3px dashed #1565c0;border-radius:24px;padding:18px;margin:14px 0}
.kitcard h3{color:#0d47a1}.kitcard .sec{margin:8px 0}.kitcard .sec b{display:block}
.steps{display:flex;gap:6px;margin:8px 0}.steps span{flex:1;height:8px;border-radius:9px;background:#d3e3f6}.steps span.on{background:var(--pri)}
.story{font-size:1.08rem;background:#fff;border-right:6px solid #1565c0;border-radius:16px;padding:14px;margin:10px 0}
.thought{background:#fde8e8;border-radius:18px;padding:12px 14px;font-weight:700;position:relative;margin:10px 0}
.thought:before{content:"💭 ";}
.alts{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.alt{border:0;border-radius:18px;padding:14px;min-height:72px;font:inherit;font-weight:700;cursor:pointer;background:#e6f0fb;color:var(--ink);text-align:center}
.alt.on{background:#2bb673;color:#fff}
.resp{display:block;width:100%;text-align:right;border:2px solid #d3e3f6;background:#fff;border-radius:18px;padding:12px 14px;margin:8px 0;font:inherit;font-weight:600;cursor:pointer;min-height:52px;color:var(--ink)}
.resp.good{border-color:#2bb673;background:#e8f8ef}.resp.bad{border-color:#ef4b4b;background:#fdecec}
.fb{font-weight:600;margin:4px 0 10px;padding:8px 12px;border-radius:12px;background:#fff7dd}
.wall{display:flex;flex-wrap:wrap-reverse;gap:6px;justify-content:center;padding:14px;background:linear-gradient(180deg,#e6f0fb,#fff);border-radius:22px;min-height:120px;border:3px solid #1565c0;position:relative}
.brick{background:linear-gradient(135deg,#1565c0,#42a5f5);color:#fff;border-radius:10px;padding:8px 12px;font-weight:700;font-size:.92rem;box-shadow:0 3px 0 #0d47a1}
.shieldtop{text-align:center;font-size:3rem;margin-bottom:-10px}
.therm{display:flex;gap:16px;align-items:stretch;flex-wrap:wrap}
.tube{width:64px;min-height:320px;background:#eef3f9;border-radius:40px;position:relative;border:4px solid #c6d6ea;overflow:hidden;flex:none;margin:0 auto}
.tube .fill{position:absolute;bottom:0;left:0;right:0;transition:height .4s,background .4s}
.tube .tick{position:absolute;left:0;right:0;height:0;border-top:2px dashed rgba(0,0,0,.12)}
input[type=range]{width:100%;height:44px;accent-color:#1565c0}
.zone{border-radius:18px;padding:12px 14px;color:#1d2533;margin:8px 0;border-right:10px solid}
.body-wrap{display:grid;gap:14px;grid-template-columns:1fr}
@media(min-width:760px){.body-wrap{grid-template-columns:260px 1fr}}
svg.body{width:100%;max-width:260px;margin:0 auto;display:block}
svg.body .z{fill:#d6e6f8;stroke:#1565c0;stroke-width:2;cursor:pointer;transition:fill .2s}
svg.body .z.on{fill:#ff8a65}svg.body .z:focus{outline:none;stroke-width:4}
svg.body text{font-size:18px;pointer-events:none}
.poster{background:#fff;border:6px solid #1565c0;border-radius:26px;padding:22px;text-align:center}
.poster h2{color:#0d47a1;font-size:1.8rem}.poster ul{text-align:right;display:inline-block;margin:0 auto;font-size:1.1rem}
.poster .sig{border-top:2px dashed #9bb3d1;margin-top:18px;padding-top:10px;color:var(--soft);min-height:90px}
.exitc{background:#fff;border:3px dashed #1565c0;border-radius:20px;padding:16px;margin:12px 0}
.exitc .r{display:flex;gap:10px;align-items:flex-start;margin:8px 0}.exitc .r .e{font-size:1.6rem}
.exitc .r b{display:block}
.kitpage{background:#fff;border-radius:18px;box-shadow:var(--sh);padding:22px;margin:14px 0}
.kitpage h1{font-size:1.7rem;margin:0;color:#0d47a1}.kitpage .ksub{color:var(--soft);font-weight:700;border-bottom:3px solid #1565c0;padding-bottom:8px;margin-bottom:12px}
.kitpage h3{background:#e6f0fb;border-radius:12px;padding:6px 12px;margin-top:18px}
.kline{border-bottom:1.5px solid #9aa9be;height:30px}
.kcase{background:#fff7dd;border-right:6px solid #ffb703;border-radius:12px;padding:10px 14px;margin:8px 0;font-weight:600}
.kgrp{margin:6px 0}.kgrp b{margin-inline-end:6px}.kitem{display:inline-block;border:1.5px solid #9aa9be;border-radius:999px;padding:2px 10px;margin:3px}
.kdraw{border:2px dashed #9aa9be;border-radius:14px;height:150px;margin:8px 0}
.kexit{border:2.5px dashed #555;border-radius:14px;padding:12px;margin-top:14px;position:relative}
.kexit:before{content:"✂";position:absolute;top:-14px;right:16px;background:#fff;padding:0 6px;font-size:1.2rem}
.ktherm{display:flex;gap:4px;margin:8px 0}.ktherm span{flex:1;text-align:center;border-radius:8px;padding:6px 0;font-weight:800;color:#1d2533}
.ktab{width:100%;border-collapse:collapse;margin:8px 0}.ktab td,.ktab th{border:1.5px solid #9aa9be;padding:6px;text-align:right;vertical-align:top}
.kflow td:first-child{white-space:nowrap;font-weight:800}
.pbreak{border-top:3px dotted #c6d6ea;margin:22px 0}
.frame{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.lt{background:#fff;border-radius:20px;box-shadow:var(--sh);padding:14px;text-align:center}
.lt .L{font-size:2rem;font-weight:900;color:#1565c0}.lt .e{font-size:1.8rem}
.qz button{margin:4px}
.ok{color:#1b8a4a;font-weight:800}.no{color:#c62828;font-weight:800}
footer{text-align:center;padding:22px 14px 30px;color:var(--soft);display:flex;flex-direction:column;align-items:center;gap:4px}
footer img{width:64px;height:64px;border-radius:50%}
@media(max-width:600px){.hero{min-height:470px}.card{padding:14px}h2{font-size:1.3rem}.tube{min-height:260px}}
@page{size:A4;margin:15mm}
@media print{header.top,.noprint,nav,.lvlbar,.skip{display:none!important}body{background:#fff}main{padding:0;max-width:none}.card,.kitpage,.col{box-shadow:none;border:1px solid #ccc}.kitpage{padding:0;border:0}.pbreak{page-break-after:always;border:0;margin:0}*{text-align:right}.poster,.poster h2{text-align:center}.hero{display:none}footer{padding:6px}}