:root{--bg:#fff8f0;--ink:#1f2340;--muted:#5c5f7a;--pri:#c2255c;--lh:#1971c2;--py:#2b8a3e;--av:#e8590c;--pn:#7048e8;--card:#fff;--r:18px;--fs:1}
*{box-sizing:border-box}
html{font-size:calc(17px*var(--fs))}
body{margin:0;font-family:Rubik,Heebo,"Noto Sans Hebrew",Arial,sans-serif;background:radial-gradient(circle at 10% 0,#ffe3ec 0,transparent 35%),radial-gradient(circle at 95% 10%,#e7f5ff 0,transparent 35%),var(--bg);color:var(--ink);line-height:1.65;overflow-x:hidden}
a{color:#1c4fbf}
:focus-visible{outline:4px solid #ffd43b;outline-offset:2px;border-radius:6px}
.skip{position:absolute;right:-9999px;top:0;background:#000;color:#fff;padding:8px 14px;z-index:99}.skip:focus{right:8px}
header.top{background:linear-gradient(120deg,#c2255c,#7048e8 55%,#1971c2);color:#fff;box-shadow:0 4px 0 #0002}
.bar{max-width:1100px;margin:auto;display:flex;align-items:center;gap:10px;padding:8px 14px;flex-wrap:wrap}
.logo{color:#fff;text-decoration:none;font-weight:800;font-size:1.15rem;display:flex;align-items:center;gap:6px}
.logo .m{font-size:1.7rem;filter:drop-shadow(0 2px 0 #0003)}
.trk{margin-inline-start:auto;background:#fff;color:#7048e8;border-radius:999px;padding:4px 12px;font-weight:700;text-decoration:none;font-size:.9rem;min-height:40px;display:inline-flex;align-items:center}
nav.main{background:#ffffff22}
nav.main ul{list-style:none;margin:0 auto;padding:4px 10px;display:flex;flex-wrap:wrap;gap:4px;max-width:1100px}
nav.main a{display:inline-flex;align-items:center;min-height:44px;color:#fff;text-decoration:none;font-weight:700;padding:4px 10px;border-radius:12px}
nav.main a:hover,nav.main a[aria-current]{background:#ffffff33}
.tools{display:flex;gap:6px;flex-wrap:wrap}
.tools button{min-height:44px;min-width:44px;border:0;border-radius:10px;background:#ffffffdd;color:#1f2340;font-weight:800;cursor:pointer;font-family:inherit}
main{max-width:1100px;margin:auto;padding:12px 14px 40px}
.crumbs{font-size:.9rem;margin:6px 0 10px;color:var(--muted)}.crumbs a{color:var(--muted)}
h1{font-size:1.9rem;line-height:1.25;margin:.3em 0}
h2{font-size:1.4rem;margin:1.2em 0 .4em}
.hero{background:linear-gradient(135deg,#fff,#fff0f6);border-radius:28px;padding:18px;box-shadow:0 6px 0 #c2255c22;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}
.hero .big{font-size:4.5rem;line-height:1;animation:bob 3s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-8px) rotate(-4deg)}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.card{display:block;background:var(--card);border-radius:var(--r);padding:14px;text-decoration:none;color:inherit;box-shadow:0 5px 0 var(--cc,#c2255c)33,0 2px 10px #0001;border:3px solid var(--cc,#eee);transition:transform .15s;min-height:44px}
a.card:hover{transform:translateY(-3px)}
.card .e{font-size:2.2rem}
.card h3{margin:.2em 0;font-size:1.15rem}
.card p{margin:0;color:var(--muted);font-size:.95rem}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.tile{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:96px;border-radius:18px;padding:10px;font-weight:800;text-decoration:none;color:#1f2340;border:3px solid transparent;box-shadow:0 4px 0 #0002;font-size:1rem}
.tile small{font-weight:600;color:#444}
.tile .e{font-size:1.8rem}
.b-y{background:#fff3bf}.b-m{background:#d3f9d8}.b-t{background:#d0ebff}
.tile.on{border-color:#c2255c;outline:3px dashed #c2255c}
.box{border-radius:18px;padding:12px 16px;margin:12px 0;background:#fff;border-inline-start:8px solid var(--bc,#c2255c);box-shadow:0 2px 10px #0001}
.box h3{margin:.1em 0 .3em}
.steps{counter-reset:s;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.step{background:#fff;border-radius:16px;padding:10px;border:3px solid #ffd43b;box-shadow:0 4px 0 #fab00533}
.step b.n{display:inline-flex;width:34px;height:34px;border-radius:50%;background:#c2255c;color:#fff;align-items:center;justify-content:center;margin-inline-end:6px}
table{border-collapse:collapse;width:100%;background:#fff;border-radius:12px;overflow:hidden}
th,td{border:1px solid #e3e3ef;padding:8px;text-align:right;vertical-align:top}
th{background:#f3f0ff}
.tw{overflow-x:auto}
.v{font-size:1.25em;font-weight:800;color:#c2255c}
.root{font-weight:800;letter-spacing:.05em;background:#fff3bf;border-radius:8px;padding:0 6px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:48px;min-width:48px;padding:8px 16px;border-radius:14px;border:0;font-weight:800;font-family:inherit;font-size:1rem;cursor:pointer;background:#7048e8;color:#fff;text-decoration:none;box-shadow:0 4px 0 #0003}
.btn.sec{background:#fff;color:#7048e8;border:3px solid #7048e8}
.btn.ok{background:#2b8a3e}.btn.warn{background:#e8590c}
.btn:active{transform:translateY(2px);box-shadow:0 2px 0 #0003}
.opts{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.opt{min-height:52px;min-width:64px;padding:8px 14px;border-radius:14px;border:3px solid #d0bfff;background:#fff;font-size:1.15rem;font-weight:800;font-family:inherit;cursor:pointer;color:#1f2340}
.opt.right{background:#d3f9d8;border-color:#2b8a3e}.opt.wrong{background:#ffe3e3;border-color:#e03131}
.opt.sel{border-color:#c2255c;background:#fff0f6}
.panel{background:#fff;border-radius:22px;padding:14px;box-shadow:0 6px 0 #7048e822,0 2px 12px #0001;margin:12px 0}
.fb{min-height:1.8em;font-weight:800;margin:6px 0}.fb.ok{color:#2b8a3e}.fb.no{color:#c92a2a}
.tiles-l{display:flex;gap:8px;flex-wrap:wrap;direction:rtl;margin:8px 0}
.lt{width:64px;height:72px;border-radius:14px;border:3px solid #1971c2;background:#e7f5ff;font-size:2rem;font-weight:800;cursor:pointer;font-family:inherit;color:#1f2340}
.lt.off{opacity:.35;text-decoration:line-through;background:#f1f3f5;border-color:#adb5bd}
.prog{height:12px;background:#eee;border-radius:99px;overflow:hidden}.prog i{display:block;height:100%;background:linear-gradient(90deg,#ffd43b,#c2255c);width:0}
.stars{font-size:1.6rem}
.buckets{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}
.bucket{min-height:90px;border-radius:16px;border:3px dashed var(--cc,#7048e8);background:#fff;padding:6px;font-weight:800;cursor:pointer;font-family:inherit;font-size:1rem;color:#1f2340}
.bucket .in{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.bucket .in span{background:#f3f0ff;border-radius:8px;padding:0 6px;font-size:.95rem}
.chip{display:inline-block;border-radius:999px;padding:2px 10px;font-weight:700;font-size:.85rem;background:#f3f0ff;color:#5f3dc4}
.g-lh{--cc:var(--lh)}.g-py{--cc:var(--py)}.g-av{--cc:var(--av)}.g-pn{--cc:var(--pn)}
.term{border:0;background:none;color:inherit;font:inherit;border-bottom:2px dotted #e8590c;cursor:help;padding:6px 4px;min-height:44px;min-width:44px}
#dict{position:fixed;inset:auto 10px 10px 10px;max-width:480px;margin:auto;background:#fff;border:4px solid #e8590c;border-radius:20px;padding:12px 16px;box-shadow:0 10px 30px #0004;z-index:50;display:none}
#dict.show{display:block}#dict .de{font-size:3rem}
.pnav{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:24px 0}
footer.f{background:#1f2340;color:#fff;padding:18px 14px;text-align:center}footer.f a{color:#ffd43b}
.pr-block{margin:16px 0;border:3px solid #f08c00;border-radius:18px;background:linear-gradient(135deg,#fff9db,#fff4e6);padding:12px 16px;box-shadow:0 4px 0 #e8590c33}
.pr-block .pr-t{margin:0 0 4px;font-size:1.2rem;color:#a14b00;font-weight:800}
.pr-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0;padding:4px;border-radius:12px}
.pr-row.cur{background:#fff;outline:3px solid #f08c00}
.pr-l{font-weight:700;min-width:84px}
.pr-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;min-width:84px;padding:8px 14px;border-radius:12px;font-weight:800;text-decoration:none;color:#fff;background:#c92a2a;box-shadow:0 3px 0 #0003}
.pr-btn.w{background:#1864ab}
.hl-k [data-x="k"],.hl-o [data-x="o"]{display:block}
[data-band]{display:none}
body.band-y [data-band~="y"],body.band-m [data-band~="m"],body.band-t [data-band~="t"]{display:block}
.only-k,.only-o{display:none}body.type-k .only-k,body.type-o .only-o{display:block}
.hc{--bg:#fff;--ink:#000;--muted:#000}body.hc{background:#fff}body.hc .card,body.hc .panel{border-color:#000}
.embed header.top,.embed nav.main,.embed footer.f,.embed .crumbs,.embed .pnav,.embed .pr-block,.embed .noembed{display:none!important}
.timer{font-weight:800;color:#e8590c}
.mem{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}
.mc{min-height:84px;border-radius:14px;border:3px solid #7048e8;background:#7048e8;color:#fff;font-size:1.1rem;font-weight:800;cursor:pointer;font-family:inherit}
.mc.open{background:#fff;color:#1f2340}.mc.done{background:#d3f9d8;color:#1f2340;border-color:#2b8a3e}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.slide-nav{display:flex;gap:8px;align-items:center;justify-content:center}
@media (max-width:600px){h1{font-size:1.5rem}.hero{grid-template-columns:1fr}.hero .big{font-size:3rem}.tiles{grid-template-columns:repeat(3,1fr)}.tile{min-height:84px;font-size:.85rem;padding:6px}.lt{width:54px;height:62px;font-size:1.7rem}}
@media print{header.top,nav.main,.tools,.pnav,footer.f,.pr-block{display:none}}