:root{--bg: #0f1119;--surface: #181b27;--border: #2a2f40;--text: #e2e8f0;--muted: #94a3b8;--accent: #22c55e;--orb: #f59e0b}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;padding:16px}.wrap{width:100%;max-width:min(960px,calc(100vw - 32px));margin:0 auto}h1{font-size:1.2rem;margin:0 0 8px}p.lead{margin:0 0 16px;color:var(--muted);font-size:.92rem}.panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:14px}.panel__h{font-size:1rem;margin:0 0 8px;color:var(--muted);font-weight:600}.panel__hint{margin:0 0 12px;font-size:.88rem;color:var(--muted)}.chord-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}@media(max-width:420px){.chord-type-grid{grid-template-columns:1fr}}.chord-type-row{display:flex;align-items:flex-start;gap:8px;font-size:.86rem;color:var(--text);cursor:pointer}.chord-type-row input{margin-top:3px;flex-shrink:0}.type-actions{display:flex;gap:8px;margin-top:12px}.btn-small{padding:6px 10px;font-size:.82rem}.chord-slot--sm .chord-slot__orb{width:44px;height:44px}.chord-slot--sm .chord-slot__label{font-size:1.1rem}.chord-title{text-align:center;font-size:2rem;font-weight:700;letter-spacing:.04em;margin:8px 0 20px}.slots{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;margin:12px 0 8px}.chord-slot{width:88px;min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.chord-slot__orb{width:56px;height:56px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fde68a,var(--orb));box-shadow:0 4px 14px #f59e0b59}.chord-slot__label{font-size:1.35rem;font-weight:600;color:var(--accent)}.row{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-bottom:10px}label{display:grid;gap:4px;font-size:.85rem;color:var(--muted)}select{min-width:120px;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:#0f1419;color:var(--text)}button{padding:10px 14px;border-radius:8px;border:1px solid var(--border);background:#252a36;color:var(--text);cursor:pointer;font-size:.95rem}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:#ca8a04;border-color:#eab308;color:#0f1119;font-weight:600}.input-meter{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:.85rem;color:var(--muted)}.input-meter__bar{flex:1;height:8px;background:#0f1419;border-radius:4px;overflow:hidden;border:1px solid var(--border)}.input-meter__fill{height:100%;width:0%;background:linear-gradient(90deg,#22c55e,#86efac);transition:width .06s linear}.status{margin-top:10px;font-size:.9rem;color:var(--muted)}.status.ok{color:var(--accent)}.detected{margin-top:6px;font-size:.88rem;color:var(--muted)}.back{display:inline-block;margin-bottom:14px;color:#93c5fd;text-decoration:none;font-size:.9rem}.back:hover{text-decoration:underline}.wrap.wrap--neck-wide{max-width:min(1400px,calc(100vw - 24px))}.neck-panel{overflow-x:auto;padding-bottom:8px}@media(max-width:640px){.neck-panel{overflow-x:hidden;overflow-y:auto;max-height:min(78vh,720px)}.neck-svg-wrap{min-width:0;width:100%;max-width:none}.neck-svg-wrap--vertical{width:auto;max-width:min(230px,calc(100% - 8px));margin-inline:auto;overflow:visible}.neck-svg--vertical{display:block;width:100%;height:auto;overflow:visible}}.neck-svg-wrap{min-width:0;width:100%;background:#f8fafc;border-radius:10px;border:1px solid #cbd5e1;padding:8px;box-sizing:border-box}@media(min-width:641px){.neck-svg-wrap{min-width:640px;width:auto}}.neck-svg{display:block;width:100%;height:auto}.neck-controls{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:flex-end}.neck-controls label{display:flex;flex-direction:column;gap:4px;font-size:.82rem;color:var(--muted)}.neck-controls select,.neck-controls input[type=text]{min-width:140px;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:.9rem}.neck-controls input[type=text]{min-width:min(320px,100%);flex:1}.neck-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.neck-legend{margin:10px 0 0;font-size:.85rem;color:var(--muted);line-height:1.6}.neck-legend-title{color:var(--text);font-weight:600}.neck-legend-hint{color:var(--muted)}.neck-voicing-chip{display:inline-block;margin:0;padding:3px 10px 3px 22px;border-radius:999px;font-size:.8rem;color:#0f172a;background:#f1f5f9;border:1px solid #cbd5e1;position:relative}button.neck-voicing-chip{cursor:pointer;font-family:inherit}button.neck-voicing-chip:hover:not(:disabled){border-color:var(--chip);background:#fff}.neck-voicing-chip--active{border-color:var(--chip);box-shadow:0 0 0 2px color-mix(in srgb,var(--chip) 40%,transparent);font-weight:600}.neck-voicing-chip:before{content:"";position:absolute;left:8px;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;background:var(--chip)}.neck-legend-chips{display:flex;flex-wrap:wrap;gap:6px 8px;margin-top:8px}.neck-legend-rows{display:flex;flex-direction:column;gap:8px;margin-top:8px}.neck-legend-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}.neck-legend-set{flex:0 0 108px;font-size:.78rem;font-weight:600;color:var(--text)}.neck-focus-clear{margin-left:6px;padding:2px 8px;font-size:.78rem;font-family:inherit;color:var(--accent);background:transparent;border:1px solid var(--border);border-radius:6px;cursor:pointer}.neck-focus-clear:hover{border-color:var(--accent)}.neck-voicing-chip--off{opacity:.45;color:var(--muted)}.neck-iv-key{display:inline-flex;gap:10px;margin-left:8px;font-size:.78rem;color:var(--muted)}.neck-iv-i{color:#2563eb;font-weight:600}.neck-iv-v{color:#ea580c;font-weight:600}.neck-iv-shared{color:#7c3aed;font-weight:600}.neck-voicing-chip--iv{--chip: #2563eb;padding-left:10px}.neck-voicing-chip--iv:before{display:none}.neck-voicing-chip--iv .neck-iv-i,.neck-voicing-chip--iv .neck-iv-v{margin-right:6px}.neck-shape-hull{cursor:pointer}.neck-status{margin:8px 0 0;font-size:.88rem;color:var(--accent)}.neck-print-lead{margin:0 0 12px;font-size:.85rem;color:var(--muted)}.neck-print-actions{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:flex-end}.neck-print-actions label{display:flex;flex-direction:column;gap:4px;font-size:.82rem;color:var(--muted)}.neck-print-actions select{min-width:260px}.triad-quiz{--filter-gap: 8px;--block-gap: 26px}.triad-quiz .back{margin-bottom:4px}.triad-quiz-header{margin-bottom:10px}.triad-quiz h1{font-size:1.1rem;margin:0 0 2px}.triad-quiz .lead{margin:0 0 8px;font-size:.82rem;line-height:1.45}.triad-quiz-intro__how{margin:0;font-size:.8rem;line-height:1.45;color:var(--muted)}.triad-quiz-intro__how strong{color:var(--text);font-weight:600}.triad-quiz-intro__how em{font-style:normal;color:var(--text)}.triad-quiz .panel{padding:12px 14px;margin-bottom:10px}.triad-quiz .panel__h{font-size:.92rem;margin:0 0 6px}.triad-quiz .panel__h--inline{margin:0;flex-shrink:0}.panel--filters{padding-top:10px;padding-bottom:10px}.filters-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--border)}.filters-toolbar__row{display:flex;flex-wrap:wrap;align-items:center;gap:8px calc(var(--block-gap) * .75);flex:1;min-width:0}@media(max-width:720px){.filters-toolbar__item--inversion{flex:1 1 100%;border-left:none;border-right:none;padding-left:0;padding-right:0;margin-inline:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding-block:calc(var(--block-gap) * .65);margin-block:calc(var(--block-gap) * .25)}}.filters-toolbar__item{display:flex;align-items:center;gap:6px;min-width:0}.filters-toolbar__item--grow{flex:1 1 180px}.filters-toolbar__item--inversion{flex:1 1 200px;border-left:1px solid var(--border);border-right:1px solid var(--border);padding-left:var(--block-gap);padding-right:var(--block-gap);margin-inline:calc(var(--block-gap) * .35)}.filters-toolbar__item--audio{margin-left:auto;gap:4px}.filters-toolbar__label{font-size:.72rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.filters-toolbar__chips{display:flex;align-items:center;gap:6px}.filters-toolbar__chips--wrap{flex-wrap:wrap}.filters-toolbar__field{display:flex;align-items:center;gap:6px;font-size:.72rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.filters-toolbar__field select{min-width:0;width:4.2rem;padding:4px 6px;font-size:.82rem}.filters-toolbar__field input[type=number]{min-width:0;width:2.6rem;padding:4px;font-size:.82rem}.filters-toolbar__field--gain{gap:4px}.filters-toolbar__field--gain input[type=range]{width:4.5rem;height:1.1rem;margin:0;accent-color:var(--accent, #6b9fff);cursor:pointer}.filters-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) minmax(0,.95fr);column-gap:var(--block-gap);align-items:start}.filters-grid>.filter-block{padding-right:calc(var(--block-gap) * .35)}.filters-grid>.filter-block+.filter-block{border-left:1px solid var(--border);padding-left:var(--block-gap);margin-left:calc(var(--block-gap) * -.5)}@media(max-width:960px){.filters-grid{grid-template-columns:1fr 1fr;column-gap:var(--block-gap)}.filters-grid>.filter-block+.filter-block{border-left:none;padding-left:0;margin-left:0}.filters-grid>.filter-block:nth-child(2){border-left:1px solid var(--border);padding-left:var(--block-gap);margin-left:calc(var(--block-gap) * -.5)}.filter-block--strings{grid-column:1 / -1;border-left:none!important;padding-left:0!important;margin-left:0!important;border-top:1px solid var(--border);padding-top:var(--block-gap);margin-top:calc(var(--block-gap) * .65)}}@media(max-width:560px){.filters-grid{grid-template-columns:1fr;column-gap:0}.filters-grid>.filter-block{padding-right:0}.filters-grid>.filter-block:nth-child(2){border-left:none;padding-left:0;margin-left:0}.filters-grid>.filter-block+.filter-block{border-top:1px solid var(--border);padding-top:var(--block-gap);margin-top:calc(var(--block-gap) * .65)}.filter-block--strings{margin-top:calc(var(--block-gap) * .65);padding-top:var(--block-gap)}}.filter-block{min-width:0}.filter-block__head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.filter-section__title{font-size:.72rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;margin:0 0 4px}.filter-block__head .filter-section__title,.species-col>.filter-section__title{margin-bottom:0}.type-actions--inline{margin:0;gap:4px}.type-actions--inline .btn-small{padding:3px 8px;font-size:.75rem}.filter-grid{display:grid;gap:2px 8px}.filter-grid--roots{grid-template-columns:repeat(4,minmax(0,1fr))}@media(min-width:900px){.filter-grid--roots{grid-template-columns:repeat(6,minmax(0,1fr))}}#root-checks .filter-chip{font-size:.72rem}.filter-grid--species{grid-template-columns:1fr 1fr;gap:2px 6px}.strings-cols{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:0;width:100%}.strings-group{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px 10px;min-width:0;flex:1 1 auto}.strings-group[hidden]{display:none!important}.strings-cols--triad-only .strings-group,.strings-cols--quad-only .strings-group{flex:1 1 100%;padding:0;margin:0;border:none}.filter-block--strings>.filter-section__title{display:block;margin-bottom:6px}.strings-cols--triad-only .strings-group__head,.strings-cols--quad-only .strings-group__head{display:none}.strings-cols--both .strings-group+.strings-group{border-left:1px solid var(--border);padding-left:var(--block-gap);margin-left:calc(var(--block-gap) * -.5)}.strings-cols--both .strings-group:first-child{padding-right:calc(var(--block-gap) * .35)}.strings-group__head{flex-shrink:0;margin:0;font-size:.72rem;font-weight:700;color:var(--muted);text-transform:uppercase;line-height:1}.strings-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;min-width:0;flex:1 1 0}@media(max-width:640px){.strings-cols--both{flex-direction:column;align-items:stretch}.strings-cols--both .strings-group{flex:1 1 100%}.strings-cols--both .strings-group+.strings-group{border-left:none;padding-left:0;margin-left:0;border-top:1px solid var(--border);padding-top:calc(var(--block-gap) * .75);margin-top:calc(var(--block-gap) * .65)}.strings-cols--both .strings-group:first-child{padding-right:0}}.species-cols{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--block-gap)}.species-col+.species-col{border-left:1px solid var(--border);padding-left:var(--block-gap);margin-left:calc(var(--block-gap) * -.5)}.species-col:first-child{padding-right:calc(var(--block-gap) * .35)}@media(max-width:560px){.species-cols{grid-template-columns:1fr;gap:0}.species-col+.species-col{border-left:none;padding-left:0;margin-left:0;border-top:1px solid var(--border);padding-top:var(--block-gap);margin-top:calc(var(--block-gap) * .65)}.species-col:first-child{padding-right:0}.filters-toolbar__item--audio{margin-left:0}}.filter-chip{display:flex;align-items:center;gap:4px;font-size:.78rem;cursor:pointer;line-height:1.2;padding:1px 0}.filter-chip--dense{font-size:.76rem}.filter-chip input{margin:0;flex-shrink:0}@media(max-width:560px){.filter-grid--roots{grid-template-columns:repeat(4,minmax(0,1fr))}}.panel--round{padding-top:10px}.triad-quiz--playing .triad-quiz-intro--hidden{display:none}.triad-quiz--playing .panel--round{border-color:#f59e0b40}.play-stage{text-align:center;padding:8px 12px 12px;min-height:5.5rem}.play-stage--active{padding:20px 16px 16px;min-height:9rem}.triad-quiz-challenge{font-size:clamp(1.05rem,2.5vw,1.35rem);font-weight:700;margin:0;line-height:1.3}.play-stage--active .triad-quiz-challenge{font-size:clamp(1.75rem,6vw,2.85rem);letter-spacing:-.02em}.play-stage--calibrating .triad-quiz-challenge--test-note{font-size:clamp(3rem,14vw,5.5rem);color:var(--orb, #f59e0b);line-height:1}.play-stage--calibrating .challenge-meta{font-size:clamp(.9rem,2.5vw,1.1rem)}.challenge-meta{margin:6px 0 0;font-size:.82rem;color:var(--muted);line-height:1.35}.play-stage--active .challenge-meta{font-size:clamp(1.1rem,3.4vw,1.6rem);font-weight:600;margin-top:10px;color:var(--text)}.streak-timer{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:.2rem .35rem;margin:12px 0 4px;font-variant-numeric:tabular-nums}.streak-timer__elapsed{font-size:clamp(2rem,8vw,3.2rem);font-weight:800;line-height:1;color:var(--orb, #f59e0b)}.streak-timer__avg{font-size:clamp(1rem,3.5vw,1.25rem);font-weight:700;color:var(--accent, #6b9fff)}.streak-timer__sep,.streak-timer__unit,.streak-timer__hits{font-size:clamp(.85rem,2.5vw,1rem);font-weight:600;color:var(--muted)}.streak-timer__unit--big{font-size:clamp(1.1rem,4vw,1.45rem);color:var(--orb, #f59e0b)}.streak-timer__hits{width:100%;text-align:center;font-size:.78rem;margin-top:2px}.metro-wrap{margin:14px auto 0;max-width:20rem}.triad-quiz-countdown-metro{font-size:clamp(2.5rem,10vw,4.25rem);font-weight:800;line-height:1;font-variant-numeric:tabular-nums;color:var(--orb, #f59e0b);margin:0}.triad-quiz-countdown-metro--pulse{animation:metro-pulse .35s ease-out}.triad-quiz-countdown-metro--done{color:var(--accent, #22c55e);font-size:clamp(2rem,8vw,3rem)}@keyframes metro-pulse{0%{transform:scale(1);opacity:1}40%{transform:scale(1.12);opacity:1}to{transform:scale(1);opacity:.92}}.metro-dots{display:flex;justify-content:center;gap:6px;margin-top:10px;flex-wrap:wrap}.metro-dot{width:8px;height:8px;border-radius:50%;background:var(--orb, #f59e0b);opacity:.35;transition:opacity .15s,transform .15s}.metro-dot--spent{opacity:.12;transform:scale(.85)}.metro-dot--current{opacity:1;transform:scale(1.2);box-shadow:0 0 8px #f59e0b8c}.status--round{margin:10px 0 0;font-size:.84rem}.triad-quiz-countdown{flex-shrink:0;min-width:2.5rem;font-size:1.75rem;font-weight:800;text-align:center;color:var(--orb, #f59e0b);margin:0;line-height:1;font-variant-numeric:tabular-nums}.triad-quiz-countdown:empty{display:none}.triad-quiz-countdown--done{color:var(--accent, #22c55e);font-size:.88rem;font-weight:600}.triad-quiz-board--hidden{visibility:hidden;height:0;overflow:hidden;margin:0;padding:0;border:none}.solution-wrap{text-align:center;margin:0 0 10px;padding:6px 8px 4px}.solution-countdown{font-size:1.35rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;color:var(--accent, #22c55e)}.solution-dots{display:flex;justify-content:center;gap:5px;margin-top:8px;flex-wrap:wrap;max-width:22rem;margin-left:auto;margin-right:auto}.solution-dot{width:10px;height:10px;border-radius:2px;background:var(--accent, #22c55e);opacity:1;transition:opacity .25s ease,transform .25s ease}.solution-dot--spent{opacity:0;transform:scale(.4)}.solution-dot--current{transform:scale(1.15);box-shadow:0 0 7px #22c55e73}.triad-quiz-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.triad-quiz-actions--round{margin-top:10px}.triad-quiz-actions button{padding:8px 12px;font-size:.88rem}.triad-quiz-legend .neck-legend-rows{margin-top:6px}.play-stage .triad-quiz-audio{margin:10px auto 0;max-width:min(100%,540px);width:100%;flex-direction:column;align-items:stretch;text-align:center}.live-note-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:10px 0 8px;min-height:2rem}.live-note-chip{display:inline-flex;align-items:center;padding:6px 14px;border-radius:999px;font-size:1.05rem;font-weight:700;line-height:1.2;border:2px solid transparent}.live-note-chip--target{background:#fbbf2426;border-color:#f59e0b;color:#fcd34d;font-size:1.15rem}.live-note-chip--target-soft{background:#ffffff0a;border-color:var(--border);color:var(--muted);font-size:.95rem}.live-note-chip--live{background:#fbbf2438;border-color:#fbbf24;color:#fef3c7;animation:live-chip-pulse .7s ease-in-out infinite alternate}.live-note-chip--saved{background:#22c55e2e;border-color:#22c55e;color:#bbf7d0}.live-note-chip--saved-1{background:#3b82f62e;border-color:#3b82f6;color:#bfdbfe}.live-note-chip--saved-2{background:#a855f72e;border-color:#a855f7;color:#e9d5ff}.live-note-chip--saved-3{background:#f472b62e;border-color:#f472b6;color:#fbcfe8}@keyframes live-chip-pulse{0%{transform:scale(1);box-shadow:0 0 #fbbf2400}to{transform:scale(1.04);box-shadow:0 0 14px #fbbf2459}}.live-neck-wrap{margin:4px 0 0;width:100%}.live-neck-board{width:100%;overflow-x:auto}.live-neck-board svg{display:block;margin:0 auto;max-width:100%;height:auto}.audio-wave{display:block;width:100%;height:56px;border-radius:8px;border:1px solid var(--border);background:#0a0d12}.audio-signal-level{margin:4px 0 0;font-size:.78rem;color:var(--muted)}.audio-signal-level--ok{color:var(--accent, #22c55e);font-weight:600}.triad-quiz-audio--live{border-color:#22c55e59;background:#22c55e0f;padding:8px 12px}.triad-quiz-audio--live .detected{color:var(--orb, #f59e0b);font-weight:700;font-size:.95rem}.triad-quiz-audio{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0 0 8px;padding:6px 10px;border-radius:8px;border:1px solid var(--border);background:#ffffff05;font-size:.82rem}.triad-quiz-audio .detected,.triad-quiz-played{margin:0;color:var(--muted)}.triad-quiz-played{color:var(--text);flex:1;min-width:12rem}.triad-quiz-played--ok{color:var(--accent, #22c55e);font-weight:600}.triad-quiz-target{display:inline-block;margin-top:4px;padding:2px 8px;border-radius:999px;background:#f59e0b26;color:#fbbf24;font-size:.82rem}.detect-log-wrap{margin-top:8px;width:100%;font-size:.78rem}.detect-log-wrap summary{cursor:pointer;font-weight:600;color:var(--muted)}.detect-log-summary{margin:6px 0 4px;color:var(--text);line-height:1.4}.detect-log-summary--ok{color:var(--accent, #22c55e)}.detect-log-summary--warn{color:#fbbf24}.detect-log-view{margin:0 0 6px;padding:8px;max-height:12rem;overflow:auto;border-radius:6px;background:#00000040;border:1px solid var(--border);font-size:.72rem;line-height:1.35;white-space:pre-wrap;word-break:break-word}.detect-log-actions{display:flex;gap:6px;flex-wrap:wrap}