.au-muted{color:var(--muted);font-size:.85rem}.au-drop{text-align:center;border:2px dashed var(--site-line-strong);background:color-mix(in srgb, var(--site-accent) 4%, transparent);border-radius:10px;margin:1.25rem 0 1rem;padding:1.4rem 1.2rem;transition:border-color .15s,background .15s}.au-drop.over{border-color:var(--site-accent);background:color-mix(in srgb, var(--site-accent) 12%, transparent)}.au-drop .btn-row{justify-content:center;margin-bottom:0}.au-drop .btn{align-items:center;min-height:44px;display:inline-flex}.au-progress{gap:.35rem;margin:.5rem 0 1rem;display:grid}.au-progress-track{background:var(--site-line);border-radius:3px;height:6px;overflow:hidden}.au-progress-bar{background:var(--site-accent);width:0;height:100%;transition:width .12s linear}.au-file{font-family:var(--font-mono);color:var(--muted);overflow-wrap:anywhere;margin:0 0 .75rem;font-size:.8rem}.au-stats{grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr))}.au-stats .stat .n{overflow-wrap:anywhere;font-size:1.15rem}.au-sub{color:var(--muted);min-height:1em;margin-top:.15rem;font-size:.7rem}.au-canvas{border:1px solid var(--site-line);border-radius:var(--radius-sm);background:var(--code-bg);width:100%;display:block}.au-wave{height:120px}.au-spec{height:170px}.au-bands{gap:.35rem;margin:.5rem 0 1rem;display:grid}.au-band{grid-template-columns:5.5rem minmax(0,1fr) 3.5rem;align-items:center;gap:.6rem;font-size:.85rem;display:grid}.au-band-name{color:var(--muted)}.au-band-bar{background:var(--site-line);border-radius:3px;height:12px;overflow:hidden}.au-band-bar>span{background:var(--site-accent);height:100%;display:block}.au-band-pct{font-family:var(--font-mono);text-align:right;font-size:.78rem}.au-table-wrap{margin:.5rem 0 1rem;overflow-x:auto}.au-table{border-collapse:collapse;width:100%;min-width:34rem;font-size:.88rem}.au-table th,.au-table td{text-align:left;border-bottom:1px solid var(--site-line);vertical-align:top;padding:.45rem .55rem}.au-table th{font-family:var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.68rem}.au-table td small{color:var(--muted)}.au-table .au-ok{color:#1f9d4d;font-weight:600}:root[data-theme=dark] .au-table .au-ok,:root:not([data-theme=light]) .au-table .au-ok{color:#5fd08a}.au-notes{padding-left:1.1rem;font-size:.9rem}.au-notes li{margin:.3rem 0}.ch-controls{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.6rem .8rem;margin:1rem 0 1.25rem;display:grid}.ch-controls label{color:var(--muted);font-size:.78rem;font-family:var(--font-sans);gap:.25rem;display:grid}.ch-controls select,.ch-controls input{min-height:var(--control-h);border:1px solid var(--site-line-strong);border-radius:var(--radius-sm);background:var(--bg);color:var(--fg);font:.95rem var(--font-sans);padding:.5rem .7rem}.ch-block{margin:1.25rem 0}.ch-key-meta{font-family:var(--font-mono);color:var(--muted);margin:0 0 .3rem;font-size:.8rem}.ch-scale-notes{font-family:var(--font-mono);letter-spacing:.04em;margin:0 0 .6rem;font-size:1.1rem}.ch-keys{border-radius:6px;width:100%;height:110px;display:block;overflow:hidden}.ch-key{stroke:color-mix(in srgb, var(--fg) 35%, transparent);stroke-width:.2px;cursor:pointer}.ch-key.white{fill:var(--bg)}.ch-key.black{fill:color-mix(in srgb, var(--fg) 82%, var(--bg))}.ch-key.on.white{fill:color-mix(in srgb, var(--site-accent) 32%, var(--bg))}.ch-key.on.black{fill:color-mix(in srgb, var(--site-accent) 70%, #000)}.ch-key.root{fill:var(--site-accent)}.ch-key:active{filter:brightness(.85)}.ch-table{min-width:26rem}.ch-numeral{font-family:var(--font-serif);font-size:1.05rem}.ch-symbol{font-weight:600}.ch-notes{font-family:var(--font-mono);color:var(--muted);font-size:.8rem}.ch-actions{white-space:nowrap;text-align:right}.ch-actions .btn{min-width:2.4rem}.ch-prog-bar{flex-wrap:wrap;align-items:center;gap:.5rem;margin:.5rem 0;display:flex}.ch-prog-bar select{min-height:var(--control-h);border:1px solid var(--site-line-strong);border-radius:var(--radius-sm);background:var(--bg);color:var(--fg);font:.95rem var(--font-sans);flex:12rem;padding:.5rem .7rem}.ch-slots{flex-wrap:wrap;gap:.5rem;margin:.6rem 0;display:flex}.ch-slot{border:1px solid var(--site-line-strong);border-radius:var(--radius);background:color-mix(in srgb, var(--site-accent) 5%, transparent);grid-template-columns:auto auto auto auto;align-items:center;gap:.35rem;padding:.4rem .5rem;display:grid}.ch-slot.playing{border-color:var(--site-accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--site-accent) 35%, transparent)}.ch-slot-name{min-width:3.2rem;line-height:1.1;display:grid}.ch-slot-name small{color:var(--muted);font-family:var(--font-serif)}.ch-slot select{border:1px solid var(--site-line);background:var(--bg);min-height:32px;color:var(--fg);border-radius:5px;font-size:.78rem}.ch-slot-x{min-width:32px;min-height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:1.1rem}.ch-slot-x:hover{color:var(--fg)}.ch-progression-text{font-family:var(--font-mono);min-height:1.2em;font-size:.85rem}.pp-recipe{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:.75rem;margin:.5rem 0 1rem;display:grid}.pp-group{border:1px solid var(--site-line-strong);border-radius:var(--radius);align-content:start;gap:.45rem;min-width:0;margin:0;padding:.6rem .8rem .8rem;display:grid}.pp-group legend{font-family:var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:0 .3rem;font-size:.68rem}.pp-check,.pp-field{flex-wrap:wrap;align-items:center;gap:.35rem;min-height:32px;font-size:.88rem;display:flex}.pp-check input[type=checkbox]{width:18px;height:18px}.pp-num{width:5.2rem;min-height:var(--control-h);border:1px solid var(--site-line-strong);border-radius:var(--radius-sm);background:var(--bg);color:var(--fg);font:.95rem var(--font-sans);padding:.5rem .7rem}.pp-recipe select{min-height:var(--control-h);border:1px solid var(--site-line-strong);border-radius:var(--radius-sm);background:var(--bg);color:var(--fg);font:.95rem var(--font-sans);padding:.5rem .7rem}.pp-list{gap:.6rem;margin:.75rem 0;display:grid}.pp-item{border:1px solid var(--site-line);border-radius:var(--radius);padding:.6rem .8rem}.pp-item-head{flex-wrap:wrap;align-items:baseline;gap:.3rem .8rem;display:flex}.pp-item-head strong{overflow-wrap:anywhere}.pp-item-meta{font-family:var(--font-mono);color:var(--muted);font-size:.75rem}.pp-item-body .btn-row{margin:.4rem 0 0}.pp-result{font-family:var(--font-mono);color:var(--site-accent);overflow-wrap:anywhere;margin:.4rem 0 0;font-size:.75rem}.bm-tempo{flex-wrap:wrap;align-items:end;gap:.6rem .9rem;margin:1rem 0 1.25rem;display:flex}.bm-tempo label,.bm-field{color:var(--muted);font-size:.78rem;font-family:var(--font-sans);gap:.25rem;display:grid}.bm-tempo input,.bm-tempo select,.bm-field input,.bm-field select{min-height:var(--control-h);border:1px solid var(--site-line-strong);border-radius:var(--radius-sm);background:var(--bg);color:var(--fg);font:.95rem var(--font-sans);padding:.5rem .7rem}.bm-tempo #bm-bpm{width:6.5rem;font-size:1.3rem}.bm-table{min-width:28rem}.bm-table td:not(:first-child){font-family:var(--font-mono)}.bm-hz{color:var(--muted)}.bm-grid{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.75rem;margin:.5rem 0 1rem;display:grid}.bm-field output{font:.8rem var(--font-mono);color:var(--site-accent);overflow-wrap:anywhere;min-height:1.2em}.bm-pitch input{font-family:var(--font-sans)}.mt-block{margin:1.25rem 0}.mt-controls{flex-wrap:wrap;align-items:end;gap:.6rem .9rem;margin:.5rem 0 1rem;display:flex}.mt-controls label{color:var(--muted);font-size:.78rem;font-family:var(--font-sans);gap:.25rem;display:grid}.mt-controls input,.mt-controls select{min-height:var(--control-h);border:1px solid var(--site-line-strong);border-radius:var(--radius-sm);background:var(--bg);color:var(--fg);font:.95rem var(--font-sans);padding:.5rem .7rem}.mt-controls #mt-bpm{width:6rem;font-size:1.3rem}.mt-controls input[type=range]{border:0;width:8rem;min-height:0;padding:0}.mt-dots{gap:.6rem;margin:.5rem 0 1rem;display:flex}.mt-dot{background:var(--site-line-strong);border-radius:50%;width:22px;height:22px;transition:transform 50ms,background 50ms}.mt-dot.accent{border:2px solid var(--site-accent)}.mt-dot.on{background:var(--site-accent);transform:scale(1.25)}.tn-ref{color:var(--muted);align-items:center;gap:.35rem;font-size:.85rem;display:inline-flex}.tn-ref input{width:4.5rem;min-height:var(--control-h);border:1px solid var(--site-line-strong);border-radius:var(--radius-sm);background:var(--bg);color:var(--fg);font:.95rem var(--font-sans);padding:.5rem .7rem}.tn-dial{border-bottom:2px solid var(--site-line-strong);max-width:420px;height:120px;margin:.75rem auto;position:relative;overflow:hidden}.tn-scale{font:.7rem var(--font-mono);color:var(--muted);justify-content:space-between;padding:0 .3rem;display:flex;position:absolute;inset:auto 0 .3rem}.tn-needle{background:var(--fg);transform-origin:bottom;border-radius:2px;width:3px;height:110px;transition:transform 80ms;position:absolute;bottom:0;left:50%;transform:translate(-50%)rotate(0)}.tn-dial.in-tune .tn-needle{background:#1f9d4d}.tn-read{justify-content:center;align-items:baseline;gap:1rem;display:flex}.tn-note{font:700 2.6rem var(--font-sans)}.tn-cents{font:1.1rem var(--font-mono);color:var(--muted)}.tn-hz{font:.85rem var(--font-mono);color:var(--muted)}.lf-grid{grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:.5rem;margin:1rem 0;display:grid}.lf-card{text-align:left;border:1px solid var(--site-line-strong);border-radius:var(--radius);background:var(--bg);min-height:64px;color:var(--fg);cursor:pointer;font-family:var(--font-sans);gap:.2rem;padding:.6rem .7rem;display:grid}.lf-card strong{font-size:.92rem}.lf-card span{color:var(--muted);font-size:.72rem;line-height:1.25}.lf-card:hover{border-color:var(--site-accent)}.lf-card.active{border-color:var(--site-accent);background:color-mix(in srgb, var(--site-accent) 12%, transparent);box-shadow:inset 0 0 0 1px var(--site-accent)}.lf-knobs{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.6rem 1.2rem;margin:.75rem 0;display:grid}.lf-knobs label{color:var(--muted);grid-template-columns:6rem minmax(0,1fr) 3.5rem;align-items:center;gap:.5rem;font-size:.85rem;display:grid}.lf-knobs input[type=range]{width:100%;min-height:32px}.lf-knobs output{font:.8rem var(--font-mono);text-align:right;color:var(--fg)}#lf-actions select{min-height:var(--control-h);border:1px solid var(--site-line-strong);border-radius:var(--radius-sm);background:var(--bg);color:var(--fg);font:.95rem var(--font-sans);padding:.5rem .7rem}.ear-tabs{flex-wrap:wrap;gap:.4rem;margin:1rem 0 .5rem;display:flex}.ear-tab{border:1px solid var(--site-line-strong);background:var(--bg);color:var(--muted);font:600 .85rem var(--font-sans);cursor:pointer;border-radius:999px;min-height:40px;padding:.45rem .9rem}.ear-tab.active{background:var(--fg);color:var(--bg);border-color:var(--fg)}.ear-views{border:1px solid var(--site-line-strong);border-radius:6px;margin:.25rem 0 .75rem;display:inline-flex;overflow:hidden}.ear-view{background:var(--bg);color:var(--muted);font:.82rem var(--font-sans);cursor:pointer;border:0;min-height:38px;padding:.4rem .8rem}.ear-view+.ear-view{border-left:1px solid var(--site-line-strong)}.ear-view.active{background:var(--site-accent);color:#fff}.ear-card{border:1px solid var(--site-line-strong);border-radius:var(--radius);margin:.5rem 0 1rem;padding:.9rem 1rem .6rem}.ear-prompt{margin:0 0 .6rem;font-weight:600}.ear-stage{place-items:center;min-height:120px;margin-bottom:.75rem;display:grid}.ear-svg{width:100%;max-width:520px;height:auto}.ear-keys{max-width:100%;height:110px}.ear-line,.ear-fretline{stroke:var(--fg);stroke-width:1px;opacity:.8}.ear-nut{stroke:var(--fg);stroke-width:4px}.ear-string{stroke:var(--fg);opacity:.75}.ear-inlay{fill:var(--site-line-strong)}.ear-notehead,.ear-dot{fill:var(--site-accent)}.ear-accidental{font:700 16px var(--font-serif);fill:var(--fg)}.ear-clef{fill:var(--fg);font:46px serif}.ear-clef-bass{font-size:34px}.ear-clef-label,.ear-string-label,.ear-key-label{font:10px var(--font-mono);fill:var(--muted)}.ear-key{stroke:color-mix(in srgb, var(--fg) 35%, transparent);stroke-width:.2px}.ear-key.white{fill:var(--bg)}.ear-key.black{fill:color-mix(in srgb, var(--fg) 82%, var(--bg))}.ear-key.on{fill:var(--site-accent)}.ear-earbox{justify-items:center;gap:.4rem;display:grid}.ear-choices{flex-wrap:wrap;gap:.45rem;display:flex}.ear-choice{min-height:44px;position:relative}.ear-choice small{color:var(--muted);font-size:.6rem;position:absolute;top:2px;left:6px}.ear-choice.right{background:#1f9d4d2e;border-color:#1f9d4d}.ear-choice.wrong{background:#c0392b2e;border-color:#c0392b}.ear-rhythm{gap:2px;display:inline-flex}.ear-rhythm i{background:var(--site-line-strong);border-radius:2px;width:10px;height:18px;display:inline-block}.ear-rhythm i.on{background:var(--site-accent)}.ear-rhythm i:nth-child(4n+1){margin-left:4px}.ear-feedback{min-height:1.3em;margin:.6rem 0 .2rem;font-size:.9rem}.ear-feedback.ok{color:#1f9d4d}.ear-feedback.bad{color:#c0392b}.ear-stats{font-family:var(--font-mono);margin-left:auto;font-size:.75rem}.ear-settings{border:1px solid var(--site-line-strong);border-radius:var(--radius);margin:1rem 0;padding:.5rem .9rem}.ear-settings summary{cursor:pointer;align-items:center;min-height:40px;font-weight:600;display:flex}.ear-settings-grid{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.5rem 1rem;margin:.5rem 0;display:grid}.ear-field{color:var(--muted);align-items:center;gap:.4rem;min-height:40px;font-size:.85rem;display:flex}.ear-field select,.ear-field input{min-height:var(--control-h);border:1px solid var(--site-line-strong);border-radius:var(--radius-sm);background:var(--bg);color:var(--fg);font:.95rem var(--font-sans);padding:.5rem .7rem}.ear-field input[type=number]{width:4.5rem}.ear-chk{align-items:center;gap:.35rem;min-height:36px;font-size:.85rem;display:inline-flex}.ear-chk input{width:18px;height:18px}.ear-set{border:1px solid var(--site-line);border-radius:var(--radius-sm);margin:.4rem 0;padding:.3rem .7rem .5rem}.ear-set legend{font-family:var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.68rem}.ear-chks{flex-wrap:wrap;gap:.2rem .9rem;display:flex}.ear-share-row{grid-template-columns:minmax(0,1fr) auto;gap:.5rem;margin:.6rem 0 .3rem;display:grid}.ear-share-row input{border:1px solid var(--site-line-strong);background:var(--code-bg);min-height:40px;color:var(--muted);font:.72rem var(--font-mono);border-radius:6px;padding:.3rem .5rem}@media (width<=480px){.au-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}