:root{color-scheme:dark;--bg:#0e0d12;--panel:#17161d;--panel-2:#1f1e27;--text:#ece9f1;--muted:#9a94a8;--accent:#1db954;--accent-2:#b98fff;--border:#2a2833;--ink-green:#45d67e;--ink-blue:#79a8ff;--ink-gold:#e0c04d;--ink-red:#ff8a8a;--ink-orange:#ffb454;--ink-violet:#b79cff;--ink-cyan:#7dd3fc;--warn-ink:#f5d9a8;--warn-bg:rgba(245,180,80,0.1);--warn-border:rgba(245,180,80,0.35);--veil:rgba(255,255,255,0.04);--veil-strong:rgba(255,255,255,0.07);--panel-veil:rgba(23,22,29,0.5);--ring-minor:#191822;--ring-hover:#33304a;--dj-hit-bg:#24402f;--dj-hit-ink:#cfe8d8;--badge-blue-bg:#2b3a56;--badge-violet-bg:#3a2b4e}:root[data-theme=light]{color-scheme:light;--bg:#f4f2f8;--panel:#ffffff;--panel-2:#eceaf2;--text:#221d2c;--muted:#665e75;--accent:#108a40;--accent-2:#7434ee;--border:#d7d2e0;--ink-green:#0e7a39;--ink-blue:#2d5fc7;--ink-gold:#8f6b00;--ink-red:#c22f2f;--ink-orange:#a8560a;--ink-violet:#6d28d9;--ink-cyan:#0b7285;--warn-ink:#7a4e08;--warn-bg:rgba(200,140,30,0.1);--warn-border:rgba(180,120,20,0.4);--veil:rgba(0,0,0,0.04);--veil-strong:rgba(0,0,0,0.07);--panel-veil:#ffffff;--ring-minor:#e4e0eb;--ring-hover:#d5cfe0;--dj-hit-bg:#cdeeda;--dj-hit-ink:#0c5a2e;--badge-blue-bg:#dbe6f9;--badge-violet-bg:#eadef9}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){color-scheme:light;--bg:#f4f2f8;--panel:#ffffff;--panel-2:#eceaf2;--text:#221d2c;--muted:#665e75;--accent:#108a40;--accent-2:#7434ee;--border:#d7d2e0;--ink-green:#0e7a39;--ink-blue:#2d5fc7;--ink-gold:#8f6b00;--ink-red:#c22f2f;--ink-orange:#a8560a;--ink-violet:#6d28d9;--ink-cyan:#0b7285;--warn-ink:#7a4e08;--warn-bg:rgba(200,140,30,0.1);--warn-border:rgba(180,120,20,0.4);--veil:rgba(0,0,0,0.04);--veil-strong:rgba(0,0,0,0.07);--panel-veil:#ffffff;--ring-minor:#e4e0eb;--ring-hover:#d5cfe0;--dj-hit-bg:#cdeeda;--dj-hit-ink:#0c5a2e;--badge-blue-bg:#dbe6f9;--badge-violet-bg:#eadef9}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;min-height:100vh}main{max-width:960px;margin:0 auto;padding:2rem 1.25rem 4rem}header.site{border-bottom:1px solid var(--border);padding-bottom:1.25rem;margin-bottom:1.5rem}header.site h1{margin:0;font-size:2rem;letter-spacing:.02em}header.site h1 span{color:var(--accent)}header.site p{margin:.35rem 0 0;color:var(--muted)}.sync-row{display:flex;align-items:center;gap:.7rem;margin-top:.9rem;flex-wrap:wrap}.sync-btn{background:transparent;border:1px solid var(--accent);border-radius:8px;color:var(--accent);font-family:inherit;font-size:.85rem;font-weight:600;padding:.45rem .9rem;cursor:pointer}.sync-btn:hover:not(:disabled){background:var(--accent);color:#06210f}.sync-btn:disabled{opacity:.5;cursor:default}.sync-msg{color:var(--muted);font-size:.85rem}.search-row{display:flex;gap:.5rem;margin-bottom:1.5rem}.search-row input{flex:1 1;background:var(--panel);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:1rem;padding:.7rem .9rem}.search-row input:focus{outline:2px solid var(--accent);outline-offset:-1px}.search-row button{background:var(--accent);border:none;border-radius:8px;color:#06210f;font-size:1rem;font-weight:600;padding:0 1.4rem;cursor:pointer}.search-row button:disabled{opacity:.5;cursor:default}.notice{background:var(--panel);border:1px solid var(--border);border-left:4px solid var(--accent-2);border-radius:8px;padding:.9rem 1.1rem;color:var(--muted);margin-bottom:1.5rem}.notice code{color:var(--text)}h2.section{font-size:.85rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin:2rem 0 .75rem}.track-list{display:flex;flex-direction:column;gap:.4rem}.track{display:flex;align-items:center;gap:.8rem;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:.5rem .8rem;text-decoration:none;color:var(--text)}.track:hover{background:var(--panel-2)}.track img{width:44px;height:44px;border-radius:4px;object-fit:cover}.track .meta{min-width:0}.track .meta .name{font-weight:600}.track .meta .artists,.track .meta .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track .meta .artists{color:var(--muted);font-size:.85rem}.playlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:.8rem;gap:.8rem}.playlist-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:.7rem;cursor:pointer;text-align:left;color:var(--text);font-family:inherit;font-size:.9rem}.playlist-card:hover{background:var(--panel-2)}.playlist-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;margin-bottom:.5rem}.playlist-card .name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-card .owner{color:var(--muted);font-size:.8rem}.error{color:var(--ink-red);margin:1rem 0}.muted{color:var(--muted)}.nav-link{border:1px solid var(--accent-2);border-radius:8px;color:var(--accent-2);font-size:.85rem;font-weight:600;padding:.45rem .9rem;text-decoration:none}.nav-link:hover{background:var(--accent-2);color:#1a0f2e}.rec-filters{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.8rem}.chip{background:var(--panel);border:1px solid var(--border);border-radius:999px;color:var(--muted);cursor:pointer;font-family:inherit;font-size:.78rem;padding:.3rem .7rem}.chip:hover{background:var(--panel-2)}.chip.on{border-color:var(--accent);color:var(--text)}.chip.midi{color:#57c7c7}.chip.on.midi{border-color:#57c7c7;color:var(--text)}.chip .n{color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-left:.25rem}.rec-count{font-size:.82rem;margin:0 0 .6rem}.rec-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:10px}.rec-table{border-collapse:collapse;width:100%;font-size:.85rem;white-space:nowrap}.rec-table th{background:var(--panel-2);color:var(--muted);font-weight:600;text-align:left;text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;padding:.55rem .7rem;position:-webkit-sticky;position:sticky;top:0}.rec-table td{border-top:1px solid var(--border);padding:.5rem .7rem;vertical-align:top}.rec-table tbody tr:hover{background:var(--panel)}.rec-table .num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rec-table .dim{color:var(--muted)}.rec-name{white-space:normal;min-width:200px;font-weight:600}.rec-name a{color:var(--text);text-decoration:none}.rec-name a:hover{color:var(--accent)}.rec-table .chords{white-space:normal;min-width:220px;color:var(--accent-2);font-size:.82rem}.badge{border-radius:999px;font-size:.72rem;font-weight:600;padding:.15rem .5rem;white-space:nowrap}.progression{display:flex;flex-direction:column;gap:.25rem;align-items:flex-start}.progression-pattern{background:var(--panel-2);border:1px solid var(--border);color:var(--muted);white-space:normal}.key-cell{display:flex;flex-direction:column;gap:.22rem;align-items:flex-start}.badge.modulation,.fact.modulation{background:rgba(168,130,255,.16);color:var(--ink-violet);border:1px solid rgba(168,130,255,.5);white-space:normal}.sheet-cell{white-space:nowrap}.sheet-cell a{color:var(--accent);text-decoration:none;margin-right:.35rem}.sheet-up{background:var(--panel);border:1px solid var(--border);border-radius:999px;color:var(--muted);cursor:pointer;font-family:inherit;font-size:.75rem;line-height:1;padding:.2rem .45rem}.sheet-up:hover:not(:disabled){background:var(--panel-2);color:var(--text)}.sheet-up:disabled{cursor:default;opacity:.6}.conf-human-verified{background:rgba(29,185,84,.16);color:var(--ink-green);border-color:rgba(29,185,84,.5)}.conf-cross-validated{background:rgba(90,150,255,.16);color:var(--ink-blue);border-color:rgba(90,150,255,.5)}.conf-single-source{background:rgba(225,190,70,.16);color:var(--ink-gold);border-color:rgba(225,190,70,.5)}.conf-conflicting{background:rgba(255,120,120,.16);color:var(--ink-red);border-color:rgba(255,120,120,.5)}.conf-unverified{background:rgba(154,148,168,.16);color:var(--muted);border-color:rgba(154,148,168,.4)}.credits{color:var(--muted);font-size:.78rem;line-height:1.5;margin-top:2rem;border-top:1px solid var(--border);padding-top:1rem}.sort-select{background:var(--panel);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:inherit;font-size:.9rem;padding:0 .8rem}.facet{margin-bottom:.7rem}.facet-label{display:flex;align-items:center;gap:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.35rem}.facet-label,.mode-toggle{color:var(--muted);font-size:.72rem}.mode-toggle{background:var(--panel);border:1px solid var(--border);border-radius:999px;cursor:pointer;font-family:inherit;padding:.15rem .6rem;text-transform:none;letter-spacing:normal}.mode-toggle.on{border-color:var(--accent);color:var(--accent)}.chip.chord{color:var(--accent-2)}.chip.on.chord{border-color:var(--accent-2)}.chip.static{cursor:default;color:var(--text)}.chip.playable{cursor:pointer;color:var(--text);transition:background .12s,border-color .12s,color .12s}.chip.playable:hover{background:var(--panel-2);border-color:var(--accent-2);color:var(--text)}.chip.playable.ringing,.chip.playable.ringing:hover{background:var(--accent-2);border-color:var(--accent-2);color:var(--bg)}.chord-play{background:none;border:0;border-radius:4px;color:inherit;cursor:pointer;font:inherit;padding:0 .15em;margin:0;transition:background .12s,color .12s}.chord-play:hover{background:var(--panel-2);color:var(--text)}.chord-play.ringing,.chord-play.ringing:hover{background:var(--accent-2);color:var(--bg)}.chip.playable:focus-visible,.chord-play:focus-visible{outline:2px solid var(--accent-2);outline-offset:1px}.chord-run-btn{background:none;border:1px solid var(--border);border-radius:999px;color:var(--muted);cursor:pointer;font-family:inherit;font-size:.72rem;margin-left:.4rem;padding:.12rem .5rem;white-space:nowrap}.chord-run-btn:hover{border-color:var(--accent-2);color:var(--text)}.chord-run-btn.on{border-color:var(--accent-2);color:var(--accent-2)}.play-hint{margin-top:.5rem}.roman-in-key{overflow-wrap:anywhere}.roman-chords{color:var(--accent-2)}@media (prefers-reduced-motion:reduce){.chip.playable,.chord-play{transition:none}}.more-filters{color:var(--muted);font-size:.8rem;padding:.2rem 0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.clear-filters,.more-filters{background:none;border:none;cursor:pointer;font-family:inherit}.clear-filters{color:var(--accent);font-size:inherit;padding:0;text-decoration:underline}.song-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:.7rem;gap:.7rem}.song-card{display:flex;flex-direction:column;gap:.45rem;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:.8rem .9rem;color:var(--text);text-decoration:none}.song-card:hover{background:var(--panel-2);border-color:var(--accent)}.song-card-head{display:flex;flex-direction:column}.song-title{font-weight:600;line-height:1.25}.song-artist{color:var(--muted);font-size:.82rem}.verified{color:var(--accent);margin-left:.35rem;font-size:.85em}.verified.big{font-size:.6em;vertical-align:middle}.song-facts{display:flex;flex-wrap:wrap;gap:.35rem}.fact{background:var(--panel-2);border:1px solid var(--border);border-radius:6px;color:var(--muted);font-size:.75rem;padding:.1rem .45rem;white-space:nowrap}.fact.key{color:var(--accent);border-color:rgba(29,185,84,.4)}.song-facts.big .fact{font-size:.85rem;padding:.2rem .6rem}.song-chords{color:var(--accent-2);font-size:.82rem;line-height:1.4}.song-nav{margin-bottom:1.2rem}.song-head h1{margin:0;font-size:1.7rem;line-height:1.2}.song-artist-line{color:var(--muted);margin:.25rem 0 .8rem;font-size:1.05rem}.spotify-embed{border:0;border-radius:12px;margin:1rem 0 .4rem}.song-section{margin-top:1.6rem}.chip-row{display:flex;flex-wrap:wrap;gap:.35rem}.structure-bar{display:flex;gap:2px;border-radius:8px;overflow:hidden;margin-bottom:.8rem}.structure-seg{flex-basis:0;min-width:1.4rem;padding:.35rem 0;text-align:center;font-size:.75rem;font-weight:700;color:#0d0c11}.seg-0{background:#45d67e}.seg-1{background:#79a8ff}.seg-2{background:#b98fff}.seg-3{background:#e0c04d}.seg-4{background:#ff9d76}.seg-5{background:#6fd6d0}.section-list{display:flex;flex-direction:column;gap:.5rem}.section-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:.7rem .9rem}.section-card-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:.6rem;margin-bottom:.35rem;font-size:.85rem}.section-label{font-weight:700}.badge.cadence{background:var(--panel-2);border:1px solid var(--border);color:var(--muted)}.section-chords{color:var(--accent-2);font-size:.9rem;line-height:1.5}.section-romans{color:var(--muted);font-size:.82rem;margin-top:.25rem;line-height:1.5}.progression-text{color:var(--accent-2);line-height:1.6;font-size:.92rem;overflow-wrap:anywhere}.theory-grid{display:flex;flex-direction:column;gap:.8rem}.theory-row .facet-label{margin-bottom:.3rem}.dim{color:var(--muted)}@media (max-width:560px){.song-grid{grid-template-columns:1fr}.song-head h1{font-size:1.4rem}}.transpose-ctl{display:inline-flex;align-items:center;gap:.4rem;margin-left:.8rem;text-transform:none;letter-spacing:normal}.transpose-val{color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:1.6rem;text-align:center}.transpose-val.on{color:var(--accent);font-weight:700}.transpose-key{color:var(--accent);font-weight:600}.transpose-hint{font-size:.8rem;margin:.5rem 0 0}.metronome{display:flex;align-items:center;gap:.5rem;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:.55rem .8rem;margin-top:.8rem;width:-moz-fit-content;width:fit-content}.metro-play{background:var(--accent);border:none;border-radius:999px;color:#06210f;cursor:pointer;font-size:.85rem;width:2rem;height:2rem;line-height:1}.metro-play.on{background:#ff8a8a;color:#2b0b0b}.metro-bpm{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600;min-width:4.4rem;text-align:center}.metro-meter{font-size:.8rem}.loop-ctl{display:inline-flex;align-items:center;gap:.5rem;margin-left:auto}.loop-btn{background:var(--panel-2);border:1px solid var(--border);border-radius:999px;color:var(--muted);cursor:pointer;font-family:inherit;font-size:.75rem;padding:.2rem .6rem}.loop-btn:hover{color:var(--text);border-color:var(--accent)}.loop-btn.on{background:rgba(255,138,138,.15);border-color:rgba(255,138,138,.5);color:var(--ink-red)}.loop-pos{color:var(--accent);font-size:.75rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.section-card.looping{border-color:var(--accent)}main.home{max-width:1040px}.hero{padding:1.5rem 0 2rem;border-bottom:1px solid var(--border);margin-bottom:2rem}.hero h1{font-size:clamp(2.4rem,6vw,3.6rem);margin:0;letter-spacing:-.02em}.hero h1 span{color:var(--accent)}.hero-tag{color:var(--muted);font-size:1.1rem;line-height:1.5;max-width:46ch;margin:.7rem 0 1.4rem}.hero-cta{display:flex;flex-wrap:wrap;gap:.6rem}.btn-ghost,.btn-primary{border-radius:999px;font-size:.95rem;font-weight:600;padding:.6rem 1.3rem;text-decoration:none}.btn-primary{background:var(--accent);color:#06210f}.btn-primary:hover{filter:brightness(1.1)}.btn-ghost{border:1px solid var(--border);color:var(--text)}.btn-ghost:hover{border-color:var(--accent-2);color:var(--accent-2)}.hero-stats{color:var(--muted);font-size:.85rem;margin:1.4rem 0 0}.hero-stats strong{color:var(--text)}.home-section{margin-bottom:2.2rem}.home-lead{font-size:.9rem;margin:-.3rem 0 .8rem;max-width:60ch}.entry-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));grid-gap:.7rem;gap:.7rem}.entry-card{display:flex;flex-direction:column;gap:.25rem;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:.9rem 1rem;text-decoration:none;color:var(--text)}.entry-card:hover{background:var(--panel-2);border-color:var(--accent)}.entry-card.ghost{border-style:dashed}.entry-title{font-weight:700;font-size:1.02rem}.entry-blurb{color:var(--muted);font-size:.82rem}.entry-count{color:var(--accent);font-size:.8rem;font-weight:600;margin-top:.2rem}.home-footer{display:flex;flex-direction:column;gap:.7rem;align-items:flex-start;border-top:1px solid var(--border);padding-top:1.2rem;margin-top:1rem;font-size:.8rem;line-height:1.5}.stars-badge{font-size:.8rem;letter-spacing:.06em;white-space:nowrap}.chip.stars,.stars-badge{color:var(--ink-gold)}.chip.stars.on{border-color:var(--ink-gold)}.bpm-readout{color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-transform:none;letter-spacing:normal}.bpm-readout.on{color:var(--accent);font-weight:700}.bpm-slider{position:relative;height:26px;margin:0 .4rem}.bpm-track{position:absolute;top:11px;left:0;right:0;height:4px;border-radius:2px;background:var(--panel-2);border:1px solid var(--border)}.bpm-fill{position:absolute;top:-1px;bottom:-1px;background:var(--accent);border-radius:2px;opacity:.75}.bpm-slider input[type=range]{position:absolute;top:0;left:0;width:100%;height:26px;margin:0;background:none;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.bpm-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;pointer-events:auto;width:18px;height:18px;border-radius:50%;background:var(--text);border:3px solid var(--accent);cursor:-webkit-grab;cursor:grab}.bpm-slider input[type=range]::-moz-range-thumb{pointer-events:auto;width:15px;height:15px;border-radius:50%;background:var(--text);border:3px solid var(--accent);cursor:grab}.bpm-scale{display:flex;justify-content:space-between;color:var(--muted);font-size:.68rem;margin:.1rem .4rem 0}.meter-group{margin-bottom:.4rem}.meter-group-label{color:var(--muted);font-size:.7rem;display:block;margin-bottom:.25rem}a.chip{text-decoration:none;display:inline-block}.keyboard{position:relative;height:108px;max-width:480px;margin:.2rem 0 .6rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.keyboard-whites{display:flex;height:100%;gap:2px}.key{cursor:pointer;font-family:inherit;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:.35rem;gap:.1rem;transition:background .1s}.key.white{flex:1 1;background:#efeef2;border:1px solid #cfccd8;border-radius:0 0 6px 6px;color:#2a2833;font-size:.8rem;font-weight:600}.key.white:hover{background:#fff}.key.white.on{background:var(--accent);border-color:var(--accent);color:#06210f}.key.black{position:absolute;top:0;width:9%;height:62%;transform:translateX(-50%);background:#24222c;border:1px solid #3a3745;border-radius:0 0 5px 5px;color:#cfccd8;font-size:.6rem;font-weight:600;z-index:2;line-height:1.1}.key.black:hover{background:#322f3c}.key.black.on{background:var(--accent-2);border-color:var(--accent-2);color:#1a0f2e}.key.dead{opacity:.42}.key .key-name{display:flex;flex-direction:column;align-items:center}.key.black .slash{opacity:.5}.key .alt-spelling{opacity:.45;font-weight:400}.key .key-count{font-size:.62rem;font-weight:700;opacity:.65;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.key.black .key-count{font-size:.58rem}.mode-switch{display:inline-flex;border:1px solid var(--border);border-radius:999px;overflow:hidden;margin-bottom:.5rem}.mode-switch button{background:var(--panel);border:none;color:var(--muted);cursor:pointer;font-family:inherit;font-size:.8rem;font-weight:600;padding:.3rem 1rem}.mode-switch button.on{background:var(--accent);color:#06210f}.enharmonic-note{font-size:.76rem;line-height:1.5;max-width:62ch;margin:.1rem 0 0}.panel-lead{font-size:.78rem;margin:0 0 .4rem}.panel{border:1px solid var(--border);border-radius:10px;margin-bottom:.5rem;background:var(--panel-veil)}.panel-head{justify-content:space-between;padding:.1rem .4rem .1rem .1rem}.panel-head,.panel-toggle{display:flex;align-items:center;gap:.5rem}.panel-toggle{flex:1 1;background:none;border:none;color:var(--muted);cursor:pointer;font-family:inherit;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.55rem .6rem;text-align:left}.panel-toggle:hover{color:var(--text)}.panel-toggle .caret{font-size:.7rem;width:.7rem}.panel-badge{background:var(--panel-2);border:1px solid var(--border);border-radius:999px;color:var(--accent);font-size:.68rem;letter-spacing:normal;padding:.05rem .5rem;text-transform:none}.panel-move{display:flex;gap:.15rem;opacity:0;transition:opacity .12s}.panel:focus-within .panel-move,.panel:hover .panel-move{opacity:1}.panel-move button{background:var(--panel);border:1px solid var(--border);border-radius:5px;color:var(--muted);cursor:pointer;font-size:.6rem;line-height:1;padding:.2rem .35rem}.panel-move button:hover:not(:disabled){color:var(--text);border-color:var(--accent)}.panel-move button:disabled{opacity:.25;cursor:default}.panel-body{padding:.1rem .7rem .7rem}@media (max-width:560px){.panel-move{opacity:1}.keyboard{height:92px}}.transpose-ctl.standalone{display:flex;align-items:center;gap:.4rem;margin-bottom:.6rem;font-size:.78rem}.fact.sync{color:var(--ink-orange);border-color:rgba(255,157,118,.35)}.panel-lead.footnote{margin:.5rem 0 0;font-size:.72rem}.keyboard-wrap{display:flex;align-items:flex-start;gap:.5rem}.keyboard-wrap .keyboard{flex:1 1}.key-mute{background:none;border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:.8rem;line-height:1;padding:.25rem .35rem;margin-top:.2rem}.key-mute:hover{border-color:var(--accent)}.dj-main{max-width:1320px}.dj-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;border-bottom:1px solid var(--border);padding-bottom:1rem;margin-bottom:1.25rem}.dj-head h1{margin:0 0 .25rem;font-size:1.9rem}.dj-head p{margin:0;max-width:62ch;font-size:.9rem}.dj-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:1.5rem;gap:1.5rem;align-items:start}@media (max-width:900px){.dj-grid{grid-template-columns:minmax(0,1fr)}}.dj-sub{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:1.5rem 0 .6rem;font-weight:600}.dj-sub .muted{text-transform:none;letter-spacing:0;font-weight:400}.dj-filters{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1rem}.dj-search{width:100%;padding:.55rem .7rem;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.95rem}.dj-field{margin-top:1rem}.dj-field>label{display:block;font-size:.8rem;color:var(--muted);margin-bottom:.4rem}.dj-field>label b{color:var(--text)}.dj-range{display:grid;grid-gap:.3rem;gap:.3rem}.dj-range input{width:100%;accent-color:var(--accent)}.dj-toggles{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:1rem;font-size:.85rem;color:var(--muted)}.dj-toggles label{display:flex;align-items:center;gap:.35rem;cursor:pointer}.dj-hint{font-size:.76rem;color:var(--muted);margin:.5rem 0 0;line-height:1.45}.dj-clear{margin-top:.5rem;background:none;border:1px solid var(--border);color:var(--muted);border-radius:6px;padding:.25rem .6rem;font-size:.78rem;cursor:pointer}.dj-clear.wide{width:100%;padding:.45rem}.dj-clear:hover{color:var(--text);border-color:var(--accent-2)}.dj-wheel{width:100%;max-width:300px;display:block;margin:0 auto}.dj-seg path{fill:var(--panel-2);stroke:var(--bg);stroke-width:1.5;transition:fill .12s}.dj-seg text{font-size:9px;fill:var(--muted);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dj-seg{cursor:pointer}.dj-seg:hover path{fill:var(--ring-hover)}.dj-seg.near path{fill:var(--dj-hit-bg)}.dj-seg.near text{fill:var(--dj-hit-ink)}.dj-seg.on path{fill:var(--accent)}.dj-seg.on text{fill:#06210f;font-weight:700}.dj-wheel-hub{font-size:8px;fill:var(--muted)}.dj-list,.dj-setlist{list-style:none;margin:0;padding:0;max-height:62vh;overflow-y:auto}.dj-setlist{max-height:none;counter-reset:none}.dj-list>li,.dj-setrow{display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--border)}.dj-row{display:grid;grid-template-columns:3.1rem minmax(0,1fr) 3rem auto;grid-gap:.6rem;gap:.6rem;align-items:center;flex:1 1;min-width:0;padding:.45rem .2rem;text-decoration:none;color:inherit;font-size:.88rem}.dj-row:hover{background:var(--panel)}.dj-t-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dj-t-name em{color:var(--muted);font-style:normal}.dj-t-bpm{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text)}.dj-t-meta{color:var(--muted);font-size:.8rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.dj-odd{margin-left:.4rem;color:var(--ink-orange);font-weight:600}.dj-cam{display:inline-block;text-align:center;font-size:.75rem;font-weight:700;padding:.15rem 0;border-radius:5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.dj-cam.maj{background:var(--badge-blue-bg);color:var(--ink-blue)}.dj-cam.min{background:var(--badge-violet-bg);color:var(--ink-violet)}.dj-add,.dj-cam.none{background:var(--panel-2);color:var(--muted)}.dj-add{flex:0 0 auto;width:1.6rem;height:1.6rem;border-radius:5px;border:1px solid var(--border);cursor:pointer;font-size:1rem;line-height:1}.dj-add:hover{border-color:var(--accent);color:var(--accent)}.dj-setlist>li{list-style:none}.dj-num{width:1.4rem;text-align:right;color:var(--muted);font-size:.78rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.dj-ctl{display:flex;gap:.15rem}.dj-ctl button{background:none;border:1px solid var(--border);color:var(--muted);border-radius:4px;width:1.4rem;height:1.4rem;cursor:pointer;font-size:.75rem;line-height:1}.dj-ctl button:disabled{opacity:.3;cursor:default}.dj-ctl button:hover:not(:disabled){color:var(--text);border-color:var(--accent-2)}.dj-trans{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.76rem;color:var(--muted);padding:.3rem 0 .3rem 1.9rem;border-left:3px solid transparent;margin-left:.5rem}.dj-trans-score{font-weight:700;letter-spacing:.03em}.dj-trans.great{border-left-color:var(--accent)}.dj-trans.great .dj-trans-score{color:var(--accent)}.dj-trans.good{border-left-color:var(--ink-blue)}.dj-trans.good .dj-trans-score{color:var(--ink-blue)}.dj-trans.risky{border-left-color:var(--ink-orange)}.dj-trans.risky .dj-trans-score{color:var(--ink-orange)}.dj-trans.bad{border-left-color:var(--ink-red)}.dj-trans.bad .dj-trans-score{color:var(--ink-red)}.dj-warn{color:var(--ink-orange)}.dj-pill{flex:0 0 auto;font-size:.72rem;padding:.15rem .45rem;border-radius:999px;border:1px solid var(--border);color:var(--muted);white-space:nowrap}.dj-pill.great{border-color:var(--accent);color:var(--accent)}.dj-pill.good{border-color:var(--ink-blue);color:var(--ink-blue)}.dj-pill.risky{border-color:var(--ink-orange);color:var(--ink-orange)}.dj-empty{color:var(--muted);font-size:.86rem;background:var(--panel);border:1px dashed var(--border);border-radius:10px;padding:1rem;line-height:1.5}.chromatic-list{list-style:none;margin:0;padding:0}.chromatic-list li{display:grid;grid-template-columns:auto 2.6rem minmax(0,1fr);grid-gap:.6rem;gap:.6rem;align-items:baseline;padding:.4rem 0;border-bottom:1px solid var(--border);font-size:.88rem}.chromatic-list li:last-child{border-bottom:none}.chromatic-degree{color:var(--accent-2);font-size:1rem;text-align:center}.panel-foot{font-size:.78rem;margin:.6rem 0 0;line-height:1.5}.deflist{margin:0;display:grid;grid-gap:.35rem;gap:.35rem}.deflist>div{display:grid;grid-template-columns:8.5rem minmax(0,1fr);grid-gap:.6rem;gap:.6rem;font-size:.86rem}.deflist dt{color:var(--muted)}.deflist dd{margin:0;overflow-wrap:anywhere}.conf-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.7rem}.conf-pill{font-size:.75rem;padding:.18rem .5rem;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.conf-pill b{color:var(--text);font-weight:600}.conf-pill.human-verified{border-color:var(--accent)}.conf-pill.human-verified b{color:var(--accent)}.conf-pill.cross-validated{border-color:var(--ink-blue)}.conf-pill.cross-validated b{color:var(--ink-blue)}.conf-pill.single-source{border-color:var(--ink-orange)}.conf-pill.single-source b{color:var(--ink-orange)}.conf-pill.conflicting{border-color:var(--ink-red)}.conf-pill.conflicting b{color:var(--ink-red)}.playhead{position:-webkit-sticky;position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;padding:.5rem .75rem;margin-bottom:.9rem;background:var(--panel);border:1px solid var(--border);border-radius:10px;font-size:.85rem}.playhead.on{border-color:var(--accent)}.playhead-dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--muted);flex:0 0 auto}.playhead.on .playhead-dot{background:var(--accent);animation:playhead-pulse 1s ease-in-out infinite}@keyframes playhead-pulse{50%{opacity:.25}}.playhead-bar{font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.playhead-beat{display:inline-flex;gap:.22rem}.playhead-beat i{width:.5rem;height:.5rem;border-radius:2px;background:var(--panel-2);border:1px solid var(--border)}.playhead-beat i.on{background:var(--accent);border-color:var(--accent)}.playhead-section{color:var(--muted)}.playhead-sync{margin-left:auto;display:flex;align-items:center;gap:.3rem}.playhead-offset{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:3.2rem;text-align:center}.structure-seg{position:relative;overflow:hidden}.structure-seg.playing{outline:2px solid var(--accent);outline-offset:-2px}.seg-cursor{position:absolute;top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 6px rgba(255,255,255,.9);pointer-events:none}.section-card.playing{border-color:var(--accent);background:linear-gradient(180deg,rgba(29,185,84,.08),transparent 60%)}.now-bar{color:var(--accent);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.spotify-embed-host{margin-bottom:1rem;min-height:80px}.deg-legend{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem;font-size:.75rem;color:var(--muted)}.deg-chip{display:inline-flex;align-items:center;gap:.3rem}.deg-chip i{width:.7rem;height:.7rem;border-radius:3px;display:inline-block}.modes-list{list-style:none;margin:.6rem 0 0;padding:0;display:flex;flex-direction:column;gap:.3rem}.modes-list li{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.8rem;padding:.25rem .4rem;border-radius:6px}.modes-list li.home{background:rgba(168,130,255,.1);box-shadow:inset 2px 0 0 var(--accent-2)}.mode-num{min-width:2.4em;font-weight:700;color:var(--muted)}.mode-name{min-width:9em}.mode-colour{font-weight:700;color:var(--ink-cyan);min-width:2em}.mode-home{margin-left:auto;font-size:.68rem;color:var(--accent-2);white-space:nowrap}.roll{position:relative;width:100%;height:190px;overflow:hidden;background:linear-gradient(180deg,rgba(12,11,16,.92),rgba(24,22,32,.92));border-top:1px solid var(--border);border-radius:8px 8px 0 0}.roll-idle{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#8b8698;font-size:.78rem;letter-spacing:.02em}.roll-note{position:absolute;border-radius:3px;opacity:.72;box-shadow:0 0 6px rgba(0,0,0,.5)}.roll-note.sounding{opacity:1;box-shadow:0 0 10px currentColor}.roll-note.chromatic{box-shadow:inset 0 0 0 1.5px #a5f3fc}.kbd{display:flex;width:100%;height:118px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.kbd-slot{position:relative;flex:1 1;min-width:0}.kbd-white{height:100%;background:#f4f2f7;border:1px solid #2a2833;border-radius:0 0 5px 5px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;padding-bottom:4px;color:#3b3846;font-size:.62rem}.kbd-white.on{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.45)}.kbd.dense .kbd-name{display:none}.kbd.dense .kbd-black .kbd-deg,.kbd.dense .kbd-deg{font-size:.55rem}.kbd-black{position:absolute;top:0;right:-22%;width:44%;height:62%;background:#16151b;border:1px solid #000;border-radius:0 0 4px 4px;z-index:2;display:flex;align-items:flex-end;justify-content:center;padding-bottom:3px;font-size:.6rem;color:#cfcbd8}.kbd-black.on{color:#fff}.kbd-deg{font-weight:700}.kbd-name{opacity:.75}.kbd-white.on .kbd-name{opacity:.9}.kbd-black.chromatic,.kbd-white.on[style*="06b6d4"]{box-shadow:inset 0 0 0 2px #a5f3fc}.fretboard{background:#17130f;border:1px solid var(--border);border-radius:8px;padding:.4rem .5rem;overflow-x:auto}.fret-nums,.fret-string{display:grid;grid-template-columns:1.6rem repeat(12,minmax(1.5rem,1fr));align-items:center;min-width:420px}.fret-nums{font-size:.6rem;color:#9a94a8;margin-bottom:.2rem}.fret-nums span{text-align:center}.fret-nums span.marked{color:#ece9f1;font-weight:600}.fret-string{height:1.55rem;position:relative}.fret-string:before{content:"";position:absolute;left:1.6rem;right:0;top:50%;height:1px;background:#6b5f52}.fret-cell{position:relative;height:100%;display:flex;align-items:center;justify-content:center;border-right:1px solid #3a3129}.fret-cell.open{border-right:3px solid #cbbba4}.fret-cell.capo{background:rgba(255,180,84,.16);border-right-color:#ffb454}.fret-cell.behind-capo{opacity:.32}.fret-dot{position:relative;z-index:1;width:1.15rem;height:1.15rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.58rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.fret-dot.chromatic{box-shadow:0 0 0 2px #a5f3fc}.hm{max-width:1080px}.hm-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1.5rem}.hm-mark{font-size:1.1rem;font-weight:700;letter-spacing:.02em}.hm-mark span{color:var(--accent)}.hm-nav-links{display:flex;gap:1.1rem;font-size:.9rem}.hm-nav-links a{color:var(--muted);text-decoration:none}.hm-nav-links a:hover{color:var(--text)}.hm-hero{position:relative;padding:2.5rem 0 2.75rem;border-bottom:1px solid var(--border);margin-bottom:2.75rem}.hm-hero:before{content:"";position:absolute;inset:-30% -20% 20%;background:radial-gradient(60% 55% at 25% 30%,rgba(29,185,84,.13),transparent 70%),radial-gradient(45% 45% at 80% 10%,rgba(185,143,255,.12),transparent 70%);pointer-events:none;z-index:-1}.hm-hero h1{margin:0;font-size:clamp(2.4rem,6vw,3.9rem);line-height:1.03;letter-spacing:-.025em;font-weight:800}.hm-lead{margin:1rem 0 1.75rem;max-width:46ch;color:var(--muted);font-size:1.02rem;line-height:1.55}.hm-search-wrap{max-width:620px}.hm-search{display:flex;align-items:center;gap:.5rem;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:.3rem .3rem .3rem .9rem;transition:border-color .15s,box-shadow .15s}.hm-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px rgba(29,185,84,.16)}.hm-search-icon{font-size:1.25rem;color:var(--muted);line-height:1}.hm-search input{flex:1 1;min-width:0;background:none;border:none;color:var(--text);font-size:1rem;padding:.65rem 0;outline:none}.hm-search input::placeholder{color:var(--muted)}.hm-search-go{flex:0 0 auto;background:var(--accent);color:#04240f;border:none;border-radius:9px;padding:.6rem 1.1rem;font-size:.9rem;font-weight:700;cursor:pointer}.hm-search-go:hover{filter:brightness(1.08)}.hm-search-eg{margin:.6rem 0 0;font-size:.82rem}.hm-eg{background:none;border:none;color:var(--accent-2);cursor:pointer;padding:0;font:inherit}.hm-eg:hover{text-decoration:underline}.hm-stats{display:flex;flex-wrap:wrap;gap:1.75rem;list-style:none;margin:2rem 0 0;padding:0}.hm-stats li{display:flex;flex-direction:column;font-size:.8rem;color:var(--muted)}.hm-stats b{font-size:1.5rem;color:var(--text);font-weight:700;line-height:1.1}.hm-section{margin-bottom:3rem}.hm-section h2{font-size:1.35rem;margin:0 0 .35rem;letter-spacing:-.01em}.hm-sub{margin:0 0 1.1rem;color:var(--muted);font-size:.92rem}.hm-section h2+.hm-jump,.hm-section h2+.hm-paths,.hm-section h2+.hm-songs{margin-top:1.1rem}.hm-paths{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1rem;gap:1rem}.hm-path{display:flex;flex-direction:column;gap:.5rem;padding:1.4rem;background:var(--panel);border:1px solid var(--border);border-radius:14px;text-decoration:none;color:inherit;transition:transform .15s,border-color .15s,background .15s}.hm-path:hover{transform:translateY(-3px);border-color:var(--accent);background:var(--panel-2)}.hm-path-icon{font-size:1.7rem;line-height:1}.hm-path b{font-size:1.08rem}.hm-path span:not(.hm-path-icon){color:var(--muted);font-size:.88rem;line-height:1.5}.hm-path em{margin-top:auto;padding-top:.4rem;color:var(--accent);font-style:normal;font-size:.85rem;font-weight:600}.hm-songs{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:.85rem;gap:.85rem}.hm-song{display:flex;flex-direction:column;gap:.3rem;padding:.9rem 1rem;background:var(--panel);border:1px solid var(--border);border-radius:11px;text-decoration:none;color:inherit;transition:transform .15s,border-color .15s}.hm-song:hover{transform:translateY(-2px);border-color:var(--accent-2)}.hm-song-top{display:flex;align-items:center;justify-content:space-between;gap:.4rem;font-size:.72rem}.hm-song-key{color:var(--accent);font-weight:600}.hm-song b{font-size:.95rem;line-height:1.25}.hm-song-artist{color:var(--muted);font-size:.8rem}.hm-song-chords{margin-top:.15rem;color:var(--muted);font-size:.74rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hm-jump{display:grid;grid-gap:1.6rem;gap:1.6rem}.hm-jump h3{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 .6rem;font-weight:600}.hm-chiprow{display:flex;flex-wrap:wrap;gap:.45rem}.hm-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .75rem;background:var(--panel);border:1px solid var(--border);border-radius:999px;text-decoration:none;color:var(--text);font-size:.85rem;transition:border-color .15s,background .15s}.hm-chip:hover{border-color:var(--accent);background:var(--panel-2)}.hm-chip.big{font-size:.92rem;padding:.5rem .95rem}.hm-chip .n{color:var(--muted);font-size:.76rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hm-footer{border-top:1px solid var(--border);padding-top:1.25rem;color:var(--muted);font-size:.8rem;line-height:1.55}@media (min-width:900px){.hm-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);grid-column-gap:3.5rem;column-gap:3.5rem;align-items:start}.hm-hero h1,.hm-lead,.hm-search-wrap{grid-column:1}.hm-stats{grid-column:2;grid-row:1/span 3;flex-direction:column;gap:1.35rem;margin-top:.75rem;padding-left:2rem;border-left:1px solid var(--border)}}@media (max-width:480px){.hm-search input{font-size:.92rem}.hm-search-go{padding:.55rem .8rem}}.ph-track{position:relative;flex:1 1 260px;min-width:160px;height:1.15rem;gap:1px;border-radius:4px;background:var(--panel-2)}.ph-seg,.ph-track{display:flex;overflow:hidden}.ph-seg{flex:1 1;min-width:0;align-items:center;justify-content:center;font-size:.58rem;font-weight:700;color:rgba(0,0,0,.72)}.ph-seg.tick{background:var(--panel);border-right:1px solid var(--border)}.ph-seg.on{outline:1px solid #fff;outline-offset:-1px}.ph-cursor{position:absolute;top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 6px rgba(255,255,255,.85);pointer-events:none;transition:left .08s linear}.run-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:.7rem;font-size:.85rem}.run-play{width:1.9rem;height:1.9rem;border-radius:50%;border:1px solid var(--border);background:var(--panel-2);color:var(--accent);cursor:pointer;font-size:.8rem;line-height:1}.run-play.on{background:var(--accent);color:#04240f;border-color:var(--accent)}.run-now{margin-left:.3rem}.run-now b{font-size:1rem;color:var(--accent-2)}.run-rate{margin-left:auto;display:flex;gap:.35rem}.run-warn{flex-basis:100%;color:var(--ink-orange);font-size:.76rem}.run-bar.following{border-left:3px solid var(--accent);padding-left:.55rem}.run-live{color:var(--accent);font-weight:700;font-size:.8rem;letter-spacing:.04em}.ph-now{flex-basis:100%;display:flex;flex-wrap:wrap;align-items:baseline;gap:.55rem;padding-top:.4rem;margin-top:.35rem;border-top:1px solid var(--border);font-size:.82rem}.ph-now-label{font-weight:700;color:var(--accent)}.ph-now-chords{color:var(--accent-2);font-weight:600}.ph-now-romans{color:var(--muted)}.ph-seg{white-space:nowrap}.dj-copy{margin-left:.6rem;background:none;border:1px solid var(--border);color:var(--muted);border-radius:6px;padding:.2rem .6rem;font-size:.74rem;text-transform:none;letter-spacing:0;cursor:pointer}.dj-copy:hover{color:var(--text);border-color:var(--accent-2)}.dj-add.in,.dj-copy.done{color:var(--accent);border-color:var(--accent)}.dj-add.in{opacity:.55;cursor:default}.inst-picker{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem}.inst-picker select{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:.15rem .35rem;font:inherit}.preview-warning{margin:.5rem 0 0;padding:.5rem .7rem;font-size:.76rem;line-height:1.45;color:var(--warn-ink);background:var(--warn-bg);border:1px solid var(--warn-border);border-radius:8px}.theory-page header.site p{max-width:60ch;line-height:1.55}.lab{display:flex;flex-direction:column;gap:1.1rem}.lab-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.7rem;padding:.85rem 1rem;background:var(--panel);border:1px solid var(--border);border-radius:10px}.build-row>label,.lab-bar label,.lab-fret-bar label{display:flex;flex-direction:column;gap:.25rem}.build-row>label>span,.lab-bar label>span,.lab-fret-bar label>span{font-size:.66rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.lab input[type=text],.lab select{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:7px;padding:.4rem .55rem;font:inherit;font-size:.85rem}.lab input:focus-visible,.lab select:focus-visible{outline:2px solid var(--accent-2);outline-offset:1px}.lab-btn{background:var(--accent);color:#06210f;border:1px solid transparent;border-radius:7px;padding:.45rem .8rem;font:inherit;font-size:.82rem;font-weight:600;cursor:pointer}.lab-btn:hover{filter:brightness(1.1)}.lab-btn.ghost{background:transparent;color:var(--text);border-color:var(--border);font-weight:500}.lab-btn.ghost:hover{border-color:var(--accent-2);color:var(--accent-2);filter:none}.lab-panel .panel-head.static{display:block;padding:.8rem 1rem 0}.lab-panel .panel-head.static h2{margin:0;font-size:1rem;display:flex;align-items:baseline;gap:.7rem;flex-wrap:wrap}.lab-sub{margin:.3rem 0 0;font-size:.78rem;line-height:1.5;color:var(--muted);max-width:72ch}.lab-clear{background:none;border:none;color:var(--accent-2);font:inherit;font-size:.72rem;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px}.lab-panel .panel-body{display:flex;flex-direction:column;gap:.7rem}.lab-toggle{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--muted);cursor:pointer;align-self:flex-start}.lab-empty,.lab-foot,.lab-hint{margin:0;font-size:.78rem;line-height:1.5;color:var(--muted)}.lab-foot{text-align:center;padding:.5rem 0 0}.lab-kbd-wrap .kbd-black,.lab-kbd-wrap .kbd-white{font:inherit;cursor:pointer;padding:0 0 4px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.lab-kbd-wrap .kbd-white{width:100%;font-size:.62rem}.lab-kbd-wrap .kbd-black{font-size:.6rem;padding-bottom:3px}.lab-kbd-wrap .kbd-black:active,.lab-kbd-wrap .kbd-white:active{filter:brightness(1.35)}.kbd-black.ghost,.kbd-white.ghost{opacity:.28}.fret-dot.ghost{opacity:.26}.kbd-black.tonic,.kbd-white.tonic{box-shadow:inset 0 0 0 2px #fff}.fret-dot.tonic{box-shadow:0 0 0 2px rgba(255,255,255,.9)}.lab-fret-bar{display:flex;gap:.7rem;flex-wrap:wrap}.fretboard.lab .fret-nums,.fretboard.lab .fret-string{grid-template-columns:1.6rem repeat(var(--frets,15),minmax(1.3rem,1fr));min-width:520px}.fretboard.lab .fret-dot{cursor:pointer}.fretboard.lab .fret-dot:active{filter:brightness(1.35)}.lab-notes{display:flex;flex-wrap:wrap;gap:.35rem;margin:0}.lab-note{display:inline-flex;align-items:baseline;gap:.3rem;padding:.2rem .5rem;border:1px solid var(--border);border-left-width:3px;border-radius:6px;background:var(--panel-2);font-size:.8rem}.lab-note i{font-style:normal;font-size:.68rem;color:var(--muted)}.chord-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));grid-gap:.5rem;gap:.5rem}.chord-card{position:relative;display:flex;border:1px solid var(--border);border-radius:8px;background:var(--panel-2);overflow:hidden}.chord-card.on{border-color:var(--accent-2);box-shadow:0 0 0 1px var(--accent-2)}.chord-main{flex:1 1;display:flex;flex-direction:column;gap:.1rem;align-items:flex-start;background:none;border:none;color:var(--text);font:inherit;padding:.5rem .6rem;cursor:pointer;text-align:left}.chord-main:hover{background:rgba(185,143,255,.09)}.chord-sym{font-size:1rem}.chord-num{font-size:.72rem;color:var(--accent-2)}.chord-notes{font-size:.66rem;color:var(--muted)}.chord-add{width:1.9rem;background:var(--veil);border:none;border-left:1px solid var(--border);color:var(--muted);font-size:1rem;cursor:pointer}.chord-add:hover{background:var(--accent);color:#06210f}.build-row{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-start}.build-qualities{display:flex;flex-direction:column;gap:.5rem;flex:1 1;min-width:260px}.build-group h4{margin:0 0 .25rem;font-size:.64rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600}.build-result,.build-typed{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;padding-top:.6rem;border-top:1px solid var(--border)}.build-typed label{display:flex;flex-direction:column;gap:.25rem}.build-typed label>span{font-size:.66rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.build-sym{font-size:1.15rem}.build-notes{display:inline-flex;gap:.25rem}.build-note{min-width:1.9rem;text-align:center;padding:.15rem .35rem;border-radius:5px;font-size:.75rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.45)}.build-bad{font-size:.74rem;color:var(--ink-red)}.prog-presets{gap:.35rem}.prog-presets,.prog-steps{display:flex;flex-wrap:wrap}.prog-steps{gap:.4rem;list-style:none;margin:0;padding:0;counter-reset:bar}.prog-steps li{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:8px;background:var(--panel-2);overflow:hidden;min-width:86px}.prog-steps li.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:rgba(29,185,84,.12)}.prog-chord{display:flex;flex-direction:column;gap:.1rem;background:none;border:none;color:var(--text);font:inherit;padding:.45rem .6rem .3rem;cursor:pointer}.prog-chord b{font-size:.95rem}.prog-chord i{font-style:normal;font-size:.68rem;color:var(--accent-2)}.prog-tools{display:flex;border-top:1px solid var(--border)}.prog-tools button{flex:1 1;background:none;border:none;border-right:1px solid var(--border);color:var(--muted);font-size:.78rem;padding:.15rem 0;cursor:pointer}.prog-tools button:last-child{border-right:none}.prog-tools button:hover:not(:disabled){background:var(--veil-strong);color:var(--text)}.prog-tools button:disabled{opacity:.3;cursor:default}.prog-bar{gap:.8rem;flex-wrap:wrap}.prog-bar,.prog-bpm{display:flex;align-items:center}.prog-bpm{gap:.5rem;font-size:.75rem;color:var(--muted)}.prog-bpm input{width:140px}.mode-rows{display:flex;flex-direction:column;gap:.3rem}.mode-row{display:grid;grid-template-columns:3rem minmax(140px,1.2fr) minmax(150px,1.4fr) minmax(130px,1fr);grid-gap:.6rem;gap:.6rem;align-items:center;text-align:left;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;color:var(--text);font:inherit;padding:.45rem .65rem;cursor:pointer}.mode-row.on,.mode-row:hover{border-color:var(--accent-2)}.mode-row.on{box-shadow:0 0 0 1px var(--accent-2);background:rgba(185,143,255,.1)}.mode-deg{font-size:.85rem;color:var(--accent-2);font-weight:600}.mode-name{display:flex;flex-direction:column}.mode-name i{font-style:normal;font-size:.68rem;color:var(--muted)}.mode-formula{font-size:.74rem;letter-spacing:.04em;color:var(--muted)}.mode-colour{font-size:.72rem;color:var(--muted)}.mode-colour em{font-style:normal;color:var(--ink-cyan);font-weight:600}@media (max-width:640px){.mode-row{grid-template-columns:2.4rem 1fr;row-gap:.2rem}.mode-colour,.mode-formula{grid-column:2}}.circle-wrap{display:flex;gap:1.4rem;flex-wrap:wrap;align-items:flex-start}.circle{width:264px;height:264px;flex:0 0 auto}.circle .seg path{fill:var(--panel-2);stroke:var(--bg);stroke-width:1.5;cursor:pointer;transition:fill .12s}.circle .seg.minor path{fill:var(--ring-minor)}.circle .seg:hover path{fill:var(--ring-hover)}.circle .seg.sub path{fill:rgba(59,130,246,.28)}.circle .seg.dom path{fill:rgba(249,115,22,.3)}.circle .seg.home path{fill:rgba(239,68,68,.34)}.circle .seg.on path{fill:#ef4444;stroke:#fff;stroke-width:2}.circle text{fill:var(--text);font-size:12px;font-weight:600;text-anchor:middle;dominant-baseline:middle;pointer-events:none}.circle .seg.minor text{font-size:10.5px;fill:var(--muted)}.circle .seg.on text{fill:#fff}.circle .hub{fill:var(--panel);stroke:var(--border)}.circle .hub-key{font-size:17px;fill:var(--text)}.circle .hub-rel,.circle .hub-sig{font-size:9.5px;font-weight:500;fill:var(--muted)}.circle-key{flex:1 1;min-width:240px}.circle-dirs{display:flex;flex-direction:column;gap:.15rem;margin:0 0 .6rem;font-size:.78rem}.circle-dirs .cw{color:var(--ink-orange)}.circle-dirs .ccw{color:var(--ink-blue)}.circle-legend{list-style:none;margin:0 0 .6rem;padding:0;display:flex;flex-direction:column;gap:.28rem;font-size:.75rem;color:var(--muted)}.circle-legend li{display:flex;align-items:center;gap:.45rem}.circle-legend .sw{width:.85rem;height:.85rem;border-radius:3px;flex:0 0 auto;border:1px solid var(--border)}.circle-legend .sw.home{background:rgba(239,68,68,.6)}.circle-legend .sw.dom{background:rgba(249,115,22,.55)}.circle-legend .sw.sub{background:rgba(59,130,246,.5)}.circle-legend .sw.ring{background:var(--ring-minor)}.circle-note{margin:0;font-size:.75rem;line-height:1.55;color:var(--muted);max-width:46ch}.song-links{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.2rem}.mode-here{margin-left:.45rem;font-style:normal;font-size:.6rem;text-transform:uppercase;letter-spacing:.07em;color:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:.05rem .35rem;vertical-align:1px}@keyframes lab-flash{0%,55%{outline:3px solid rgba(255,255,255,.95);outline-offset:-1px}to{outline:3px solid transparent;outline-offset:-1px}}.kbd-black.flash,.kbd-white.flash{animation:lab-flash 1.4s ease-out;z-index:3}.fret-dot.flash{animation:lab-flash 1.4s ease-out}.lab-anchor{margin:.35rem 0 0;font-size:.76rem;line-height:1.5;color:var(--muted)}.lab-anchor a{color:var(--accent-2);text-decoration:none}.lab-anchor a:hover{text-decoration:underline}.mode-ab{justify-self:end;background:none;border:1px solid var(--border);border-radius:999px;color:var(--muted);font:inherit;font-size:.68rem;padding:.2rem .55rem;cursor:pointer;white-space:nowrap}.mode-ab:hover{border-color:var(--accent-2);color:var(--accent-2)}.mode-row{grid-template-columns:3rem minmax(140px,1.2fr) minmax(150px,1.4fr) minmax(130px,1fr) auto}@media (max-width:640px){.mode-row{grid-template-columns:2.4rem 1fr auto}.mode-colour,.mode-formula{grid-column:2/4}}.quiz-streak{font-size:.72rem;font-weight:600;color:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:.1rem .5rem}.quiz-streak i{font-style:normal;color:var(--muted);font-weight:500}.quiz-games{gap:.35rem}.quiz-games,.quiz-opts{display:flex;flex-wrap:wrap}.quiz-opts{gap:.4rem}.quiz-opt{min-width:3.2rem;padding:.5rem .8rem;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;color:var(--text);font:inherit;font-size:.9rem;font-weight:600;cursor:pointer}.quiz-opt:hover{border-color:var(--accent-2)}.quiz-opt.right{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:rgba(29,185,84,.14)}.quiz-opt.wrong{border-color:#f87171;box-shadow:0 0 0 1px #f87171;background:rgba(248,113,113,.12)}.quiz-bar{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.quiz-verdict{font-size:.78rem;color:var(--muted)}.lab-mini{position:fixed;left:50%;bottom:.7rem;transform:translateX(-50%);width:min(540px,calc(100vw - 1.4rem));background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:.45rem .6rem .55rem;z-index:60;box-shadow:0 10px 32px rgba(0,0,0,.55);animation:lab-mini-in .18s ease-out}@keyframes lab-mini-in{0%{opacity:0;transform:translate(-50%,10px)}}.lab-mini-head{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem;font-size:.74rem;color:var(--muted);margin-bottom:.3rem}.lab-mini-head b{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lab-mini-jump{background:none;border:none;color:var(--accent-2);font:inherit;font-size:.7rem;cursor:pointer;padding:0;white-space:nowrap;text-decoration:underline;text-underline-offset:2px}.lab-mini .kbd{height:56px}.lab-mini .kbd-name{display:none}.lab-mini .kbd-deg{font-size:.55rem}.tagline{display:inline-block;margin:.15rem 0 0;font-size:1.05rem;font-style:italic;font-weight:700;letter-spacing:.05em;background:linear-gradient(100deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent;transform:rotate(-1.5deg)}.tagline.small{display:block;font-size:.68rem;margin:-.1rem 0 0;letter-spacing:.06em}.flavour-list{list-style:none;margin:0;padding:0;gap:.45rem}.flavour-list,.flavour-list li{display:flex;flex-direction:column}.flavour-list li{gap:.1rem;border-left:3px solid var(--accent-2);padding-left:.6rem}.flavour-list b{font-size:.85rem}.flavour-list .muted{font-size:.76rem;line-height:1.45}.hm-mark .tagline,header.site .tagline{color:transparent}.theme-toggle{position:fixed;bottom:.8rem;left:.8rem;z-index:70;width:2.3rem;height:2.3rem;border-radius:50%;background:var(--panel);border:1px solid var(--border);font-size:1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text);box-shadow:0 4px 16px rgba(0,0,0,.35);opacity:.82}.theme-toggle:hover{opacity:1;border-color:var(--accent-2)}.sdk-player{gap:.65rem;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:.55rem .8rem}.sdk-btn,.sdk-player{display:flex;align-items:center}.sdk-btn{flex:0 0 auto;width:2.4rem;height:2.4rem;border-radius:50%;border:none;background:var(--accent);color:#06210f;font-size:.95rem;cursor:pointer;justify-content:center}.sdk-btn:disabled{opacity:.5;cursor:default}.sdk-btn:hover:not(:disabled){filter:brightness(1.1)}.sdk-time{flex:0 0 auto;font-size:.74rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--muted);min-width:2.6rem;text-align:center}.sdk-progress{flex:1 1;height:.55rem;border-radius:999px;background:var(--panel-2);border:1px solid var(--border);cursor:pointer;overflow:hidden}.sdk-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:inherit}.sdk-label{flex:0 0 auto;font-size:.66rem;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);white-space:nowrap}@media (max-width:560px){.sdk-label{display:none}}.bpm-fit{display:inline-flex;align-items:center;gap:.4rem;font-size:.74rem;color:var(--ink-green);background:rgba(29,185,84,.1);border:1px solid rgba(29,185,84,.35);border-radius:999px;padding:.1rem .5rem}.bpm-fit i{font-style:normal;color:var(--muted)}.ins-detail,.ins-page{max-width:960px}.ins-controls{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.75rem}.ins-search{width:100%;padding:.6rem .8rem;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:1rem}.ins-search:focus{outline:none;border-color:var(--accent)}.ins-family{margin-bottom:2.25rem}.ins-family h2{margin:0 0 .15rem;font-size:1.15rem;letter-spacing:.02em}.ins-count{margin-left:.5rem;color:var(--muted);font-size:.8rem;font-weight:400}.ins-family-blurb{margin:0 0 .9rem;color:var(--muted);font-size:.9rem;max-width:62ch}.ins-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:.75rem;gap:.75rem}.ins-card{display:flex;flex-direction:column;gap:.4rem;padding:.85rem .9rem;border:1px solid var(--border);border-radius:12px;background:var(--panel);color:inherit;text-decoration:none;transition:border-color .15s,background .15s}.ins-card:hover{border-color:var(--accent);background:var(--panel-2)}.ins-card b{font-size:1rem}.ins-card-blurb{color:var(--muted);font-size:.82rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ins-card-meta{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:auto;padding-top:.2rem}.badge.heard{background:var(--badge-blue-bg);color:var(--ink-blue)}.badge.dim-badge{color:var(--muted)}.ins-detail h1{margin:0;font-size:2rem}.ins-lead{max-width:68ch}.ins-badges{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.75rem}.ins-section{margin:2rem 0}.ins-section>h2{margin:0 0 .3rem;font-size:1.15rem;letter-spacing:.02em}.ins-section>h2+p,.ins-sub{margin:0 0 1rem;color:var(--muted);font-size:.9rem;max-width:68ch;line-height:1.6}.ins-section>p{max-width:68ch;line-height:1.65}.ins-facts{display:grid;grid-gap:.9rem;gap:.9rem;margin:0}.ins-facts>div{display:grid;grid-template-columns:10rem 1fr;grid-gap:.75rem;gap:.75rem;align-items:baseline;padding-bottom:.9rem;border-bottom:1px solid var(--border)}.ins-facts>div:last-child{border-bottom:none;padding-bottom:0}.ins-facts dt{color:var(--muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.06em}.ins-facts dd{margin:0;line-height:1.6}.ins-strip{display:flex;flex-wrap:wrap;gap:.35rem}.ins-note,.ins-voice-note{display:block;margin:.45rem 0 0;color:var(--muted);font-size:.82rem;line-height:1.5}.ins-notion{margin-top:1.1rem;padding:.9rem 1rem;border:1px solid var(--border);border-left:3px solid var(--accent-2);border-radius:10px;background:var(--panel)}.ins-notion h3{margin:0 0 .5rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.ins-notion p{margin:0 0 .7rem;line-height:1.65}.ins-image{max-width:100%;border-radius:8px}.ins-inherited{margin-top:1rem;padding:.7rem .85rem;border:1px solid var(--warn-border);border-radius:10px;background:var(--warn-bg);color:var(--warn-ink);font-size:.88rem;line-height:1.55}.ins-drills{list-style:none;margin:0;padding:0;display:grid;grid-gap:.75rem;gap:.75rem}.ins-drill{padding:.9rem 1rem;border:1px solid var(--border);border-radius:12px;background:var(--panel)}.ins-drill-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.ins-drill-focus{margin:.3rem 0 .6rem;color:var(--muted);font-size:.88rem;line-height:1.55}.ins-drill-steps{margin:0;padding-left:1.2rem;display:grid;grid-gap:.35rem;gap:.35rem;line-height:1.6;font-size:.92rem}.ins-tips{margin:0;padding-left:1.1rem;display:grid;grid-gap:.5rem;gap:.5rem;max-width:72ch;line-height:1.65}.ins-songs{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:.7rem;gap:.7rem}.ins-song{display:flex;flex-direction:column;gap:.3rem;padding:.8rem .9rem;border:1px solid var(--border);border-radius:12px;background:var(--panel);color:inherit;text-decoration:none;transition:border-color .15s,background .15s}.ins-song:hover{border-color:var(--accent);background:var(--panel-2)}.ins-song-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.ins-song-artist{color:var(--muted);font-size:.82rem}.ins-song-why{color:var(--ink-blue);font-size:.8rem;line-height:1.45}.ins-song-chords{font-size:.82rem;color:var(--muted)}@media (max-width:560px){.ins-facts>div{grid-template-columns:1fr;gap:.25rem}}.ins-diagram{display:grid;grid-gap:.8rem;gap:.8rem}.ins-diagram-keys{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.ins-diagram-keys .dim{margin-right:.2rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}.ins-range{padding:.4rem 0 0}.ins-range-ticks{position:relative;height:1.1rem;font-size:.68rem;color:var(--muted)}.ins-range-ticks span{position:absolute;transform:translateX(-50%)}.ins-range-track{position:relative;height:2.6rem;border:1px solid var(--border);border-radius:8px;background:var(--panel);overflow:hidden}.ins-range-bar{position:absolute;height:.85rem;border-radius:999px;min-width:3px}.ins-range-bar.written{top:.35rem;background:var(--ink-violet)}.ins-range-bar.sounds{bottom:.35rem;background:var(--accent)}.ins-range-middle{position:absolute;top:0;bottom:0;width:1px;background:var(--ink-red)}.ins-swatch{display:inline-block;width:.8rem;height:.8rem;border-radius:3px}.ins-swatch.written{background:var(--ink-violet)}.ins-swatch.sounds{background:var(--accent)}.ins-swatch.middle{background:var(--ink-red)}.dk{grid-gap:1rem}.dk,.dk-top{display:grid;gap:1rem}.dk-top{grid-template-columns:minmax(240px,1fr) minmax(240px,1fr);grid-gap:1rem;align-items:start}.dk-map,.dk-staff{margin:0;padding:.6rem;border:1px solid var(--border);border-radius:12px;background:var(--panel)}.dk-map svg,.dk-staff svg{width:100%;height:auto;display:block}.dk-map figcaption,.dk-staff figcaption{margin-top:.5rem;color:var(--muted);font-size:.76rem;line-height:1.45}.dk-piece{cursor:pointer}.dk-piece circle{stroke:#6b6270;stroke-width:.6;transition:filter .08s,transform .08s}.dk-piece.cymbal circle{fill:#c9a227}.dk-piece.cymbal .dk-bell{fill:#a8871d;stroke:none}.dk-piece.drum circle{fill:#efe7dc}.dk-piece text{font-size:4.2px;font-weight:600;text-anchor:middle;fill:#2a2530;pointer-events:none}.dk-piece:hover circle{filter:brightness(1.12)}.dk-piece.lit circle{filter:brightness(1.5);stroke:var(--accent);stroke-width:1.4}.dk-line{stroke:var(--muted);stroke-width:.7}.dk-head,.dk-head-x{fill:var(--text)}.dk-head-x{font-size:7.5px;text-anchor:middle}.dk-stem{stroke:var(--text);stroke-width:.8}.dk-note-label{fill:var(--muted);font-size:4.4px;text-anchor:middle}.dk-grooves{display:flex;flex-wrap:wrap;gap:.35rem}.dk-why{margin:0;color:var(--muted);font-size:.9rem;line-height:1.6;max-width:68ch}.dk-transport{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.dk-play{padding:.45rem 1rem;border-radius:999px;border:1px solid var(--accent);background:var(--accent);color:#06210f;font-weight:600;font-size:.9rem;cursor:pointer}.dk-play:disabled{opacity:.5;cursor:not-allowed}.dk-bpm{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--muted)}.dk-bpm input{width:11rem}.dk-bpm b{color:var(--text)}.dk-tempos .dim,.dk-usual{color:var(--muted);font-size:.8rem}.dk-tempos{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem}.dk-grid-wrap{overflow-x:auto}.dk-grid{display:grid;grid-gap:.25rem;gap:.25rem;min-width:30rem}.dk-counts,.dk-row{display:grid;grid-template-columns:6.5rem repeat(var(--steps),1fr);grid-gap:.18rem;gap:.18rem;align-items:center}.dk-counts span{text-align:center;font-size:.7rem;color:var(--muted)}.dk-counts span.beat{color:var(--text);font-weight:600}.dk-row-label{padding:.1rem .3rem;border:none;background:none;color:var(--muted);font-size:.78rem;text-align:right;cursor:pointer}button.dk-row-label:hover{color:var(--accent)}.dk-cell{height:1.5rem;border-radius:4px;background:var(--veil);border:1px solid transparent}.dk-cell.beat{background:var(--veil-strong)}.dk-cell.hit{background:var(--accent-2)}.dk-cell.now{border-color:var(--accent)}.dk-cell.hit.now{background:var(--accent)}.dk-foot{margin:0;color:var(--muted);font-size:.78rem;line-height:1.55;max-width:72ch}@media (max-width:720px){.dk-top{grid-template-columns:1fr}}.wb-tab{position:fixed;right:.8rem;bottom:.8rem;z-index:70;display:flex;align-items:center;gap:.4rem;padding:.5rem .9rem;border-radius:999px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:.85rem;font-weight:600;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.25)}.wb-tab:hover{border-color:var(--accent-2)}.wb{position:fixed;top:0;right:0;bottom:0;z-index:80;width:min(25rem,100vw);display:flex;flex-direction:column;background:var(--panel);border-left:1px solid var(--border);box-shadow:-10px 0 30px rgba(0,0,0,.28)}.wb-head{display:flex;align-items:center;gap:.6rem;padding:.7rem .9rem;border-bottom:1px solid var(--border)}.wb-head b{font-size:.95rem}.wb-key{flex:1 1;font-size:.82rem}.wb-close,.wb-key{color:var(--muted)}.wb-close{border:none;background:none;font-size:1rem;cursor:pointer;line-height:1}.wb-close:hover{color:var(--text)}.wb-body{flex:1 1;overflow-y:auto;padding:.9rem;display:grid;grid-template-columns:minmax(0,1fr);grid-gap:1.1rem;gap:1.1rem;align-content:start}.wb-body>*{min-width:0}.wb-diagram{overflow-x:auto;margin-bottom:.5rem}.wb-body h4{margin:0 0 .45rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600}.wb-chords,.wb-roots,.wb-scale-row,.wb-view{display:flex;flex-wrap:wrap;gap:.3rem}.wb-scale-row{margin-top:.45rem;align-items:center}.wb-match{color:var(--ink-green);font-size:.78rem}.wb-view{margin-bottom:.6rem;align-items:center}.wb-voice{margin-left:auto;max-width:9rem}.wb-chords .chip{display:flex;flex-direction:column;align-items:center;gap:.05rem;padding:.3rem .5rem;line-height:1.2}.wb-chords .chip i{font-style:normal;font-size:.68rem;color:var(--muted)}.wb-note{margin:.55rem 0 0;color:var(--muted);font-size:.76rem;line-height:1.5}.wb-full{justify-self:start}.wb .fretboard{font-size:.78em}.wb .fret-cell,.wb .fret-nums span{min-width:0}@media (min-width:62rem){.wb-open body{padding-right:25rem}}.review-panel{border-color:var(--ink-orange)}.review-panel .panel-head{align-items:baseline}.review-queue-pos{font-size:.78rem;padding-right:.6rem;white-space:nowrap}.review-lead{margin:0 0 .8rem;line-height:1.5}.review-cand-head b,.review-lead b{color:var(--text)}.review-cands{list-style:none;margin:0 0 .8rem;padding:0;display:grid;grid-gap:.5rem;gap:.5rem}.review-cand{border:1px solid var(--border);border-radius:10px;padding:.6rem .75rem;background:var(--veil);display:grid;grid-gap:.45rem;gap:.45rem}.review-cand.current{border-color:var(--ink-blue)}.review-cand.human{border-color:var(--accent)}.review-cand-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;font-size:1.05rem}.review-sources{font-size:.78rem}.review-cand-actions,.review-other{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.review-other{padding-top:.5rem;border-top:1px dashed var(--border)}.review-other select{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.25rem .4rem;font:inherit;font-size:.85rem}.review-choose{margin-left:auto;background:var(--accent);color:#08110b;border:0;border-radius:999px;padding:.3rem .8rem;font:inherit;font-size:.82rem;font-weight:600;cursor:pointer}.review-choose:hover:not(:disabled){filter:brightness(1.08)}.review-choose:disabled{opacity:.55;cursor:default}.review-status{margin:.6rem 0 0;font-size:.85rem;color:var(--accent)}.review-status.error{color:var(--ink-red)}.review-nav{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.7rem}.review-cell{white-space:nowrap}.chip.queue.on,.review-cell .nav-link.queued{color:var(--ink-orange)}.chip.queue.on{border-color:var(--ink-orange)}.panel-badge.conf-conflicting{color:var(--ink-red)}.panel-badge.conf-human-verified{color:var(--accent)}.panel-badge.conf-single-source{color:var(--ink-orange)}.panel-badge.conf-cross-validated{color:var(--ink-blue)}.lookahead{display:inline-flex;align-items:center;gap:.3rem;padding-left:.4rem;border-left:1px solid var(--border)}.notation-toggle{position:fixed;bottom:.8rem;left:3.5rem;z-index:70;height:2.3rem;padding:0 .7rem;border-radius:999px;background:var(--panel);border:1px solid var(--border);color:var(--text);font:inherit;font-size:.78rem;font-weight:600;letter-spacing:.02em;line-height:1;cursor:pointer;opacity:.85}.notation-toggle:hover{opacity:1;border-color:var(--accent-2)}.listen-panel{border-color:var(--ink-cyan)}.panel-badge.live{color:var(--accent)}.listen-ctl{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.7rem}.listen-btn{background:var(--accent);color:#08110b;border:0;border-radius:999px;padding:.4rem .9rem;font:inherit;font-weight:600;cursor:pointer}.listen-btn.on{background:var(--panel-2);color:var(--text);border:1px solid var(--ink-red)}.listen-btn:disabled{opacity:.6;cursor:default}.listen-level{display:inline-block;width:5rem;height:.4rem;border-radius:999px;background:var(--veil);overflow:hidden}.listen-level i{display:block;height:100%;background:var(--accent);transition:width 60ms linear}.listen-key{font-size:.8rem}.listen-readout{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;min-height:3.2rem;margin-bottom:.7rem}.listen-note{font-size:2.2rem;line-height:1;color:var(--text)}.listen-note sub{font-size:.9rem;color:var(--muted);margin-left:.1rem}.listen-degree{font-size:1rem;color:var(--ink-gold);font-weight:600}.listen-cents{display:inline-flex;align-items:center;gap:.5rem}.listen-cents-track{position:relative;display:inline-block;width:9rem;height:.5rem;border-radius:999px;background:linear-gradient(90deg,var(--ink-red),var(--accent) 45%,var(--accent) 55%,var(--ink-red));opacity:.55}.listen-cents-track em{position:absolute;top:-.25rem;width:.2rem;height:1rem;margin-left:-.1rem;background:var(--text);border-radius:2px;transition:left 80ms linear}.listen-cents-val{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--muted);min-width:3ch}.listen-cents-val.in-tune{color:var(--accent);font-weight:600}.listen-chroma{display:inline-flex;align-items:flex-end;gap:.2rem;height:3rem;margin-left:auto}.listen-chroma i{position:relative;display:block;width:1.1rem;min-height:2px;background:var(--ink-cyan);opacity:.8;border-radius:2px 2px 0 0;transition:height 80ms linear}.listen-chroma i b{position:absolute;bottom:-1.1rem;left:0;right:0;font-size:.6rem;font-weight:500;color:var(--muted);text-align:center}.listen-boards{display:grid;grid-gap:.8rem;gap:.8rem;margin-top:1.4rem}.listen-bass{font-size:.85rem;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:.15rem .5rem}.listen-cands{list-style:none;margin:0 0 .7rem;padding:0;display:grid;grid-gap:.25rem;gap:.25rem;max-width:24rem}.listen-cands li{display:grid;grid-template-columns:4.5rem 1fr 3ch;align-items:center;grid-gap:.5rem;gap:.5rem;font-size:.85rem;color:var(--muted)}.listen-cands li b{color:var(--text)}.listen-cands li i{display:block;height:.45rem;border-radius:999px;background:var(--border);transition:width .12s linear}.listen-cands li.on i{background:var(--accent)}.listen-cands li.on b{color:var(--accent)}.listen-chart{margin-bottom:.6rem}.chip.chord.heard{outline:2px solid var(--accent);outline-offset:1px;color:var(--accent)}.listen-trail{margin:0 0 .4rem;font-size:.85rem}