@layer reset,tokens,components,responsive;@layer tokens{:root{--bg: #f4ecdd;--bg-glow: rgba(196, 148, 105, .14);--surface: #e9e4db;--surface-raised: #e1dcd2;--hairline: rgba(92, 74, 54, .14);--hairline-strong: rgba(92, 74, 54, .28);--text: #4a3f33;--text-muted: #8d7d68;--accent: #8f7fd9;--accent-soft: rgba(143, 127, 217, .16);--accent-glow: rgba(143, 127, 217, .5);--on-accent: #fbf7ee;--danger: #c26a5c;--danger-wash: rgba(194, 106, 92, .14);--track: rgba(92, 74, 54, .18);--overlay: rgba(74, 63, 51, .38);--hover-wash: rgba(92, 74, 54, .07);--shadow: 0 16px 40px rgba(74, 63, 51, .25);--score-ink: #4a3f33;--color-soprano: #cf7fa3;--color-alto: #c9945a;--color-tenor: #679f7e;--color-bass: #6d90bf;--measure-highlight: rgba(74, 128, 214, .2);--space-1: 2px;--space-2: 4px;--space-3: 6px;--space-4: 8px;--space-5: 10px;--space-6: 12px;--space-7: 14px;--space-8: 16px;--space-9: 18px;--space-10: 22px;--space-11: 24px;--space-12: 26px;--space-13: 28px;--space-14: 32px;--radius: 10px;--radius-sm: 6px;--radius-xs: 4px;--radius-pill: 999px;--fs-2xs: .68rem;--fs-xs: .72rem;--fs-sm: .78rem;--fs-md: .84rem;--fs-lg: .95rem;--fs-heading: 1.05rem;--fs-title: 1.3rem;--fs-piece: 1.7rem;--shadow-glow: 0 0 24px 2px var(--accent-soft);--transition-fast: .12s;--transition: .15s;--transition-slow: .25s;--font-ui: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace}:root[data-theme=dark]{--bg: #332d27;--bg-glow: rgba(205, 170, 130, .1);--surface: #3d362e;--surface-raised: #494037;--hairline: rgba(238, 226, 206, .12);--hairline-strong: rgba(238, 226, 206, .24);--text: #ece4d3;--text-muted: #b0a38e;--accent: #b1a3e6;--accent-soft: rgba(177, 163, 230, .2);--accent-glow: rgba(177, 163, 230, .55);--on-accent: #2e2838;--danger: #d9887c;--danger-wash: rgba(217, 136, 124, .16);--track: rgba(238, 226, 206, .18);--overlay: rgba(26, 22, 18, .55);--hover-wash: rgba(238, 226, 206, .07);--shadow: 0 16px 40px rgba(15, 12, 9, .5);--score-ink: #c7b998;--color-soprano: #e0a3bf;--color-alto: #dfb287;--color-tenor: #93c4a6;--color-bass: #97b3d6;--measure-highlight: rgba(120, 165, 230, .26)}}@layer reset{*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;font-family:var(--font-ui);background:radial-gradient(1200px 500px at 50% -10%,var(--bg-glow),transparent 60%),var(--bg);color:var(--text);min-height:100vh;transition:background var(--transition-slow),color var(--transition-slow)}}@layer components{.card{background:var(--surface-raised);border:1px solid var(--hairline-strong);border-radius:var(--radius);box-shadow:var(--shadow)}.icon-btn{color:var(--text-muted);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;&:hover{color:var(--text);background:var(--hover-wash)}}.pill{font-weight:700;letter-spacing:.04em;color:var(--text-muted);background:none;border:1px solid var(--hairline);border-radius:var(--radius-pill);cursor:pointer;transition:color var(--transition),border-color var(--transition)}.slider{flex:1;height:4px;appearance:none;-webkit-appearance:none;background:var(--track);border-radius:2px;outline:none;cursor:pointer;&::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:var(--slider-accent, var(--accent));border:none}&::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--slider-accent, var(--accent));border:none}&::-moz-range-track{height:4px;background:var(--track);border-radius:2px}}.voxquad-app{display:grid;grid-template-columns:auto minmax(0,1fr);min-height:100vh}.app-main{min-width:0;max-width:1180px;padding:var(--space-13) var(--space-11) 48px;display:flex;flex-direction:column}.app-view{min-width:0}.nav-rail{position:sticky;top:0;align-self:start;height:100vh;width:228px;display:flex;flex-direction:column;gap:var(--space-11);padding:var(--space-13) var(--space-6) var(--space-9);border-right:1px solid var(--hairline)}.nav-rail__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:0 var(--space-5)}.nav-rail__brand{margin:0;padding:0;font-family:Iowan Old Style,Palatino Linotype,Palatino,Book Antiqua,Georgia,serif;font-size:var(--fs-title);font-weight:600;font-variant-caps:small-caps;letter-spacing:.07em;& a{color:inherit;text-decoration:none}}.nav-rail__nav{display:flex;flex-direction:column;gap:var(--space-1)}.nav-rail__item{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-4) var(--space-5);font:inherit;font-size:var(--fs-md);font-weight:600;color:var(--text-muted);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition),background var(--transition);&:hover{color:var(--text);background:var(--hover-wash)}}.nav-rail__item--active{color:var(--accent);background:var(--accent-soft)}.nav-rail__gate{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);width:100%;padding:var(--space-5);text-align:left;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);cursor:pointer;transition:border-color var(--transition),background var(--transition);&:hover{border-color:var(--accent);background:var(--hover-wash)}}.nav-rail__gate-badge{padding:2px var(--space-3);font-size:var(--fs-2xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--on-accent);background:var(--accent);border-radius:var(--radius-pill);white-space:nowrap}.nav-rail__gate-title{display:flex;align-items:center;gap:var(--space-4);font-size:var(--fs-md);font-weight:600}.nav-rail__gate-teaser{font-size:var(--fs-2xs);line-height:1.4;color:var(--text-muted)}.nav-rail--drop{background:var(--accent-soft)}.nav-rail__foot{display:flex;flex-direction:column;gap:var(--space-4);margin-top:auto}.nav-rail__contact{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-5);border-top:1px solid var(--hairline);& a{font-size:var(--fs-sm);font-weight:600;color:var(--accent);text-decoration:none;overflow-wrap:anywhere;&:hover{text-decoration:underline}}}.nav-rail__contact-label{font-size:var(--fs-2xs);color:var(--text-muted)}.rail-waitlist{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);border-top:1px solid var(--hairline)}.rail-waitlist__label{font-size:var(--fs-sm);font-weight:600;color:var(--text)}.rail-waitlist__form{display:flex;gap:var(--space-1)}.rail-waitlist__email{flex:1;min-width:0;padding:var(--space-2) var(--space-3);font:inherit;font-size:var(--fs-xs);color:var(--text);background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-sm);&::placeholder{color:var(--text-muted)}}.rail-waitlist__submit{flex-shrink:0;width:36px;font-size:1.1rem;color:var(--on-accent);background:var(--accent);border:none;border-radius:var(--radius-sm);cursor:pointer;&:disabled{opacity:.6}}.rail-waitlist__note,.rail-waitlist__status{font-size:var(--fs-2xs);color:var(--text-muted)}.rail-waitlist__status--ok{color:var(--color-tenor)}.rail-waitlist__status--err{color:var(--error)}.nav-rail__theme{flex-shrink:0;width:36px;height:36px}.help-view{flex:1;display:flex;flex-direction:column;width:100%;max-width:74rem;margin:0 auto}.help-footer,.legal-doc__foot{margin-top:auto}.help-view__header{margin-bottom:var(--space-11);text-align:center;& h2{margin:0 0 var(--space-3);font-size:var(--fs-title)}& p{max-width:60ch;margin:0 auto;font-size:var(--fs-md);color:var(--text-muted)}}.help-view__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-9)}.help-card{display:flex;flex-direction:column;padding:var(--space-12);font-size:var(--fs-md);line-height:1.6;& p{margin:0;color:var(--text-muted)}& a{color:var(--accent);overflow-wrap:anywhere}}.help-card--trust{border-left:3px solid var(--accent)}.help-card__title{display:flex;gap:var(--space-5);align-items:center;margin:0 0 var(--space-6);font-size:var(--fs-lg);font-weight:700}.help-card__icon{display:inline-flex;color:var(--accent)}.help-contact{display:flex;flex-wrap:wrap;gap:var(--space-9);align-items:center;justify-content:space-between;margin-top:var(--space-9);padding:var(--space-12);background:var(--accent-soft);border-radius:var(--radius);& h3{margin:0 0 var(--space-3);font-size:var(--fs-lg)}& p{max-width:62ch;margin:0;font-size:var(--fs-md);line-height:1.6;color:var(--text-muted)}}.help-contact__mail{flex-shrink:0;padding:var(--space-5) var(--space-11);font-size:var(--fs-md);font-weight:600;color:var(--on-accent);background:var(--accent);border-radius:var(--radius-pill);text-decoration:none;white-space:nowrap;&:hover{opacity:.9}}.help-card__points,.help-card__steps{margin:var(--space-5) 0 0;padding-left:var(--space-11);color:var(--text-muted);& li+li{margin-top:var(--space-4)}}.help-footer{display:flex;flex-wrap:wrap;gap:var(--space-5);justify-content:space-between;margin-top:var(--space-14);padding-top:var(--space-9);font-size:var(--fs-sm);color:var(--text-muted);border-top:1px solid var(--hairline);& a{color:var(--text-muted);text-decoration:none;&:hover{color:var(--accent)}}}.legal-view{flex:1;display:flex;flex-direction:column;width:100%}.legal-doc{flex:1;display:flex;flex-direction:column;width:100%;max-width:46rem;margin:0 auto;font-family:Iowan Old Style,Palatino Linotype,Palatino,Book Antiqua,Georgia,serif;font-size:var(--fs-md);line-height:1.75;color:var(--text)}.legal-doc__head{margin-bottom:var(--space-12);padding-bottom:var(--space-6);border-bottom:1px solid var(--hairline);& h2{margin:0 0 var(--space-2);font-size:var(--fs-title)}}.legal-doc__meta{margin:0;font-size:var(--fs-sm);color:var(--text-muted)}.legal-doc__section{margin-bottom:var(--space-9)}.legal-doc__heading{margin:0 0 var(--space-4);font-size:var(--fs-lg);font-weight:700}.legal-doc p{margin:0 0 var(--space-4)}.legal-doc a{color:var(--accent);overflow-wrap:anywhere}.legal-doc__foot{margin-top:var(--space-11);padding-top:var(--space-6);font-size:var(--fs-sm);color:var(--text-muted);border-top:1px solid var(--hairline)}.help-card__more{display:inline-block;margin-top:var(--space-2);font-weight:600}.app-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-9);padding:var(--space-4) var(--space-6);font-size:var(--fs-sm);color:var(--text-muted);background:var(--accent-soft);border:1px solid var(--hairline);border-radius:var(--radius-sm);& strong{color:var(--accent);font-weight:600}}.app-banner__link{flex-shrink:0;padding:0;font:inherit;font-weight:600;color:var(--accent);background:none;border:none;text-decoration:underline;cursor:pointer}.score-grid{display:flex;flex-direction:column;gap:var(--space-9)}.score-grid__intro{margin:0 0 calc(var(--space-5) * -1);max-width:62ch;font-size:var(--fs-sm);color:var(--text-muted)}.score-grid__toolbar{display:flex;flex-wrap:wrap;gap:var(--space-5);align-items:center;justify-content:space-between}.score-grid__actions{display:flex;flex-shrink:0;gap:var(--space-4);align-items:center}.score-grid__search{flex:1 1 220px;max-width:420px;padding:var(--space-4) var(--space-6);font:inherit;font-size:var(--fs-md);color:var(--text);background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-pill);outline:none;transition:border-color var(--transition);&:focus{border-color:var(--accent)}&::placeholder{color:var(--text-muted)}}.score-grid__items{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-9)}.score-grid__empty{grid-column:1 / -1;margin:0;font-size:var(--fs-sm);line-height:1.6;color:var(--text-muted)}.score-card{position:relative;transition:transform var(--transition);&:hover{transform:translateY(-2px)}}.score-card__open{display:flex;flex-direction:column;gap:var(--space-2);width:100%;padding:0;font:inherit;color:var(--text);text-align:left;background:none;border:none;cursor:pointer}.score-card__thumb{display:block;aspect-ratio:1;overflow:hidden;padding:var(--space-3);margin-bottom:var(--space-4);background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);transition:border-color var(--transition);& svg{display:block;width:100%;height:100%;color:var(--score-ink)}}.score-card:hover .score-card__thumb{border-color:var(--hairline-strong)}.score-card--active .score-card__thumb{border-color:var(--accent)}.score-card__staff{width:100%;height:100%;stroke:var(--hairline-strong);stroke-width:1;opacity:.7}.score-card__title{font-size:var(--fs-md);font-weight:600;line-height:1.35}.score-card__subtitle{font-size:var(--fs-sm);color:var(--text-muted)}.score-card__meta{font-size:var(--fs-2xs);color:var(--text-muted)}.score-card__badge{position:absolute;top:var(--space-4);left:var(--space-4);padding:var(--space-1) var(--space-4);font-size:.66rem;font-weight:700;letter-spacing:.04em;color:var(--text-muted);background:var(--surface-raised);border-radius:var(--radius-pill)}.score-card__remove{position:absolute;top:var(--space-3);right:var(--space-3);width:28px;height:28px;font-size:.75rem;&:hover{color:var(--danger);background:var(--danger-wash)}}.floating-player{position:fixed;inset:auto;margin:0;width:min(420px,calc(100vw - var(--space-11)));max-height:calc(100vh - var(--space-11));overflow-y:auto;padding:0;color:var(--text);background:var(--surface-raised);border:1px solid var(--hairline-strong);border-radius:var(--radius);box-shadow:var(--shadow)}.floating-player--fallback{z-index:60}.floating-player--dragging{user-select:none}.floating-player__handle{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);position:sticky;top:0;z-index:1;background:var(--surface-raised);border-bottom:1px solid var(--hairline);cursor:grab;touch-action:none}.floating-player--dragging .floating-player__handle{cursor:grabbing}.floating-player__grip{display:flex;color:var(--text-muted)}.floating-player__title{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--fs-sm);font-weight:600;color:var(--text-muted)}.floating-player__size,.floating-player__info{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px}.floating-player__size{transition:transform var(--transition)}.floating-player__transport,.floating-player__voices,.floating-player__voice-panel{padding:var(--space-6) var(--space-7)}.floating-player__shortcuts{display:none;margin:0;padding:var(--space-5) var(--space-7);list-style:none;font-size:var(--fs-xs);line-height:1.9;color:var(--text-muted);border-top:1px solid var(--hairline)}.floating-player[data-info=open] .floating-player__shortcuts{display:block}.floating-player__voices,.floating-player__voice-panel{border-top:1px solid var(--hairline)}.floating-player .voice-strip{grid-template-columns:1fr}.floating-player[data-size=compact] .floating-player__voices,.floating-player[data-size=compact] .floating-player__voice-panel{display:none}.floating-player[data-size=expanded] .floating-player__size{transform:rotate(180deg)}.floating-player[data-dock=rail]{position:static;width:auto;background:var(--surface);border-color:var(--hairline);box-shadow:none}.floating-player[data-dock=rail] .transport-bar__volume,.floating-player[data-dock=rail] .floating-player__voices,.floating-player[data-dock=rail] .floating-player__voice-panel,.floating-player[data-dock=rail] .floating-player__grip,.floating-player[data-dock=rail] .transport-bar__bpm .slider{display:none}.floating-player[data-dock=rail] .floating-player__handle{cursor:default}.floating-player[data-dock=rail] .transport-bar__play{width:40px;height:40px}.floating-player[data-dock=rail] .transport-bar__stop{width:30px;height:30px}.upload-modal__trigger{height:36px;padding:0 var(--space-7);font-size:.8rem;font-weight:600;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--radius-pill);cursor:pointer;transition:background var(--transition),color var(--transition);white-space:nowrap;&:hover{background:var(--accent);color:var(--on-accent)}}.upload-modal__notice{margin-top:var(--space-9);padding-top:var(--space-8);font-size:var(--fs-xs);line-height:1.6;color:var(--text-muted);border-top:1px solid var(--hairline);& p{margin:0 0 var(--space-5)}& strong{color:var(--text)}& a{color:var(--accent);overflow-wrap:anywhere}}.upload-modal__notice-foot{margin-bottom:0}.upload-modal__dialog{display:none;position:fixed;inset:0;z-index:50;align-items:center;justify-content:center;padding:var(--space-11);background:var(--overlay);backdrop-filter:blur(3px)}.upload-modal__dialog--open{display:flex}.upload-modal__panel{position:relative;width:min(520px,100%);max-height:80vh;overflow-y:auto;padding:var(--space-10)}.upload-modal__heading{margin:0 0 var(--space-7);font-size:var(--fs-heading)}.upload-modal__close{position:absolute;top:var(--space-7);right:var(--space-7);width:30px;height:30px;font-size:.8rem}.upload-modal__dropzone{width:100%;padding:var(--space-12) var(--space-9);font:inherit;font-size:.85rem;color:var(--text-muted);background:none;border:1.5px dashed var(--hairline-strong);border-radius:var(--radius);cursor:pointer;transition:border-color var(--transition),color var(--transition);&:hover,&.upload-modal__dropzone--over{border-color:var(--accent);color:var(--text)}}.upload-modal__status{margin:var(--space-6) 0 0;min-height:1.2em;font-size:var(--fs-sm);color:var(--text-muted);text-align:center}.upload-modal__status--reading{color:var(--accent)}.upload-modal__status--error{color:var(--danger)}.accompaniment{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--hairline)}.accompaniment__heading{font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.upload-modal__soon{margin:var(--space-3) 0 0;font-size:var(--fs-xs);color:var(--text-muted);text-align:center;& strong{color:var(--accent);font-weight:600}}.conductor-gate__dialog{display:none;position:fixed;inset:0;z-index:50;align-items:center;justify-content:center;padding:var(--space-11);background:var(--overlay);backdrop-filter:blur(3px)}.conductor-gate__dialog--open{display:flex}.conductor-gate__panel{position:relative;width:min(520px,100%);padding:var(--space-10)}.conductor-gate__close{position:absolute;top:var(--space-7);right:var(--space-7);width:30px;height:30px;font-size:.8rem}.conductor-gate__heading{margin:0 0 var(--space-4);font-size:var(--fs-heading)}.conductor-gate__pitch{margin:0 0 var(--space-8);color:var(--text-muted)}.conductor-gate__form{display:flex;gap:var(--space-2)}.conductor-gate__email{flex:1;min-width:0;padding:var(--space-3) var(--space-4);font:inherit;font-size:var(--fs-sm);color:var(--text);background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-sm);&::placeholder{color:var(--text-muted)}}.conductor-gate__submit{flex-shrink:0;padding:var(--space-3) var(--space-6);font:inherit;font-weight:600;color:var(--on-accent);background:var(--accent);border:none;border-radius:var(--radius-sm);cursor:pointer;&:disabled{opacity:.6}}.conductor-gate__note,.conductor-gate__status{margin:var(--space-3) 0 0;font-size:var(--fs-xs);color:var(--text-muted)}.conductor-gate__status--ok{color:var(--color-tenor)}.conductor-gate__status--err{color:var(--danger)}.app-view--piece{min-height:60vh}.piece-header{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-6);margin:var(--space-9) 0 var(--space-3)}.piece-title{margin:0;font-size:var(--fs-piece);font-weight:600;font-family:Georgia,Times New Roman,serif;text-align:center;border-radius:var(--radius-sm);transition:background var(--transition)}.piece-title--editable{cursor:text;&:hover{background:var(--hover-wash)}}.piece-save{flex-shrink:0;padding:var(--space-2) var(--space-6);font-size:var(--fs-sm)}.piece-save--saved{color:var(--accent);border-color:var(--accent)}.piece-title__input{width:100%;font:inherit;text-align:center;color:var(--text);background:var(--surface);border:1px solid var(--accent);border-radius:var(--radius-sm);outline:none;padding:var(--space-1) var(--space-4)}.app-empty{position:relative;max-width:760px;margin:8vh auto 0}.app-empty__score{width:100%;height:auto;display:block;color:var(--text-muted);opacity:.3;filter:blur(3px);user-select:none;pointer-events:none}.app-empty__text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;text-align:center;& button{padding:var(--space-6) var(--space-10);font:inherit;font-size:var(--fs-lg);color:var(--text);background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-pill);box-shadow:var(--shadow);cursor:pointer;transition:border-color var(--transition),transform var(--transition);&:hover{border-color:var(--accent);transform:scale(1.02)}}}.score-view{position:relative}.score-view__sheet{position:relative;z-index:1}.score-view svg{width:100%;height:auto;display:block}.score-view__measure{position:absolute;z-index:0;pointer-events:none;background:var(--measure-highlight);border-radius:var(--radius-xs)}.score-view img{display:none}.score-view__credit{position:relative;z-index:1;margin-bottom:var(--space-5);color:var(--text-muted);font-size:var(--fs-xs);font-style:italic;letter-spacing:.02em;text-align:right}.transport-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-7)}.transport-bar__play{width:54px;height:54px;flex-shrink:0;font-size:1rem;color:var(--on-accent);background:var(--accent);border:none;border-radius:50%;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),background var(--transition);box-shadow:0 0 0 0 var(--accent-soft);&:hover:not(:disabled){transform:scale(1.06);box-shadow:var(--shadow-glow)}}.transport-bar__stop{width:38px;height:38px;flex-shrink:0;font-size:.8rem;color:var(--text-muted);background:var(--surface-raised);border:1px solid var(--hairline);border-radius:50%;cursor:pointer;transition:color var(--transition),border-color var(--transition);&:hover:not(:disabled){color:var(--text);border-color:var(--hairline-strong)}&:disabled{opacity:.35;cursor:default}}.transport-bar__progress{min-width:64px;font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text-muted);text-align:center}.transport-bar__bpm{flex-basis:100%;display:flex;align-items:center;gap:var(--space-4)}.transport-bar__bpm-label{font-size:.85rem;color:var(--text-muted)}.transport-bar__bpm-value{min-width:30px;font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text)}.transport-bar__volume{flex-basis:100%}.voice-strip{display:grid;grid-template-columns:1fr;gap:var(--space-5)}.mix-chip{min-width:0;display:flex;align-items:center;gap:var(--space-5);padding:var(--space-6) var(--space-7);background:var(--surface);border:1px solid var(--hairline);border-left:3px solid var(--chip-accent);border-radius:var(--radius-sm);transition:opacity var(--transition),border-color var(--transition);.volume-slider{flex:1}.volume-slider__label{display:none}}.mix-chip--silenced{opacity:.42}.mix-chip--solo{border-color:var(--chip-accent)}.mix-chip__name{flex-shrink:0;min-width:66px;max-width:132px;padding:var(--space-2) 0;font-size:var(--fs-sm);font-weight:700;color:var(--chip-accent);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:none;border:none;cursor:pointer;user-select:none}.voice-strip__timbre{flex-shrink:0;padding:var(--space-1) var(--space-4);font-size:.66rem;&:hover{border-color:var(--hairline-strong)}}.voice-strip__timbre--human{color:var(--accent);border-color:var(--accent)}.voice-panel{display:flex;flex-direction:column;gap:var(--space-5)}.voice-panel__vowels{align-self:flex-start;padding:var(--space-2) var(--space-6);font-size:.7rem}.voice-panel__vowels--on{color:var(--accent);border-color:var(--accent)}.voice-panel__vibrato{display:flex;align-items:center;gap:var(--space-5)}.voice-panel__vibrato-label{font-size:.74rem;color:var(--text-muted)}.voice-panel__vibrato-value{min-width:34px;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text);text-align:right}.volume-slider{display:flex;align-items:center;gap:var(--space-5);--slider-accent: var(--accent)}.volume-slider__label{min-width:62px;font-size:var(--fs-sm);font-weight:600;color:var(--slider-accent)}.volume-slider__value{min-width:38px;font-family:var(--font-mono);font-size:var(--fs-2xs);text-align:right;color:var(--text-muted)}.volume-slider__input{min-width:60px;&::-webkit-slider-thumb{transition:transform var(--transition-fast)}&::-webkit-slider-thumb:hover{transform:scale(1.25)}}}@layer responsive{@media (max-width: 920px){.nav-rail{width:auto;gap:var(--space-8);padding:var(--space-9) var(--space-4)}.help-view__grid{grid-template-columns:minmax(0,1fr)}.help-contact{flex-direction:column-reverse;align-items:flex-start}.nav-rail__brand,.nav-rail__contact,.nav-rail__item span{display:none}.nav-rail__item,.nav-rail__head{justify-content:center}.app-main{padding:var(--space-9) var(--space-6) 40px}.volume-slider__label{min-width:48px;font-size:.7rem}.floating-player[data-dock=rail] .floating-player__title,.floating-player[data-dock=rail] .transport-bar__bpm{display:none}.floating-player[data-dock=rail] .transport-bar{justify-content:center}}@media (max-width: 720px){.floating-player{top:auto;right:var(--space-3);bottom:var(--space-3);left:var(--space-3);width:auto}.floating-player__handle{cursor:default}.floating-player__grip{display:none}}}