:root{--brand-coral: #ff6b4a;--brand-coral-hover: #ff8164;--brand-coral-press: #e5563a;--external-spotify-green: #1db954;--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-0: 0px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-pill: 999px;--border-hairline: 1px;--border-focus: 2px;--target-min: 44px;--target-transport: 72px;--app-bar-height: 56px;--app-max-width: 1200px;--content-gutter: 24px;--panel-gap: 20px;--breakpoint-compact: 768px}:root,[data-theme=dark]{--surface-bg: #0e1116;--surface-raised: #171b22;--surface-sunken: #0b0e13;--surface-border: #2a3038;--surface-border-strong: #3c444f;--text-primary: #f2f4f7;--text-secondary: #a6aeba;--text-muted: #6c7480;--text-on-accent: #1a0e0a;--status-success: #3dd68c;--status-success-bg: #10271c;--status-warning: #e6b450;--status-warning-bg: #2b2310;--status-error: #ff7468;--status-error-bg: #2e1513;--status-info: #5daee6;--status-info-bg: #10222e;--focus-ring: #5daee6;--elevation-raised: 0 1px 2px rgba(0, 0, 0, .4);--elevation-overlay: 0 8px 24px rgba(0, 0, 0, .6)}[data-theme=light]{--surface-bg: #f7f8fa;--surface-raised: #ffffff;--surface-sunken: #eef0f4;--surface-border: #d8dce3;--surface-border-strong: #b7bdc8;--text-primary: #14181f;--text-secondary: #525a66;--text-muted: #878f9c;--text-on-accent: #ffffff;--status-success: #1e8e5a;--status-success-bg: #e3f5ec;--status-warning: #b5740b;--status-warning-bg: #fbf0da;--status-error: #c0362c;--status-error-bg: #fbe6e4;--status-info: #1f6fb2;--status-info-bg: #e4f0f9;--focus-ring: #1f6fb2;--elevation-raised: 0 1px 2px rgba(20, 24, 31, .06), 0 1px 3px rgba(20, 24, 31, .08);--elevation-overlay: 0 8px 24px rgba(20, 24, 31, .14)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);font-size:15px;line-height:22px;color:var(--text-primary);background:var(--surface-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,p{margin:0}button{font-family:inherit;cursor:pointer}:focus-visible{outline:var(--border-focus) solid var(--focus-ring);outline-offset:2px}.t-display{font-family:var(--font-mono);font-size:72px;line-height:76px;font-weight:var(--weight-bold);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.t-title-xl{font-size:30px;line-height:36px;font-weight:var(--weight-bold);letter-spacing:-.01em}.t-title-lg{font-size:24px;line-height:30px;font-weight:var(--weight-bold);letter-spacing:-.01em}.t-title-md{font-size:18px;line-height:24px;font-weight:var(--weight-semibold)}.t-body{font-size:15px;line-height:22px;font-weight:var(--weight-regular)}.t-body-strong{font-size:15px;line-height:22px;font-weight:var(--weight-semibold)}.t-label{font-size:13px;line-height:18px;font-weight:var(--weight-medium)}.t-caption{font-size:12px;line-height:16px;font-weight:var(--weight-medium);letter-spacing:.02em}.t-overline{font-size:11px;line-height:14px;font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.app-shell{display:flex;flex-direction:column;min-height:100%}.app-main{flex:1 1 auto;display:flex;flex-direction:column}.app-bar{position:sticky;top:0;z-index:10;height:var(--app-bar-height);display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-6);background:var(--surface-raised);border-bottom:var(--border-hairline) solid var(--surface-border)}.app-bar__mark{display:flex;align-items:center;gap:var(--space-2);flex:0 0 auto}.app-bar__mark-dot{width:10px;height:10px;border-radius:var(--radius-pill);background:var(--brand-coral)}.app-bar__steps{flex:1 1 auto;display:flex;justify-content:center;gap:var(--space-3)}.app-bar__step{color:var(--text-muted);background:none;border:none;padding:0;margin:0;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;transition:color .12s ease}.app-bar__step:hover:not(.app-bar__step--current):not(.app-bar__step--disabled){color:var(--text-primary, var(--brand-coral))}.app-bar__step:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px;border-radius:2px}.app-bar__step--current{color:var(--brand-coral);cursor:default}.app-bar__step--disabled{cursor:default;opacity:.4}.app-bar__step-sep{color:var(--text-muted);opacity:.6}.app-bar__right{flex:0 0 auto;display:flex;align-items:center;gap:var(--space-3)}.conn-chip{display:inline-flex;align-items:center;gap:var(--space-2);height:28px;padding:0 var(--space-3);border:var(--border-hairline) solid var(--surface-border);border-radius:var(--radius-pill);background:var(--surface-bg);color:var(--text-secondary);font-size:12px;line-height:16px;font-weight:var(--weight-medium);letter-spacing:.02em}.conn-chip[role=button]{cursor:pointer}.conn-chip__dot{width:8px;height:8px;border-radius:var(--radius-pill);flex:0 0 auto}.conn-chip__dot--success{background:var(--status-success)}.conn-chip__dot--warning{background:var(--status-warning)}.conn-chip__dot--error{background:var(--status-error)}.conn-chip__spinner{width:10px;height:10px;border:2px solid var(--status-warning);border-top-color:transparent;border-radius:var(--radius-pill);animation:spin .8s linear infinite}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--target-min);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);border:var(--border-hairline) solid transparent;font-size:15px;line-height:22px;font-weight:var(--weight-semibold);text-decoration:none;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--brand-coral);color:var(--text-on-accent)}.btn--primary:not(:disabled):hover{background:var(--brand-coral-hover)}.btn--primary:not(:disabled):active{background:var(--brand-coral-press)}.btn--secondary{background:var(--surface-raised);border-color:var(--surface-border-strong);color:var(--text-primary)}.btn--secondary:not(:disabled):hover{background:var(--surface-sunken)}.btn--ghost{background:transparent;color:var(--text-secondary)}.btn--ghost:not(:disabled):hover{background:var(--surface-sunken)}.btn--destructive{background:transparent;color:var(--status-error)}.btn--destructive:not(:disabled):hover{background:var(--status-error-bg)}.btn--spotify{background:var(--external-spotify-green);color:#fff;height:48px;width:100%}.btn--spotify:not(:disabled):hover{filter:brightness(1.06)}.btn--full{width:100%}.btn--icon{width:var(--target-min);height:var(--target-min);min-height:var(--target-min);padding:0;border-radius:var(--radius-pill)}.banner{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:13px;line-height:18px}.banner--error{background:var(--status-error-bg);color:var(--status-error)}.banner--warning{background:var(--status-warning-bg);color:var(--status-warning)}.banner--info{background:var(--status-info-bg);color:var(--status-info)}.banner--success{background:var(--status-success-bg);color:var(--status-success)}.banner__actions{display:flex;gap:var(--space-2)}.toast-region{position:fixed;left:50%;bottom:var(--space-8);transform:translate(-50%);z-index:50;display:flex;justify-content:center;pointer-events:none}.toast{pointer-events:auto;max-width:90vw;padding:var(--space-3) var(--space-5);background:var(--surface-raised);color:var(--text-primary);border:var(--border-hairline) solid var(--surface-border);border-radius:var(--radius-md);box-shadow:var(--elevation-overlay);font-size:13px;line-height:18px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:#00000080}.connect-screen{flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--surface-bg)}.connect-card{width:100%;max-width:440px;background:var(--surface-raised);border:var(--border-hairline) solid var(--surface-border);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--elevation-raised);display:flex;flex-direction:column;gap:var(--space-4)}.connect-card__mark{display:flex;align-items:center;gap:var(--space-2)}.connect-card__mark-dot{width:10px;height:10px;border-radius:var(--radius-pill);background:var(--brand-coral)}.device-list{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.device-row{display:flex;align-items:center;gap:var(--space-3);width:100%;text-align:left;padding:var(--space-3);border-radius:var(--radius-md);border:var(--border-hairline) solid var(--surface-border);background:var(--surface-sunken);color:var(--text-primary)}.device-row--selected{border:var(--border-focus) solid var(--brand-coral);padding:calc(var(--space-3) - 1px)}.device-row__radio{width:14px;height:14px;flex:0 0 auto;border-radius:var(--radius-pill);border:2px solid var(--surface-border-strong)}.device-row--selected .device-row__radio{border-color:var(--brand-coral);background:var(--brand-coral);box-shadow:inset 0 0 0 3px var(--surface-sunken)}.device-row__body{flex:1 1 auto;display:flex;flex-direction:column}.device-row__icon{flex:0 0 auto;font-size:16px}.screen{flex:1 1 auto;width:100%;max-width:var(--app-max-width);margin:0 auto;padding:var(--space-8) var(--content-gutter);display:flex;flex-direction:column;gap:var(--space-4)}.screen--center{align-items:center;justify-content:center;text-align:center}.stub-card{max-width:520px;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-10);background:var(--surface-raised);border:var(--border-hairline) dashed var(--surface-border-strong);border-radius:var(--radius-lg)}.stub-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.link-button{background:none;border:none;padding:0;color:var(--status-info);font-weight:var(--weight-semibold);text-decoration:underline;cursor:pointer}.link-button:hover{filter:brightness(1.1)}.import-screen{gap:var(--space-5)}.dropzone{width:100%;max-width:680px;margin:var(--space-12) auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-12);text-align:center;background:var(--surface-sunken);border:2px dashed var(--surface-border-strong);border-radius:var(--radius-lg);transition:border-color .12s ease,background-color .12s ease,color .12s ease}.dropzone--active{border-color:var(--brand-coral);background:var(--surface-raised)}.dropzone__icon{font-size:40px;line-height:1;color:var(--text-secondary)}.dropzone--active .dropzone__icon{color:var(--brand-coral)}.dropzone__template{color:var(--status-info)}.import-parsing{display:flex;align-items:center;gap:var(--space-3)}.skeleton-table{display:flex;flex-direction:column;gap:var(--space-2)}.skeleton-row{height:56px;border-radius:var(--radius-md);background:linear-gradient(90deg,var(--surface-raised) 0%,var(--surface-sunken) 50%,var(--surface-raised) 100%);background-size:200% 100%;animation:shimmer 1.2s ease-in-out infinite}@keyframes shimmer{to{background-position:-200% 0}}.review-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.review-header__lead{display:flex;flex-direction:column;gap:var(--space-3)}.review-header__actions{display:flex;align-items:center;gap:var(--space-3)}.review-pills{display:flex;gap:var(--space-2);flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:var(--space-2);height:26px;padding:0 var(--space-3);border-radius:var(--radius-pill);font-size:12px;line-height:16px;font-weight:var(--weight-medium)}.pill__dot{width:8px;height:8px;border-radius:var(--radius-pill);background:currentColor}.pill--success{background:var(--status-success-bg);color:var(--status-success)}.pill--warning{background:var(--status-warning-bg);color:var(--status-warning)}.pill--error{background:var(--status-error-bg);color:var(--status-error)}.needs-attention{padding:var(--space-2) var(--space-4);background:var(--status-warning-bg);color:var(--status-warning);border-radius:var(--radius-sm);font-size:13px;line-height:18px;font-weight:var(--weight-semibold)}.review-table-wrap{border:var(--border-hairline) solid var(--surface-border);border-radius:var(--radius-lg);background:var(--surface-raised);overflow:hidden}.review-table{width:100%;border-collapse:collapse}.review-table thead th{text-align:left;text-transform:uppercase;padding:var(--space-3) var(--space-4);border-bottom:var(--border-hairline) solid var(--surface-border);font-weight:var(--weight-medium)}.review-row{height:56px;border-bottom:var(--border-hairline) solid var(--surface-border)}.review-table tbody tr:last-child{border-bottom:none}.review-row--unresolved{background:var(--status-error-bg)}.review-row--needs-offset{background:var(--status-warning-bg)}.review-cell{padding:0 var(--space-4);vertical-align:middle}.review-cell--status{width:56px}.review-cell--artist{max-width:200px}.review-cell--actions{width:140px;text-align:right;white-space:nowrap}.review-cell--actions .row-include{margin-right:var(--space-1)}.status-icon{font-size:16px;font-weight:var(--weight-bold)}.status-icon--ready{color:var(--status-success)}.status-icon--needs-offset{color:var(--status-warning)}.status-icon--unresolved{color:var(--status-error)}.track-resolved,.track-unresolved{display:inline-flex;align-items:center;gap:var(--space-2)}.album-thumb{flex:0 0 auto;width:24px;height:24px;border-radius:var(--radius-sm);object-fit:cover;display:block}.album-thumb--empty{background:var(--surface-sunken);border:var(--border-hairline) solid var(--surface-border)}.time-cell{display:inline-flex}.time-cell__display{font-family:var(--font-mono);font-size:14px;font-variant-numeric:tabular-nums;background:none;border:var(--border-hairline) solid transparent;border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);color:var(--text-primary);cursor:text}.time-cell__display:hover{background:var(--surface-sunken)}.time-cell__display--muted{color:var(--text-secondary)}.time-cell__display--warn{color:var(--status-warning)}.time-cell__input{width:64px;font-family:var(--font-mono);font-size:14px;font-variant-numeric:tabular-nums;background:var(--surface-sunken);color:var(--text-primary);border:var(--border-focus) solid var(--focus-ring);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2)}.time-cell__input--error{border-color:var(--status-error)}.search-row>td{padding:0 var(--space-4) var(--space-3);background:var(--surface-sunken)}.search-pop{margin:0 auto;max-width:520px;background:var(--surface-raised);border:var(--border-hairline) solid var(--surface-border-strong);border-radius:var(--radius-md);box-shadow:var(--elevation-overlay);padding:var(--space-3)}.search-pop__head{display:flex;align-items:center;gap:var(--space-2)}.search-pop__input{flex:1 1 auto;height:var(--target-min);padding:0 var(--space-3);background:var(--surface-sunken);color:var(--text-primary);border:var(--border-hairline) solid var(--surface-border-strong);border-radius:var(--radius-md);font-size:15px}.search-pop__note{margin:var(--space-3) var(--space-1) var(--space-1)}.search-pop__list{list-style:none;margin:var(--space-2) 0 0;padding:0;max-height:280px;overflow-y:auto}.search-pop__result{display:flex;align-items:center;gap:var(--space-3);width:100%;text-align:left;padding:var(--space-2);border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-primary)}.search-pop__result:hover{background:var(--surface-sunken)}.search-pop__result-body{display:flex;flex-direction:column}.search-pop__result .album-thumb{width:32px;height:32px}@keyframes spin{to{transform:rotate(360deg)}}.toast{display:inline-flex;align-items:center;gap:var(--space-3)}.toast__action{font-size:13px}.queue-screen{gap:var(--space-5)}.queue-layout{display:flex;align-items:flex-start;gap:var(--panel-gap)}.queue-main{flex:1 1 auto;min-width:0;max-width:760px;display:flex;flex-direction:column;gap:var(--space-4)}.queue-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.queue-header__lead{display:flex;flex-direction:column;gap:var(--space-2)}.queue-header__actions{display:flex;align-items:center;gap:var(--space-2)}.queue-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.queue-row{position:relative;display:flex;align-items:center;gap:var(--space-3);min-height:56px;padding:var(--space-3) var(--space-4);background:var(--surface-raised);border:var(--border-focus) solid transparent;border-radius:var(--radius-md);transition:height .15s ease,opacity .15s ease,margin .15s ease,padding .15s ease,border-color .12s ease,background-color .12s ease}.queue-row--lifted{border-color:var(--brand-coral)}.queue-row--drag-over{border-color:var(--brand-coral);background:var(--surface-sunken)}.queue-row--removing{height:0;min-height:0;padding-top:0;padding-bottom:0;margin-top:calc(var(--space-2) * -1);opacity:0;overflow:hidden;pointer-events:none}.queue-row__handle{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:var(--space-6);height:var(--space-8);padding:0;background:none;border:none;color:var(--text-muted);cursor:grab;font-size:16px;border-radius:var(--radius-sm)}.queue-row__handle:hover{background:var(--surface-sunken)}.queue-row--lifted .queue-row__handle{color:var(--brand-coral);cursor:grabbing}.queue-row__order{flex:0 0 auto;width:22px;font-variant-numeric:tabular-nums}.queue-row__thumb{flex:0 0 auto;width:40px;height:40px;border-radius:var(--radius-sm);object-fit:cover;display:block}.queue-row__thumb--empty{background:var(--surface-sunken);border:var(--border-hairline) solid var(--surface-border)}.queue-row__meta{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.queue-row__title,.queue-row__artist{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-row__time{flex:0 0 auto;font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap}.queue-row__remove{flex:0 0 auto}.queue-row__hint{position:absolute;left:var(--space-4);bottom:calc(var(--space-2) * -1);transform:translateY(100%);z-index:1;padding:var(--space-1) var(--space-2);background:var(--status-warning-bg);color:var(--status-warning);border-radius:var(--radius-sm);white-space:nowrap}.round-summary{flex:0 0 320px;width:320px;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);background:var(--surface-raised);border:var(--border-hairline) solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--elevation-raised)}.round-summary__rows{margin:0;display:flex;flex-direction:column}.round-summary__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:var(--border-hairline) solid var(--surface-border)}.round-summary__row:last-child{border-bottom:none}.round-summary__row dt,.round-summary__row dd{margin:0}.round-summary__output{display:inline-flex;align-items:center;gap:var(--space-2)}.round-summary__helper{text-align:center}.queue-empty{max-width:420px;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-10);background:var(--surface-raised);border:var(--border-hairline) dashed var(--surface-border-strong);border-radius:var(--radius-lg)}.queue-empty__icon{font-size:40px;line-height:1}@media (max-width: 768px){.queue-layout{flex-direction:column}.queue-main{max-width:none;width:100%}.round-summary{flex-basis:auto;width:100%}}.np-screen{position:relative;flex:1 1 auto;width:100%;max-width:none;min-height:calc(100vh - var(--app-bar-height));margin:0;padding:var(--space-8) var(--content-gutter);display:flex;align-items:flex-start;justify-content:center}.np-column{width:100%;max-width:720px;display:flex;flex-direction:column;gap:var(--space-8);padding-top:var(--space-4)}.np-zone-a{display:flex;gap:var(--space-6);align-items:center}.np-art{flex:0 0 auto;width:200px;height:200px;border-radius:var(--radius-lg);object-fit:cover;display:block}.np-art--empty{display:inline-flex;align-items:center;justify-content:center;font-size:48px;color:var(--text-on-accent);background:linear-gradient(135deg,var(--brand-coral),var(--brand-coral-press))}.np-meta{min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.np-meta__eyebrow{color:var(--brand-coral)}.np-meta__title{overflow:hidden;text-overflow:ellipsis}.np-meta__window{display:inline-flex;align-self:flex-start;margin-top:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--surface-sunken);border:var(--border-hairline) solid var(--surface-border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-muted)}.np-zone-b{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.np-countdown{font-variant-numeric:tabular-nums;color:var(--text-primary);transition:color .2s ease}.np-countdown--warning{color:var(--status-warning)}.np-countdown--error{color:var(--status-error)}.np-countdown--ended,.np-countdown[data-buffering=true]{color:var(--text-muted)}.np-progress{width:100%;height:8px;border-radius:var(--radius-pill);background:var(--surface-sunken);overflow:hidden}.np-progress__fill{height:100%;border-radius:var(--radius-pill);background:var(--brand-coral);transition:width .15s linear,background-color .2s ease}.np-progress__fill--warning{background:var(--status-warning);animation:np-pulse 1s ease-in-out infinite}.np-progress__fill--error{background:var(--status-error);animation:np-pulse 1s ease-in-out infinite}@keyframes np-pulse{0%,to{opacity:1}50%{opacity:.6}}.np-clip-warn{color:var(--status-warning);letter-spacing:.02em}.np-clip-chip{align-items:center;text-align:center}.np-zone-c{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.np-transport{display:flex;align-items:center;gap:var(--space-6)}.np-tbtn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);border:var(--border-hairline) solid transparent;transition:background-color .12s ease,border-color .12s ease,filter .12s ease}.np-tbtn:disabled{opacity:.5;cursor:not-allowed}.np-tbtn--secondary{width:var(--target-min);height:var(--target-min);font-size:20px;background:var(--surface-raised);border-color:var(--surface-border-strong);color:var(--text-secondary)}.np-tbtn--secondary:not(:disabled):hover{background:var(--surface-sunken)}.np-tbtn--primary{width:var(--target-transport);height:var(--target-transport);font-size:26px;background:var(--brand-coral);color:var(--text-on-accent)}.np-tbtn--primary:not(:disabled):hover{background:var(--brand-coral-hover)}.np-tbtn--primary:not(:disabled):active{background:var(--brand-coral-press)}.np-tbtn__spinner{width:24px;height:24px;border:3px solid var(--text-on-accent);border-top-color:transparent;border-radius:var(--radius-pill);animation:spin .8s linear infinite}.np-reveal-btn{width:100%;max-width:340px}.np-hotkeys{text-align:center}.np-extend{display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.np-extend-btn{min-width:88px;font-variant-numeric:tabular-nums}.np-mic-live{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);align-self:center;background:var(--brand-coral);color:var(--text-on-accent);border-radius:var(--radius-pill);font-weight:700;letter-spacing:.04em;font-size:14px;text-transform:uppercase}.np-mic-live__dot{width:10px;height:10px;border-radius:var(--radius-pill);background:var(--text-on-accent);animation:np-mic-pulse 1.2s ease-in-out infinite}.np-mic-live__countdown{font-variant-numeric:tabular-nums;opacity:.85}@keyframes np-mic-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.7);opacity:.55}}.np-up-next{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"label  title   ordinal" "label  artist  ordinal";align-items:baseline;column-gap:var(--space-3);row-gap:var(--space-1);padding:var(--space-3) var(--space-4);background:var(--surface-raised);border:var(--border-hairline) solid var(--surface-border);border-radius:var(--radius-md, 8px)}.np-up-next__label{grid-area:label;color:var(--brand-coral);align-self:center}.np-up-next__title{grid-area:title}.np-up-next__artist{grid-area:artist}.np-up-next__ordinal{grid-area:ordinal;align-self:center}.np-reveal-banner{align-items:center;text-align:center;padding:var(--space-5) var(--space-6)}.np-sdk-drop,.np-track-unavailable{flex-direction:row;align-items:center;justify-content:space-between}.np-complete-card{max-width:520px;display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding:var(--space-10);background:var(--surface-raised);border:var(--border-hairline) solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--elevation-raised);text-align:center}.np-complete-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.np-history-tab{position:fixed;top:50%;right:0;transform:translateY(-50%);z-index:30;padding:var(--space-4) var(--space-2);writing-mode:vertical-rl;background:var(--surface-raised);color:var(--brand-coral);border:var(--border-hairline) solid var(--surface-border);border-right:none;border-radius:var(--radius-md) 0 0 var(--radius-md);font-size:13px;font-weight:var(--weight-semibold);letter-spacing:.04em;box-shadow:var(--elevation-raised)}.np-history-tab:hover{background:var(--surface-sunken)}.np-history-drawer{position:fixed;top:var(--app-bar-height);right:0;bottom:0;z-index:35;width:360px;max-width:92vw;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);background:var(--surface-raised);border-left:var(--border-hairline) solid var(--surface-border);box-shadow:var(--elevation-overlay);animation:np-slide-in .16s ease}@keyframes np-slide-in{0%{transform:translate(16px);opacity:0}to{transform:translate(0);opacity:1}}.np-history-drawer__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.np-history-drawer__input{width:100%;height:36px;padding:0 var(--space-3);background:var(--surface-sunken);color:var(--text-primary);border:var(--border-hairline) solid var(--surface-border);border-radius:var(--radius-md);font-size:13px}.np-history-drawer__empty{padding:var(--space-4) 0}.np-history-drawer__hint{margin-top:auto;padding-top:var(--space-3)}.np-history-list{list-style:none;margin:0;padding:0;flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-1)}.np-history-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--surface-sunken)}.np-history-row--current{border-left:3px solid var(--brand-coral);padding-left:calc(var(--space-3) - 3px)}.np-history-row__thumb{flex:0 0 auto;width:32px;height:32px;border-radius:var(--radius-sm);object-fit:cover;display:block}.np-history-row__thumb--empty{background:var(--surface-raised);border:var(--border-hairline) solid var(--surface-border)}.np-history-row__meta{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.np-history-row__title,.np-history-row__artist{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.np-history-row__skipped{color:var(--status-warning);font-weight:var(--weight-medium)}.np-history-row__time{flex:0 0 auto;font-family:var(--font-mono);font-variant-numeric:tabular-nums}@media (max-width: 768px){.np-zone-a{flex-direction:column;text-align:center}.np-meta{align-items:center}}.tune-screen{flex:1 1 auto;width:100%;max-width:none;margin:0;padding:var(--space-6) var(--content-gutter);display:flex;align-items:flex-start;justify-content:center}.tune-column{width:100%;max-width:880px;display:flex;flex-direction:column;gap:var(--space-6)}.tune-sdk-drop{flex-direction:row;align-items:center;justify-content:space-between}.tune-zone-a{display:flex;flex-direction:column;gap:var(--space-4)}.tune-export-row{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3)}.tune-export{min-height:36px;padding:var(--space-2) var(--space-4)}.tune-nav{display:flex;align-items:center;gap:var(--space-4)}.tune-nav__btn{flex:0 0 auto;width:var(--target-min);height:var(--target-min);font-size:22px}.tune-identity{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);text-align:center}.tune-identity__overline{color:var(--brand-coral)}.tune-identity__row{display:flex;align-items:center;gap:var(--space-4);min-width:0}.tune-identity__art{flex:0 0 auto;width:64px;height:64px;border-radius:var(--radius-md);object-fit:cover;display:block}.tune-identity__art--empty{display:inline-flex;align-items:center;justify-content:center;font-size:28px;color:var(--text-on-accent);background:linear-gradient(135deg,var(--brand-coral),var(--brand-coral-press))}.tune-identity__art--error{background:var(--status-error-bg);color:var(--status-error)}.tune-identity__meta{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1)}.tune-identity__titlerow{display:flex;align-items:center;gap:var(--space-2);min-width:0}.tune-identity__title,.tune-identity__artist{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:480px}.tune-identity__hint{color:var(--status-warning)}.tune-dot{flex:0 0 auto;width:12px;height:12px;border-radius:var(--radius-pill)}.tune-dot--tuned{background:var(--status-success)}.tune-dot--untuned{background:var(--status-warning)}.tune-dot--no-track{background:var(--status-error)}.tune-progress{align-self:center;display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--surface-sunken);border:var(--border-hairline) solid var(--surface-border);border-radius:var(--radius-pill)}.tune-progress--done{background:var(--status-success-bg);border-color:var(--status-success)}.tune-progress__label{color:var(--text-primary);white-space:nowrap}.tune-progress--done .tune-progress__label{color:var(--status-success)}.tune-progress__meter{width:128px;height:6px;border-radius:var(--radius-pill);background:var(--surface-raised);overflow:hidden}.tune-progress__fill{display:block;height:100%;border-radius:var(--radius-pill);background:var(--brand-coral);transition:width .2s ease}.tune-progress--done .tune-progress__fill{background:var(--status-success)}.tune-zone-b{display:flex;flex-direction:column;gap:var(--space-3)}.tune-scrubber__label{margin-bottom:var(--space-1)}.tune-rail{position:relative;height:12px;margin:var(--space-6) 0 var(--space-2);border-radius:var(--radius-pill);background:var(--surface-sunken);touch-action:none;cursor:pointer}.tune-rail--disabled{opacity:.6;cursor:not-allowed}.tune-rail__elapsed{position:absolute;top:0;left:0;height:100%;border-radius:var(--radius-pill);background:var(--surface-raised)}.tune-rail__window{position:absolute;top:0;height:100%;border-radius:var(--radius-pill)}.tune-rail__window--tuned{background:var(--brand-coral);opacity:.9}.tune-rail__window--provisional{background:#ff6b4a2e;border:1.5px dashed var(--brand-coral)}.tune-rail__playhead{position:absolute;top:-8px;height:28px;width:2px;margin-left:-1px;background:var(--text-primary);border-radius:1px;pointer-events:none;transition:left .15s linear}.tune-rail__playhead-cap{position:absolute;top:-6px;left:50%;transform:translate(-50%);width:8px;height:8px;border-radius:var(--radius-pill);background:var(--text-primary)}.tune-rail__handle{position:absolute;top:-8px;height:28px;width:12px;margin-left:-6px;border-radius:var(--radius-sm);background:var(--brand-coral);border:var(--border-hairline) solid var(--surface-border);box-shadow:inset 0 0 0 2px var(--text-on-accent);cursor:grab;touch-action:none}.tune-rail__handle:before{content:"";position:absolute;top:-16px;right:-16px;bottom:-16px;left:-16px}.tune-rail__handle:active{cursor:grabbing}.tune-rail__handle--provisional{background:var(--surface-raised);border:2px dashed var(--brand-coral);box-shadow:none}.tune-rail__handle-grip{position:absolute;top:0;right:0;bottom:0;left:0}.tune-time-row{display:flex;align-items:baseline;justify-content:space-between;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.tune-time-row__now{color:var(--text-primary)}.tune-clip-readout{text-align:center;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.tune-clip-end-note{text-align:center;color:var(--status-warning)}.tune-zone-c{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.tune-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-10);width:100%;flex-wrap:wrap}.tune-transport{display:flex;align-items:center;gap:var(--space-4)}.tune-nudge{font-family:var(--font-mono);font-size:13px;font-weight:var(--weight-semibold)}.tune-setprev{display:flex;flex-direction:column;gap:var(--space-2);min-width:220px}.tune-transport__hint{text-align:center}.tune-cliplen{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-2)}.tune-cliplen__label{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--weight-semibold)}.tune-cliplen__input-wrap{position:relative;display:inline-flex;align-items:center}.tune-cliplen__input{width:72px;font-family:var(--font-mono);font-size:14px;font-variant-numeric:tabular-nums;background:var(--surface-sunken);color:var(--text-primary);border:var(--border-focus) solid var(--focus-ring);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-6) var(--space-1) var(--space-2);text-align:right}.tune-cliplen__input:focus{outline:2px solid var(--brand-coral);outline-offset:1px}.tune-cliplen__input--error{border-color:var(--status-error)}.tune-cliplen__input:disabled{opacity:.6;cursor:not-allowed}.tune-cliplen__unit{position:absolute;right:var(--space-2);pointer-events:none;font-family:var(--font-mono)}.tune-cliplen__hint{min-height:1.2em}.tune-preview-pill{align-items:center;text-align:center}.tune-save-row{display:flex;gap:var(--space-3);width:100%;margin-top:var(--space-2)}.tune-save{flex:0 0 160px;height:48px}.tune-save-next{flex:1 1 auto;height:48px}.tune-hotkeys{text-align:center}.host-coach-editor{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--surface-raised);border:var(--border-hairline) solid var(--surface-border);border-radius:var(--radius-md, 8px);margin-top:var(--space-2)}.host-coach-editor__heading,.host-coach-editor__sub{margin:0}.host-coach-field{display:flex;flex-direction:column;gap:var(--space-1)}.host-coach-field__label{display:flex;flex-direction:column;gap:var(--space-1);font-weight:var(--weight-semibold)}.host-coach-field__input{width:100%;min-height:56px;resize:vertical;font-family:var(--font-sans, inherit);font-size:14px;line-height:1.4;background:var(--surface-sunken);color:var(--text-primary);border:var(--border-focus) solid var(--focus-ring);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3)}.host-coach-field__input:focus{outline:2px solid var(--brand-coral);outline-offset:1px}.host-coach-field__input:disabled{opacity:.6;cursor:not-allowed}.host-coach-field__input--over{border-color:var(--status-warning)}.host-coach-field__meta{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3)}.host-coach-field__counter{font-variant-numeric:tabular-nums}.host-coach-field__counter--over{color:var(--status-warning);font-weight:var(--weight-semibold)}.np-coach{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-raised);border:var(--border-hairline) solid var(--surface-border);border-radius:var(--radius-md, 8px)}.np-coach__heading{color:var(--text-secondary);margin:0}.np-coach__section{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--surface-sunken);border-radius:var(--radius-sm)}.np-coach__label{text-transform:uppercase;letter-spacing:.04em;font-weight:var(--weight-semibold)}.np-coach__label--accent{color:var(--brand-coral)}.np-coach__text{margin:0}.np-coach__tease{border-left:3px solid var(--brand-coral);padding-left:var(--space-3)}.queue-locked-banner{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.queue-row--locked .queue-row__handle,.queue-row--locked .queue-row__remove{opacity:.4;cursor:not-allowed}.queue-row--locked{background:var(--surface-sunken)}.tune-no-track{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-10);text-align:center;background:var(--surface-sunken);border:var(--border-hairline) dashed var(--surface-border-strong);border-radius:var(--radius-lg)}.tune-no-track__actions{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center;margin-top:var(--space-2)}.tune-empty{max-width:420px;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-10);background:var(--surface-raised);border:var(--border-hairline) dashed var(--surface-border-strong);border-radius:var(--radius-lg)}.tune-empty__icon{font-size:40px;line-height:1}.pill--link{border:none;cursor:pointer}.pill--link:hover{filter:brightness(1.1)}.queue-row__tune{flex:0 0 auto;min-height:36px;padding:var(--space-2) var(--space-3);opacity:0;transition:opacity .12s ease}.queue-row:hover .queue-row__tune,.queue-row:focus-within .queue-row__tune,.queue-row__tune:focus-visible{opacity:1}@media (max-width: 768px){.tune-controls{flex-direction:column;gap:var(--space-4)}.tune-setprev{width:100%}.queue-row__tune{opacity:1}}@media (prefers-reduced-motion: reduce){.tune-rail__playhead,.tune-progress__fill{transition:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.conn-chip__spinner{animation:none;border-top-color:var(--status-warning);opacity:.6}.np-progress__fill--warning,.np-progress__fill--error{animation:none;opacity:1}}.auth-screen{flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--surface-bg)}.auth-card{width:100%;max-width:440px;background:var(--surface-raised);border:var(--border-hairline) solid var(--surface-border);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--elevation-raised);display:flex;flex-direction:column;gap:var(--space-5)}.auth-card__mark{display:flex;align-items:center;gap:var(--space-2)}.auth-card__mark-dot{width:10px;height:10px;border-radius:var(--radius-pill);background:var(--brand-coral)}.auth-card__title{margin:0}.auth-card__subtitle{margin:var(--space-2) 0 0;color:var(--text-secondary)}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-field{display:flex;flex-direction:column;gap:var(--space-1)}.auth-field__label{font-weight:var(--weight-semibold)}.auth-field__input{width:100%;height:var(--target-min);padding:0 var(--space-3);background:var(--surface-sunken);color:var(--text-primary);border:var(--border-hairline) solid var(--surface-border-strong);border-radius:var(--radius-md);font:inherit;font-size:15px}.auth-field__input:focus{outline:2px solid var(--brand-coral);outline-offset:1px;border-color:var(--brand-coral)}.auth-field__input[aria-invalid=true]{border-color:var(--status-error)}.auth-field__input:disabled{opacity:.6;cursor:not-allowed}.auth-field__hint{min-height:1.2em;color:var(--text-secondary)}.auth-field__hint--error{color:var(--status-error);font-weight:var(--weight-semibold)}.auth-actions{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-2)}.auth-footer{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center;color:var(--text-secondary)}.auth-footer__row{display:flex;gap:var(--space-2);align-items:baseline;flex-wrap:wrap;justify-content:center}.auth-link{background:none;border:none;padding:0;color:var(--status-info);font:inherit;font-weight:var(--weight-semibold);text-decoration:underline;cursor:pointer}.auth-link:hover{filter:brightness(1.1)}.auth-link--quiet{color:var(--text-secondary);text-decoration:none;font-weight:var(--weight-medium)}.auth-link--quiet:hover{color:var(--text-primary);text-decoration:underline}.signed-in-menu{position:relative;display:inline-flex}.signed-in-menu__trigger{display:inline-flex;align-items:center;gap:var(--space-2);height:28px;padding:0 var(--space-3);border:var(--border-hairline) solid var(--surface-border);border-radius:var(--radius-pill);background:var(--surface-bg);color:var(--text-secondary);font:inherit;font-size:12px;font-weight:var(--weight-medium);letter-spacing:.02em;cursor:pointer;max-width:220px}.signed-in-menu__trigger:hover{color:var(--text-primary);border-color:var(--surface-border-strong)}.signed-in-menu__avatar{width:8px;height:8px;border-radius:var(--radius-pill);background:var(--brand-coral);flex:0 0 auto}.signed-in-menu__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.signed-in-menu__popover{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:160px;background:var(--surface-raised);border:var(--border-hairline) solid var(--surface-border);border-radius:var(--radius-md);box-shadow:var(--elevation-raised);padding:var(--space-1);z-index:50}.signed-in-menu__item{width:100%;display:block;text-align:left;padding:var(--space-2) var(--space-3);background:none;border:none;color:var(--text-primary);font:inherit;font-size:14px;border-radius:var(--radius-sm);cursor:pointer}.signed-in-menu__item:hover:not(:disabled){background:var(--surface-sunken)}.signed-in-menu__item:disabled{opacity:.6;cursor:not-allowed}.auth-field__input--code{font-family:var(--font-mono);letter-spacing:.4em;font-variant-numeric:tabular-nums;text-align:center;font-size:18px}.auth-federation{display:flex;flex-direction:column;gap:var(--space-3)}.auth-federation__btn{width:100%;height:var(--target-min);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-4);border-radius:var(--radius-md);border:var(--border-hairline) solid var(--surface-border-strong);font:inherit;font-size:15px;font-weight:var(--weight-semibold);cursor:pointer}.auth-federation__btn:focus-visible{outline:2px solid var(--brand-coral);outline-offset:2px}.auth-federation__btn:disabled{opacity:.55;cursor:not-allowed}.auth-federation__btn--google{background:#fff;color:#1f1f1f;border-color:#d8dce3}.auth-federation__btn--google:hover:not(:disabled){background:#f5f7fa}.auth-federation__btn--apple{background:#000;color:#fff;border-color:#000}.auth-federation__btn--apple:hover:not(:disabled){background:#1a1a1a}.auth-federation__logo{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.auth-federation__logo--apple{color:#fff}.auth-federation__label{display:inline-flex}.auth-federation__separator{display:flex;align-items:center;gap:var(--space-3);color:var(--text-muted);text-transform:uppercase;font-size:12px;letter-spacing:.08em;margin-top:var(--space-1)}.auth-federation__separator:before,.auth-federation__separator:after{content:"";flex:1 1 auto;height:1px;background:var(--surface-border)}