:root{--bg:#fff8ec;--ink:#1f2340;--y:#ff922b;--b:#7048e8;--g:#2f9e44;--bl:#1c7ed6;--p:#ae3ec9;--teen:#e64980;--card:#fff;--fs:1}
*{box-sizing:border-box}
html{font-size:calc(17px*var(--fs))}
body{margin:0;font-family:"Rubik","Assistant","Arial Hebrew",Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}
a{color:#1c4fd6}
:focus-visible{outline:4px solid #ffd43b;outline-offset:2px;border-radius:6px}
.skip{position:absolute;right:-999px;top:0;background:#000;color:#fff;padding:8px 14px;z-index:99}.skip:focus{right:8px}
header.top{background:linear-gradient(120deg,#ff6b6b,#ff922b 35%,#7048e8);color:#fff;padding:10px 14px;position:sticky;top:0;z-index:20;box-shadow:0 4px 0 #0002}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:900;font-size:1.15rem}
.brand img{width:42px;height:42px;border-radius:50%;background:#fff}
nav.main{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
nav.main a{background:#ffffff26;color:#fff;text-decoration:none;padding:7px 12px;border-radius:999px;font-weight:700;font-size:.92rem}
nav.main a[aria-current="page"],nav.main a:hover{background:#fff;color:#5f3dc4}
.tools{display:flex;gap:6px;position:absolute;left:12px;top:12px}
.tools button{background:#fff;color:#5f3dc4;border:0;border-radius:999px;min-width:40px;height:40px;font-weight:900;cursor:pointer;font-size:.95rem}
main{max-width:1100px;margin:0 auto;padding:14px}
.crumbs{font-size:.88rem;margin:4px 0 12px}.crumbs a{text-decoration:none}.crumbs span{opacity:.6}
h1{font-size:1.9rem;line-height:1.25;margin:.2em 0}h2{font-size:1.4rem;margin:1.2em 0 .5em}
.hero{background:#fff;border-radius:26px;padding:22px;box-shadow:0 6px 0 #ffd8a8;text-align:center}
.hero .em{font-size:3.4rem}.hero p{font-size:1.1rem}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.tile{display:block;background:#fff;border-radius:22px;padding:16px;text-decoration:none;color:var(--ink);box-shadow:0 5px 0 var(--c,#d0bfff);border:3px solid var(--c,#d0bfff);transition:transform .15s}
.tile:hover{transform:translateY(-3px)}.tile .e{font-size:2.3rem}.tile b{display:block;font-size:1.1rem}.tile small{display:block;opacity:.8}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}
.chip{display:inline-block;border-radius:999px;padding:3px 11px;font-size:.82rem;font-weight:700;background:#f1f3f5;color:#343a40}
.chip.y{background:#fff0e0;color:#a23c00}.chip.b{background:#efe9ff;color:#4b2bb3}.chip.t{background:#ffe3ef;color:#a3134f}
.btn{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:999px;padding:11px 18px;font-weight:800;font-size:1rem;cursor:pointer;text-decoration:none;background:#7048e8;color:#fff;min-height:46px}
.btn.alt{background:#fff;color:#5f3dc4;border:3px solid #7048e8}.btn.g{background:#2b8a3e}.btn.o{background:#d9480f}.btn.sm{padding:6px 12px;min-height:38px;font-size:.9rem}
.filters{background:#fff;border-radius:20px;padding:12px;margin-bottom:14px}
.filters .row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:4px 0}.filters .row>b{min-width:62px}
.fbtn{border:2px solid #ced4da;background:#fff;border-radius:999px;padding:6px 12px;font-weight:700;cursor:pointer;font-size:.9rem;color:#343a40;min-height:38px}
.fbtn[aria-pressed="true"]{background:#5f3dc4;color:#fff;border-color:#5f3dc4}
.tabs{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0;position:sticky;top:96px;z-index:5;background:var(--bg);padding:6px 0}
.tab{border:0;border-radius:14px;padding:9px 13px;font-weight:800;cursor:pointer;background:#fff;color:#343a40;box-shadow:0 3px 0 #dee2e6;font-size:.95rem;min-height:44px}
.tab[aria-selected="true"]{background:#1f2340;color:#fff;box-shadow:0 3px 0 #000}
.panel{background:#fff;border-radius:22px;padding:18px;box-shadow:0 5px 0 #e9ecef}
.reading p{font-size:1.15rem;line-height:1.9;margin:0 0 .8em}
.reading .pn{display:inline-grid;place-items:center;width:1.6em;height:1.6em;border-radius:50%;background:#ffe8cc;color:#a23c00;font-size:.75em;font-weight:900;margin-inline-end:6px}
.gl{border-bottom:3px dotted #f59f00;cursor:help;background:none;border-top:0;border-left:0;border-right:0;font:inherit;color:inherit;padding:0}
.glbox{background:#fff9db;border-radius:16px;padding:10px 14px;margin-top:10px}
.q{border:2px solid #e9ecef;border-radius:18px;padding:12px 14px;margin:10px 0}
.q .qt{font-weight:800;margin-bottom:6px}
.opts{display:flex;flex-direction:column;gap:6px}
.opt{text-align:right;border:2px solid #ced4da;border-radius:14px;padding:9px 12px;background:#fff;font-size:1rem;cursor:pointer;min-height:44px;color:var(--ink)}
.opt.ok{background:#d3f9d8;border-color:#2f9e44}.opt.no{background:#ffe3e3;border-color:#e03131}
.fb{font-weight:700;margin-top:6px}
textarea{width:100%;min-height:80px;border:2px solid #ced4da;border-radius:12px;padding:8px;font:inherit}
.ans{display:none;background:#fff0f6;border-right:5px solid #e64980;border-radius:10px;padding:8px 12px;margin-top:8px}
.teach .ans{display:block}
.trk{border-radius:18px;padding:10px 14px;color:#fff;font-weight:900;font-size:1.15rem;margin-bottom:8px}
.trk.g{background:#2b8a3e}.trk.bl{background:#1971c2}.trk.p{background:#9c36b5}.trk.l{background:#d9480f}.trk.x{background:#495057}.trk.o{background:#0b7285}.trk.h{background:#862e9c}
.verify{background:#fff5f5;border:2px solid #ffa8a8;border-radius:14px;padding:10px 14px}
.files a{display:inline-block;margin:3px}
.filelist{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}
.fl{background:#fff;border-radius:14px;padding:10px;border:2px solid #e9ecef}
.fl b{display:block}.fl a{font-weight:800;margin-inline-end:8px}
.pager{display:flex;justify-content:space-between;gap:8px;margin:18px 0;flex-wrap:wrap}
footer{text-align:center;padding:20px;font-size:.9rem;display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap}
footer img{width:46px;height:46px;border-radius:50%}
.game{background:#fff;border-radius:22px;padding:16px}
.words-click span{cursor:pointer;border-radius:6px;padding:1px 2px}
.words-click span:hover{background:#e7f5ff}.words-click span.hit{background:#b2f2bb}.words-click span.miss{background:#ffc9c9}
.score{font-size:1.2rem;font-weight:900}
.big{font-size:1.25rem}
.genrebtns{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}
.snip{background:#f8f9fa;border-radius:16px;padding:14px;font-size:1.1rem;margin:10px 0;border-right:6px solid #7048e8}
table{border-collapse:collapse;width:100%}td,th{border:1px solid #dee2e6;padding:6px 8px;text-align:right;vertical-align:top}th{background:#f1f3f5}
.sitemap li{margin:3px 0}
@media (max-width:600px){header.top{position:static}h1{font-size:1.5rem}.tools{position:static;margin-top:6px}.tabs{top:0;position:static}nav.main a{font-size:.85rem;padding:6px 10px}}
@media print{header.top,.tabs,.pager,footer,.tools{display:none}}