:root{--navy:#0b1230;--navy2:#141d45;--navy3:#1d2a5e;--gold:#f6c453;--gold2:#ffdf8a;--amber:#ff9d2e;--txt:#f4efe2;--mut:#b9b8cf;--card:rgba(255,255,255,.06);--line:rgba(246,196,83,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
html{background:#0b1230}body{margin:0;font-family:"Rubik","Heebo","Assistant","Noto Sans Hebrew",Arial,sans-serif;background:radial-gradient(ellipse 120% 700px at 50% -60px,#2c3274 0%,rgba(11,18,48,0) 100%) no-repeat,#0b1230;color:var(--txt);direction:rtl;text-align:right;line-height:1.55;font-size:17px;min-height:100vh}
#stars{position:fixed;inset:0;pointer-events:none;z-index:0}#stars i{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--gold2);box-shadow:0 0 6px var(--gold);opacity:.2;animation:tw 3s ease-in-out infinite}
@keyframes tw{0%,100%{opacity:.15;transform:scale(.6)}50%{opacity:.95;transform:scale(1.2)}}
.top{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;background:rgba(8,12,34,.85);backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}
.brand{color:var(--gold);font-weight:800;text-decoration:none;font-size:18px;white-space:nowrap}.top nav{display:flex;gap:6px}.top nav a{color:var(--txt);text-decoration:none;font-size:14px;padding:7px 11px;border-radius:999px;border:1px solid var(--line);white-space:nowrap}
main{position:relative;z-index:1;max-width:820px;margin:0 auto;padding:14px 14px 30px}
h1{font-size:28px;color:var(--gold);margin:8px 0;text-shadow:0 0 18px rgba(246,196,83,.45)}h2{color:var(--gold2);font-size:21px;margin:18px 0 8px}h3{color:var(--gold);margin:12px 0 6px;font-size:18px}
p{margin:6px 0}a{color:var(--gold2)}.mut{color:var(--mut);font-size:15px}b{color:var(--gold2)}
.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:14px 16px;margin:12px 0;box-shadow:0 6px 24px rgba(0,0,0,.25)}
.glow{box-shadow:0 0 0 1px var(--line),0 0 30px rgba(246,196,83,.18)}
.pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:48px;padding:10px 18px;border-radius:999px;border:0;background:linear-gradient(180deg,var(--gold2),var(--gold));color:#2a1c00;font-weight:800;font-size:16px;text-decoration:none;cursor:pointer;font-family:inherit;box-shadow:0 4px 14px rgba(246,196,83,.3)}
.pill.ghost{background:transparent;color:var(--gold2);border:1.5px solid var(--gold);box-shadow:none}.pill.sm{min-height:40px;padding:6px 14px;font-size:14px}.pill:disabled{opacity:.45;cursor:default}
.row{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.row.c{justify-content:center}
.big{display:flex;flex-direction:column;gap:12px;margin:16px 0}
.track{display:flex;align-items:center;gap:14px;padding:18px;border-radius:26px;text-decoration:none;color:var(--txt);border:2px solid var(--gold);background:linear-gradient(135deg,rgba(246,196,83,.18),rgba(29,42,94,.6));font-size:15px;min-height:96px}
.track .e{font-size:44px}.track b{display:block;font-size:22px;color:var(--gold2)}
.concept{font-size:18px;line-height:1.8;text-align:center}.concept .l{display:block}
/* chanukiah */
.chan{display:flex;justify-content:center;align-items:flex-end;gap:2.2%;padding:28px 6px 0;position:relative;margin:6px auto 0;max-width:560px}
.chan::after{content:"";position:absolute;bottom:-14px;left:8%;right:8%;height:16px;border-radius:0 0 40px 40px;background:linear-gradient(180deg,#e7b54a,#9b6b14);box-shadow:0 6px 18px rgba(246,196,83,.25)}
.cand{position:relative;width:8.5%;max-width:40px;display:flex;flex-direction:column;align-items:center;cursor:pointer;background:none;border:0;padding:0;font-family:inherit;color:var(--txt)}
.cand .body{width:62%;height:70px;border-radius:5px 5px 2px 2px;background:linear-gradient(90deg,#f8f1de,#fff,#e9dcc0);position:relative}
.cand.sh .body{height:100px}.cand .wick{width:2px;height:8px;background:#3a2a10;margin-bottom:-1px}
.cand .lab{font-size:clamp(14px,4vw,22px);margin-top:4px;height:26px}
.cand .num{position:absolute;top:30%;left:0;right:0;text-align:center;font-weight:800;color:#7a5410;font-size:13px}
.flame{width:16px;height:26px;margin-bottom:-2px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:radial-gradient(ellipse at 50% 70%,#fff 0 18%,#ffe27a 30%,#ff9d2e 62%,rgba(255,80,0,0) 75%);transform-origin:50% 90%;animation:fl 1.4s ease-in-out infinite alternate;filter:drop-shadow(0 0 8px #ffb341) drop-shadow(0 0 18px rgba(255,170,60,.6));opacity:0;transition:opacity .5s}
.lit .flame{opacity:1}.cand:not(.lit) .flame{animation:none}
.cand.next .body{box-shadow:0 0 0 2px var(--gold),0 0 14px var(--gold)}
@keyframes fl{0%{transform:scale(1,1) rotate(-2deg)}35%{transform:scale(.94,1.08) rotate(2deg)}70%{transform:scale(1.05,.95) rotate(-1deg)}100%{transform:scale(.97,1.05) rotate(1.5deg)}}
.chan.huge .cand .body{height:130px}.chan.huge .cand.sh .body{height:170px}.chan.huge .flame{width:24px;height:40px}
.halo{position:absolute;inset:-30px -10px auto;height:120px;background:radial-gradient(ellipse at 50% 60%,rgba(255,190,80,.25),transparent 65%);pointer-events:none}
/* steps */
.steps{display:grid;grid-template-columns:1fr;gap:10px}
.step{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:20px;background:var(--card);border:1px solid var(--line);color:var(--txt);text-decoration:none;min-height:64px}
.step .e{font-size:30px}.step b{display:block;color:var(--gold2)}.step small{color:var(--mut)}.step .tm{margin-inline-start:auto;font-size:13px;color:var(--gold);white-space:nowrap}
.step.done{border-color:var(--gold);background:rgba(246,196,83,.12)}
.tag{display:inline-block;padding:3px 10px;border-radius:999px;background:rgba(246,196,83,.16);color:var(--gold2);font-size:13px;margin:2px 0 2px 4px;font-weight:700}
.box{border-right:4px solid var(--gold);background:rgba(246,196,83,.08);padding:10px 12px;border-radius:12px;margin:10px 0}
.res{border-right:4px solid #7fd3c3;background:rgba(127,211,195,.08);padding:10px 12px;border-radius:12px;margin:10px 0;font-size:15px}
ul.q{padding-inline-start:20px;margin:6px 0}ul.q li{margin:5px 0}
/* tools */
.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{min-height:44px;padding:8px 14px;border-radius:999px;border:1.5px solid var(--line);background:rgba(255,255,255,.05);color:var(--txt);font-size:16px;cursor:pointer;font-family:inherit}
.chip.on{background:linear-gradient(180deg,var(--gold2),var(--gold));color:#2a1c00;border-color:var(--gold);font-weight:800}.chip.star{box-shadow:0 0 0 3px #fff,0 0 18px var(--gold)}
.chip.big{font-size:19px;padding:12px 16px}.chip .em{font-size:22px}
label.f{display:block;font-weight:700;margin:10px 0 4px;color:var(--gold2)}label.f small{display:block;font-weight:400;color:var(--mut)}
input[type=text],input[type=number],textarea{width:100%;font-family:inherit;font-size:17px;padding:12px 14px;border-radius:16px;border:1.5px solid var(--line);background:rgba(4,8,26,.6);color:var(--txt)}
textarea{min-height:84px;resize:vertical}input:focus,textarea:focus{outline:2px solid var(--gold);outline-offset:1px}
.sentence{font-size:19px;line-height:1.8;background:linear-gradient(135deg,rgba(246,196,83,.16),rgba(255,157,46,.08));border:1.5px dashed var(--gold);border-radius:18px;padding:14px}
.ladder{display:flex;flex-direction:column-reverse;gap:8px;margin:10px 0}
.rung{display:flex;gap:8px;align-items:center}.rung .n{flex:0 0 40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:rgba(255,255,255,.08);border:1.5px solid var(--line);cursor:pointer;font-family:inherit;color:var(--txt);font-size:16px}
.rung.ok .n{background:var(--gold);color:#2a1c00;box-shadow:0 0 14px var(--gold)}.rung input{flex:1}
.lvl{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.lvl button{flex:1 1 auto;min-height:44px;border-radius:999px;border:1.5px solid var(--line);background:transparent;color:var(--txt);font-size:15px;font-family:inherit;cursor:pointer;padding:6px 10px}
.lvl button.on{background:var(--gold);color:#2a1c00;font-weight:800}
.prompt{font-size:20px;line-height:1.7;font-weight:600}
body.lv-o .prompt,body.lv-o .nik{font-size:23px;line-height:1.9}body.lv-s .prompt{font-size:24px}
canvas#pad{width:100%;height:auto;aspect-ratio:720/560;background:#fffaf0;border-radius:18px;touch-action:none;display:block;border:3px solid var(--gold)}
.colors{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0}.colors button{width:38px;height:38px;border-radius:50%;border:2px solid #fff3;cursor:pointer}.colors button.on{outline:3px solid #fff}
.breath{width:150px;height:150px;margin:14px auto;border-radius:50%;background:radial-gradient(circle,#ffe7a0,#f6c453 55%,rgba(246,196,83,.1) 72%);animation:br 8s ease-in-out infinite;display:grid;place-items:center;color:#2a1c00;font-weight:800}
@keyframes br{0%,100%{transform:scale(.6)}45%,55%{transform:scale(1)}}
.bless{position:relative;border-radius:24px;padding:26px 18px 22px;text-align:center;min-height:300px;overflow:hidden;border:3px solid var(--gold);background:radial-gradient(circle at 50% 18%,#3a3f86,#121a46 70%)}
.bless.t2{background:radial-gradient(circle at 50% 18%,#fff6dc,#ffd988 75%);color:#3a2600}.bless.t2 b,.bless.t2 h3{color:#8a4b00}
.bless.t3{background:linear-gradient(160deg,#2b5d8f,#6b3c8f 55%,#c26a2a)}
.bless .bf{display:flex;justify-content:center;margin-bottom:6px}.bless .bf .flame{opacity:1;width:26px;height:42px}
.bless h3{font-size:24px;margin:4px 0}.bless .w{font-size:21px;line-height:1.7;margin:10px 0}.bless .fr{margin-top:12px;font-size:15px;opacity:.85}
.cert{border:6px double var(--gold);border-radius:22px;padding:22px 16px;text-align:center;background:radial-gradient(circle at 50% 0,#2d3577,#0e1540 75%)}
.cert h1{font-size:30px}.cert .ln{margin:6px 0;font-size:17px}
.counter{font-size:40px;font-weight:800;color:var(--gold);text-align:center}
.who{font-size:44px;text-align:center;font-weight:800;color:var(--gold2);min-height:60px}
.show{min-height:70vh;display:flex;flex-direction:column;justify-content:center;text-align:center}.show .q1{font-size:26px;color:var(--gold2);margin:14px 0}
.tl{width:100%;border-collapse:collapse;font-size:15px}.tl td,.tl th{border-bottom:1px solid var(--line);padding:8px 6px;vertical-align:top;text-align:right}.tl th{color:var(--gold)}
.slide{border:1px solid var(--line);border-radius:16px;padding:10px 12px;margin:8px 0;background:rgba(255,255,255,.04)}.slide .sn{color:var(--gold);font-weight:800}
.tabs{display:flex;gap:6px;margin:8px 0}.tabs button{flex:1;min-height:46px;border-radius:999px;border:1.5px solid var(--gold);background:transparent;color:var(--gold2);font-weight:800;font-family:inherit;font-size:15px;cursor:pointer}.tabs button.on{background:var(--gold);color:#2a1c00}
.nav2{display:flex;justify-content:space-between;gap:8px;margin:16px 0}
.back{display:inline-block;margin:4px 0 6px;color:var(--gold2);text-decoration:none;font-weight:700}
.note{font-size:14px;color:var(--mut);background:rgba(255,255,255,.05);border-radius:12px;padding:8px 10px;margin:8px 0}
.foot{position:relative;z-index:1;text-align:center;padding:18px 10px 28px;border-top:1px solid var(--line);margin-top:10px}
.fbtns{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:12px}
.credit{display:flex;align-items:center;justify-content:center;gap:10px;font-weight:800;color:var(--gold2)}.credit img{border-radius:50%;background:#fff}
#toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%) translateY(120px);background:var(--gold);color:#2a1c00;padding:10px 18px;border-radius:999px;font-weight:800;z-index:20;transition:transform .3s,opacity .3s;opacity:0;max-width:90vw;text-align:center}#toast.on{transform:translateX(-50%) translateY(0);opacity:1}
.spark{position:fixed;pointer-events:none;z-index:30;font-size:22px;animation:sp 1.3s ease-out forwards}
@keyframes sp{0%{opacity:1;transform:translate(0,0) scale(.6)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1.3)}}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(min-width:700px){.big{flex-direction:row}.big .track{flex:1}.steps{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.lit .flame{opacity:1}}
@media print{@page{size:A4;margin:15mm}body{background:#fff!important;color:#111;font-size:12.5pt}#stars,.top,.foot,.noprint,.nav2,.lvl,.tabs,#toast,.back{display:none!important}main{max-width:none;padding:0}
 h1,h2,h3,b{color:#7a4a00!important;text-shadow:none}.card,.slide,.box,.res{background:#fff!important;border:1px solid #c9a24a;box-shadow:none;break-inside:avoid;color:#111}.mut{color:#444}
 .bless,.cert{-webkit-print-color-adjust:exact;print-color-adjust:exact;break-inside:avoid}input,textarea{border:1px solid #999;background:#fff;color:#111}.sentence{background:#fff;color:#111}
 body.printcard main>*:not(.pc){display:none!important}}

/* her cover image */
.cover{display:block;max-width:1000px;margin:0 auto 18px;border-radius:18px;overflow:hidden;box-shadow:0 8px 28px rgba(0,0,0,.22);line-height:0}
.cover img{display:block;width:100%;height:auto}
@media print{.cover{display:none!important}}