@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-hebrew-wght-normal-DdnsCkLr.woff2)format("woff2-variations");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-ext-wght-normal-CYrqKuxd.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-wght-normal-DM6njrJ3.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand:#fa5400;--brand-hover:color-mix(in srgb, var(--brand) 85%, black);--brand-edge:color-mix(in srgb, var(--brand) 60%, black);accent-color:var(--brand);font-family:system-ui,sans-serif}body{color:#222;background:#fafafa;margin:0}.app{flex-direction:column;min-height:100dvh;display:flex}.pinned{z-index:1;position:sticky;top:0}.toolbar{border-bottom:2px solid var(--brand);background:#fff;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex}.practice-bar{background:#fafafa;padding:1rem 1.5rem;box-shadow:0 6px 8px -6px #00000026}.toolbar h1{align-items:baseline;gap:.6rem;margin:0 auto 0 0;font-size:1.25rem;display:flex}.toolbar h1 img{width:auto;height:2rem}.btn{--btn-line:1.25rem;--btn-pad-y:.4rem;padding:var(--btn-pad-y) 1.1rem;background:var(--brand);color:#fff;cursor:pointer;font:600 1rem/var(--btn-line) "Fredoka Variable", system-ui, sans-serif;letter-spacing:.02em;box-shadow:0 3px 0 var(--brand-edge);border:0;border-radius:999px;transition:transform .12s,box-shadow .12s,background .12s;display:inline-block}.btn:hover{background:var(--brand-hover);box-shadow:0 4px 0 var(--brand-edge);transform:translateY(-1px)rotate(-1.5deg)}.btn:active{box-shadow:0 0 0 var(--brand-edge);transform:translateY(3px)}.btn:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.btn:disabled{opacity:.5;cursor:default}.btn:disabled:hover,.btn:disabled:active{background:var(--brand);box-shadow:0 3px 0 var(--brand-edge);transform:none}.btn.icon{place-items:center;width:2.25rem;height:2.25rem;padding:0;display:inline-grid}.btn.icon svg{fill:currentColor;width:1.1rem;height:1.1rem}.toolbar .btn.icon{width:calc(var(--btn-line) + 2 * var(--btn-pad-y));height:calc(var(--btn-line) + 2 * var(--btn-pad-y))}.toolbar .btn.icon svg{width:1.4rem;height:1.4rem}.player{border-right:1px solid #e5e5e5;gap:.5rem;padding-right:.75rem;display:flex}.zoom{color:#222;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.speed{color:#222;font-variant-numeric:tabular-nums;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.speed input{width:7rem}.settings{color:#222;border:1px solid #ddd;border-top:3px solid var(--brand);background:#fff;border-radius:12px;min-width:16rem;max-width:calc(100vw - 2rem);margin:0;padding:1rem 1.25rem;inset:4.25rem 1.5rem auto auto;box-shadow:0 8px 30px #00000026}.settings h2{margin:0 0 .75rem;font:600 1.1rem Fredoka Variable,system-ui,sans-serif}.setting{cursor:pointer;align-items:center;gap:.6rem;display:flex}.setting input{cursor:pointer;width:1.1rem;height:1.1rem;margin:0 0 0 auto}.setting+.setting{margin-top:.75rem}.setting>svg{width:1.1rem;height:1.1rem;fill:var(--brand);flex:none}.setting select{font:inherit;cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:8px;margin-left:auto;padding:.25rem .5rem}.menu{color:#222;border:1px solid #ddd;border-top:3px solid var(--brand);background:#fff;border-radius:12px;min-width:12rem;margin:0;padding:.4rem;inset:3.4rem 1rem auto auto;box-shadow:0 8px 30px #00000026}.menu-item{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:.55rem .9rem;font:600 1rem Fredoka Variable,system-ui,sans-serif;display:block}.menu-item:hover{background:#f6f6f6}.menu-item:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}main{background:#fafafa;flex:1;padding:1.5rem}.footer{text-align:center;color:#555;background:#fafafa;border-top:1px solid #e5e5e5;padding:1rem 1.5rem;font-size:.85rem}.sheet-wrapper{background:#fff;border:1px solid #e5e5e5;max-width:1100px;margin:0 auto;padding:1rem}.sheet{width:100%}.practice{color:#222;background:#fff;border:1px solid #e5e5e5;flex-wrap:wrap;align-items:center;gap:.75rem;max-width:1100px;margin:0 auto;padding:.75rem 1rem;display:flex}.meter{background:#eee;border-radius:5px;width:160px;height:10px;overflow:hidden}.meter-fill{background:var(--brand);height:100%;transition:width 60ms linear}.meter-fill.hot{background:#d32f2f}.grade-good{color:#2e7d32}.grade-fair{color:#b26a00}.grade-bad{color:#c62828}.score{font-variant-numeric:tabular-nums;gap:.75rem;margin-left:auto;font-weight:600;display:flex}.score>span{align-items:center;gap:.3rem;display:inline-flex}.grade-icon{flex:none;width:1.3rem;height:1.3rem}.grade-icon circle{fill:currentColor}.grade-icon circle.eye{fill:#fff}.grade-icon path{fill:none;stroke:#fff;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.count-in{z-index:2;pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.count-in-card{text-align:center;color:#222;background:#fffffff2;border:1px solid #ddd;border-radius:12px;min-width:16rem;padding:1.5rem 2.5rem;box-shadow:0 8px 30px #00000026}.count-in-beat{font-variant-numeric:tabular-nums;font-size:7rem;font-weight:700;line-height:1;animation:.25s ease-out beat-pulse}.count-in-ready{padding:1.75rem 0;font-size:2.5rem;font-weight:600}.count-in-dots{justify-content:center;gap:.5rem;margin-top:1rem;display:flex}.count-in-dots span{background:#ddd;border-radius:50%;width:12px;height:12px}.count-in-dots span.on{background:var(--brand)}.count-in-hint{color:#555;margin-top:1rem}@keyframes beat-pulse{0%{opacity:.6;transform:scale(1.25)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.count-in-beat{animation:none}.btn{transition:none}.btn:hover{transform:none}.vf-stavenote{transition:none}}.vf-stavenote{transform-box:fill-box;transform-origin:50%;transition:transform .18s ease-out}.cursor-note-zoom .vf-stavenote.note-current{transform:scale(1.3)}.note-good path{fill:#2e9d4f;stroke:#2e9d4f}.note-fair path{fill:#e08e00;stroke:#e08e00}.note-bad path{fill:#d32f2f;stroke:#d32f2f}.verdict-icon{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round}.pick-start .vf-stavenote{cursor:pointer}.pick-start .vf-stavenote:hover path{fill:#1565c0;stroke:#1565c0}.note-info{z-index:2;color:#fff;pointer-events:none;background:#212121eb;border-radius:8px;max-width:min(18rem,100vw - 2rem);padding:.4rem .7rem;font-size:.85rem;position:fixed;transform:translate(-50%,-100%);box-shadow:0 4px 14px #00000040}.practice .status{flex-basis:100%;margin:0}.status{color:#555}.status.error{color:#b00020}@media (width<=640px){.toolbar{flex-wrap:wrap;gap:.5rem .75rem;padding:.6rem 1rem}.toolbar h1{gap:.5rem;font-size:1.1rem}.toolbar h1 img{height:1.6rem}.zoom{flex-basis:100%;order:1}.zoom input{flex:1;min-width:0}.settings{width:auto;min-width:0;height:fit-content;margin:auto 1rem;inset:0}.practice-bar{padding:.75rem 1rem}.practice{gap:.5rem .75rem;padding:.6rem .75rem}.player{gap:.4rem;padding-right:.6rem}.meter{flex:4rem;width:auto;min-width:3rem}.speed{font-size:.8rem}.speed input{width:4.5rem}.score{flex-basis:100%;margin-left:0}main{padding:1rem .75rem}.sheet-wrapper{padding:.5rem}.footer{padding:.75rem 1rem;font-size:.8rem}.count-in-card{width:calc(100vw - 3rem);min-width:0;padding:1.25rem 1rem}.count-in-beat{font-size:5rem}}