@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:100vh;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{background:var(--brand);color:#fff;cursor:pointer;letter-spacing:.02em;box-shadow:0 3px 0 var(--brand-edge);border:0;border-radius:999px;padding:.4rem 1.1rem;font:600 1rem Fredoka Variable,system-ui,sans-serif;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}.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}.settings{color:#222;border:1px solid #ddd;border-top:3px solid var(--brand);background:#fff;border-radius:12px;min-width:16rem;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}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%}.mic{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}.volume{font-variant-numeric:tabular-nums;min-width:4rem}.pitch{font-variant-numeric:tabular-nums;min-width:7rem}.grade-good{color:#2e7d32}.grade-fair{color:#b26a00}.grade-bad{color:#c62828}.target,.score{font-variant-numeric:tabular-nums}.score{gap:.75rem;margin-left:auto;font-weight:600;display:flex}.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}.pick-start .vf-stavenote{cursor:pointer}.pick-start .vf-stavenote:hover path{fill:#1565c0;stroke:#1565c0}.mic .status{flex-basis:100%;margin:0}.status{color:#555}.status.error{color:#b00020}