@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/figtree-latin-400-normal-g7Dtegnw.woff2)format("woff2"),url(/assets/figtree-latin-400-normal-BD4aNku5.woff)format("woff")}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/figtree-latin-500-normal-BWnGEVsr.woff2)format("woff2"),url(/assets/figtree-latin-500-normal-B_yy1phn.woff)format("woff")}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/figtree-latin-600-normal-Cv_xCTDl.woff2)format("woff2"),url(/assets/figtree-latin-600-normal-BM_oTo4n.woff)format("woff")}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/figtree-latin-700-normal-th6qEP7c.woff2)format("woff2"),url(/assets/figtree-latin-700-normal-BCCt2T1q.woff)format("woff")}@font-face{font-family:Young Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/young-serif-latin-400-normal-DIMmNPI9.woff2)format("woff2"),url(/assets/young-serif-latin-400-normal-D1tz0Z9s.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff)format("woff")}:root{--bg:#f2f3f7;--surface:#fff;--ink:#141721;--muted:#5a6070;--line:#dcdfe7;--accent:#2e44c6;--accent-soft:#e5e8fb;--on-accent:#fff;--good:#1b8a57;--warn:#b97409;--bad:#c23b3b;--f-display:"Young Serif", Georgia, "Times New Roman", serif;--f-body:"Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--f-mono:"IBM Plex Mono", ui-monospace, Menlo, monospace;--r:10px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0e1015;--surface:#171a22;--ink:#e9ebf1;--muted:#99a0ae;--line:#2a2f3b;--accent:#8794ff;--accent-soft:#222845;--on-accent:#0e1015;--good:#43c48a;--warn:#e3a842;--bad:#f06b6b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0e1015;--surface:#171a22;--ink:#e9ebf1;--muted:#99a0ae;--line:#2a2f3b;--accent:#8794ff;--accent-soft:#222845;--on-accent:#0e1015;--good:#43c48a;--warn:#e3a842;--bad:#f06b6b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);color:var(--ink);font:15px/1.5 var(--f-body);margin:0}.app{flex-direction:column;gap:18px;max-width:760px;margin:0 auto;padding:20px 16px 48px;display:flex}button,select,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.mark{font:400 34px/1 var(--f-display);letter-spacing:-.01em;margin:0}.mark span{color:var(--accent)}.tabs{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:3px;display:flex}.tabs button{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:6px 16px;font-weight:600}.tabs button[aria-selected=true]{background:var(--ink);color:var(--bg)}.label{font:600 12px/1 var(--f-body);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0}.block{flex-direction:column;gap:10px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.between{justify-content:space-between}.drills{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.drill{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);flex-direction:column;gap:6px;min-width:0;padding:12px;display:flex}.drill[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.drill b{font-size:14px;font-weight:700}.drill .sol{font:12px/1.4 var(--f-mono);color:var(--muted)}.drill svg{width:100%;height:30px;display:block}.drill polyline{fill:none;stroke:var(--muted);stroke-width:1.5px}.drill circle{fill:var(--muted)}.drill[aria-pressed=true] polyline{stroke:var(--accent)}.drill[aria-pressed=true] circle{fill:var(--accent)}@media (width<=520px){.drills{grid-template-columns:1fr}.drill{flex-direction:row;justify-content:space-between;align-items:center}.drill svg{flex:none;width:90px}}.seq{flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.seq li{align-items:center;gap:6px;display:flex}.seq li+li:before{content:"→";color:var(--muted);font-size:13px}.chip{border:1.5px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:5px 10px 5px 12px;font-size:13px;font-weight:600;transition:transform .15s;display:inline-flex}.chip .x{opacity:.55;font-weight:400}.chip:hover .x{opacity:1}.k-chord{background:var(--ink);color:var(--bg)}.k-scale{background:var(--surface);border-color:var(--ink)}.k-wait{background:var(--accent);color:var(--on-accent)}.chip.now{box-shadow:0 0 0 3px var(--accent-soft);transform:scale(1.1)}.ghost{border:1px dashed var(--line);color:var(--muted);background:0 0;border-radius:999px;padding:4px 10px;font-size:13px}.ghost:hover{border-color:var(--muted);color:var(--ink)}.presets{flex-wrap:wrap;gap:6px;display:flex}.console{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:16px;padding:16px;display:flex}.transport{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid}.round{border:1px solid var(--line);background:var(--bg);border-radius:50%;place-items:center;width:46px;height:46px;font-size:18px;display:grid}.round:hover{border-color:var(--ink)}.keybox{background:0 0;border:0;border-radius:10px;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:4px 14px;display:flex}.keybox:hover .k{color:var(--accent)}.keybox .caret{color:var(--muted);margin-left:4px;font-size:14px}.piano{-webkit-user-select:none;user-select:none;height:96px;display:flex;position:relative}.piano button{border:1px solid var(--line);font:10px var(--f-mono);color:var(--muted);justify-content:center;align-items:flex-end;padding:0 0 6px;display:flex}.piano .w{background:var(--surface);border-radius:0 0 5px 5px;flex:1;min-width:0;margin-left:-1px}.piano .b{background:var(--ink);height:58%;color:var(--bg);border-color:var(--ink);z-index:1;border-radius:0 0 4px 4px;position:absolute;top:0;transform:translate(-50%)}.piano .w:hover{background:var(--accent-soft)}.piano .b:hover{background:var(--muted)}.piano .on{border-color:var(--accent);color:var(--on-accent);font-weight:500;background:var(--accent)!important}.piano .home{box-shadow:inset 0 -3px 0 var(--muted)}.keybox .k{font:400 40px/1 var(--f-display)}.keybox .sub{font:12px var(--f-mono);color:var(--muted)}.actions{justify-content:center;gap:10px;display:flex}.play{background:var(--accent);color:var(--on-accent);border:0;border-radius:999px;min-width:130px;padding:12px 28px;font-size:16px;font-weight:700}.play.on{background:var(--ink);color:var(--bg)}.replay{border:1px solid var(--line);background:0 0;border-radius:999px;padding:12px 18px;font-weight:600}.settings{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 18px;padding-top:14px;font-size:14px;display:flex}.settings label{align-items:center;gap:8px;display:flex}.settings input[type=range]{width:110px;accent-color:var(--accent)}.settings select{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:5px 8px}.tabnum{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.switch{appearance:none;background:var(--line);cursor:pointer;border-radius:999px;width:34px;height:20px;margin:0;transition:background .15s;position:relative}.switch:after{content:"";background:var(--surface);border-radius:50%;width:16px;height:16px;transition:left .15s;position:absolute;top:2px;left:2px}.switch:checked{background:var(--accent)}.switch:checked:after{left:16px}.meter{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:12px;padding:14px 16px;display:flex}canvas{width:100%;height:190px;display:block}.readout{grid-template-columns:auto 1fr auto;align-items:center;gap:14px;display:grid}.sung{font:400 30px/1 var(--f-display);min-width:3.2em}.cents{font:500 15px var(--f-mono);text-align:right;min-width:5.5em}.needle{height:28px;position:relative}.needle .track{background:linear-gradient(90deg,var(--bad),var(--warn) 25%,var(--good) 40%,var(--good) 60%,var(--warn) 75%,var(--bad));border-radius:2px;height:4px;position:absolute;inset:12px 0}.needle .mid{background:var(--ink);width:1px;position:absolute;top:4px;bottom:4px;left:50%}.needle .dot{background:var(--ink);border:3px solid var(--surface);opacity:.25;border-radius:50%;width:16px;height:16px;margin-left:-8px;transition:left 80ms linear;position:absolute;top:6px;left:50%}.needle .dot.live{opacity:1}.ticks{font:11px var(--f-mono);color:var(--muted);justify-content:space-between;margin-top:-6px;display:flex}.note{color:var(--muted);margin:0;font-size:13px}.notice{background:var(--accent-soft);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.notice button{background:var(--accent);color:var(--on-accent);border:0;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:600}.score b{color:var(--ink)}.tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);flex-direction:column;gap:4px;min-width:0;padding:12px;display:flex}.tile .v{font:400 24px/1.1 var(--f-display)}.tile .s{color:var(--muted);font-size:12px}@media (width<=600px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:12px;padding:16px;display:flex}.card h3{font:400 20px/1.2 var(--f-display);margin:0}.cal{font:10px var(--f-mono);color:var(--muted);grid-template-columns:22px 1fr;gap:4px 6px;display:grid}.months,.cells{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:3px;display:grid}.cells{grid-template-rows:repeat(7,auto)}.months span{white-space:nowrap;overflow:visible}.dows{grid-template-rows:repeat(7,1fr);align-items:center;gap:3px;display:grid}.cell{aspect-ratio:1;background:var(--bg);border:1px solid var(--line);border-radius:3px}.l1{background:color-mix(in srgb,var(--accent) 22%,var(--surface));border-color:#0000}.l2{background:color-mix(in srgb,var(--accent) 45%,var(--surface));border-color:#0000}.l3{background:color-mix(in srgb,var(--accent) 70%,var(--surface));border-color:#0000}.l4{background:var(--accent);border-color:#0000}.cell.future{visibility:hidden}.cell.today{outline:1.5px solid var(--ink);outline-offset:1px}.legend{color:var(--muted);justify-content:flex-end;align-items:center;gap:4px;font-size:12px;display:flex}.legend .cell{width:12px}.chart svg{width:100%;display:block;overflow:visible}.chart text{font:11px var(--f-mono);fill:var(--muted)}.chart .grid{stroke:var(--line);stroke-width:1px}.chart .bar{fill:var(--accent)}.chart .line{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linejoin:round}.chart .area{fill:var(--accent-soft)}.chart .ref{stroke:var(--good);stroke-dasharray:4 4}.chart .reft{fill:var(--good)}.chart .end{fill:var(--accent);stroke:var(--surface);stroke-width:2px}.sample{border:1px dashed var(--warn);color:var(--ink);border-radius:8px;margin:0;padding:8px 12px;font-size:13px}@media (prefers-reduced-motion:reduce){*{transition:none!important}}