:root{--bg:#f6f7fb;--ink:#1f2340;--mut:#5b607a;--card:#fff;--pri:#4f7cff;--ok:#12a150;--bad:#e5484d;--r:18px}
*{box-sizing:border-box}html,body{margin:0}body{font-family:"Rubik","Heebo","Assistant","Noto Sans Hebrew",Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6;font-size:17px}
a{color:#2b55d9}
header.top{position:sticky;top:0;z-index:20;background:linear-gradient(90deg,#4f7cff,#8b5cf6);color:#fff;padding:8px 12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;box-shadow:0 2px 10px #0002}
header.top .brand{font-weight:800;font-size:1.05rem;color:#fff;text-decoration:none;flex:1;min-width:150px}
header.top select{border-radius:999px;border:0;padding:6px 10px;font:inherit;font-size:.85rem}
nav.main{display:flex;gap:6px;overflow-x:auto;padding:8px 10px;background:#fff;border-bottom:1px solid #e6e8f2;scrollbar-width:none}
nav.main a{flex:0 0 auto;padding:7px 13px;border-radius:999px;background:#eef1ff;text-decoration:none;color:var(--ink);font-size:.9rem;font-weight:600}
nav.main a.on{background:var(--pri);color:#fff}
main{max-width:980px;margin:0 auto;padding:14px 12px 30px}
.hero{background:linear-gradient(135deg,#eef2ff,#fdf2ff);border-radius:24px;padding:18px;margin-bottom:14px;text-align:center}
.hero h1{margin:.1em 0;font-size:1.6rem}.hero p{margin:.3em 0;color:var(--mut)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.tcard{background:var(--card);border-radius:var(--r);padding:14px;box-shadow:0 3px 14px #1f234012;text-decoration:none;color:var(--ink);border-top:6px solid var(--c,#4f7cff);display:block;transition:transform .15s}
.tcard:hover{transform:translateY(-3px)}.tcard .em{font-size:2rem}.tcard h3{margin:.2em 0}.tcard p{margin:0;color:var(--mut);font-size:.92rem}
.bar{height:9px;background:#e9ecf6;border-radius:9px;margin-top:9px;overflow:hidden}.bar i{display:block;height:100%;background:var(--c,#4f7cff);border-radius:9px}
.small{font-size:.86rem;color:var(--mut)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:999px;padding:12px 20px;font:inherit;font-weight:700;background:var(--pri);color:#fff;cursor:pointer;text-decoration:none;min-height:46px;margin:4px 0}
.btn.alt{background:#eef1ff;color:var(--ink)}.btn.ok{background:var(--ok)}.btn.sm{padding:7px 14px;min-height:36px;font-size:.9rem}
.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 14px}.tabs a{padding:9px 14px;border-radius:14px;background:#fff;text-decoration:none;color:var(--ink);font-weight:600;box-shadow:0 1px 5px #0001}.tabs a.on{background:var(--c,#4f7cff);color:#fff}
.box{background:#fff;border-radius:var(--r);padding:16px;box-shadow:0 3px 14px #1f234012;margin-bottom:12px}
.rule h3{margin:.1em 0 .4em;color:var(--c,#4f7cff)}.rule p{margin:.45em 0}
.ex{background:#fff6d6;border-radius:8px;padding:1px 6px;cursor:pointer;display:inline-block;margin:2px 0;border-bottom:2px dotted #e0b400}
.ex:hover{background:#ffeaa0}
.tm{color:#7c3aed}.tr{font-size:.78rem;color:#0f766e;font-weight:500;background:#e7fbf6;border-radius:6px;padding:0 5px;margin-inline-start:3px;unicode-bidi:isolate}
table.nt{border-collapse:collapse;margin:.4em 0;width:100%;max-width:460px}table.nt td,table.nt th{border:1px solid #dfe3f0;padding:5px 8px;text-align:center}table.nt th{background:#f1f4ff}
table.nt.sm td,table.nt.sm th{padding:3px 4px;font-size:.88rem}.tw{overflow-x:auto}
.q{font-size:1.15rem;font-weight:600;margin:.2em 0 .7em}
.opts{display:grid;gap:8px}.opt{border:2px solid #dfe3f0;background:#fff;border-radius:16px;padding:12px 14px;font:inherit;text-align:right;cursor:pointer;min-height:48px}
.opt:hover{border-color:var(--pri)}.opt.ok{background:#e8f8ee;border-color:var(--ok)}.opt.bad{background:#fdecec;border-color:var(--bad)}
.fb{margin-top:10px;padding:10px 12px;border-radius:14px;display:none}.fb.ok{display:block;background:#e8f8ee}.fb.bad{display:block;background:#fdecec}
.lv{display:inline-block;font-size:.75rem;padding:1px 8px;border-radius:999px;background:#eef1ff;margin-inline-start:6px}
.hint{font-size:.9rem;color:#7c5b00;background:#fff8e1;border-radius:12px;padding:6px 10px;margin-top:6px}
.toks{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.tok{border:2px solid #dfe3f0;border-radius:12px;padding:8px 12px;background:#fff;font:inherit;cursor:pointer;font-size:1.1rem}.tok.bad{background:#fdecec;border-color:var(--bad)}.tok.found{background:#fff1c2;border-color:#e0b400}
.big{font-size:2.2rem;font-weight:800;text-align:center;margin:10px 0;direction:rtl}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.chip{padding:10px 14px;border-radius:999px;background:#eef1ff;border:2px solid transparent;font:inherit;font-weight:700;cursor:grab}.chip.sel{border-color:var(--pri);background:#dfe6ff}.chip.used{opacity:.35}
.slots{display:grid;gap:8px}.slot{display:flex;align-items:center;gap:10px;background:#fafbff;border:2px dashed #c9cfe6;border-radius:16px;padding:10px;min-height:54px;cursor:pointer}.slot .num{background:#4f7cff;color:#fff;border-radius:10px;padding:2px 9px;font-weight:800}
.slot.ok{border:2px solid var(--ok);background:#e8f8ee}.slot.bad{border:2px solid var(--bad);background:#fdecec}
.slot .fill{font-weight:800;color:#2b55d9}
.flipwrap{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.flip{perspective:900px;height:170px;cursor:pointer}.flip .in{position:relative;width:100%;height:100%;transition:transform .6s;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:20px;display:flex;align-items:center;justify-content:center;text-align:center;padding:14px;font-weight:700;box-shadow:0 6px 18px #1f234022}
.flip .f{background:linear-gradient(135deg,var(--c,#4f7cff),#8b5cf6);color:#fff;font-size:1.15rem}.flip .b{background:#fff;transform:rotateY(180deg);font-size:1.02rem;border:3px solid var(--c,#4f7cff)}
.slide{min-height:330px;border-radius:26px;background:linear-gradient(135deg,#4f7cff,#8b5cf6);color:#fff;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;white-space:pre-line}
.slide .e{font-size:3.2rem}.slide h2{font-size:1.8rem;margin:.2em 0}.slide .s{opacity:.9;font-weight:600}.slide .bb{font-size:1.3rem;margin-top:10px;background:#ffffff22;border-radius:16px;padding:10px 14px}
.slide:fullscreen{min-height:100vh;border-radius:0}.slide:fullscreen .bb{font-size:2.2rem}.slide:fullscreen h2{font-size:3rem}
.score{font-size:2.4rem;font-weight:800;text-align:center}
.diag div{display:flex;align-items:center;gap:8px;margin:6px 0}.diag .bar{flex:1;margin:0}
.printnote{background:#fff8e1;border-radius:14px;padding:8px 12px;font-size:.9rem;margin:10px 0}
footer.ft{text-align:center;padding:20px 10px 30px;color:var(--mut);font-size:.92rem}footer.ft img{width:64px;height:64px;border-radius:50%;display:block;margin:0 auto 6px}
details{background:#fff;border-radius:14px;padding:8px 12px;margin:8px 0;box-shadow:0 1px 6px #0001}summary{cursor:pointer;font-weight:700}
ol.key li{margin:4px 0}.ans{color:var(--ok);font-weight:700}
.reading p{font-size:1.1rem;line-height:1.9}
.toast{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);background:#1f2340;color:#fff;padding:10px 16px;border-radius:999px;z-index:50;font-size:.9rem}
@media print{header.top,nav.main,.tabs,.btn,.noprint,footer.ft img{display:none!important}body{background:#fff;font-size:12pt}main{max-width:none;padding:0}@page{size:A4;margin:15mm}.box,.tcard,details{box-shadow:none;border:1px solid #ccc;break-inside:avoid}.flip .b{display:none}details{display:block}details>*{display:block}}