@font-face{font-family:Heebo;font-style:normal;font-display:swap;font-weight:400;src:url(./heebo-hebrew-400-normal-CVTJgQVK.woff2) format("woff2")}@font-face{font-family:Heebo;font-style:normal;font-display:swap;font-weight:500;src:url(./heebo-hebrew-500-normal-TEhwuRN-.woff2) format("woff2")}@font-face{font-family:Heebo;font-style:normal;font-display:swap;font-weight:700;src:url(./heebo-hebrew-700-normal-BmueYKsA.woff2) format("woff2")}@font-face{font-family:Heebo;font-style:normal;font-display:swap;font-weight:400;src:url(./heebo-latin-400-normal-BGyEuwIV.woff2) format("woff2")}@font-face{font-family:Heebo;font-style:normal;font-display:swap;font-weight:500;src:url(./heebo-latin-500-normal-CRntKADR.woff2) format("woff2")}@font-face{font-family:Heebo;font-style:normal;font-display:swap;font-weight:700;src:url(./heebo-latin-700-normal-PoyjiH5f.woff2) format("woff2")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:500;src:url(./rubik-hebrew-500-normal-B_5jqoVI.woff2) format("woff2")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:600;src:url(./rubik-hebrew-600-normal-CpCbvE17.woff2) format("woff2")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:700;src:url(./rubik-hebrew-700-normal-Da14F88e.woff2) format("woff2")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:500;src:url(./rubik-latin-500-normal-1os41rQk.woff2) format("woff2")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:600;src:url(./rubik-latin-600-normal-7iWW07_k.woff2) format("woff2")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:700;src:url(./rubik-latin-700-normal-D-tMm-eS.woff2) format("woff2")}:root{--bg: #f1f4f7;--surface: #ffffff;--surface-sunk: #e7ecf1;--ink: #15202b;--ink-soft: #55636f;--line: #d5dce3;--hour: #12459e;--hour-tint: #dde7f8;--minute: #cf5a06;--minute-tint: #fbe6d3;--second: #0e7c86;--success: #1c7a44;--hint: #8f6300;--hint-tint: #fbeecb;--muted: #b9c2cc;--focus: #12459e;--font-display: "Rubik", "Segoe UI", system-ui, sans-serif;--font-ui: "Heebo", "Segoe UI", system-ui, sans-serif;--r-sm: 10px;--r-md: 14px;--r-lg: 22px;--tap: 46px;--ui: 1;--drawer-w: 330px;--ease: cubic-bezier(.22, .61, .36, 1)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;overflow:hidden}button,select{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.clock:focus{outline:none}.clock:focus-visible{outline:none}.clock:focus-visible .ring{stroke:var(--focus);stroke-width:9}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.app{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:var(--surface)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:5px 14px;border-bottom:1px solid var(--line)}.topbar-actions{display:flex;align-items:center;gap:6px}.topbar-sep{width:1px;height:26px;background:var(--line);margin:0 4px}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.icon-btn{width:calc(40px * var(--ui));height:calc(40px * var(--ui));display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);cursor:pointer}.icon-btn:hover{background:var(--surface-sunk)}.stage{position:relative;min-height:0;display:grid;place-items:center;padding:8px clamp(10px,1.5vw,22px)}.side{position:absolute;left:clamp(10px,2vw,30px);top:50%;transform:translateY(-50%);width:clamp(180px,20vw,250px)}.stage.is-shifted .side{left:calc(var(--drawer-w) + clamp(10px,2vw,30px))}.clock{height:100%;width:auto;max-width:calc(100% - (2*clamp(200px,22vw,280px)));aspect-ratio:1 / 1;touch-action:none;-webkit-user-select:none;user-select:none;display:block;flex:0 1 auto}.clock.is-parts{aspect-ratio:600 / 528}.clock .ring{fill:var(--surface);stroke:var(--ink);stroke-width:5}.clock .ring-inner{fill:none;stroke:var(--line);stroke-width:2}.clock .tick{stroke:var(--muted);stroke-width:2.5;stroke-linecap:round}.clock .tick-hour{stroke:var(--ink);stroke-width:5}.clock .num{font-family:var(--font-display);font-weight:600;font-size:36px;fill:var(--ink);paint-order:stroke;stroke:var(--surface);stroke-width:6px;stroke-linejoin:round;text-anchor:middle;dominant-baseline:central}.clock .num.is-lit{fill:var(--hour)}.clock .num-lit{fill:var(--hour-tint);stroke:var(--hour);stroke-width:2}.clock .min-num-lit{fill:var(--minute-tint);stroke:var(--minute);stroke-width:2}.clock .min-num{font-family:var(--font-display);font-weight:600;font-size:19px;fill:var(--minute);paint-order:stroke;stroke:var(--surface);stroke-width:5px;stroke-linejoin:round;text-anchor:middle;dominant-baseline:central}.clock .min-num.is-lit{fill:var(--ink);font-weight:700;font-size:22px}.clock .hand{stroke-linejoin:round}.clock .hand-hour{fill:var(--hour)}.clock .hand-minute{fill:var(--minute)}.clock .hand-second{stroke:var(--second);stroke-width:3;stroke-linecap:round}.clock .hand-second-tail{fill:var(--second)}.clock .second-group{transition:none}.clock .cap{fill:var(--ink)}.clock .cap-inner{fill:var(--surface)}.clock .trail{fill:none;stroke-width:14;stroke-linecap:round;opacity:.35}.clock .trail-minute{stroke:var(--minute)}.clock .trail-hour{stroke:var(--hour)}.clock .hit,.clock .dial-grab{cursor:grab}.clock .is-locked .hit{cursor:not-allowed}.clock .is-locked .hand{filter:saturate(.35)}.clock .part,.clock .hand-group{transition:opacity .3s var(--ease)}.clock:not(.is-dragging):not(.is-instant) .hand-group{transition:transform .3s var(--ease),opacity .3s var(--ease)}.clock .is-soft{opacity:.6}.clock .is-dim{opacity:.35}.clock.no-motion .part,.clock.no-motion .hand-group{transition:none}@media (prefers-reduced-motion: reduce){.clock .part,.clock .hand-group{transition:none}}.digital{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(10px,1.6vh,18px) 12px;text-align:center}.digital-face{display:flex;align-items:baseline;justify-content:center;gap:2px;font-family:var(--font-display);font-weight:700;font-size:clamp(32px,6vh,58px);font-variant-numeric:tabular-nums;line-height:1}.digit-part{background:none;border:none;border-bottom:5px solid currentColor;padding:0 4px 3px;cursor:pointer;font:inherit;border-radius:4px}.digit-part.is-hour{color:var(--hour)}.digit-part.is-minute{color:var(--minute)}.digit-part.is-active{background:var(--surface-sunk)}.digit-colon{color:var(--ink-soft)}.digital-legend{display:flex;justify-content:center;gap:clamp(12px,2vw,26px);margin-top:7px;font-size:clamp(11px,1.4vh,15px);font-weight:700}.legend.is-hour{color:var(--hour)}.legend.is-minute{color:var(--minute)}.dual-reading{margin:6px 0 0;font-family:var(--font-display);font-weight:700;font-size:clamp(20px,3.4vh,36px);font-variant-numeric:tabular-nums;color:var(--ink-soft)}.dual-or{font-family:var(--font-ui);font-size:.5em;font-weight:600;margin-inline-end:8px}.spoken{margin:9px 0 0;padding-top:8px;border-top:1px solid var(--line);font-size:clamp(13px,1.7vh,19px);font-weight:500;line-height:1.25;min-height:2.9em;display:grid;place-items:center;text-wrap:balance;overflow-wrap:anywhere}.clock .verdict-ring{fill:none;stroke-width:7}.clock .verdict-ring.is-retry{stroke:var(--hint);stroke-dasharray:14 10}.clock .verdict-ring.is-correct{stroke:var(--success);stroke-linecap:round;stroke-dasharray:1244;stroke-dashoffset:1244;transform:rotate(-90deg);transform-origin:200px 200px;animation:draw-lap .75s var(--ease) forwards}@keyframes draw-lap{to{stroke-dashoffset:0}}.clock.no-motion .verdict-ring.is-correct{animation:none;stroke-dashoffset:0}@media (prefers-reduced-motion: reduce){.clock .verdict-ring.is-correct{animation:none;stroke-dashoffset:0}}.clock .num.is-cheering{animation:num-wave .5s var(--ease);transform-box:fill-box;transform-origin:center}@keyframes num-wave{0%,to{transform:scale(1)}45%{fill:var(--success);transform:scale(1.25)}}@media (prefers-reduced-motion: reduce){.clock .num.is-cheering{animation:none}}.shelf{display:flex;flex-direction:column;gap:5px}.shelf-prompt{margin:0 0 2px;font-size:clamp(12px,1.6vh,15px);font-weight:700;color:var(--ink-soft);text-align:center}.part-tile{position:relative;display:flex;align-items:center;gap:9px;width:100%;padding:5px 9px;background:var(--surface);border:2px solid var(--line);border-radius:var(--r-md);cursor:grab;font-weight:700;font-size:clamp(13px,1.8vh,16px);text-align:start;touch-action:none;-webkit-user-select:none;user-select:none;transition:border-color .15s var(--ease),background .15s var(--ease)}.part-tile:hover:not(:disabled){background:var(--surface-sunk)}.part-tile.is-next{border-color:var(--ink)}.part-tile.is-held{cursor:grabbing;border-color:var(--ink);box-shadow:0 10px 22px #15202b2e;position:relative;z-index:20;transition:none}.part-tile.is-placed{border-color:var(--success);background:#eaf5ee;color:var(--success);cursor:default;opacity:1}.part-tile-check{margin-inline-start:auto}.part-tile-name{line-height:1.1}.part-glyph{width:30px;height:30px;flex:0 0 auto}.part-glyph .g-ring{fill:none;stroke:var(--ink);stroke-width:2.5}.part-glyph .g-num{font-family:var(--font-display);font-size:9px;font-weight:700;fill:var(--ink);text-anchor:middle;dominant-baseline:central}.part-glyph .g-tick{stroke:var(--ink);stroke-width:2;stroke-linecap:round}.part-glyph .g-hour{fill:var(--hour)}.part-glyph .g-minute{fill:var(--minute)}.part-glyph .g-second{stroke:var(--second);stroke-width:2;stroke-linecap:round}.part-glyph .g-second-tail{fill:var(--second)}.part-glyph .g-cap{fill:var(--ink)}.part-glyph .g-window{fill:none;stroke:var(--ink);stroke-width:2}.part-glyph .g-digits{font-family:var(--font-display);font-size:9px;font-weight:700;fill:var(--ink);text-anchor:middle;dominant-baseline:central}.clock .part-lead{stroke:var(--muted);stroke-width:1.6}.clock .part-label{font-family:var(--font-ui);font-size:15px;font-weight:700;fill:var(--ink);paint-order:stroke;stroke:var(--surface);stroke-width:5px;stroke-linejoin:round;dominant-baseline:central}.clock .part-label.is-hour{fill:var(--hour)}.clock .part-label.is-minute{fill:var(--minute)}.clock .part-label.is-second{fill:var(--second)}.clock .digital-window{fill:var(--surface);stroke:var(--line);stroke-width:2}.clock .window-hh{fill:var(--hour)}.clock .window-mm{fill:var(--minute)}.clock .window-colon{fill:var(--ink-soft)}.clock .window-text{font-family:var(--font-display);font-size:26px;font-weight:700;text-anchor:middle;dominant-baseline:central}.sequence-card{border-width:2px;border-color:var(--ink)}.ladder{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:5px}.rung-row{padding:clamp(3px,.7vh,7px) 8px;border:2px solid var(--line);border-radius:var(--r-sm);font-family:var(--font-display);font-weight:700;font-size:clamp(20px,3.4vh,32px);font-variant-numeric:tabular-nums;color:var(--ink-soft)}.rung-row.is-blank{border-color:var(--ink);border-style:dashed;color:var(--ink)}.rung-row.is-solved{border-style:solid;border-color:var(--success);background:#e4f3ea;color:var(--success)}.rung-mark{color:var(--hint)}.match{display:flex;flex-direction:column;gap:8px}.match-prompt{margin:0 0 2px;font-size:clamp(13px,1.7vh,17px);font-weight:700;color:var(--ink-soft);text-align:center}.match-card{display:block;width:100%;padding:clamp(6px,1.2vh,12px) 8px;background:var(--surface);border:3px solid var(--line);border-radius:var(--r-lg);cursor:grab;font-family:var(--font-display);font-weight:700;font-size:clamp(26px,4.6vh,44px);font-variant-numeric:tabular-nums;color:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;transition:border-color .15s var(--ease),background .15s var(--ease)}.match-card:hover:not(:disabled){background:var(--surface-sunk)}.match-card:disabled{opacity:.35;cursor:default}.match-card.is-held{cursor:grabbing;border-color:var(--ink);box-shadow:0 10px 24px #15202b2e;position:relative;z-index:20;transition:none}.match-card.is-landed{border-color:var(--success);background:#e4f3ea;color:var(--success);opacity:1}.clock.is-target .ring{stroke:var(--hour);stroke-dasharray:18 12}.detective-card{border-width:2px;border-color:var(--ink)}.speaker{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.magnifier .glass{fill:var(--hint-tint)}.magnifier .rim{fill:none;stroke:var(--ink);stroke-width:2.1}.magnifier .glint{fill:none;stroke:var(--surface);stroke-width:1.6;stroke-linecap:round}.magnifier .handle{stroke:var(--ink);stroke-width:3.2;stroke-linecap:round}.speaker-label{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--ink)}.ask{margin:10px 0 0;padding-top:9px;border-top:1px solid var(--line);font-family:var(--font-display);font-size:clamp(15px,2vh,21px);font-weight:600}.fix-prompt{margin:10px 0 0;padding-top:9px;border-top:1px solid var(--line);font-size:clamp(13px,1.7vh,17px);font-weight:600;color:var(--ink-soft)}.big-btn.tone-yes{border-color:var(--success);color:var(--success)}.big-btn.tone-yes:hover:not(:disabled){background:#e4f3ea}.big-btn.tone-no{border-color:var(--hint);color:var(--hint)}.big-btn.tone-no:hover:not(:disabled){background:var(--hint-tint)}.cheer{margin-top:10px;padding-top:10px;border-top:1px solid var(--line);text-align:center}.cheer-stars{display:flex;justify-content:center;gap:8px;margin-bottom:6px}.star{width:clamp(24px,3.4vh,34px);height:clamp(24px,3.4vh,34px);fill:#d79a12;transform:scale(0);animation:star-in .42s cubic-bezier(.34,1.56,.64,1) forwards}.star-0{animation-delay:.12s}.star-1{animation-delay:.26s}.star-2{animation-delay:.4s}@keyframes star-in{0%{transform:scale(0) rotate(-25deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.cheer-text{margin:0;padding:6px 10px;text-align:center;border-radius:var(--r-sm);background:#e4f3ea;color:var(--success);font-weight:700;font-size:clamp(15px,2.1vh,22px)}.cheer.no-motion .star{animation:none;transform:none;opacity:1}@media (prefers-reduced-motion: reduce){.star{animation:none;transform:none;opacity:1}}.clock.verdict-retry{animation:nudge .4s var(--ease)}@keyframes nudge{0%,to{transform:translate(0)}25%{transform:translate(-7px)}75%{transform:translate(7px)}}.clock.no-motion{animation:none!important}@media (prefers-reduced-motion: reduce){.clock{animation:none!important}}.target-card{border-width:2px;border-color:var(--ink)}.target-label{margin:0 0 6px;font-size:clamp(12px,1.5vh,16px);font-weight:700;color:var(--ink-soft)}.verdict-text{margin:10px 0 0;padding:7px 10px;text-align:center;border-radius:var(--r-sm);font-weight:700;font-size:clamp(14px,1.9vh,20px)}.verdict-text.is-correct{background:#e4f3ea;color:var(--success)}.verdict-text.is-retry{background:var(--hint-tint);color:var(--hint)}.bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:calc(8px * var(--ui));padding:calc(8px * var(--ui)) 14px;border-top:1px solid var(--line);background:var(--surface)}.bar-sep{width:1px;height:28px;background:var(--line)}.seg{display:inline-flex;border:2px solid var(--line);border-radius:var(--r-md);overflow:hidden}.seg-btn{height:calc(44px * var(--ui));padding:0 calc(16px * var(--ui));background:var(--surface);border:none;cursor:pointer;font-weight:700;font-size:calc(15px * var(--ui));white-space:nowrap}.seg-btn{display:inline-flex;align-items:center;gap:7px}.seg-btn.is-on{background:var(--ink);color:var(--surface)}.seg-btn.tone-hour.is-on{background:var(--hour)}.seg-btn.tone-minute.is-on{background:var(--minute)}.seg-btn+.seg-btn{border-inline-start:2px solid var(--line)}.chip.is-live.is-on{border-color:var(--success);background:#e4f3ea;color:var(--success)}.stage-nav{display:inline-flex;align-items:center;gap:6px}.stage-nav .rungs{gap:5px}.stage-nav .rung{color:var(--ink);width:9px;height:9px}.round-btn{width:calc(44px * var(--ui));height:calc(44px * var(--ui));display:grid;place-items:center;background:var(--surface);border:2px solid var(--line);border-radius:var(--r-md);cursor:pointer}.round-btn:hover:not(:disabled){background:var(--surface-sunk)}.round-btn:disabled{opacity:.35;cursor:not-allowed}.round-btn[aria-pressed=true]{border-color:var(--ink);background:var(--surface-sunk)}.stepper{display:inline-flex;align-items:center;gap:6px}.chip{display:inline-flex;align-items:center;gap:7px;height:calc(44px * var(--ui));padding:0 calc(13px * var(--ui));background:var(--surface);border:2px solid var(--line);border-radius:var(--r-md);cursor:pointer;font-weight:600;font-size:calc(15px * var(--ui));white-space:nowrap;transition:background .15s var(--ease),border-color .15s var(--ease)}.chip.is-compact{font-size:calc(14px * var(--ui));padding:0 calc(11px * var(--ui))}.chip:hover:not(:disabled){background:var(--surface-sunk)}.chip:disabled{opacity:.4;cursor:not-allowed}.chip.is-on{border-color:var(--ink);background:var(--surface-sunk)}.chip.tone-hour.is-on{border-color:var(--hour);background:var(--hour-tint);color:var(--hour)}.chip.tone-minute.is-on{border-color:var(--minute);background:var(--minute-tint);color:var(--minute)}.chip-icon{display:grid;place-items:center}.hand-swatch{display:block;width:13px;height:13px;border-radius:3px}.hand-swatch.is-hour{background:var(--hour)}.hand-swatch.is-minute{background:var(--minute)}.digital-swatch{font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:-.03em;color:var(--ink-soft)}.level-select{display:inline-flex;align-items:center;gap:6px;height:calc(44px * var(--ui));padding:0 calc(10px * var(--ui));border:2px solid var(--line);border-radius:var(--r-md);color:var(--ink-soft)}.level-select select{border:none;background:none;font-weight:600;font-size:14px;color:var(--ink);cursor:pointer}.live-badge{margin:0 0 10px;display:flex;align-items:center;justify-content:center;gap:8px;padding:7px 14px;border-radius:999px;background:#e4f3ea;color:var(--success);font-weight:700;font-size:14px;pointer-events:none}.live-dot{width:9px;height:9px;border-radius:50%;background:var(--success)}.seg-screens{margin-inline-end:auto}.prompt{font-family:var(--font-display);font-size:calc(clamp(19px,2.4vh,27px) * var(--ui));font-weight:700}.big-btn{display:inline-flex;align-items:center;gap:9px;height:calc(52px * var(--ui));padding:0 calc(18px * var(--ui));background:var(--surface);border:2px solid var(--line);border-radius:var(--r-md);cursor:pointer;font-weight:700;font-size:calc(16px * var(--ui));white-space:nowrap}.big-btn:hover:not(:disabled){background:var(--surface-sunk)}.big-btn:disabled{opacity:.4;cursor:not-allowed}.big-btn.tone-hint{border-color:var(--hint);color:var(--hint)}.big-btn.tone-hint:hover:not(:disabled){background:var(--hint-tint)}.big-btn.tone-primary{border-color:var(--ink);background:var(--ink);color:var(--surface)}.big-btn.tone-primary:hover{background:#22303e}.rungs{display:inline-flex;gap:4px;margin-inline-start:4px}.rung{width:8px;height:8px;border-radius:50%;border:2px solid currentColor}.rung.is-on{background:currentColor}.tally{font-size:13px;font-weight:600;color:var(--ink-soft)}.drawer{position:fixed;inset-block:0;left:0;width:var(--drawer-w);background:var(--surface);border-right:1px solid var(--line);box-shadow:2px 0 20px #15202b17;z-index:10;display:flex;flex-direction:column}.drawer-inner{flex:1 1 auto;min-height:0;overflow-y:auto;padding:10px 14px 16px}.stage.is-shifted{padding-left:calc(var(--drawer-w) + 14px)}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.drawer-head h2{margin:0;font-family:var(--font-display);font-size:18px}.drawer-head .icon-btn{width:36px;height:36px;border:none;background:none;border-radius:50%;color:var(--ink-soft)}.drawer-head .icon-btn:hover{background:var(--surface-sunk);color:var(--ink)}.set-row{display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:7px 0;border-top:1px solid var(--line)}.set-label{font-weight:700;font-size:13px;color:var(--ink-soft)}.set-options{display:flex;flex-wrap:wrap;gap:5px}.set-option{display:inline-flex;align-items:center;justify-content:center;gap:4px;flex:1 1 auto;min-width:0;min-height:34px;padding:0 7px;background:var(--surface);border:2px solid var(--line);border-radius:var(--r-sm);cursor:pointer;font-weight:600;font-size:13px;white-space:nowrap}.set-option.is-on{border-color:var(--hour);background:var(--hour-tint);color:var(--hour)}.set-row-block .set-options{display:grid;grid-template-columns:1fr 1fr}@media (max-width: 900px){body{overflow:auto}.app{height:auto;min-height:100%}.stage{display:flex;flex-direction:column;gap:12px}.clock{height:auto;width:min(76vw,52vh);max-width:100%}.side{position:static;transform:none;width:min(76vw,320px)}}