@font-face{font-family:Inter;src:url(/fonts/InterVariable.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-optical-sizing:auto;--bg:#151515;--sidebar:#111;--surface:#1c1c1c;--elevated:#262626;--hover:#292725;--border:#33312e;--text:#f3f0ea;--muted:#aaa69e;--subtle:#969088;--accent:#b57829;--accent-hover:#ce903e;--accent-soft:#2d2419;--control-on-hover:#40311f;--accent-text:#e3af6c;--on-accent:#17110a;--focus:#efbb74;--danger:#e5958f;--danger-surface:#30201f;--success:#96bb9e;--art-1:#59432b;--art-2:#344b46;--art-3:#514455;--art-4:#3d4556;--art-5:#564438;--radius:8px;--control-radius:6px;--slider-track:3px;--slider-thumb:10px;--icon-stroke:1.75;--radius-lg:16px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--shadow:0 24px 60px #0006;--motion:.15s ease;--navigation-motion:.18s ease;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-size:14px;line-height:1.5}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{cursor:default;opacity:.4}button:not(:disabled),a,input,select{transition:background var(--motion), color var(--motion), border-color var(--motion)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--focus);outline-offset:3px}input,select{color:var(--text);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-width:0;padding:9px 12px}input::placeholder{color:var(--subtle)}input[type=checkbox],input[type=radio]{accent-color:var(--accent);cursor:pointer}input[type=range]{accent-color:var(--accent-text);cursor:pointer;height:4px;padding:0}input[type=range]:disabled{cursor:default;opacity:.35}svg{vertical-align:middle;flex-shrink:0}h1,h2,h3,p{margin-top:0}.app{grid-template-rows:minmax(0,1fr) 98px;grid-template-columns:240px minmax(0,1fr);height:100dvh;display:grid}.sidebar{background:radial-gradient(ellipse at 0% 0%, color-mix(in srgb, var(--accent) 5%, transparent), transparent 60%), var(--sidebar);border-right:1px solid var(--border);scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex-direction:column;padding:28px 16px 12px;display:flex;overflow-y:auto}.brand{color:var(--text);letter-spacing:-.9px;align-items:center;gap:10px;margin-bottom:38px;padding:0 9px;font-size:23px;font-weight:750;text-decoration:none;display:flex}.brand-mark{background:linear-gradient(145deg, var(--accent-hover), var(--accent));color:var(--on-accent);width:35px;height:35px;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--accent-text) 30%, transparent);border-radius:9px;place-items:center;display:grid}.brand small{letter-spacing:1.2px;color:var(--subtle);white-space:nowrap;margin-top:1px;font-size:8px;font-weight:500;display:block}.nav-section{margin-bottom:28px}.nav-heading{color:var(--subtle);letter-spacing:1.8px;justify-content:space-between;align-items:center;min-height:22px;margin-bottom:8px;padding:0 12px;font-size:10px;font-weight:650;display:flex}.nav-item{border-radius:var(--control-radius);text-align:left;width:100%;min-height:42px;color:var(--muted);align-items:center;gap:12px;margin:2px 0;padding:9px 12px;font-size:13px;line-height:20px;display:flex}.sidebar .nav-item>svg,.sidebar .rail-actions svg{width:18px;height:18px;stroke-width:var(--icon-stroke)}.sidebar .nav-heading svg{width:16px;height:16px;stroke-width:var(--icon-stroke)}.nav-item>span:last-child:not(.library-name){color:var(--subtle);margin-left:auto;font-size:11px}.nav-item:hover:not(:disabled){background:var(--surface);color:var(--text)}.nav-item.active{color:var(--accent-text);background:var(--accent-soft)}.current-library{color:var(--text)}.library-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.library-nav{align-items:center;display:flex}.library-nav .nav-item{min-width:0}.connection-dot,.draft-dot,.save-status i{background:var(--subtle);border-radius:100%;flex-shrink:0;width:5px;height:5px;display:inline-block}.connection-dot{margin-left:auto}.connection-dot.connected{background:var(--success)}.draft-dot{background:var(--accent)}.nav-empty{color:var(--subtle);padding:8px 12px;font-size:12px;line-height:1.8}.playlist-nav{flex:1}.sidebar-bottom{border-top:1px solid var(--border);padding-top:20px}.private-note{color:var(--muted);align-items:center;gap:10px;padding:0 12px 13px;font-size:11px;display:flex}.private-note svg{color:var(--accent-text)}.private-note small{color:var(--subtle);font-size:9px;display:block}.main{position:relative;overflow:auto}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:70px;padding:0 38px;display:flex}.breadcrumbs{color:var(--subtle);align-items:center;gap:12px;min-width:0;font-size:12px;display:flex}.breadcrumbs strong{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.topbar-end{flex-shrink:0;align-items:center;gap:8px;display:flex}.privacy-pill{color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:30px;align-items:center;gap:7px;padding:5px 10px;font-size:10px;display:inline-flex}.privacy-pill svg{color:var(--success)}.icon-button{width:32px;height:32px;color:var(--muted);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover:not(:disabled){color:var(--text);background:var(--hover)}.button{border-radius:var(--radius);justify-content:center;align-items:center;gap:9px;min-height:39px;padding:10px 16px;font-size:12px;font-weight:600;display:inline-flex}.button.primary{background:var(--accent);color:var(--on-accent);border:1px solid var(--accent)}.button.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.button.secondary{border:1px solid var(--border);background:var(--surface);color:var(--text)}.button.secondary:hover:not(:disabled){background:var(--elevated)}.text-button{color:var(--muted);border-radius:6px;align-items:center;gap:7px;padding:7px 9px;font-size:12px;display:inline-flex}.text-button:hover:not(:disabled){color:var(--text);background:var(--hover)}.welcome{grid-template-columns:1fr 1fr;gap:45px 38px;max-width:1440px;margin:auto;padding:58px 48px 30px;display:grid}.eyebrow{letter-spacing:2px;color:var(--muted);align-items:center;gap:8px;font-size:9px;font-weight:600;display:inline-flex}.welcome-copy{align-self:center}.welcome-copy>.eyebrow{color:var(--accent-text)}.welcome h1{letter-spacing:-2.4px;margin:23px 0;font-size:clamp(36px,4vw,58px);font-weight:700;line-height:1.12}.welcome h1 span{color:var(--accent-text)}.welcome-copy>p{color:var(--muted);max-width:370px;font-size:14px;line-height:1.9}.welcome-actions{flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:26px;display:flex}.welcome-actions .primary{padding:13px 15px;font-size:12px}.welcome-copy .welcome-footnote{color:var(--subtle);align-items:center;gap:7px;margin:17px 0 0;font-size:10px;display:flex}.welcome-preview{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(145deg, var(--accent-soft), var(--surface) 60%);box-shadow:var(--shadow);align-self:center;padding:23px 23px 0}.preview-caption{letter-spacing:1.6px;color:var(--subtle);margin-bottom:24px;font-size:8px}.preview-hero{align-items:center;gap:18px;display:flex}.preview-hero .artwork.large{width:103px;height:103px}.preview-hero h2{letter-spacing:-.6px;margin:8px 0 4px;font-size:24px}.preview-hero p{color:var(--muted);margin:0;font-size:10px}.preview-rule{background:var(--border);height:1px;margin:24px 0 12px}.preview-track{align-items:center;gap:11px;padding:10px 0;font-size:10px;display:flex}.preview-track>span:first-child{color:var(--subtle);width:12px}.preview-track .artwork{width:34px;height:34px}.preview-track strong{font-size:11px;font-weight:500;display:block}.preview-track small{color:var(--subtle);font-size:9px}.preview-track>span:last-child{color:var(--subtle);margin-left:auto}.preview-bottom{border-top:1px solid var(--border);color:var(--muted);align-items:center;gap:8px;margin-top:12px;padding:16px 0;font-size:10px;display:flex}.preview-bottom svg{color:var(--accent-text)}.feature-grid{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:27px;padding:12px 0 5px;display:grid}.feature-grid>div{border-top:1px solid var(--border);padding:25px 0 0}.feature-grid svg{width:21px;color:var(--accent-text);margin-bottom:12px}.feature-grid h3{margin-bottom:8px;font-size:13px;font-weight:600}.feature-grid p{color:var(--subtle);max-width:240px;margin:0;font-size:11px;line-height:1.8}.browser-note{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);grid-column:1/-1;align-items:center;gap:15px;padding:17px 20px;display:flex}.browser-note>svg{color:var(--muted)}.browser-note strong{font-size:11px;font-weight:500}.browser-note p{color:var(--subtle);margin:4px 0 0;font-size:10px}.browser-note .text-button{white-space:nowrap;margin-left:auto;font-size:10px}.artwork{width:40px;height:40px;color:var(--text);background:linear-gradient(135deg, var(--art-1), var(--surface));border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.art-1{background:linear-gradient(135deg, var(--art-2), var(--surface))}.art-2{background:linear-gradient(135deg, var(--art-3), var(--surface))}.art-3{background:linear-gradient(135deg, var(--art-4), var(--surface))}.art-4{background:linear-gradient(135deg, var(--art-5), var(--surface))}.artwork svg{opacity:.5;width:17px}.artwork.large{border-radius:12px;width:148px;height:148px;box-shadow:0 10px 30px #0003}.artwork.large svg{opacity:.35;stroke-width:.8px;width:70px;height:70px}.artwork img{object-fit:cover;width:100%;height:100%}.workspace{padding:28px 38px 22px}.collection-hero{align-items:flex-end;gap:26px;padding:10px 0 26px;display:flex}.collection-hero h1{letter-spacing:-1.8px;overflow-wrap:anywhere;margin:14px 0 9px;font-size:clamp(28px,3.5vw,48px);line-height:1.15}.collection-hero p{color:var(--muted);margin-bottom:13px;font-size:12px}.collection-meta{color:var(--subtle);flex-wrap:wrap;align-items:center;gap:10px;font-size:10px;display:flex}.collection-meta>span:first-child{color:var(--muted)}.collection-meta i{background:var(--subtle);border-radius:50%;width:3px;height:3px}.workspace-actions{justify-content:space-between;align-items:center;gap:12px;padding:10px 0 26px;display:flex}.workspace-actions>div{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.hero-play{background:var(--accent);width:42px;height:42px;color:var(--on-accent);border-radius:50%;place-items:center;margin-right:4px;display:grid}.hero-play:hover:not(:disabled){background:var(--accent-hover)}.save-status{color:var(--muted);align-items:center;gap:7px;margin-right:7px;font-size:10px;display:flex}.save-status i{background:var(--success)}.save-status.unsaved i{background:var(--accent-text)}.browse-toolbar{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:15px;padding-top:15px;display:flex}.browse-tabs{gap:21px;display:flex}.browse-tabs button{color:var(--subtle);border-bottom:2px solid #0000;padding:12px 0;font-size:12px;font-weight:600}.browse-tabs button.active{color:var(--text);border-color:var(--accent)}.browse-tools{align-items:center;gap:10px;display:flex}.search{color:var(--subtle);border:1px solid #0000;border-radius:6px;align-items:center;gap:7px;display:flex}.search:focus-within{border-color:var(--border);background:var(--surface)}.search input{background:0 0;border:0;width:210px;padding:8px 0;font-size:11px}.search svg{margin-left:8px}.sort-label select{color:var(--muted);background:0 0;border-color:#0000;padding:7px 9px;font-size:10px}.selection-toolbar{min-height:39px;color:var(--subtle);justify-content:space-between;align-items:center;gap:10px;font-size:10px;display:flex}.selection-toolbar>div{flex-wrap:wrap;display:flex}.selection-toolbar .text-button{font-size:10px}.track-header,.track-row{grid-template-columns:91px minmax(180px,2fr) minmax(100px,1.25fr) 75px 48px 32px;align-items:center;gap:12px;display:grid}.track-header{color:var(--subtle);border-bottom:1px solid var(--border);height:38px;margin-bottom:8px;padding:0 10px;font-size:10px}.track-header>span:first-child{padding-left:48px}.track-scroll{scrollbar-width:thin;scrollbar-color:var(--border) transparent;height:clamp(240px,100dvh - 580px,600px);min-height:240px;overflow:auto}.track-row{border:1px solid #0000;border-radius:6px;height:63px;padding:0 10px;font-size:11px}.track-row:hover{background:var(--surface)}.track-row.selected{background:var(--accent-soft)}.track-row.dragging{opacity:.35}.track-row.drop-target{border-bottom-color:var(--accent-text)}.row-leading{align-items:center;gap:7px;display:flex;position:relative}.row-leading input{opacity:.7;width:12px;height:12px;margin:0}.track-row.selected input,.track-row:hover input,.row-leading input:focus-visible{opacity:1}.drag-handle{color:var(--subtle);cursor:grab;touch-action:none;width:15px;padding:3px 0}.drag-handle:active{cursor:grabbing}.row-number{color:var(--subtle);text-align:right;font-variant-numeric:tabular-nums;min-width:20px}.row-number.active{color:var(--accent-text)}.row-play{opacity:0;width:24px;margin-left:auto}.track-row:hover .row-play,.track-row:focus-within .row-play{opacity:1}.track-title{align-items:center;gap:12px;min-width:0;display:flex}.track-title>span:last-child{min-width:0}.track-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;display:block;overflow:hidden}.track-row.current .track-title strong{color:var(--accent-text)}.track-title small{color:var(--subtle);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:10px;display:block;overflow:hidden}.track-album{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track-format{color:var(--subtle);font-size:9px}.track-time{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.track-action{text-align:right}.track-action .icon-button{width:25px}.warning{color:var(--accent-text)}.list-empty{text-align:center;color:var(--subtle);flex-direction:column;align-items:center;gap:9px;padding:50px 15px;display:flex}.list-empty strong{color:var(--muted);font-size:15px}.list-empty span{font-size:12px}.workspace-footnote{color:var(--subtle);align-items:center;gap:7px;padding-top:20px;font-size:9px;display:flex}.workspace-footnote>span{margin-left:auto}.getting-started{border:1px solid var(--border);border-radius:var(--radius);color:var(--muted);align-items:center;gap:15px;margin-top:15px;padding:12px 15px;font-size:11px;display:flex}.getting-started>svg{color:var(--accent-text)}.getting-started .text-button{margin-left:auto}.album-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:25px;padding:10px 0 25px;display:grid}.album-card{text-align:left;background:var(--surface);border-radius:var(--radius);flex-direction:column;gap:10px;min-width:0;padding:12px;display:flex}.album-card:hover{background:var(--elevated)}.album-card .artwork{aspect-ratio:1;width:100%;height:auto}.album-card strong{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:13px;overflow:hidden}.album-card>span:last-child{color:var(--subtle);font-size:10px}.player{background:var(--sidebar);border-top:1px solid var(--border);z-index:10;grid-column:1/-1;grid-template-columns:minmax(210px,1fr) minmax(250px,1.3fr) minmax(150px,1fr);align-items:center;gap:25px;padding:16px 26px;display:grid}.now-playing{align-items:center;gap:12px;min-width:0;display:flex}.now-playing .artwork{width:48px;height:48px}.now-playing>div{min-width:0}.now-playing strong,.now-playing span:not(.artwork){text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.now-playing strong{font-size:12px;font-weight:500}.now-playing span:not(.artwork){color:var(--subtle);margin-top:4px;font-size:10px}.transport{width:100%;max-width:520px;margin:auto}.transport-buttons{justify-content:center;align-items:center;gap:15px;display:flex}.play-button{background:var(--text);color:var(--bg);border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.play-button:hover:not(:disabled){background:var(--accent-text)}.seek{align-items:center;gap:10px;margin-top:9px;display:flex}.seek span{color:var(--subtle);text-align:center;font-variant-numeric:tabular-nums;width:30px;font-size:9px}.seek input{flex:1}.volume{justify-content:flex-end;align-items:center;gap:10px;display:flex}.local-badge{color:var(--subtle);letter-spacing:1.1px;border:1px solid var(--border);border-radius:4px;margin-right:5px;padding:4px 7px;font-size:8px}.filter-bar{align-items:center;gap:15px;padding:12px 0;display:flex}.filter-bar label{color:var(--muted);align-items:center;gap:9px;font-size:10px;display:flex}.filter-bar select{max-width:230px;font-size:11px}.notice,.storage-banner{border:1px solid var(--border);border-radius:var(--radius);background:var(--elevated);justify-content:space-between;align-items:center;margin:14px 38px 0;padding:12px 16px;font-size:12px;display:flex}.storage-banner{color:var(--accent-text);background:var(--accent-soft)}.error-banner{background:var(--danger-surface);border:1px solid var(--danger);border-radius:var(--radius);color:var(--danger);justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 15px;font-size:12px;display:flex}.error-banner p{margin:0 0 5px}.reconnect-banner{border:1px solid var(--border);border-radius:var(--radius);background:var(--accent-soft);align-items:center;gap:12px;margin-bottom:22px;padding:16px;display:flex}.reconnect-banner>div{flex:1}.reconnect-banner strong{font-size:12px;display:block}.reconnect-banner span{color:var(--muted);font-size:11px;display:block}.scan-status{color:var(--muted);align-items:center;gap:9px;margin-bottom:15px;font-size:12px;display:flex}.scan-status button{margin-left:auto}.startup-status{color:var(--subtle);align-items:center;gap:8px;padding:10px 38px;font-size:11px;display:flex}.dialog{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(500px,100vw - 30px);max-height:calc(100dvh - 40px);box-shadow:var(--shadow);padding:26px}.dialog.wide{width:min(680px,100vw - 30px)}.dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000a}.dialog-heading{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.dialog-heading h2{letter-spacing:-.5px;margin:0;font-size:20px}.dialog-intro{color:var(--muted);overflow-wrap:anywhere;font-size:12px;line-height:1.8}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.field{color:var(--muted);flex-direction:column;gap:8px;margin:20px 0;font-size:12px;display:flex}.field input{width:100%}.mode-options{flex-direction:column;gap:10px;display:flex}.mode-options>label{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;align-items:center;gap:13px;padding:15px;display:flex}.mode-options>label.chosen{border-color:var(--accent);background:var(--accent-soft)}.mode-options svg{color:var(--accent-text)}.mode-options strong{font-size:12px;display:block}.mode-options small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.capability-list{flex-direction:column;gap:16px;padding:8px 0;display:flex}.capability-list>div{align-items:center;gap:14px;display:flex}.capability-list>div>svg:first-child{color:var(--accent-text);width:20px}.capability-list>div>svg:last-child{width:18px;margin-left:auto}.capability-list strong{font-size:12px;display:block}.capability-list small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.success{color:var(--success)}.callout{background:var(--accent-soft);color:var(--accent-text);border-radius:var(--radius);margin:12px 0;padding:12px 15px;font-size:11px}.review-issues{max-height:150px;color:var(--muted);margin:15px 0;font-size:11px;overflow:auto}.review-issues strong{color:var(--text);font-weight:500}.review-issues p{margin:5px 0}.review-list{border:1px solid var(--border);border-radius:var(--radius);height:250px;overflow:auto}.review-row{border-bottom:1px solid var(--border);align-items:center;gap:10px;height:42px;padding:0 10px;font-size:11px;display:flex}.review-row>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.review-confirm{color:var(--muted);align-items:flex-start;gap:8px;margin-top:16px;font-size:11px;display:flex}.drag-overlay{background:var(--elevated);border:1px solid var(--accent);border-radius:var(--radius);box-shadow:var(--shadow);align-items:center;gap:12px;padding:18px 22px;display:flex}.equalizer{justify-content:flex-end;align-items:center;gap:2px;height:16px;display:flex}.equalizer i{background:var(--accent-text);width:2px;height:9px;animation:.6s ease-in-out infinite alternate bounce}.equalizer i:nth-child(2){height:14px;animation-delay:.2s}.equalizer i:nth-child(3){animation-delay:.4s}.spin{animation:1.2s linear infinite spin}.muted{color:var(--muted)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mobile-menu{display:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce{to{height:4px}}button:active:not(:disabled),a:active{box-shadow:inset 0 0 0 1px var(--focus)}.icon-button.active:not(:disabled),.toggle-button.active:not(:disabled),.nav-item.active:not(:disabled),.nav-item.current-library:not(:disabled){color:var(--accent-text);background:var(--accent-soft)}.icon-button.active:hover:not(:disabled),.toggle-button.active:hover:not(:disabled),.nav-item.active:hover:not(:disabled),.nav-item.current-library:hover:not(:disabled){color:var(--accent-text);background:var(--control-on-hover)}.toggle-button{position:relative}.toggle-button.active:after{content:"";background:var(--accent-text);border-radius:50%;width:4px;height:4px;position:absolute;bottom:2px;left:calc(50% - 2px)}.app{grid-template-rows:minmax(0,1fr) 112px}.app.collapsed{grid-template-columns:64px minmax(0,1fr)}.sidebar{min-height:0}.rail-actions{display:none}.app.collapsed>.sidebar{padding:20px 8px 12px}.app.collapsed>.sidebar .brand{justify-content:center;padding:0}.app.collapsed>.sidebar .brand>span:last-child,.app.collapsed>.sidebar .nav-heading,.app.collapsed>.sidebar .nav-empty,.app.collapsed>.sidebar .private-note,.app.collapsed>.sidebar>.nav-section:not(:first-of-type){display:none}.app.collapsed>.sidebar .nav-item{justify-content:center;gap:0;min-height:44px;padding:8px;font-size:0}.app.collapsed>.sidebar .nav-item>span{display:none}.app.collapsed>.sidebar .rail-actions{justify-items:center;gap:8px;display:grid}.navigation-picker .sidebar,.navigation-drawer .sidebar{border:0;padding:0}.navigation-picker .rail-actions,.navigation-drawer .rail-actions{display:none}.navigation-picker .brand,.navigation-drawer .brand{margin-bottom:18px}.navigation-picker .sidebar{max-height:70dvh}.navigation-toggle{display:inline-flex}.player{grid-template-columns:minmax(210px,1fr) minmax(400px,650px) minmax(0,1fr);gap:20px;padding:12px 24px}.player:after{content:""}.player-identity{min-width:0}.now-playing strong{font-size:14px}.now-playing span:not(.artwork){font-size:12px}.transport{max-width:650px}.transport-buttons .icon-button,.sheet-controls .icon-button,.play-button{width:44px;height:44px}.volume{justify-content:center;gap:4px}.volume input{width:90px}.volume small{max-width:170px;color:var(--muted);font-size:11px}.seek{margin-top:0}.seek span{width:36px;font-size:11px}input[type=range]{height:28px}.player-audio{border-radius:var(--radius);max-width:100%;color:var(--muted);text-align:left;flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;padding:3px 6px;font-size:10px;display:flex}.player-audio:hover{background:var(--hover)}.player-audio>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.live-readout{color:var(--accent-text);font-variant-numeric:tabular-nums;min-width:100px;font-size:11px}.audio-summary{text-align:left;border-radius:var(--radius);width:100%;color:var(--muted);padding:4px;font-size:10px}.audio-summary:hover{background:var(--hover);color:var(--text)}.audio-summary span,.audio-summary small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.audio-summary small{color:var(--muted);margin-top:4px;font-size:9px}.audio-facts{margin:16px 0}.audio-facts>div{border-bottom:1px solid var(--border);grid-template-columns:minmax(110px,.8fr) minmax(0,1.3fr);gap:16px;padding:8px 0;font-size:12px;display:grid}.audio-facts dt{color:var(--muted)}.audio-facts dd{overflow-wrap:anywhere;margin:0}.audio-note{font-size:12px}.dialog{overflow:auto}.capability-list .capability-row{align-items:flex-start;gap:16px;display:flex}.capability-row>span:first-child{flex:1;min-width:0}.capability-row small{line-height:1.6}.capability-badge{text-align:center;border-radius:var(--control-radius);background:color-mix(in srgb, var(--elevated) 65%, transparent);color:var(--muted);flex-shrink:0;padding:3px 8px;font-size:10px}.capability-badge.available{color:var(--success)}.capability-badge.limited{color:var(--accent-text)}.capability-badge.unavailable{color:var(--danger)}.capability-current{background:color-mix(in srgb, var(--accent-soft) 45%, transparent);border:1px solid var(--border);border-radius:var(--radius);margin-top:16px;padding:12px;font-size:12px}.capability-current strong{overflow-wrap:anywhere;display:block}.capability-current p{color:var(--muted);margin:6px 0 0}.codec-hints{color:var(--muted);grid-template-columns:1fr 1fr;gap:8px;padding:15px 0;font-size:11px;display:grid}.codec-hints strong{color:var(--text)}.privacy-explanation{border-top:1px solid var(--border);gap:10px;padding-top:12px;font-size:12px;display:flex}.capability-dialog{background:radial-gradient(ellipse at 0% 0%, color-mix(in srgb, var(--accent) 5%, transparent), transparent 60%), var(--surface)}.capability-overview{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.capability-overview section{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(145deg, color-mix(in srgb, var(--elevated) 65%, transparent), transparent);padding:16px 14px}.capability-overview section>svg{color:var(--accent-text);stroke-width:var(--icon-stroke);margin-bottom:12px}.capability-overview strong{margin-bottom:8px;font-size:12px;display:block}.capability-overview p{color:var(--muted);margin:10px 0 0;font-size:11px;line-height:1.65}.capability-dialog .help-guide{color:var(--muted);border:0;margin:16px 0;padding:0;font-size:12px}.capability-details{border-block:1px solid var(--border);margin-top:16px}.capability-details summary{cursor:pointer;color:var(--muted);border-radius:var(--control-radius);justify-content:space-between;align-items:center;gap:12px;padding:13px 2px;font-size:12px;list-style:none;display:flex}.capability-details summary::-webkit-details-marker{display:none}.capability-details summary:hover{color:var(--accent-text)}.capability-details summary:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.capability-details summary svg{transition:transform var(--motion)}.capability-details[open] summary svg{transform:rotate(180deg)}.capability-access{color:var(--accent-text);font-size:12px}.capability-dialog .privacy-explanation{color:var(--muted);border:0;margin:16px 0 0;padding:0;font-size:11px}.capability-dialog .privacy-explanation svg{color:var(--success)}.capability-dialog .privacy-explanation strong{color:var(--text);font-weight:600;display:block}.browser-recommendation{background:color-mix(in srgb, var(--accent-soft) 35%, transparent);border:1px solid color-mix(in srgb, var(--accent) 25%, var(--border));border-radius:var(--radius);align-items:flex-start;gap:12px;margin-top:16px;padding:14px;display:flex}.browser-recommendation>svg,.browser-suggestion>svg{color:var(--accent-text);stroke-width:var(--icon-stroke);margin-top:2px}.browser-recommendation strong,.browser-suggestion strong{font-size:12px;font-weight:600;display:block}.browser-recommendation p,.browser-suggestion p{color:var(--muted);margin:6px 0 0;font-size:11px;line-height:1.7}.browser-suggestion{z-index:45;border:1px solid color-mix(in srgb, var(--accent) 30%, var(--border));border-radius:var(--radius-lg);background:linear-gradient(145deg, color-mix(in srgb, var(--accent-soft) 45%, var(--elevated)), var(--surface));width:min(390px,100vw - 32px);box-shadow:var(--shadow);align-items:flex-start;gap:10px;padding:16px;display:flex;position:fixed;top:84px;right:24px}.browser-suggestion>div{flex:1;min-width:0}.browser-suggestion .text-button{color:var(--accent-text);margin-top:4px;padding:6px 0;font-size:11px}.sheet-controls{justify-content:center;align-items:center;gap:8px;margin:16px 0;display:flex}.sheet-audio{margin-top:22px}.sheet-audio summary{cursor:pointer;color:var(--accent-text);margin-bottom:12px;font-size:14px}.mobile-track-info,.track-title .mobile-audio{display:none}.selection-checkbox{justify-content:center;align-items:center;display:flex}.track-menu-actions{flex-direction:column;gap:12px;display:flex}.track-scroll{height:clamp(240px,100dvh - 540px,650px)}@media (width>=1500px){.welcome{padding-top:85px}.welcome-preview{width:100%;max-width:500px}}@media (width<=1200px){.track-album,.track-header>span:nth-child(3){display:none}.track-header,.track-row{grid-template-columns:91px minmax(100px,1fr) 150px 45px 32px;gap:8px}.workspace{padding:24px}.topbar{padding:0 24px}.welcome{gap:35px 25px;padding:40px 30px}.workspace-actions{flex-wrap:wrap}.browse-toolbar{flex-wrap:wrap;gap:15px}.browse-tools{width:100%}.search{flex:1}.search input{width:100%}.reconnect-banner{flex-wrap:wrap}}@media (width<=1050px){.player{grid-template-columns:minmax(160px,.8fr) minmax(250px,1fr)}.player:after{display:none}.welcome{grid-template-columns:1fr}.welcome-preview{max-width:430px}.collection-hero .artwork.large{width:110px;height:110px}.collection-hero{gap:20px}.collection-hero h1{font-size:36px}.workspace-footnote>span{display:none}.track-header,.track-row{grid-template-columns:80px minmax(90px,1fr) 125px 40px 28px;gap:6px}}@media (width<=767px){.app,.app.collapsed{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0, 1fr) calc(112px + env(safe-area-inset-bottom))}.navigation-drawer{border-radius:0 var(--radius-lg) var(--radius-lg) 0;width:min(310px,100vw - 40px);height:100dvh;max-height:100dvh;margin:0;padding:16px}.navigation-drawer .sidebar{height:calc(100% - 54px);overflow-y:auto}.navigation-drawer .sidebar .nav-item{min-height:44px}.topbar{height:56px;padding:0 12px}.topbar .icon-button,.dialog .icon-button{width:44px;height:44px}.privacy-pill{display:none}.breadcrumbs{gap:6px;min-width:0}.breadcrumbs>span{display:none}.breadcrumbs strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.welcome{gap:24px;padding:24px 16px}.welcome h1{font-size:38px}.welcome-actions,.browser-note{flex-wrap:wrap}.welcome-preview{display:none}.feature-grid{grid-template-columns:1fr;gap:18px}.workspace{padding:14px 12px}.collection-hero{gap:12px;margin-bottom:0;padding:0 0 12px}.collection-hero .artwork.large{width:64px;height:64px}.collection-hero h1{margin-bottom:4px;font-size:24px}.collection-hero p{display:none}.collection-meta{flex-wrap:wrap;gap:5px;font-size:10px}.workspace-actions{gap:8px;padding:8px 0 14px}.workspace-actions>div{flex-wrap:wrap;gap:4px}.workspace-actions .icon-button,.hero-play{width:44px;height:44px}.button,.text-button{min-height:44px}.workspace-actions .button{padding:8px;font-size:12px}.browse-toolbar{gap:8px}.browse-tools{grid-template-columns:minmax(0,1fr) 44px;gap:4px;display:grid}.browse-tools .sort-label{grid-column:1/-1}.browse-tools .sort-label select{width:100%}.browse-tools .icon-button{width:44px;height:44px}input,select{font-size:16px}.search,.search input{min-width:0}.selection-toolbar{flex-wrap:wrap;gap:4px;padding:8px 0}.selection-toolbar>div{flex-wrap:wrap}.selection-toolbar .text-button{padding:6px 8px}.track-header,.track-row{grid-template-columns:44px minmax(0,1fr) 38px 44px;gap:4px;padding:0}.track-header{height:32px}.track-row{height:72px}.track-format,.track-header>span:nth-child(4){display:none}.row-leading{gap:0}.row-leading .row-number,.row-leading .drag-handle,.row-leading input{display:none}.row-leading .row-play{opacity:1;width:44px;height:44px;display:inline-flex}.track-row.selecting .row-leading .row-play,.row-leading .selection-checkbox{display:none}.track-row.selecting:has(.drag-handle){grid-template-columns:88px minmax(0,1fr) 38px 44px}.track-row.selecting .row-leading .selection-checkbox{flex-shrink:0;width:44px;height:44px;display:flex}.track-row.selecting .row-leading input{opacity:1;width:20px;height:20px;margin:0;display:block}.track-row.selecting .row-leading .drag-handle{touch-action:none;width:44px;height:44px;display:inline-flex}.track-title{gap:6px;min-width:0}.track-title .artwork{display:none}.track-title strong{font-size:13px}.track-title small{font-size:11px}.track-title .mobile-audio{color:var(--subtle);display:block}.track-action{flex-direction:column;align-items:center;display:flex}.track-action .icon-button{width:44px;min-height:44px}.track-action .icon-button:not(.mobile-track-info){display:none}.track-action .warning{display:inline-flex!important}.mobile-track-info{display:inline-flex}.track-scroll{height:max(216px,100dvh - 455px);min-height:216px}.filter-bar{flex-wrap:wrap;gap:8px}.filter-bar select,.filter-bar label{max-width:100%}.reconnect-banner,.error-banner,.getting-started{flex-wrap:wrap}.notice,.storage-banner{margin:10px 12px 0}.player.player-mobile{padding:8px 12px calc(4px + env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) 132px;gap:0 4px}.player-mobile .now-playing{gap:8px;max-width:none}.player-mobile .now-playing .artwork{width:32px;height:32px}.player-mobile .now-playing strong{font-size:12px}.player-mobile .now-playing span:not(.artwork){font-size:11px}.player-mobile .transport-buttons{gap:0;position:static}.player-mobile .transport-buttons>button{display:inline-flex}.player-mobile:after{display:none}.compact-seek{grid-column:1/-1;width:100%}.compact-seek>span{display:none}.compact-seek input{width:100%}input[type=range]{height:44px}.dialog{max-height:calc(100dvh - 24px);padding:18px}.now-playing-sheet{border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-height:calc(100dvh - 16px);padding-bottom:calc(18px + env(safe-area-inset-bottom));margin:auto 0 0}.now-playing-sheet>.artwork.large{width:min(180px,50vw);height:min(180px,50vw);margin:0 auto 16px;display:grid}.now-playing-sheet .now-playing{margin-bottom:14px}.sheet-controls{gap:8px}.sheet-controls .volume{flex-wrap:wrap}.now-playing-sheet .volume input{width:min(200px,65vw)}.capability-list .capability-row{flex-wrap:wrap;gap:8px}.capability-row>span:first-child{flex-basis:100%}.capability-row .capability-badge{flex-basis:auto}.codec-hints{grid-template-columns:1fr}.audio-facts>div{gap:10px;font-size:13px}.review-row{height:44px}.review-confirm{font-size:13px}.review-confirm input{min-width:20px;min-height:20px}.mode-options{flex-wrap:wrap}.mode-options>label{min-width:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.app{transition:grid-template-columns var(--navigation-motion)}.ghost-button{width:32px;height:32px;color:var(--muted);background:0 0;border-radius:6px}.ghost-button:hover:not(:disabled){background:var(--accent-soft);color:var(--accent-text)}.ghost-button:active:not(:disabled){background:var(--control-on-hover);box-shadow:inset 0 0 0 1px var(--border)}.navigation-toggle svg{transition:transform var(--navigation-motion)}.collapse-chevron{transform:rotate(180deg)}.context-actions{align-items:center;gap:2px;min-width:0;display:flex}.context-actions .nav-item{flex:1;min-width:0}.sidebar .context-actions{gap:4px;margin-block:2px;padding-inline-end:var(--space-2)}.sidebar .context-actions .nav-item{margin-block:0}.sidebar .nav-item{position:relative}.sidebar .context-actions{border-radius:var(--control-radius);transition:background var(--motion), box-shadow var(--motion)}.sidebar .context-actions:hover{background:color-mix(in srgb, var(--surface) 80%, transparent)}.sidebar .nav-item.active:not(:disabled),.sidebar .nav-item.current-library:not(:disabled){background:linear-gradient(100deg, var(--accent-soft), color-mix(in srgb, var(--accent-soft) 45%, transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 12%, transparent)}.sidebar .context-actions:has(.nav-item.active,.nav-item.current-library){background:linear-gradient(100deg, var(--accent-soft), color-mix(in srgb, var(--accent-soft) 45%, transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 12%, transparent)}.sidebar .nav-item.active:hover:not(:disabled),.sidebar .nav-item.current-library:hover:not(:disabled){background:linear-gradient(100deg, var(--control-on-hover), color-mix(in srgb, var(--accent-soft) 60%, transparent))}.sidebar .context-actions:has(.nav-item.active,.nav-item.current-library):hover{background:linear-gradient(100deg, var(--control-on-hover), color-mix(in srgb, var(--accent-soft) 60%, transparent))}.sidebar .context-actions .nav-item,.sidebar .context-actions .nav-item:hover:not(:disabled),.sidebar .context-actions .nav-item.active:not(:disabled),.sidebar .context-actions .nav-item.current-library:not(:disabled){box-shadow:none;background:0 0}.sidebar .nav-item.active:before,.sidebar .nav-item.current-library:before{content:"";background:linear-gradient(transparent, var(--accent-text), transparent);width:2px;height:16px;box-shadow:0 0 8px color-mix(in srgb, var(--accent) 20%, transparent);pointer-events:none;border-radius:2px;position:absolute;top:calc(50% - 8px);left:0}.sidebar .nav-heading{letter-spacing:1.5px}.sidebar .manage-playlists{margin-top:6px;padding-inline:12px}.sidebar .forget,.sidebar .row-more{border-radius:var(--control-radius);width:24px;height:24px;color:var(--subtle);align-self:center;padding:0;line-height:1}.sidebar .forget svg,.sidebar .row-more svg{width:16px;height:16px;stroke-width:var(--icon-stroke);display:block}.sidebar .forget:hover:not(:disabled),.sidebar .row-more:hover:not(:disabled){color:var(--text);background:var(--surface)}.sidebar .forget:active:not(:disabled),.sidebar .row-more:active:not(:disabled){background:var(--hover)}.privacy-pill,.status-help{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);height:32px}.privacy-pill{padding:0 10px}.privacy-pill:hover,.status-help:hover:not(:disabled){background:var(--hover);border-color:var(--muted)}.search{border-color:var(--border);background:var(--surface);border-radius:var(--radius);min-width:0}.search:focus-within{border-color:var(--focus);box-shadow:0 0 0 1px var(--accent-soft)}.search input:focus-visible{outline:none}.browse-tabs{position:relative}.browse-tabs button,.browse-tabs button.active{border:0}.tab-indicator{background:var(--accent);pointer-events:none;width:24px;height:3px;transition:transform var(--navigation-motion);border-radius:3px;position:absolute;bottom:0;left:0}.transport-buttons{gap:6px}.transport-buttons>.icon-button,.transport-buttons .volume .icon-button,.sheet-controls .icon-button{width:32px;height:32px}.transport-play-hint{display:inline-flex}input.player-range{appearance:none;border-radius:var(--control-radius);--range-accent:var(--accent);--range-halo:0px;--range-groove:inset 0 1px 2px color-mix(in srgb, var(--sidebar) 70%, transparent);--range-thumb-shadow:0 1px 3px color-mix(in srgb, var(--sidebar) 65%, transparent), 0 0 0 var(--range-halo) color-mix(in srgb, var(--accent) 18%, transparent);background:0 0;border:0;height:28px;padding:0}input.player-range:is(:hover,:focus-visible):not(:disabled){--range-accent:var(--accent-hover);--range-halo:3px}input.player-range:active:not(:disabled){--range-accent:var(--accent-hover);--range-halo:5px}.player-range::-webkit-slider-runnable-track{height:var(--slider-track);background:linear-gradient(to right, var(--range-accent), var(--accent-text)) left center / var(--range-fill) 100% no-repeat, var(--border);box-shadow:var(--range-groove);border-radius:999px}.player-range::-webkit-slider-thumb{appearance:none;box-sizing:border-box;width:var(--slider-thumb);height:var(--slider-thumb);margin-top:calc((var(--slider-track) - var(--slider-thumb)) / 2);border:1px solid var(--accent-text);background:linear-gradient(145deg, var(--text), var(--accent-text));box-shadow:var(--range-thumb-shadow);transition:transform var(--motion), box-shadow var(--motion);border-radius:50%}.player-range:not(:disabled):is(:hover,:active,:focus-visible)::-webkit-slider-thumb{transform:scale(1.2)}.player-range::-moz-range-track{height:var(--slider-track);background:var(--border);box-shadow:var(--range-groove);border-radius:999px}.player-range::-moz-range-progress{height:var(--slider-track);background:linear-gradient(to right, var(--range-accent), var(--accent-text));box-shadow:var(--range-groove);border-radius:999px}.player-range::-moz-range-thumb{box-sizing:border-box;width:var(--slider-thumb);height:var(--slider-thumb);border:1px solid var(--accent-text);background:linear-gradient(145deg, var(--text), var(--accent-text));box-shadow:var(--range-thumb-shadow);transition:transform var(--motion), box-shadow var(--motion);border-radius:50%}.player-range:not(:disabled):is(:hover,:active,:focus-visible)::-moz-range-thumb{transform:scale(1.2)}.player-range:disabled::-webkit-slider-thumb{background:var(--muted);border-color:var(--muted)}.player-range:disabled::-moz-range-thumb{background:var(--muted);border-color:var(--muted)}@media (prefers-reduced-motion:reduce){.player-range::-webkit-slider-thumb{transform:none!important}.player-range::-moz-range-thumb{transform:none!important}}.track-header,.track-row{grid-template-columns:91px minmax(150px,2fr) minmax(85px,1fr) 155px 48px 68px}.track-action{justify-content:flex-end;align-items:center;gap:3px;display:flex}.track-action .icon-button{width:30px;height:30px}.row-add{border-radius:50%}.track-row .row-add,.track-row .row-more{opacity:.55}.track-row:hover .row-add,.track-row:hover .row-more,.track-row:focus-within .row-add,.track-row:focus-within .row-more,.track-row.selected .row-more{opacity:1}.action-menu{z-index:80;background:var(--elevated);border:1px solid var(--border);border-radius:var(--radius);width:min(260px,100vw - 16px);max-height:calc(100dvh - 16px);box-shadow:var(--shadow);padding:5px;position:fixed;overflow:auto}.action-menu button{text-align:left;border-radius:5px;width:100%;min-height:36px;padding:9px 12px;font-size:12px;display:block}.action-menu button:hover,.action-menu button:focus-visible{background:var(--hover)}.action-menu button[aria-checked=true]{color:var(--accent-text);background:var(--accent-soft)}.action-menu button[aria-disabled=true]{color:var(--subtle);cursor:default}.action-menu small{color:var(--muted);margin-top:2px;font-size:10px;display:block}.danger{color:var(--danger)}.danger-button{background:var(--danger-surface);color:var(--danger);border:1px solid var(--danger)}.danger-button:hover:not(:disabled){background:var(--elevated)}.tooltip{z-index:100;pointer-events:none;border:1px solid var(--border);border-radius:var(--radius);max-width:260px;color:var(--text);background:var(--elevated);box-shadow:var(--shadow);padding:8px 10px;font-size:12px;position:fixed}.manage-playlists{color:var(--muted);font-size:11px}.manage-playlist-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.manage-playlist-row span,.playlist-path{overflow-wrap:anywhere}.manage-playlist-row small{color:var(--muted);display:block}.help-guide{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding-bottom:16px;display:flex}.guide-invitation,.guide-card{z-index:50;background:var(--elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:18px;position:fixed;bottom:116px;right:24px}.guide-invitation{max-width:470px;box-shadow:none;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex;position:static}.guide-invitation>div{flex:1;min-width:170px}.guide-invitation svg{color:var(--accent-text)}.guide-invitation p{color:var(--muted);margin:3px 0 0;font-size:12px}.guide-card{width:320px;height:fit-content;max-height:calc(100dvh - 140px);overflow:auto}.guide-card[style]{bottom:auto;right:auto}.guide-heading,.guide-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.guide-heading small{color:var(--accent-text);letter-spacing:.8px;font-size:10px}.guide-card h3{margin:6px 0 8px}.guide-card p{color:var(--muted);font-size:13px}.guide-actions{margin-top:12px}dialog .guide-card{width:100%;max-height:none;box-shadow:none;margin-top:16px;padding:14px;position:static}.guide-mobile-host .guide-card{width:auto;max-height:none;box-shadow:none;margin:12px;position:static}@media (width<=1200px){.track-header,.track-row{grid-template-columns:91px minmax(100px,1fr) 150px 45px 68px}}@media (width<=1050px){.track-header,.track-row{grid-template-columns:80px minmax(90px,1fr) 125px 40px 64px}}@media (width<=767px){.app{transition:none}.capability-overview{grid-template-columns:minmax(0,1fr);gap:8px}.capability-overview section{grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:4px 10px;padding:12px;display:grid}.capability-overview section>svg,.capability-overview strong{margin:0}.capability-overview p{grid-column:2/-1;margin:3px 0 0}.browser-suggestion{top:auto;bottom:calc(124px + env(safe-area-inset-bottom));width:auto;max-height:45dvh;padding:14px;left:12px;right:12px;overflow:auto}.sidebar .nav-item{min-height:44px}input.player-range{height:44px}.ghost-button,.sidebar .forget,.sidebar .row-more,.transport-buttons>.icon-button,.transport-buttons .volume .icon-button,.sheet-controls .icon-button{height:44px;width:44px!important}.browse-tools{grid-template-columns:minmax(0,1fr) 44px 44px}.track-header,.track-row{grid-template-columns:44px minmax(0,1fr) 34px 88px}.track-row.selecting:has(.drag-handle){grid-template-columns:88px minmax(0,1fr) 34px 88px}.track-action{flex-direction:row}.track-action .icon-button.row-add,.track-action .icon-button.row-more{opacity:1;width:44px;height:44px;display:inline-flex}.track-action .warning{width:44px}.track-title .artwork{display:none}.action-menu button{min-height:44px;font-size:14px}.guide-invitation,.guide-card{width:auto;left:12px;right:12px;bottom:calc(112px + env(safe-area-inset-bottom));padding:14px}.guide-card{max-height:min(260px,100dvh - 140px)}.help-guide{flex-direction:column;align-items:flex-start;gap:8px}}.field-error{color:var(--danger);margin:-8px 0 18px;font-size:12px}.field-error p{margin-bottom:4px}.field-error .text-button{padding-left:0}.player:after{display:none}.player-secondary{justify-content:flex-end;min-width:0;padding-right:12px;display:flex}.lyrics-toggle.active:not(:disabled){color:var(--accent-text);background:0 0}.lyrics-toggle:hover:not(:disabled),.lyrics-toggle.active:hover:not(:disabled){color:var(--accent-text);background:var(--surface)}.lyrics-toggle:active:not(:disabled),.lyrics-toggle.active:active:not(:disabled){background:var(--hover)}.main{container-type:inline-size}.lyrics-panel,.lyrics-panel-content{flex-direction:column;min-width:0;min-height:0;display:flex}.lyrics-panel{background:var(--sidebar);border-left:1px solid var(--border);grid-area:1/3;animation:.18s lyrics-enter;overflow:hidden}.lyrics-panel-heading{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:70px;padding:18px 20px;display:flex}.lyrics-panel-heading>span{letter-spacing:1.8px;color:var(--muted);align-items:center;gap:9px;font-size:10px;display:flex}.lyrics-panel-heading svg{color:var(--accent-text)}.lyrics-identity{flex-shrink:0;align-items:center;gap:12px;padding:20px 22px 16px;display:flex}.lyrics-identity .artwork{width:42px;height:42px}.lyrics-identity>div{flex:1;min-width:0}.lyrics-identity strong,.lyrics-identity>div>span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.lyrics-identity strong{font-size:13px;font-weight:650}.lyrics-identity>div>span{color:var(--muted);margin-top:3px;font-size:11px}.lyrics-reading{flex:1;min-height:0;position:relative;overflow:hidden}.lyrics-reading,.lyrics-plain{background:radial-gradient(ellipse at 0% 48%, color-mix(in srgb, var(--accent) 7%, transparent), transparent 70%)}.lyrics-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border) transparent;height:100%;scroll-padding-block:30%;position:relative;overflow-y:auto}.lyrics-lines{padding:min(24dvh,160px) 22px min(36dvh,240px)}.lyric-line{text-align:left;width:100%;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:var(--radius);transition:color var(--motion), background var(--motion), text-shadow var(--motion);padding:10px 6px;font-size:24px;font-weight:700;line-height:1.45;display:block;position:relative}.lyric-line:before{content:"";background:linear-gradient(transparent, var(--accent-text) 30%, var(--accent) 70%, transparent);width:2px;height:20px;box-shadow:0 0 10px color-mix(in srgb, var(--accent) 30%, transparent);opacity:0;transition:opacity var(--motion);border-radius:2px;position:absolute;top:calc(50% - 10px);left:-5px}.lyric-line.past{color:var(--subtle)}.lyric-line.current{color:var(--accent-text);text-shadow:0 0 12px color-mix(in srgb, var(--accent) 22%, transparent), 0 0 32px color-mix(in srgb, var(--accent) 10%, transparent);background:0 0}.lyric-line.current:before{opacity:1}.lyric-line:hover{color:var(--text);background:color-mix(in srgb, var(--hover) 28%, transparent)}.lyric-line.current:hover{color:var(--accent-text);text-shadow:0 0 12px color-mix(in srgb, var(--accent) 30%, transparent), 0 0 32px color-mix(in srgb, var(--accent) 14%, transparent);background:0 0}.lyric-break{letter-spacing:8px;color:var(--accent-text);font-size:18px}.lyrics-follow{box-shadow:var(--shadow);white-space:nowrap;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.lyrics-empty{text-align:center;flex-direction:column;flex:1;justify-content:safe center;align-items:center;min-height:0;padding:24px;display:flex;overflow-y:auto}.lyrics-empty>svg{color:var(--accent-text);margin-bottom:20px}.lyrics-empty h3{letter-spacing:-.4px;margin-bottom:10px;font-size:20px;font-weight:650}.lyrics-empty p{color:var(--muted);max-width:280px;font-size:13px;line-height:1.8}.lyrics-empty-actions{flex-direction:column;align-items:center;gap:8px;display:flex}.lyrics-empty .lyrics-consent{margin:10px 0;font-size:12px}.local-lyrics-choice{overflow-wrap:anywhere;max-width:100%;margin-bottom:8px}.lyrics-source{color:var(--muted);border-top:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;min-height:48px;padding:10px 22px;font-size:10px;display:flex}.lyrics-source span{overflow-wrap:anywhere}.lyrics-source a{color:var(--muted);-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:3px}.lyrics-source a:hover{color:var(--accent-text)}.lyrics-plain{flex:1;min-height:0;padding:20px 26px;overflow:auto}.lyrics-plain p{white-space:pre-wrap;margin-top:24px;font-size:20px;line-height:1.8}.lyrics-kind{color:var(--accent-text);font-size:10px}.lyrics-message{color:var(--muted);background:var(--surface);flex-shrink:0;max-height:120px;padding:8px 22px;font-size:12px;overflow:auto}.lyrics-message[role=alert]{color:var(--danger)}.lyrics-warning{color:var(--muted);margin-bottom:10px;padding:0 22px;font-size:10px}.lyrics-timing{color:var(--muted);flex-shrink:0;align-items:center;gap:6px;padding:4px 22px 12px;font-size:11px;display:flex}.lyrics-timing>span{flex:1}.lyrics-timing strong{color:var(--text)}.lyrics-drawer.dialog{border-radius:0;width:360px;max-width:100%;height:100dvh;max-height:100dvh;margin:0 0 0 auto;padding:0;animation:.18s lyrics-enter;overflow:hidden}.lyrics-drawer>.dialog-heading{border-bottom:1px solid var(--border);height:64px;margin:0;padding:14px 22px}.lyrics-panel-content{height:calc(100% - 64px)}.lyrics-mini-player{padding:10px 20px calc(12px + env(safe-area-inset-bottom));background:var(--sidebar);border-top:1px solid var(--border);flex-shrink:0}.lyrics-mini-player .seek{max-width:100%}.lyrics-mini-player .sheet-controls{margin-top:6px}.lyrics-search-dialog{z-index:90}.lyrics-search-dialog form{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.lyrics-search-dialog .field{flex-basis:100%;margin-bottom:0}.lyrics-results{max-height:min(360px,40dvh);margin-top:20px;overflow:auto}.lyrics-result{text-align:left;border-bottom:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:12px;width:100%;padding:12px;display:flex}.lyrics-result:hover:not(:disabled){background:var(--hover)}.lyrics-result>span:first-child{flex:1;min-width:0}.lyrics-result strong,.lyrics-result small,.lyrics-result .lyrics-kind{overflow-wrap:anywhere;display:block}.lyrics-result strong{font-size:13px}.lyrics-result small{color:var(--muted);font-size:11px}.lyrics-results+p{margin:16px 0 0;font-size:12px}@keyframes lyrics-enter{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@media (width>=1200px){.app{grid-template-columns:240px minmax(0,1fr) 0}.app.collapsed{grid-template-columns:64px minmax(0,1fr) 0}.app.lyrics-open{grid-template-columns:240px minmax(0,1fr) 360px}.app.collapsed.lyrics-open{grid-template-columns:64px minmax(0,1fr) 360px}.main{grid-area:1/2}}@container (width<=900px){.track-album,.track-header>span:nth-child(3){display:none}.track-header,.track-row{grid-template-columns:80px minmax(90px,1fr) 125px 40px 64px}.browse-toolbar,.workspace-actions{flex-wrap:wrap}.topbar{padding-inline:20px}.collection-hero h1{font-size:34px}}@container (width<=560px){.track-format,.track-header>span:nth-child(4){display:none}.track-header,.track-row{grid-template-columns:80px minmax(90px,1fr) 40px 64px}}@media (width<=767px){.topbar{padding-inline:12px}.collection-hero h1{font-size:24px}.player.player-mobile{grid-template-columns:minmax(0,1fr) 176px}.lyrics-drawer.dialog{width:100%;height:100dvh;max-height:100dvh;padding-top:env(safe-area-inset-top)}.lyrics-panel-content{height:calc(100% - 64px)}.lyrics-identity{padding:14px 18px}.lyrics-identity>.icon-button{width:44px;height:44px}.lyric-line{padding:12px 8px;font-size:25px}.lyrics-lines{padding-inline:18px}.lyrics-timing{flex-wrap:wrap;padding-inline:18px}.lyrics-timing .icon-button{width:44px;height:44px}.lyrics-source{padding-inline:18px}.lyrics-source>button{width:44px;height:44px}.lyrics-mini-player .sheet-controls{gap:8px}.lyrics-empty{padding:20px}@container (width<=900px){.track-header,.track-row{grid-template-columns:44px minmax(0,1fr) 34px 88px}.track-row.selecting:has(.drag-handle){grid-template-columns:88px minmax(0,1fr) 34px 88px}}}@media (prefers-reduced-motion:reduce){.lyrics-panel,.lyrics-drawer.dialog{animation:none}.lyric-line{transition:none}}