:root{--ink:#1e1b3a;--mut:#5d5a7a;--bg:#f7f5ff;--card:#fff;--pri:#5b3fd6;--pri2:#ff7a59;--ok:#13a36b;--y:#ffd447;--line:#e3dcff;--r:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:"Rubik","Heebo","Noto Sans Hebrew",Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:17px;line-height:1.55}
.skip{position:absolute;right:-999px}.skip:focus{right:8px;top:8px;background:#fff;padding:8px;z-index:9}
a{color:var(--pri)}
:focus-visible{outline:3px solid var(--pri2);outline-offset:2px}
.top{display:flex;align-items:center;gap:12px;padding:10px 14px;background:linear-gradient(120deg,#5b3fd6,#8a5cf6 60%,#ff7a59);color:#fff}
.top .logo{border-radius:50%;background:#fff;display:block}
.brand h1{margin:0;font-size:1.45rem;line-height:1.1}.brand p{margin:0;opacity:.92;font-size:.95rem}
.projbtn{margin-inline-start:auto;background:rgba(255,255,255,.18);color:#fff;border:2px solid rgba(255,255,255,.6);border-radius:999px;font:inherit;font-weight:700;padding:8px 14px;min-height:48px;cursor:pointer}
.tabs{display:flex;gap:6px;overflow-x:auto;padding:8px 10px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;scrollbar-width:none}
.tabs a{flex:0 0 auto;text-decoration:none;color:var(--ink);font-weight:700;padding:10px 14px;border-radius:999px;background:#f0ecff;min-height:46px;display:flex;align-items:center;white-space:nowrap}
.tabs a.on{background:var(--pri);color:#fff}
main{max-width:1100px;margin:0 auto;padding:16px 14px 30px}
h2{font-size:1.5rem;margin:.3em 0 .4em}h3{margin:.6em 0 .3em}
.lead{color:var(--mut);margin-top:0}
.hero{background:#fff;border-radius:var(--r);padding:18px;box-shadow:0 4px 18px rgba(91,63,214,.08);margin-bottom:16px}
.hero h2{margin-top:0}
.big-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.tile{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-decoration:none;color:var(--ink);background:#fff;border:2px solid var(--line);border-radius:var(--r);padding:14px;min-height:96px;font-weight:700;cursor:pointer;font:inherit;text-align:right;width:100%}
.tile .e{font-size:1.8rem;line-height:1}.tile small{font-weight:400;color:var(--mut);font-size:.88rem}
.tile:hover{border-color:var(--pri)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 14px}
.chip{border:2px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px;font:inherit;font-weight:700;min-height:46px;cursor:pointer;color:var(--ink)}
.chip.on{background:var(--pri);border-color:var(--pri);color:#fff}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:14px;padding:12px 16px;min-height:52px;font:inherit;font-weight:700;cursor:pointer;background:var(--pri);color:#fff;text-decoration:none}
.btn.alt{background:#fff;color:var(--pri);border:2px solid var(--pri)}.btn.warm{background:var(--pri2)}.btn.ok{background:var(--ok)}
.btns{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.blist{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.bcard{background:#fff;border-radius:var(--r);border:2px solid var(--line);padding:14px;text-decoration:none;color:var(--ink);display:block}
.bcard:hover{border-color:var(--pri)}.bcard b{display:block;font-size:1.08rem}
.tag{display:inline-block;background:#f0ecff;color:var(--pri);border-radius:999px;padding:2px 10px;font-size:.85rem;font-weight:700;margin:0 0 6px 4px}
.tag.y{background:#fff4c2;color:#7a5a00}
.board-head{background:#fff;border-radius:var(--r);padding:14px 16px;margin-bottom:12px;border-inline-start:8px solid var(--pri)}
.board-head h2{margin:.1em 0}.goal{margin:.2em 0;color:var(--mut)}
.rule{background:#fff4c2;border-radius:12px;padding:8px 12px;font-weight:700;margin-top:8px}
.grid{display:grid;gap:10px}
.g3{grid-template-columns:repeat(3,1fr)}.g1{grid-template-columns:1fr}
.rowlab{grid-column:1/-1;font-weight:800;color:var(--pri);margin:6px 0 -4px}
.cell{position:relative;background:#fff;border:3px solid var(--line);border-radius:16px;padding:14px 12px 30px;min-height:120px;font:inherit;text-align:right;cursor:pointer;color:var(--ink);line-height:1.45}
.cell.must{border-color:var(--pri2);background:#fff7f3}
.cell.must::before{content:"חובה";position:absolute;top:-12px;left:10px;background:var(--pri2);color:#fff;border-radius:999px;font-size:.78rem;padding:1px 9px;font-weight:800}
.cell.sel{border-color:var(--pri);background:#efeaff;box-shadow:0 0 0 3px rgba(91,63,214,.18)}
.cell.done{border-color:var(--ok);background:#e9fbf3}
.cell .st{position:absolute;bottom:6px;left:10px;font-size:.85rem;font-weight:800;color:var(--mut)}
.cell.sel .st{color:var(--pri)}.cell.done .st{color:var(--ok)}
.status{margin:12px 0;padding:10px 14px;border-radius:12px;background:#fff;border:2px dashed var(--line);font-weight:700}
.status.good{border-color:var(--ok);color:#0b7a4f;background:#eefcf5}
.wheelwrap{display:grid;gap:16px;align-items:start}
@media(min-width:860px){.wheelwrap{grid-template-columns:1fr 1fr}}
.wheelbox{position:relative;width:min(92vw,440px);aspect-ratio:1;margin:0 auto}
.wheelbox svg{width:100%;height:100%;transition:transform 4.2s cubic-bezier(.17,.67,.12,1)}
.pointer{position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-top:34px solid var(--ink);z-index:2;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}
.result{background:#fff;border-radius:var(--r);padding:20px;font-size:1.35rem;font-weight:800;min-height:120px;display:flex;align-items:center;justify-content:center;text-align:center;border:3px solid var(--pri)}
.flips{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:12px}
.flip{perspective:900px;min-height:170px;border:0;background:none;padding:0;cursor:pointer;font:inherit}
.flip .in{position:relative;width:100%;height:100%;min-height:170px;transition:transform .6s;transform-style:preserve-3d}
.flip.on .in{transform:rotateY(180deg)}
.flip .f,.flip .b{position:absolute;inset:0;border-radius:16px;display:flex;align-items:center;justify-content:center;padding:12px;backface-visibility:hidden;-webkit-backface-visibility:hidden;text-align:center}
.flip .f{background:linear-gradient(135deg,#5b3fd6,#ff7a59);color:#fff;font-size:2.2rem;font-weight:800}
.flip .b{background:#fff;border:3px solid var(--pri);transform:rotateY(180deg);font-weight:700;color:var(--ink);font-size:1rem}
label{font-weight:700;display:block;margin:10px 0 4px}
input[type=text],textarea,select{width:100%;font:inherit;padding:12px;border:2px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);min-height:50px}
textarea{min-height:80px}
.panel{background:#fff;border-radius:var(--r);padding:16px;margin-bottom:14px;border:2px solid var(--line)}
.taskin{display:flex;gap:8px;align-items:flex-start;margin-bottom:8px}
.taskin span{flex:0 0 34px;height:50px;display:flex;align-items:center;justify-content:center;font-weight:800;background:#f0ecff;border-radius:10px;color:var(--pri)}
.taskin textarea{min-height:50px}
.bank{max-height:340px;overflow:auto;border:2px solid var(--line);border-radius:12px;padding:6px}
.bank button{display:block;width:100%;text-align:right;font:inherit;background:#fff;border:0;border-bottom:1px solid var(--line);padding:10px;cursor:pointer;min-height:48px;color:var(--ink)}
.bank button:hover{background:#f7f5ff}
.share{word-break:break-all;background:#f7f5ff;padding:10px;border-radius:10px;font-size:.85rem;direction:ltr;text-align:left}
.entry{background:#fff;border-radius:16px;border:2px solid var(--line);padding:12px 14px;margin-bottom:10px}
.entry .d{color:var(--mut);font-size:.88rem}.entry .x{float:left;background:none;border:0;font-size:1.3rem;cursor:pointer;min-width:44px;min-height:44px}
.steps{counter-reset:s;list-style:none;padding:0}.steps li{background:#fff;border-radius:14px;padding:12px 14px;margin-bottom:8px;border-inline-start:6px solid var(--pri)}
table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}td,th{padding:10px;border-bottom:1px solid var(--line);text-align:right;vertical-align:top}th{background:#f0ecff}
.tbl{overflow-x:auto}
.files{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.file{background:#fff;border:2px solid var(--line);border-radius:var(--r);padding:14px}.file b{display:block;margin-bottom:4px}
.file .btns{margin:8px 0 0}.file .btn{min-height:48px;padding:8px 14px}
.foot{display:flex;align-items:center;justify-content:center;gap:10px;padding:18px;color:var(--mut);border-top:1px solid var(--line);background:#fff}
.foot img{border-radius:50%}.foot p{margin:0;font-weight:700}
#toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:10px 18px;border-radius:999px;opacity:0;transition:.3s;pointer-events:none;z-index:20;max-width:90vw}
#toast.on{opacity:1}
dialog{border:0;border-radius:var(--r);padding:0;width:min(560px,94vw);max-height:90vh}
dialog form{padding:18px}dialog::backdrop{background:rgba(30,27,58,.5)}
.emo{display:flex;gap:8px;flex-wrap:wrap}.emo .chip{font-size:1.4rem}
.note{background:#eefcf5;border-radius:12px;padding:10px 14px;border:2px solid #bdebd5}
.warn{background:#fff7f3;border-radius:12px;padding:10px 14px;border:2px solid #ffd2c2}
.printsheet{display:none}
@media(max-width:600px){.g3{gap:6px}.cell{padding:10px 8px 26px;font-size:.93rem;min-height:110px}.rowlab{font-size:.95rem}.projbtn span{display:none}}
body.proj{font-size:22px}body.proj main{max-width:1400px}body.proj .cell{min-height:170px;font-size:1.05rem}body.proj .result{font-size:2rem}body.proj .flip .b{font-size:1.2rem}
body.printmode .top,body.printmode .tabs,body.printmode .noprint{display:none}
body.printmode .printsheet{display:block}
@media print{.top,.tabs,.noprint,#toast,.btns{display:none!important}body{background:#fff;font-size:12pt}main{padding:0}.printsheet{display:block}.cell{min-height:auto;break-inside:avoid;border-width:2px}.cell .st{display:none}.board-head{border:2px solid #ccc}}