:root{--ms-graphite:#23272d;--ms-ember:#e1602f;--ms-white:#fff;--ms-bg:#16191e;--ms-surface:#23272d;--ms-surface-raised:#2a2f36;--ms-surface-overlay:#313740;--ms-border:#363c45;--ms-border-strong:#454c57;--ms-text:#f4f5f7;--ms-text-secondary:#aeb4bd;--ms-text-muted:#939aa5;--ms-ember-hover:#e97243;--ms-ember-pressed:#ce5527;--ms-ember-soft:#e1602f24;--ms-on-ember:#16191e;--ms-score-paper:#fbfbf9;--ms-score-paper-edge:#e4e2dc;--ms-positive:#4e9e6a;--ms-warning:#d9a13b;--ms-danger:#c64f42;--ms-focus:#e1602f;--ms-space-1:4px;--ms-space-2:8px;--ms-space-3:12px;--ms-space-4:16px;--ms-space-5:24px;--ms-space-6:32px;--ms-space-7:48px;--ms-space-8:64px;--ms-radius-sm:4px;--ms-radius-md:8px;--ms-radius-lg:12px;--ms-shadow-raised:0 1px 2px #00000059, 0 4px 16px #00000040;--ms-shadow-overlay:0 4px 12px #0006, 0 12px 40px #00000059;--ms-duration-fast:.12s;--ms-duration-base:.2s;--ms-duration-slow:.36s;--ms-duration-breath:2.6s;--ms-ease:cubic-bezier(.33, .02, .2, 1);--ms-ease-breath:ease-in-out;--ms-score-min-width:320px;--ms-track-panel-width:296px;--ms-transport-height:72px;--ms-transport-height-mobile:64px;--ms-touch-target:44px}
*,:before,:after{box-sizing:border-box}html{height:100%}body{background:var(--ms-bg);min-height:100%;color:var(--ms-text);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.55;overflow-x:hidden}h1,h2,h3{margin:0 0 var(--ms-space-3);letter-spacing:-.02em;font-weight:650;line-height:1.15}p{margin:0 0 var(--ms-space-3)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}:focus-visible{outline:2px solid var(--ms-focus);outline-offset:2px;border-radius:var(--ms-radius-sm)}::selection{background:var(--ms-ember-soft)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{top:var(--ms-space-2);left:var(--ms-space-2);z-index:100;background:var(--ms-surface-overlay);color:var(--ms-text);padding:var(--ms-space-2) var(--ms-space-4);border-radius:var(--ms-radius-md);border:1px solid var(--ms-border-strong);position:fixed;transform:translateY(-200%)}.skip-link:focus-visible{transform:none}.ms-container{width:100%;max-width:1120px;padding:0 var(--ms-space-5);margin:0 auto}.ms-page{flex-direction:column;min-height:100dvh;display:flex}.ms-main{flex:1}.ms-header{z-index:40;background:color-mix(in srgb, var(--ms-bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--ms-border);position:sticky;top:0}.ms-header-inner{align-items:center;gap:var(--ms-space-5);height:60px;display:flex}.ms-brand{letter-spacing:-.02em;white-space:nowrap;font-size:1.05rem;font-weight:700}.ms-brand em{color:var(--ms-ember);font-style:normal}.ms-nav{align-items:center;gap:var(--ms-space-4);margin-left:auto;display:flex}.ms-nav a{color:var(--ms-text-secondary);padding:var(--ms-space-1) var(--ms-space-2);border-radius:var(--ms-radius-sm);transition:color var(--ms-duration-fast) var(--ms-ease)}.ms-nav a:hover,.ms-nav a[aria-current=page]{color:var(--ms-text)}.ms-locale{background:var(--ms-surface);color:var(--ms-text-secondary);border:1px solid var(--ms-border);border-radius:var(--ms-radius-sm);padding:6px var(--ms-space-2);font-size:.85rem}.btn{justify-content:center;align-items:center;gap:var(--ms-space-2);min-height:var(--ms-touch-target);padding:0 var(--ms-space-4);border-radius:var(--ms-radius-md);transition:background var(--ms-duration-fast) var(--ms-ease), border-color var(--ms-duration-fast) var(--ms-ease), color var(--ms-duration-fast) var(--ms-ease);font-weight:600;display:inline-flex}.btn-primary{background:var(--ms-ember);color:var(--ms-on-ember)}.btn-primary:hover{background:var(--ms-ember-hover)}.btn-primary:active{background:var(--ms-ember-pressed)}.btn-ghost{border:1px solid var(--ms-border-strong);color:var(--ms-text);background:0 0}.btn-ghost:hover{background:var(--ms-surface-raised)}.chip{border:1px solid var(--ms-border-strong);color:var(--ms-text-secondary);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:.78rem;font-weight:500;display:inline-flex}.chip-positive{border-color:color-mix(in srgb, var(--ms-positive) 55%, transparent);color:var(--ms-positive)}.chip-ember{border-color:color-mix(in srgb, var(--ms-ember) 55%, transparent);color:var(--ms-ember-hover)}.card{background:var(--ms-surface);border:1px solid var(--ms-border);border-radius:var(--ms-radius-lg);box-shadow:var(--ms-shadow-raised)}.panel-title{text-transform:uppercase;letter-spacing:.08em;color:var(--ms-text-muted);margin:0 0 var(--ms-space-2);font-size:.8rem;font-weight:650}.status-block{align-items:center;gap:var(--ms-space-3);padding:var(--ms-space-7) var(--ms-space-5);text-align:center;color:var(--ms-text-secondary);flex-direction:column;display:flex}.status-error{color:var(--ms-danger)}.skeleton{border-radius:var(--ms-radius-md);background:var(--ms-surface-raised);animation:ms-skeleton var(--ms-duration-breath) var(--ms-ease-breath) infinite}@keyframes ms-skeleton{0%,to{opacity:.55}50%{opacity:1}}.hero{padding:clamp(56px, 10vh, 120px) 0 var(--ms-space-7)}.hero-eyebrow{color:var(--ms-ember-hover);text-transform:uppercase;letter-spacing:.12em;margin-bottom:var(--ms-space-3);font-size:.85rem;font-weight:650}.hero h1{max-width:18ch;font-size:clamp(2.1rem,5.4vw,3.4rem)}.hero-lead{color:var(--ms-text-secondary);max-width:58ch;margin-bottom:var(--ms-space-5);font-size:1.1rem}.hero-actions{gap:var(--ms-space-3);flex-wrap:wrap;display:flex}.demo-strip{border-top:1px solid var(--ms-border);border-bottom:1px solid var(--ms-border);background:var(--ms-surface)}.demo-strip-inner{align-items:center;gap:var(--ms-space-6);padding:var(--ms-space-6) 0;flex-wrap:wrap;display:flex}.demo-copy{flex:320px}.demo-card{padding:var(--ms-space-5);gap:var(--ms-space-3);border-left:3px solid var(--ms-ember);flex-direction:column;flex:0 340px;display:flex}.demo-card h3{margin:0}.pillars{padding:var(--ms-space-8) 0}.pillars-lead{color:var(--ms-text-secondary);max-width:62ch;margin-bottom:var(--ms-space-6)}.pillar-grid{gap:var(--ms-space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.pillar{padding:var(--ms-space-5);gap:var(--ms-space-2);flex-direction:column;display:flex}.pillar h3{margin:0;font-size:1.05rem}.pillar p{color:var(--ms-text-secondary);flex:1;margin:0;font-size:.92rem}.trust{border-top:1px solid var(--ms-border);padding:var(--ms-space-7) 0 var(--ms-space-8)}.trust p{color:var(--ms-text-secondary);max-width:62ch}.ms-footer{border-top:1px solid var(--ms-border);padding:var(--ms-space-6) 0;color:var(--ms-text-muted);font-size:.85rem}.ms-footer-inner{gap:var(--ms-space-2);flex-direction:column;display:flex}.ms-footer .trust-mark{color:var(--ms-text-secondary);font-weight:600}.ms-footer a{color:var(--ms-text-secondary)}.ms-footer a:hover{color:var(--ms-text)}.library-head{padding:var(--ms-space-7) 0 var(--ms-space-5)}.library-head p{color:var(--ms-text-secondary);max-width:60ch}.song-card{gap:var(--ms-space-3);padding:var(--ms-space-5);flex-direction:column;max-width:560px;display:flex}.song-card-title{align-items:baseline;gap:var(--ms-space-3);flex-wrap:wrap;display:flex}.song-card h2{margin:0;font-size:1.35rem}.song-card-composer{color:var(--ms-text-muted);font-size:.9rem}.song-card-meta{gap:var(--ms-space-2);flex-wrap:wrap;display:flex}.song-card-tracks{gap:var(--ms-space-1);color:var(--ms-text-secondary);flex-direction:column;font-size:.9rem;display:flex}.player-shell{flex-direction:column;height:calc(100dvh - 60px);min-height:480px;display:flex}.player-meta{align-items:center;gap:var(--ms-space-4);padding:var(--ms-space-2) var(--ms-space-5);border-bottom:1px solid var(--ms-border);row-gap:var(--ms-space-1);flex-wrap:wrap;display:flex}.player-meta-title{margin:0;font-size:1rem;font-weight:650}.player-meta-back{color:var(--ms-text-muted);white-space:nowrap;font-size:.85rem}.player-meta-back:hover{color:var(--ms-text)}.player-meta-position{color:var(--ms-text-secondary);font-variant-numeric:tabular-nums;font-size:.88rem}.player-meta-chips{gap:var(--ms-space-2);flex-wrap:wrap;margin-left:auto;display:flex}.player-workspace{flex:1;min-height:0;display:flex;position:relative}.track-panel{width:var(--ms-track-panel-width);border-right:1px solid var(--ms-border);background:var(--ms-surface);padding:var(--ms-space-4);gap:var(--ms-space-3);flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.track-panel[data-open=false]{display:none}.track-row{border:1px solid var(--ms-border);border-radius:var(--ms-radius-md);padding:var(--ms-space-3);gap:var(--ms-space-2);background:var(--ms-surface-raised);border-left:3px solid #0000;flex-direction:column;display:flex}.track-row[data-selected=true]{border-left-color:var(--ms-ember)}.track-row-head{align-items:center;gap:var(--ms-space-2);display:flex}.track-marker{border-radius:var(--ms-radius-sm);background:var(--ms-surface-overlay);border:1px solid var(--ms-border-strong);width:32px;height:32px;color:var(--ms-text-secondary);flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:inline-flex}.track-name{font-size:.95rem;font-weight:600}.track-tuning{color:var(--ms-text-muted);font-size:.8rem}.track-actions{gap:var(--ms-space-2);display:flex}.track-toggle{min-width:var(--ms-touch-target);min-height:36px;padding:0 var(--ms-space-3);border:1px solid var(--ms-border-strong);border-radius:var(--ms-radius-sm);color:var(--ms-text-secondary);font-size:.8rem;font-weight:650}.track-toggle[aria-pressed=true]{background:var(--ms-ember-soft);border-color:var(--ms-ember);color:var(--ms-ember)}.score-area{min-width:var(--ms-score-min-width);background:var(--ms-score-paper);flex:1;position:relative;overflow:auto}.score-surface{min-height:100%}.score-overlay{background:var(--ms-score-paper);color:var(--ms-graphite);z-index:5;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.score-area .at-cursor-bar{background:color-mix(in srgb, var(--ms-ember) 12%, transparent)}.score-area .at-cursor-beat{background:var(--ms-ember);width:2px}.score-area .at-highlight *{fill:var(--ms-ember);stroke:var(--ms-ember)}.transport{border-top:1px solid var(--ms-border);background:var(--ms-surface);padding:var(--ms-space-2) var(--ms-space-4);align-items:center;gap:var(--ms-space-3);min-height:var(--ms-transport-height);flex-wrap:wrap;display:flex}.transport-group{align-items:center;gap:var(--ms-space-2);display:flex}.transport-divider{background:var(--ms-border);width:1px;margin:var(--ms-space-1) var(--ms-space-1);align-self:stretch}.transport-btn{min-width:var(--ms-touch-target);min-height:var(--ms-touch-target);border-radius:var(--ms-radius-md);border:1px solid var(--ms-border-strong);color:var(--ms-text);transition:background var(--ms-duration-fast) var(--ms-ease);justify-content:center;align-items:center;font-size:.9rem;font-weight:600;display:inline-flex}.transport-btn:hover{background:var(--ms-surface-raised)}.transport-btn[aria-pressed=true]{background:var(--ms-ember-soft);border-color:var(--ms-ember);color:var(--ms-ember)}.transport-play{background:var(--ms-ember);border-color:var(--ms-ember);color:var(--ms-on-ember);min-width:56px}.transport-play:hover{background:var(--ms-ember-hover)}.transport-play[data-playing=true]{animation:ms-breathe var(--ms-duration-breath) var(--ms-ease-breath) infinite}@keyframes ms-breathe{0%,to{box-shadow:0 0 0 0 var(--ms-ember-soft)}50%{box-shadow:0 0 0 8px var(--ms-ember-soft)}}.transport-value{font-variant-numeric:tabular-nums;color:var(--ms-text-secondary);text-align:center;min-width:72px;font-size:.88rem}.transport-label{color:var(--ms-text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem}.loop-status{color:var(--ms-ember-hover);font-variant-numeric:tabular-nums;font-size:.82rem}.keyboard-hints{gap:var(--ms-space-4);padding:var(--ms-space-2) var(--ms-space-5);color:var(--ms-text-muted);border-top:1px solid var(--ms-border);flex-wrap:wrap;font-size:.78rem;display:flex}kbd{border:1px solid var(--ms-border-strong);color:var(--ms-text-secondary);border-radius:4px;padding:0 5px;font-family:inherit;font-size:.75rem}@media (max-width:900px){.ms-container{padding:0 var(--ms-space-4)}.ms-header-inner{gap:var(--ms-space-3)}.ms-brand{flex:none}.ms-nav{gap:var(--ms-space-2);scrollbar-width:none;min-width:0;overflow-x:auto}.ms-nav::-webkit-scrollbar{display:none}.ms-nav a{white-space:nowrap}.player-shell{height:calc(100dvh - 60px)}.track-panel[data-open=true]{z-index:20;width:min(85vw, var(--ms-track-panel-width));box-shadow:var(--ms-shadow-overlay);position:absolute;top:0;bottom:0;left:0}.transport{min-height:var(--ms-transport-height-mobile);gap:var(--ms-space-2)}.keyboard-hints,.player-meta-chips{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.studio-shell{gap:var(--ms-space-5);padding-top:var(--ms-space-6);padding-bottom:var(--ms-space-8);flex-direction:column;max-width:760px;display:flex}.studio-header h1{margin:0 0 var(--ms-space-2)}.studio-lead{color:var(--ms-text-secondary);margin:0 0 var(--ms-space-3)}.studio-workspace-notice{border:1px solid var(--ms-border-strong);border-radius:var(--ms-radius-sm);background:var(--ms-surface-raised);color:var(--ms-text-secondary);padding:var(--ms-space-2) var(--ms-space-3);margin:0;font-size:.85rem}.studio-card{gap:var(--ms-space-4);flex-direction:column;display:flex}.studio-dropzone{border:2px dashed var(--ms-border-strong);border-radius:var(--ms-radius-md);padding:var(--ms-space-5);text-align:center;gap:var(--ms-space-3);transition:border-color var(--ms-duration-fast) var(--ms-ease);flex-direction:column;align-items:center;display:flex}.studio-dropzone[data-active=true]{border-color:var(--ms-ember);background:var(--ms-ember-soft)}.studio-dropzone p{color:var(--ms-text-secondary);margin:0}.studio-file-label{cursor:pointer;position:relative;overflow:hidden}.studio-file-label input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.studio-file-label:focus-within{outline:2px solid var(--ms-focus);outline-offset:2px}.studio-formats{color:var(--ms-text-muted);font-size:.8rem}.studio-selected-file{justify-content:space-between;align-items:center;gap:var(--ms-space-3);border:1px solid var(--ms-border);border-radius:var(--ms-radius-sm);padding:var(--ms-space-2) var(--ms-space-3);flex-wrap:wrap;display:flex}.studio-field{gap:var(--ms-space-1);flex-direction:column;display:flex}.studio-field input[type=text]{background:var(--ms-surface-raised);border:1px solid var(--ms-border-strong);border-radius:var(--ms-radius-sm);color:var(--ms-text);padding:var(--ms-space-2) var(--ms-space-3);font:inherit;max-width:420px}.studio-field input[type=text]:focus-visible{outline:2px solid var(--ms-focus);outline-offset:1px}.studio-hint{color:var(--ms-text-muted);margin:0;font-size:.8rem}.studio-attestation label{gap:var(--ms-space-2);cursor:pointer;align-items:flex-start;display:flex}.studio-attestation input[type=checkbox]{min-width:18px;min-height:18px;accent-color:var(--ms-ember);margin-top:4px}.studio-attestation input[type=checkbox]:focus-visible{outline:2px solid var(--ms-focus);outline-offset:2px}.studio-form-error{color:var(--ms-danger);margin:0}.studio-phases{gap:var(--ms-space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.studio-phases li{gap:var(--ms-space-2);color:var(--ms-text-muted);align-items:baseline;display:flex}.studio-phases li[data-status=done]{color:var(--ms-positive)}.studio-phases li[data-status=current]{color:var(--ms-text);font-weight:600}.studio-phase-marker{text-align:center;width:1.2em;display:inline-block}.studio-live-status{color:var(--ms-text-secondary);margin:0;font-size:.9rem}.studio-dedup-notice{border:1px solid var(--ms-border-strong);border-left:4px solid var(--ms-ember);border-radius:var(--ms-radius-sm);padding:var(--ms-space-2) var(--ms-space-3);color:var(--ms-text-secondary);margin:0}.studio-result-grid{gap:var(--ms-space-3);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin:0;display:grid}.studio-result-grid dt{color:var(--ms-text-muted);font-size:.8rem}.studio-result-grid dd{overflow-wrap:anywhere;margin:0}.studio-warnings{padding-left:var(--ms-space-4);gap:var(--ms-space-1);flex-direction:column;margin:0;display:flex}.studio-warnings li[data-severity=warning]{color:var(--ms-warning)}.studio-warnings li[data-severity=info]{color:var(--ms-text-secondary)}.studio-actions{gap:var(--ms-space-3);flex-wrap:wrap;display:flex}@media (max-width:900px){.studio-shell{padding-top:var(--ms-space-4)}.studio-dropzone{padding:var(--ms-space-4)}}.studio-warnings li{gap:var(--ms-space-2);align-items:baseline;display:flex}.studio-warning-marker{text-align:center;flex:none;width:1.1em}.smart-play-shell{gap:var(--ms-space-5);padding-block:var(--ms-space-6);flex-direction:column;display:flex}.smart-play-landing-header,.smart-play-session-header{gap:var(--ms-space-2);flex-direction:column;display:flex}.smart-play-card,.smart-play-panel{gap:var(--ms-space-3);flex-direction:column;display:flex}.smart-play-lead{color:var(--ms-text-secondary);margin:0}.smart-play-field{gap:var(--ms-space-1);flex-direction:column;display:flex}.smart-play-field input[type=url],.smart-play-field select{background:var(--ms-surface-raised);border:1px solid var(--ms-border-strong);border-radius:var(--ms-radius-sm);color:var(--ms-text);padding:var(--ms-space-2) var(--ms-space-3);font:inherit;max-width:460px}.smart-play-field input[type=url]:focus-visible,.smart-play-field select:focus-visible,.smart-play-field input[type=range]:focus-visible{outline:2px solid var(--ms-focus);outline-offset:1px}.smart-play-hint{color:var(--ms-text-muted);margin:0;font-size:.8rem}.smart-play-consent-box{border:1px solid var(--ms-border);border-left:3px solid var(--ms-ember);border-radius:var(--ms-radius-sm);padding:var(--ms-space-3);background:var(--ms-ember-soft)}.smart-play-consent-box p{color:var(--ms-text-secondary);margin:0}.smart-play-private-notice{color:var(--ms-text-muted);margin:0;font-size:.85rem}.smart-play-attestation label{gap:var(--ms-space-2);cursor:pointer;align-items:flex-start;display:flex}.smart-play-attestation input[type=checkbox]{min-width:18px;min-height:18px;accent-color:var(--ms-ember);margin-top:4px}.smart-play-attestation input[type=checkbox]:focus-visible{outline:2px solid var(--ms-focus);outline-offset:2px}.smart-play-form-error{color:var(--ms-danger);margin:0}.smart-play-dedup-notice,.smart-play-video-notice{color:var(--ms-text-muted);margin:0;font-size:.85rem}.smart-play-how-grid{gap:var(--ms-space-3);margin-top:var(--ms-space-2);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.smart-play-dropzone{border:2px dashed var(--ms-border-strong);border-radius:var(--ms-radius-md);padding:var(--ms-space-5);text-align:center;gap:var(--ms-space-3);transition:border-color var(--ms-duration-fast) var(--ms-ease);flex-direction:column;align-items:center;display:flex}.smart-play-dropzone[data-active=true]{border-color:var(--ms-ember);background:var(--ms-ember-soft)}.smart-play-dropzone p{color:var(--ms-text-secondary);margin:0}.smart-play-file-label{cursor:pointer;position:relative;overflow:hidden}.smart-play-file-label input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.smart-play-file-label:focus-within{outline:2px solid var(--ms-focus);outline-offset:2px}.smart-play-selected-file{justify-content:space-between;align-items:center;gap:var(--ms-space-3);border:1px solid var(--ms-border);border-radius:var(--ms-radius-sm);padding:var(--ms-space-2) var(--ms-space-3);flex-wrap:wrap;display:flex}.smart-play-video{gap:var(--ms-space-2);flex-direction:column;display:flex}.smart-play-video-surface{aspect-ratio:16/9;border-radius:var(--ms-radius-md);width:100%;max-width:720px;color:var(--ms-text-muted);background:#000;justify-content:center;align-items:center;display:flex;overflow:hidden}.smart-play-video-surface iframe{border:0;width:100%;height:100%}.smart-play-workspace{gap:var(--ms-space-4);flex-direction:column;display:flex}.smart-play-transport{align-items:center;gap:var(--ms-space-3);flex-wrap:wrap;display:flex}.smart-play-time{color:var(--ms-text-secondary);font-variant-numeric:tabular-nums}.smart-play-nowplaying{gap:var(--ms-space-3);flex-direction:column;display:flex}.smart-play-chord-row{justify-content:space-between;align-items:center;gap:var(--ms-space-4);flex-wrap:wrap;display:flex}.smart-play-current-chord{gap:var(--ms-space-1);flex-direction:column;display:flex}.smart-play-chord-label{text-transform:uppercase;letter-spacing:.08em;color:var(--ms-text-muted);font-size:.8rem}.smart-play-chord-symbol{color:var(--ms-ember);font-size:3rem;font-weight:700;line-height:1}.smart-play-sounding,.smart-play-confidence{color:var(--ms-text-secondary);font-size:.85rem}.smart-play-next-chord{align-items:baseline;gap:var(--ms-space-2);display:flex}.smart-play-next-symbol{font-size:1.4rem;font-weight:600}.smart-play-change-hint{color:var(--ms-ember);font-size:.8rem}.chord-diagram{color:var(--ms-text);margin:0}.chord-diagram-svg svg{width:100%;height:auto;display:block}.chord-diagram-empty{color:var(--ms-text-muted);border:1px dashed var(--ms-border);border-radius:var(--ms-radius-sm);padding:var(--ms-space-3);text-align:center;min-width:120px;font-size:.85rem}.smart-play-side-panels{gap:var(--ms-space-3);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.smart-play-capo-current strong{color:var(--ms-ember);font-size:1.2rem}.smart-play-nudge-row{align-items:center;gap:var(--ms-space-2);font-variant-numeric:tabular-nums;flex-wrap:wrap;display:flex}.smart-play-sections{gap:var(--ms-space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.smart-play-sections li[data-active=true]>button{border-color:var(--ms-ember)}.smart-play-summary-grid{gap:var(--ms-space-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:0;display:grid}.smart-play-summary-grid dt{text-transform:uppercase;letter-spacing:.06em;color:var(--ms-text-muted);font-size:.78rem}.smart-play-summary-grid dd{margin:0;font-weight:600}.smart-play-external-link{text-decoration:none}.smart-play-phases{gap:var(--ms-space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.smart-play-phases li{gap:var(--ms-space-2);color:var(--ms-text-muted);align-items:baseline;display:flex}.smart-play-phases li[data-status=done]{color:var(--ms-positive)}.smart-play-phases li[data-status=current]{color:var(--ms-text);font-weight:600}.smart-play-phase-marker{text-align:center;flex:none;width:1.1em}.smart-play-live-status{color:var(--ms-text-secondary);margin:0}.live-listen{gap:var(--ms-space-3)}.live-listen-steps{gap:var(--ms-space-3);color:var(--ms-text-secondary);flex-wrap:wrap;margin:0;padding-left:1.1rem;display:flex}.live-listen-console{gap:var(--ms-space-3);border:1px solid var(--ms-border);border-radius:var(--ms-radius-md);padding:var(--ms-space-3);flex-direction:column;display:flex}.live-listen-meter{align-items:center;gap:var(--ms-space-2);grid-template-columns:auto 1fr auto;display:grid}.live-listen-meter-label,.live-listen-meter-text{color:var(--ms-text-secondary);white-space:nowrap;font-size:.85rem}.live-listen-meter-track{background:var(--ms-surface-raised);border:1px solid var(--ms-border);border-radius:6px;height:12px;overflow:hidden}.live-listen-meter-fill{background:var(--ms-positive);width:0%;height:100%;transition:width 80ms linear}.live-listen-meter[data-quality=silent] .live-listen-meter-fill{background:var(--ms-text-muted)}.live-listen-meter[data-quality=quiet] .live-listen-meter-fill{background:var(--ms-warning)}.live-listen-meter[data-quality=clipping] .live-listen-meter-fill{background:var(--ms-danger)}.live-listen-modes{border:1px solid var(--ms-border);border-radius:var(--ms-radius-sm);padding:var(--ms-space-2) var(--ms-space-3);gap:var(--ms-space-2);flex-direction:column;display:flex}.live-listen-modes legend{color:var(--ms-text-muted);padding:0 var(--ms-space-1);font-size:.85rem}.live-listen-modes label{gap:var(--ms-space-2);cursor:pointer;align-items:flex-start;font-size:.9rem;display:flex}.live-listen-modes input[type=radio]{accent-color:var(--ms-ember);margin-top:3px}.live-listen-recording{gap:var(--ms-space-2);flex-direction:column;display:flex}.live-listen-rec-indicator{align-items:center;gap:var(--ms-space-2);color:var(--ms-danger);margin:0;font-weight:600;display:flex}.live-listen-rec-dot{background:var(--ms-danger);width:12px;height:12px;animation:ll-pulse var(--ms-duration-breath,2s) var(--ms-ease-breath,ease-in-out) infinite;border-radius:50%;flex:none}@keyframes ll-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.live-listen-rec-dot{animation:none}.live-listen-meter-fill{transition:none}}.live-listen-elapsed{font-variant-numeric:tabular-nums;color:var(--ms-text-secondary);margin:0}.live-listen-rec-actions{gap:var(--ms-space-2);flex-wrap:wrap;display:flex}.live-listen-retry{margin-top:var(--ms-space-2)}.live-listen-details,.smart-play-upload-fallback{border-top:1px solid var(--ms-border);padding-top:var(--ms-space-2)}.live-listen-details summary,.smart-play-upload-fallback summary{cursor:pointer;color:var(--ms-text-secondary);font-weight:600}.live-listen-details summary:focus-visible,.smart-play-upload-fallback summary:focus-visible{outline:2px solid var(--ms-focus);outline-offset:2px}.live-listen-details p,.live-listen-details ul{color:var(--ms-text-secondary);font-size:.9rem}