@charset "UTF-8";:root{color-scheme:dark;--ink: #0a0a0b;--ink-2: #101012;--panel: #141415;--panel-2: #1a1a1c;--panel-3: #222224;--line: #ffffff14;--line-strong: #ffffff26;--cream: #f4efe4;--cream-dim: #cfc9bc;--muted: #979084;--muted-2: #6f6a61;--amber: #e8ab55;--amber-soft: #ffd083;--amber-deep: #b8742b;--rose: #e88aa0;--danger: #f0a390;--ok: #9fd6a4;--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-serif: Georgia, "Times New Roman", serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--h-display: clamp(1.4rem, 1.1rem + 1.2vw, 1.9rem);--h-section: clamp(1.25rem, 1.05rem + .8vw, 1.6rem);--body: .875rem;--small: .76rem;--r-sm: .5rem;--r-md: .85rem;--r-lg: 1.15rem;--r-pill: 999px;--header-h: 4.25rem;--player-h: auto;--gap: clamp(1rem, 2vw, 2rem);--shadow-1: 0 10px 30px #00000059;--shadow-2: 0 24px 70px #000000a6;--focus: var(--amber-soft);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{min-width:320px;background:var(--ink);scroll-behavior:smooth}body{min-height:100dvh;margin:0;color:var(--cream);font-size:var(--body);line-height:1.55;background:radial-gradient(circle at 50% -18rem,rgba(58,42,24,.5019607843) 0,transparent 34rem),radial-gradient(circle at 90% 110%,rgba(232,171,85,.0705882353) 0,transparent 28rem),var(--ink);background-attachment:fixed}::selection{background:#e8ab554d}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:6px}img{max-width:100%;display:block}*{scrollbar-width:thin;scrollbar-color:#3d3831 transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:#3d3831;border-radius:99px}*::-webkit-scrollbar-track{background:transparent}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:200;padding:.7rem 1rem;border-radius:.6rem;background:var(--cream);color:#141414;font-weight:700;text-decoration:none;transition:top .2s}.skip-link:focus{top:1rem}.eyebrow{display:flex;align-items:center;gap:.5rem;color:var(--amber);font-size:.66rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;margin-bottom:.35rem}.eyebrow:before{content:"";width:1.4rem;height:1px;background:linear-gradient(90deg,var(--amber),transparent);display:inline-block}.app-shell{height:100dvh;height:100svh;min-height:100dvh;min-height:100svh;display:flex;flex-direction:column;overflow:hidden}.app-header{flex:none;position:sticky;top:0;z-index:40;min-height:var(--header-h);display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;padding:.7rem 1rem;border-bottom:1px solid var(--line);background:#0b0b0cd9;backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2)}.brand{display:inline-flex;align-items:center;gap:.7rem;color:inherit;text-decoration:none;margin-right:auto;padding:.25rem .35rem;border-radius:.7rem;min-width:0}.brand:hover{background:#ffffff0a}.brand__mark{position:relative;display:grid;place-items:center;flex:none;width:2.35rem;aspect-ratio:1;border:1px solid rgba(232,171,85,.5019607843);border-radius:50%;box-shadow:0 0 22px #e8ab5526,inset 0 0 12px #e8ab5514;background:radial-gradient(circle at 35% 30%,#2a221a,#0d0d0e 70%)}.brand__mark:before,.brand__mark:after{content:"";position:absolute;border-radius:50%;border:1px solid var(--amber)}.brand__mark:before{inset:.42rem;opacity:.9}.brand__mark:after{inset:.82rem;background:var(--amber);border:0;box-shadow:0 0 10px var(--amber)}.brand__mark i{position:absolute;width:.32rem;height:1.3rem;right:.28rem;top:-.05rem;border-radius:1rem;background:linear-gradient(var(--amber-soft),var(--amber));transform:rotate(24deg);transform-origin:bottom;z-index:1}.brand strong{display:block;font:400 1.02rem var(--font-serif);letter-spacing:.24em;line-height:1}.brand small{display:block;color:var(--muted);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;margin-top:.22rem}.search-box{order:3;flex:1 1 100%;height:2.9rem;display:flex;align-items:center;gap:.65rem;padding:0 .5rem 0 .9rem;border:1px solid var(--line);border-radius:var(--r-pill);background:#ffffff08;color:var(--muted);transition:border-color .2s,background .2s,box-shadow .2s}.search-box:focus-within{border-color:#e8ab558c;background:#ffffff0d;box-shadow:0 0 0 3px #e8ab5522}.search-box>span[aria-hidden=true]{font-size:1.25rem;line-height:0;opacity:.8}.search-box input{flex:1;min-width:0;border:0;outline:0;background:none;color:var(--cream);font-size:.86rem}.search-box input::placeholder{color:#7a756c}.search-box kbd{display:none;padding:.25rem .45rem;border:1px solid var(--line);border-radius:.4rem;font:.65rem var(--font-mono);color:var(--muted);background:#0006}.search-box button{flex:none;width:1.9rem;height:1.9rem;border:0;border-radius:50%;background:#ffffff12;color:var(--cream);font-size:1.05rem;line-height:1;display:grid;place-items:center}.search-box button:hover{background:#fff2}.header-actions{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;margin-left:auto}.add-music-button{display:inline-flex;align-items:center;gap:.5rem;border:1px solid rgba(232,171,85,.4);border-radius:var(--r-pill);padding:.65rem 1.05rem;background:linear-gradient(180deg,#f2c078,#c07a2c);color:#191006;font-size:.78rem;font-weight:800;letter-spacing:.02em;box-shadow:inset 0 1px #fff6,0 10px 28px #b2681d33;transition:transform .15s,filter .15s,box-shadow .2s;white-space:nowrap}.add-music-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.add-music-button:active{transform:translateY(0)}.add-music-button span{font-size:1.05rem;line-height:1}.tool-button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:1px solid var(--line);border-radius:var(--r-pill);background:#ffffff08;color:var(--cream-dim);font-size:.75rem;font-weight:600;padding:.5rem .85rem;transition:.18s;white-space:nowrap}.tool-button:hover:not(:disabled){border-color:var(--amber);color:var(--cream);background:#ffffff0e;transform:translateY(-1px)}.tool-button:disabled{opacity:.45}.tool-button.is-active{border-color:var(--amber);color:var(--amber);background:#e8ab5514}.tool-button__fav.is-active{color:var(--rose);border-color:#e88aa055;background:#e88aa014}.tool-button__danger{color:var(--danger)}.tool-button__danger:hover:not(:disabled){border-color:var(--danger);background:#f0a39014}.offline-pill{font-size:.72rem;color:var(--muted);border:1px dashed var(--line-strong);border-radius:var(--r-pill);padding:.45rem .85rem;white-space:nowrap;background:#ffffff05}.user-badge{display:flex;align-items:center;gap:.6rem;padding:.28rem .3rem .28rem .45rem;border:1px solid var(--line);border-radius:var(--r-pill);background:#ffffff07;max-width:100%}.user-badge__avatar{flex:none;display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:linear-gradient(135deg,var(--amber-soft),var(--amber-deep));color:#181007;font-weight:800;font-size:.9rem}.user-badge__info{display:grid;line-height:1.2;min-width:0}.user-badge__info strong{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:10rem}.user-badge__info small{color:var(--muted);font-size:.68rem}.user-badge__logout{border:1px solid var(--line);border-radius:var(--r-pill);background:transparent;color:var(--cream);padding:.4rem .8rem;font-size:.72rem;font-weight:700}.user-badge__logout:hover{border-color:var(--danger);color:var(--danger)}.workspace{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:0;width:100%;max-width:110rem;margin:0 auto;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.library-panel,.tracks-panel,.jukebox{min-width:0;min-height:0;padding:1.25rem 1rem}.library-panel,.tracks-panel{display:flex;flex-direction:column;background:#0e0e0f99}.library-panel{flex:1 1 auto;min-height:0;height:100%;border-bottom:1px solid var(--line)}.tracks-panel{border-top:1px solid var(--line)}.section-heading{flex:none;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.1rem}.section-heading h2{font:400 var(--h-section) var(--font-serif);letter-spacing:-.02em;margin:0;line-height:1.1}.section-heading h3{font:400 1.08rem var(--font-serif);margin:0}.counter{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:2.1rem;height:1.65rem;padding:0 .6rem;border:1px solid var(--line);border-radius:var(--r-pill);color:var(--muted);font:700 .68rem var(--font-mono);background:#ffffff06}.mode-tabs{display:flex;gap:.25rem;overflow-x:auto;border-bottom:1px solid var(--line);scrollbar-width:none}.mode-tabs::-webkit-scrollbar{display:none}.mode-tabs button{flex:none;padding:.7rem .95rem;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);font-size:.76rem;font-weight:700;transition:.18s;border-radius:.5rem .5rem 0 0}.mode-tabs button:hover{color:var(--cream);background:#ffffff08}.mode-tabs button.is-active{border-color:var(--amber);color:var(--cream)}.library-tabs{margin-bottom:.7rem;flex:none}.library-remote{margin:0 0 .7rem;font-size:.76rem;flex:none}.track-album-card{flex:none}.album-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.15rem .9rem;flex:1 1 auto;min-height:clamp(10rem,28dvh,22rem);max-height:100%;overflow-y:auto;overflow-x:hidden;padding:.3rem .35rem 1rem .15rem;align-content:start}.album-card{--album-accent: #d69c4b;--album-accent-alt: #7e383b;display:block;width:100%;border:0;padding:0;text-align:left;background:none;border-radius:var(--r-md)}.album-card__art{position:relative;display:block;aspect-ratio:1;margin-right:.7rem;perspective:800px}.album-card__vinyl{position:absolute;width:88%;aspect-ratio:1;right:-1%;top:6%;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 2px,rgba(255,255,255,.0392156863) 3px 4px),#09090a;box-shadow:0 12px 24px #000;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.album-card__vinyl:before{content:"";position:absolute;inset:35%;border-radius:50%;background:radial-gradient(circle,#111 0 8%,var(--album-accent) 9% 65%,var(--album-accent-alt))}.album-card__vinyl span{position:absolute;inset:0;border-radius:50%;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.1333333333) 44%,transparent 54%)}.album-card__sleeve{position:absolute;display:flex;flex-direction:column;justify-content:flex-end;inset:0;padding:.85rem;overflow:hidden;border-radius:.35rem;background:radial-gradient(circle at 80% 15%,color-mix(in srgb,var(--album-accent) 72%,white),transparent 24%),linear-gradient(135deg,var(--album-accent),var(--album-accent-alt));box-shadow:var(--shadow-1);transition:transform .3s,box-shadow .3s;isolation:isolate}.album-card__sleeve:before{content:"";position:absolute;width:140%;height:55%;left:-20%;top:13%;background:#0a0808d4;transform:rotate(-11deg)}.album-card__sleeve:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(255,255,255,.1803921569),transparent 22% 75%,rgba(0,0,0,.2));mix-blend-mode:overlay}.album-card__sleeve strong,.album-card__sleeve small,.album-card__edition,.album-card__number{position:relative;z-index:1}.album-card__sleeve strong{max-width:92%;font:clamp(.82rem,.7rem + .6vw,1.05rem)/1 var(--font-serif);text-transform:uppercase;text-wrap:balance}.album-card__sleeve small{margin-top:.28rem;font-size:.52rem;letter-spacing:.13em;text-transform:uppercase;opacity:.92}.album-card__edition{position:absolute;left:.7rem;top:.65rem;font:700 .42rem/1.3 var(--font-mono);letter-spacing:.13em;opacity:.9}.album-card__number{position:absolute;right:.6rem;top:.45rem;font:italic 1.3rem var(--font-serif);opacity:.9}.album-card__meta{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-top:.65rem}.album-card__meta>span:first-child{min-width:0;flex:1}.album-card__meta strong{display:block;overflow:hidden;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.album-card__meta small{display:block;color:var(--muted);font-size:.62rem;margin-top:.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.album-card__meta>small:last-child{flex:none;font-family:var(--font-mono);font-size:.6rem;color:var(--muted-2);padding-top:.15rem}.album-card:hover .album-card__sleeve{transform:translateY(-5px);box-shadow:0 22px 44px #00000080,0 0 28px color-mix(in srgb,var(--album-accent) 18%,transparent)}.album-card:hover .album-card__vinyl{transform:translate(15%)}.album-card:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.album-card.is-selected .album-card__sleeve{box-shadow:0 0 0 2px var(--amber),0 18px 38px #000}.album-card-wrap{min-width:0;position:relative}.album-card__tools{display:flex;gap:.35rem;margin-top:.5rem;flex-wrap:wrap}.album-card__tools .tool-button{font-size:.68rem;padding:.38rem .65rem}.album-card__edit-hit{position:absolute;inset:0 .7rem auto 0;aspect-ratio:1;z-index:3;border:0;border-radius:.35rem;background:transparent;cursor:pointer}.album-card__edit-hit span{position:absolute;right:.55rem;bottom:.55rem;display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:#0c0c0de6;color:var(--cream);font-size:1rem;border:1px solid var(--amber)}.jukebox{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.3rem;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,rgba(191,119,47,.1333333333),transparent 52%),#0c0c0d;border-bottom:1px solid var(--line);order:-1}.jukebox:before{content:"";position:absolute;width:min(80%,30rem);aspect-ratio:1.6;top:18%;border-radius:50%;background:#df973f1f;filter:blur(70px);pointer-events:none}.jukebox__topline{position:relative;z-index:1;width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem;color:#8f8a81;font:.62rem var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.jukebox__topline>span:first-child{display:inline-flex;align-items:center;min-width:0}.status-light{display:inline-block;flex:none;width:.42rem;height:.42rem;border-radius:50%;margin-right:.5rem;background:var(--amber);box-shadow:0 0 10px var(--amber);animation:pulse 2s infinite}@keyframes pulse{50%{opacity:.55}}.turntable{position:relative;z-index:1;width:min(100%,26rem);aspect-ratio:1.18;display:grid;place-items:center;perspective:900px}.turntable__plinth{position:relative;width:100%;aspect-ratio:1.22;border:1px solid rgba(255,255,255,.1215686275);border-radius:1.25rem;background:linear-gradient(145deg,#35312c,#1b1917 26%,#121212 82%);box-shadow:inset 0 1px #fff2,inset 0 -12px 32px #0009,var(--shadow-2);transform:rotateX(9deg)}.turntable__plinth:after{content:"";position:absolute;inset:.8rem;border:1px solid rgba(255,255,255,.0470588235);border-radius:.8rem;pointer-events:none}.platter-shadow,.platter{position:absolute;width:73%;aspect-ratio:1;left:6%;top:9%;border-radius:50%}.platter-shadow{top:12%;background:#020202;box-shadow:0 8px #050505,0 18px 30px #000}.platter{display:grid;place-items:center;background:#151515;border:.3rem solid #090909;box-shadow:inset 0 0 0 1px #41403d}.spindle{position:absolute;width:.45rem;aspect-ratio:1;border-radius:50%;background:linear-gradient(135deg,#eee,#5d5d5d);z-index:5;box-shadow:0 1px 3px #000}app-vinyl-record{display:block;width:95%;aspect-ratio:1;border-radius:50%;transform-origin:center;animation:vinyl-spin 2.8s linear infinite;animation-play-state:paused}app-vinyl-record.is-playing{animation-play-state:running}.vinyl-record{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;background:repeating-radial-gradient(circle,transparent 0 3px,rgba(255,255,255,.0392156863) 4px 5px),radial-gradient(circle at center,#171717 0 9%,#050505 9.5%);box-shadow:inset 0 0 0 1px #292929,0 5px 12px #000}.vinyl-record__grooves{position:absolute;inset:5%;border:1px solid #1f1f1f;border-radius:50%;box-shadow:0 0 0 1.1rem #ffffff05,0 0 0 2.5rem #ffffff05,0 0 0 3.9rem #ffffff05}.vinyl-record__shine{position:absolute;inset:-10%;background:conic-gradient(from 12deg,transparent 0 8%,rgba(255,255,255,.1176470588) 14%,transparent 21% 51%,rgba(255,255,255,.0784313725) 59%,transparent 68%)}.vinyl-record__label{position:absolute;inset:33%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;border-radius:50%;text-align:center;background:radial-gradient(circle,#15100c 0 5%,transparent 6%),linear-gradient(135deg,var(--record-accent),var(--record-accent-alt));box-shadow:0 0 0 2px #0009;padding:.4rem}.vinyl-record__label small{font-size:.34rem;letter-spacing:.2em;opacity:.9}.vinyl-record__label strong{max-width:78%;font:700 clamp(.38rem,.35rem + .5vw,.6rem)/1.05 var(--font-serif);text-transform:uppercase;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vinyl-record__label i{width:.24rem;aspect-ratio:1;border-radius:50%;background:#090909}.tonearm{position:absolute;width:27%;height:78%;right:2.5%;top:5%;transform-origin:62% 14%;transition:transform .7s cubic-bezier(.3,.8,.3,1);z-index:7}.tonearm__pivot{position:absolute;width:clamp(2rem,12cqw,3.2rem);width:2.6rem;aspect-ratio:1;right:0;top:0;border:.55rem solid #252525;border-radius:50%;background:radial-gradient(circle,#a7a39b,#3a3936 65%);box-shadow:0 4px 10px #000}.tonearm__rod{position:absolute;width:.34rem;height:76%;right:1.05rem;top:2rem;border-radius:1rem;background:linear-gradient(90deg,#817e77,#e4dfd3 48%,#55534e);transform:rotate(12deg);transform-origin:top}.tonearm__head{position:absolute;width:1rem;height:2.3rem;right:2.6rem;bottom:0;border-radius:.15rem;background:linear-gradient(90deg,#222,#53514d);transform:rotate(12deg);box-shadow:0 2px 6px #0009}.jukebox[data-state=moving-tonearm] .tonearm,.jukebox[data-state=playing] .tonearm,.jukebox[data-state=paused] .tonearm{transform:rotate(23deg)}.jukebox[data-state=loading-record] app-vinyl-record{animation:record-arrive .55s ease both}.jukebox[data-state=placing-record] app-vinyl-record{animation:record-drop .65s ease both}.power-knob{position:absolute;width:1.9rem;aspect-ratio:1;right:6%;bottom:7%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#7a7a7a,#1c1c1c 68%);box-shadow:0 2px 6px #000,inset 0 1px #fff3}.speed-switch{position:absolute;left:8%;bottom:7%;display:flex;align-items:center;gap:.35rem;color:#7c7c7c;font:.46rem var(--font-mono)}.speed-switch i{width:1.1rem;height:.55rem;border-radius:99px;background:#000;border:1px solid rgba(255,255,255,.1019607843);display:inline-block}.jukebox__caption{position:relative;z-index:1;text-align:center;margin:0;max-width:28rem}.jukebox__caption strong{display:block;font:italic clamp(1.2rem,1rem + 1vw,1.55rem) var(--font-serif);text-wrap:balance}.jukebox__caption span{display:block;margin-top:.35rem;color:var(--muted);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase}.jukebox__now{display:inline-flex!important;align-items:center;gap:.4rem;margin-top:.6rem!important;padding:.35rem .8rem;border:1px solid rgba(232,171,85,.2666666667);border-radius:var(--r-pill);background:#e8ab5512;color:var(--amber-soft)!important;letter-spacing:.04em!important;text-transform:none!important;font-size:.72rem!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tracks-heading{margin-bottom:.9rem}.track-album-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.7rem .75rem;margin-bottom:.8rem;border:1px solid var(--line);border-radius:var(--r-md);background:linear-gradient(135deg,color-mix(in srgb,var(--cover-a, #2b2823) 55%,transparent),#ffffff06)}.track-album-card__cover{width:2.9rem;aspect-ratio:1;border-radius:.55rem;display:grid;place-items:center;background:linear-gradient(145deg,var(--cover-a, #2b2823),var(--cover-b, #111));border:1px solid rgba(255,255,255,.1176470588);font:italic 1.35rem var(--font-serif);color:#fff6;box-shadow:var(--shadow-1)}.track-album-card__info{min-width:0}.track-album-card__info strong{display:block;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-album-card__info small{display:block;color:var(--muted);font-size:.68rem;margin-top:.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.play-button--sm{width:2.5rem;height:2.5rem}.tracks-placeholder strong,.empty-state strong{color:var(--cream-dim)}.album-year{color:#8a8478;font:italic 1.05rem var(--font-serif);flex:none}.track-list{flex:1 1 auto;min-height:clamp(8rem,20dvh,16rem);overflow-y:auto;overflow-x:hidden;padding-right:.25rem;border-radius:var(--r-md);align-content:start}.track-row-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.2rem;border-bottom:1px solid rgba(255,255,255,.0549019608);border-radius:.6rem}.track-row-wrap:hover{background:#ffffff07}.track-row{display:grid;grid-template-columns:2.1rem minmax(0,1fr) auto;align-items:center;gap:.6rem;width:100%;min-height:3.4rem;padding:.5rem .6rem;border:0;text-align:left;background:transparent;color:#a49f95;border-radius:.6rem;transition:.15s}.track-row:hover{color:#e8e2d5}.track-row.is-current{color:var(--amber-soft);background:linear-gradient(90deg,rgba(232,171,85,.1098039216),transparent 75%)}.track-number{display:grid;place-items:center;color:#6b675f;font:.6rem var(--font-mono)}.track-name{min-width:0}.track-name strong,.track-name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-name strong{font-size:.78rem;font-weight:600;line-height:1.35}.track-name small{margin-top:.12rem;color:#6f6a61;font-size:.62rem}.track-row time{font:.6rem var(--font-mono);color:#716c64;font-variant-numeric:tabular-nums}.track-row__fav{flex:none;width:2.2rem;height:2.2rem;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:#6a655d;font-size:1rem;transition:.15s}.track-row__fav:hover{background:#ffffff12;color:var(--rose);transform:scale(1.08)}.track-row__fav.is-active{color:var(--rose)}app-equalizer{display:inline-flex;align-items:flex-end;gap:2px;width:1rem;height:.85rem}app-equalizer span{width:3px;height:35%;border-radius:2px;background:var(--amber);animation:equalize .7s ease-in-out infinite alternate;animation-play-state:paused}app-equalizer span:nth-child(2){height:85%;animation-delay:-.35s}app-equalizer span:nth-child(3){height:55%;animation-delay:-.15s}app-equalizer.is-active span{animation-play-state:running}.empty-state,.tracks-placeholder{display:grid;place-items:center;align-content:center;gap:.6rem;min-height:12rem;padding:2rem 1rem;color:#655f56;text-align:center;border:1px dashed var(--line);border-radius:var(--r-lg);background:#ffffff04}.empty-state span,.tracks-placeholder span{font:italic 2.6rem var(--font-serif);line-height:1;opacity:.9}.empty-state p,.tracks-placeholder p{max-width:15rem;margin:0;font-size:.76rem;line-height:1.65}.player-bar{flex:none;position:relative;z-index:30;display:grid;gap:.8rem;grid-template-columns:1fr;padding:.85rem 1rem calc(.85rem + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#0e0e0ff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 -18px 50px #0006}.now-playing{display:flex;align-items:center;gap:.8rem;min-width:0;order:2}.now-playing__cover{flex:none;display:grid;place-items:center;width:2.9rem;aspect-ratio:1;border-radius:.6rem;border:1px solid rgba(255,255,255,.1176470588);background:linear-gradient(145deg,var(--cover-a, #2b2823),var(--cover-b, #111));color:#fff4;font:italic 1.3rem var(--font-serif);box-shadow:var(--shadow-1)}.now-playing>div:last-child{min-width:0;flex:1}.now-playing strong,.now-playing small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-playing strong{font-size:.8rem}.now-playing small{color:var(--muted);font-size:.66rem;margin-top:.15rem}.now-playing .eyebrow{margin-bottom:.1rem;font-size:.56rem}.transport{display:grid;gap:.6rem;order:1}.transport__buttons{display:flex;justify-content:center;align-items:center;gap:.6rem}.icon-button,.play-button{display:grid;place-items:center;border:0;border-radius:50%;background:transparent;transition:.15s}.icon-button{width:2.4rem;height:2.4rem;color:#a39d92;font:300 1.5rem var(--font-serif);border-radius:50%}.icon-button:hover{background:#ffffff10;color:var(--cream)}.utility-button{position:relative;font:.85rem var(--font-mono);color:#6f6a61;width:2.2rem;height:2.2rem}.utility-button.is-active{color:var(--amber);background:#e8ab5514}.repeat-button small{position:absolute;bottom:.1rem;right:.2rem;font-size:.45rem}.play-button{width:3rem;height:3rem;background:linear-gradient(145deg,#f8c877,#bd782f);box-shadow:0 0 26px #e8ab5540,inset 0 1px #fff7;color:#1a120a}.play-button:hover{filter:brightness(1.1);transform:scale(1.04)}.play-button:active{transform:scale(.98)}.play-icon{margin-left:.15rem;border-top:.45rem solid transparent;border-bottom:.45rem solid transparent;border-left:.72rem solid #1a120a}.pause-icon{width:.68rem;height:.82rem;border-left:.22rem solid #1a120a;border-right:.22rem solid #1a120a}.progress-control{display:grid;grid-template-columns:2.6rem 1fr 2.6rem;align-items:center;gap:.65rem}.progress-control time{color:#7f7a72;font:.56rem var(--font-mono);font-variant-numeric:tabular-nums}.progress-control time:last-child{text-align:right}input[type=range]{--range-progress: 0%;appearance:none;-webkit-appearance:none;width:100%;height:4px;border-radius:1rem;outline-offset:4px;background:linear-gradient(90deg,var(--amber) var(--range-progress),#35322e var(--range-progress));accent-color:var(--amber)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:.85rem;height:.85rem;border-radius:50%;background:var(--amber-soft);border:2px solid #1a120a;box-shadow:0 2px 8px #0009;transition:transform .15s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}input[type=range]::-moz-range-thumb{width:.85rem;height:.85rem;border-radius:50%;background:var(--amber-soft);border:2px solid #1a120a}.volume-control{display:none;align-items:center;gap:.6rem;color:#7d7870;font:.58rem var(--font-mono)}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:end center;padding:0;background:#000b;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:fade-in .2s ease}.music-modal{width:100%;max-height:calc(100dvh - 1rem);max-height:calc(100svh - 1rem);overflow:auto;overscroll-behavior:contain;border:1px solid rgba(232,171,85,.2509803922);border-radius:1.1rem 1.1rem 0 0;background:linear-gradient(165deg,#201e1c,#111113 60%);box-shadow:var(--shadow-2);animation:sheet-up .28s cubic-bezier(.2,.9,.3,1)}.modal-header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.2rem 1.2rem 1rem;background:#1a1918f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);border-radius:1.1rem 1.1rem 0 0}.modal-header h2{font:400 1.3rem var(--font-serif);letter-spacing:-.02em;margin:0}.modal-close{flex:none;width:2.3rem;height:2.3rem;border:1px solid var(--line);border-radius:50%;background:#ffffff08;font-size:1.2rem;line-height:1;display:grid;place-items:center;transition:.15s}.modal-close:hover{background:#ffffff16;border-color:var(--line-strong);transform:rotate(90deg)}.music-form{padding:1.15rem 1.2rem 1.3rem}.music-modal>.filter-chips{padding:.4rem 1.2rem 0;margin:0 0 .8rem}.music-modal>.auth-hint{padding:0 1.2rem;margin:0 0 .8rem}.music-modal>.filter-chips:last-of-type,.music-modal>.auth-hint:last-child{padding-bottom:1.2rem}.manage-choose{display:grid;gap:.9rem;justify-items:center;text-align:center;padding:1.4rem 1.2rem 1.5rem}.manage-choose .auth-hint{padding:0;margin:0}.manage-choose .filter-chips{justify-content:center;padding:0;margin:0}.form-grid{display:grid;grid-template-columns:1fr;gap:.9rem}.form-grid label{display:grid;gap:.4rem;min-width:0}.form-grid label>span,.draft-tracks__heading strong{color:#b3aca0;font-size:.68rem;font-weight:700;letter-spacing:.04em}.form-grid input,.form-grid textarea,.form-grid select,.draft-track input,.playlist-new input{width:100%;border:1px solid var(--line);border-radius:.65rem;padding:.72rem .8rem;outline:0;background:#00000059;color:var(--cream);font-size:.82rem;transition:border-color .18s,box-shadow .18s,background .18s}.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus{border-color:var(--amber);box-shadow:0 0 0 3px #e8ab5526;background:#00000075}.form-grid textarea{resize:vertical;min-height:3.5rem}.form-grid select option{background:#1a1a1c}.form-grid__wide{grid-column:1/-1}.file-drop{position:relative;min-height:5rem;display:grid;align-content:center;gap:.2rem;padding:.9rem;border:1.5px dashed rgba(232,171,85,.3333333333);border-radius:var(--r-md);background:#e8ab550c;overflow:hidden;cursor:pointer;transition:.18s}.file-drop:hover{border-color:var(--amber);background:#e8ab5514}.file-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.file-drop small{color:#8a8478;font-size:.66rem}.draft-tracks{margin-top:1.2rem;border-top:1px solid var(--line);padding-top:.4rem}.draft-tracks__heading{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.8rem 0 .5rem}.draft-tracks__heading small{color:var(--muted);font-size:.68rem}.draft-track{display:grid;grid-template-columns:1.2rem 1.6rem minmax(0,1fr) 1.8rem;align-items:center;gap:.5rem;padding:.4rem;border-radius:.6rem;border:1px solid transparent}.draft-track:hover{background:#ffffff07;border-color:var(--line)}.drag-handle{color:#6b665e;cursor:grab;text-align:center}.draft-track__number,.draft-track time{color:#8a8478;font:.6rem var(--font-mono);text-align:center}.modal-actions{display:flex;flex-direction:column-reverse;gap:.6rem;margin-top:1.4rem;padding-top:1.1rem;border-top:1px solid var(--line)}.secondary-button,.primary-button{border-radius:.75rem;padding:.8rem 1.1rem;font-size:.78rem;font-weight:800;letter-spacing:.01em;transition:.18s;width:100%}.secondary-button{border:1px solid var(--line-strong);background:#ffffff08;color:var(--cream)}.secondary-button:hover{background:#ffffff12}.primary-button{border:1px solid #d69a4b;background:linear-gradient(180deg,#f0b25e,#b8742b);color:#181008;box-shadow:inset 0 1px #fff6,0 8px 24px #b8742b33}.primary-button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.primary-button:disabled{filter:grayscale(1);opacity:.45}.auth-stage{display:grid;place-items:center;padding:2rem 1rem;width:100%;max-width:32rem;margin:0 auto}.auth-card{width:100%;display:grid;gap:.9rem;padding:1.5rem 1.25rem;border:1px solid var(--line-strong);border-radius:var(--r-lg);background:linear-gradient(165deg,#1e1d1c,#131314);box-shadow:var(--shadow-2);position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,var(--amber),transparent)}.auth-card h2{margin:0;font:400 1.45rem var(--font-serif);letter-spacing:-.02em}.auth-hint{margin:0;color:var(--muted);font-size:.82rem;line-height:1.6}.auth-card form{display:grid;gap:.8rem}.auth-card label{display:grid;gap:.35rem;font-size:.8rem;font-weight:600}.auth-card label span{color:#b3aca0;font-size:.7rem}.auth-card input{padding:.72rem .85rem;border:1px solid var(--line);border-radius:.65rem;background:#00000059;color:var(--cream);font-size:.85rem;width:100%}.auth-card input:focus{border-color:var(--amber);box-shadow:0 0 0 3px #e8ab5526;outline:0}.auth-card .mode-tabs{margin:0}.auth-error{margin:0;padding:.7rem .85rem;border:1px solid rgba(179,64,46,.4);border-radius:.65rem;color:#f3b3a2;font-size:.8rem;line-height:1.5;background:#b3402e14}.auth-offline{width:100%}.auth-loading{color:var(--muted)}.playlists{flex:none;margin-top:1rem;border-top:1px solid var(--line);padding-top:1rem;display:flex;flex-direction:column;min-height:0}.playlists .section-heading{margin-bottom:.8rem}.playlist-new{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;margin:.7rem 0 .9rem}.playlist-new .tool-button{padding:.6rem .9rem}.playlist-list{display:grid;gap:.65rem;overflow-y:auto;min-height:0;max-height:clamp(10rem,24dvh,20rem);padding-right:.25rem;align-content:start}.playlist-card{border:1px solid var(--line);border-radius:var(--r-md);padding:.7rem .75rem;background:#ffffff05;transition:.18s}.playlist-card:hover{border-color:var(--line-strong);background:#ffffff08}.playlist-card__head{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.45rem;align-items:center}.playlist-card__toggle{border:0;background:none;color:var(--cream);text-align:left;cursor:pointer;padding:.15rem 0;min-width:0;border-radius:.4rem}.playlist-card__toggle strong,.playlist-card__toggle small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-card__toggle strong{font-size:.82rem}.playlist-card__toggle small{color:var(--muted);font-size:.68rem;margin-top:.1rem}.playlist-confirm{font-size:.78rem;display:flex;gap:.45rem;align-items:center;flex-wrap:wrap;margin:.6rem 0 0;padding:.6rem;border-radius:.6rem;background:#b3402e14;border:1px solid rgba(179,64,46,.2)}.playlist-tracks{display:grid;gap:.35rem;margin-top:.65rem;padding-top:.65rem;border-top:1px solid var(--line)}.playlist-track{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;align-items:center;font-size:.78rem;padding:.3rem 0}.playlist-track strong,.playlist-track small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-track strong{font-size:.76rem}.playlist-track small{color:var(--muted);font-size:.68rem}app-admin-panel{display:block;width:100%;min-width:0}.workspace:has(app-admin-panel){display:block}.admin-panel{padding:1.25rem 1rem 2rem;overflow:visible;background:#0d0d0eb8;width:100%;max-width:96rem;margin:0 auto}.admin-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem;margin-top:1rem}.admin-card{border:1px solid var(--line);border-radius:var(--r-md);padding:1rem;display:grid;gap:.2rem;background:linear-gradient(165deg,#1d1c1b,#131314);position:relative;overflow:hidden}.admin-card:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--amber-soft),var(--amber-deep));opacity:.85}.admin-card strong{font:700 1.5rem var(--font-sans);font-variant-numeric:tabular-nums}.admin-card small{color:var(--muted);font-size:.72rem}.admin-table-wrap{overflow-x:auto;margin-top:1rem;border:1px solid var(--line);border-radius:var(--r-md);background:#ffffff04}.admin-table{width:100%;min-width:42rem;border-collapse:collapse;font-size:.82rem}.admin-table th,.admin-table td{text-align:left;padding:.7rem .75rem;border-bottom:1px solid rgba(255,255,255,.0549019608);vertical-align:middle}.admin-table thead th{font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:#ffffff06}.admin-table tbody tr:hover{background:#ffffff06}.admin-table strong,.admin-table small{display:block}.admin-table strong{font-size:.82rem}.admin-table small{color:var(--muted);font-size:.7rem}.admin-table select{background:var(--ink);color:var(--cream);border:1px solid var(--line);border-radius:.55rem;padding:.4rem .6rem;font-size:.76rem}.admin-table select:disabled,.admin-table .tool-button:disabled{opacity:.55}.filter-chips{display:flex;gap:.45rem;flex-wrap:wrap;margin:.1rem 0 .8rem}.perm-badge{display:inline-block;margin-top:.3rem;padding:.15rem .55rem;border:1px solid var(--line-strong);border-radius:var(--r-pill);font-size:.64rem!important;color:var(--muted)!important}.perm-badge--ok{border-color:#9fd6a455;color:#bfe3c4!important;background:#9fd6a412}.switch{display:inline-flex;align-items:center;gap:.55rem;border:1px solid var(--line-strong);border-radius:var(--r-pill);background:#ffffff08;color:var(--muted);padding:.35rem .7rem .35rem .4rem;font-size:.72rem;font-weight:700;white-space:nowrap;transition:.18s}.switch:hover:not(:disabled){border-color:var(--amber);color:var(--cream);transform:translateY(-1px)}.switch:disabled{opacity:.6;cursor:wait}.switch__knob{position:relative;flex:none;width:2.1rem;height:1.2rem;border-radius:var(--r-pill);background:#3a3733;transition:background .2s}.switch__knob:after{content:"";position:absolute;top:.15rem;left:.16rem;width:.9rem;height:.9rem;border-radius:50%;background:#8f8a81;transition:transform .2s,background .2s}.switch.is-on{border-color:var(--amber);color:var(--amber-soft);background:#e8ab5512}.switch.is-on .switch__knob{background:var(--amber-deep)}.switch.is-on .switch__knob:after{transform:translate(.88rem);background:#ffe1b0}.switch__label{min-width:4.6rem;text-align:left}.admin-pager{display:flex;gap:.7rem;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:.9rem;font-size:.8rem;color:var(--muted)}.admin-create{margin-top:1rem;border:1px solid var(--line);border-radius:var(--r-md);background:#ffffff05;padding:.7rem .85rem}.admin-create>summary{cursor:pointer;font-size:.8rem;font-weight:800;color:var(--amber-soft);border-radius:.4rem}.admin-create__form{display:grid;gap:.7rem;margin-top:.8rem}.admin-create__form label{display:grid;gap:.35rem;font-size:.72rem;font-weight:700;color:#b3aca0}.admin-create__form input,.admin-create__form select{width:100%;border:1px solid var(--line);border-radius:.6rem;padding:.65rem .75rem;background:#00000059;color:var(--cream);font-size:.8rem}.admin-create__form input:focus,.admin-create__form select:focus{border-color:var(--amber);outline:0;box-shadow:0 0 0 3px #e8ab5526}.admin-create__form select option{background:#1a1a1c}.admin-create__check{display:flex!important;flex-direction:row;align-items:center;gap:.55rem;cursor:pointer}.admin-create__check input{width:1.05rem;height:1.05rem;accent-color:var(--amber)}.admin-create__form .primary-button{width:100%}.music-form__hint{margin:0;padding:.9rem 1.2rem 0}@media(min-width:640px){.admin-create__form{grid-template-columns:1fr 1fr}.admin-create__form .auth-error,.admin-create__form .auth-hint,.admin-create__form .primary-button{grid-column:1/-1}}.admin-check{display:flex;gap:.65rem;align-items:flex-start;margin-top:1.1rem;padding:.9rem;border:1px solid var(--line);border-radius:var(--r-md);background:#ffffff05;line-height:1.55;cursor:pointer}.admin-check input{width:1.15rem;height:1.15rem;margin-top:.15rem;accent-color:var(--amber)}.audit-list{display:grid;gap:.55rem;margin-top:1rem}.audit-row{border:1px solid var(--line);border-radius:.7rem;padding:.65rem .85rem;display:grid;gap:.15rem;font-size:.82rem;background:#ffffff04}.audit-row strong{font-family:var(--font-mono);font-size:.74rem;color:var(--amber-soft)}.audit-row small{color:var(--muted)}@keyframes vinyl-spin{to{transform:rotate(360deg)}}@keyframes equalize{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}@keyframes record-arrive{0%{opacity:0;transform:translate3d(-65%,-45%,5rem) scale(.78) rotate(-40deg)}to{opacity:1;transform:none}}@keyframes record-drop{0%{transform:translate3d(0,-1.8rem,3rem) scale(1.03)}to{transform:none}}@keyframes fade-in{0%{opacity:0}}@keyframes sheet-up{0%{opacity:0;transform:translateY(2rem) scale(.98)}}@media(min-width:640px){.app-header{padding:.7rem 1.4rem;gap:1rem;flex-wrap:nowrap}.search-box{order:0;flex:1 1 auto;max-width:34rem;margin:0 auto}.search-box kbd{display:inline-block}.brand{margin-right:0}.header-actions{margin-left:0;flex:none}.brand small{display:block}.library-panel,.tracks-panel,.jukebox{padding:1.6rem 1.4rem}.album-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-cards{grid-template-columns:repeat(3,1fr)}.modal-backdrop{place-items:center;padding:1.25rem}.music-modal{border-radius:var(--r-lg);max-width:46rem}.modal-header{border-radius:var(--r-lg) var(--r-lg) 0 0;padding:1.4rem 1.6rem 1rem}.music-form{padding:1.3rem 1.6rem 1.6rem}.form-grid{grid-template-columns:1fr 1fr}.modal-actions{flex-direction:row;justify-content:flex-end}.secondary-button,.primary-button{width:auto;min-width:8.5rem}.player-bar{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);align-items:center;padding:.9rem 1.4rem}.now-playing{order:1}.transport{order:2}}@media(min-width:1024px){.app-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(20rem,38rem) auto;align-items:center;gap:1.6rem;padding:0 1.8rem;min-height:4.6rem}.brand{margin:0}.search-box{order:0;margin:0;max-width:none;width:100%;justify-self:center}.header-actions{justify-content:flex-end;margin:0}.workspace{flex:1;min-height:0;display:grid;overflow:hidden;grid-template-columns:minmax(19rem,29%) minmax(0,1fr) minmax(19rem,29%)}.jukebox{order:0;border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);overflow-y:auto}.library-panel{border:0;border-right:1px solid var(--line);overflow:hidden;height:100%}.tracks-panel{border:0;border-left:1px solid var(--line);overflow:hidden;height:100%}.library-panel,.tracks-panel{min-height:0}.album-grid{flex:1 1 auto;min-height:0;max-height:100%;overflow-y:auto;overflow-x:hidden;grid-template-columns:repeat(2,minmax(0,1fr));padding:.4rem .5rem 2rem .15rem}.track-list{flex:1 1 auto;min-height:0;overflow-y:auto}.playlists{overflow:hidden;min-height:0;max-height:none}.playlist-list{max-height:16rem}.player-bar{grid-template-columns:minmax(14rem,1fr) minmax(28rem,2fr) minmax(12rem,1fr);gap:2rem;padding:.9rem 1.8rem}.volume-control{display:grid;grid-template-columns:auto minmax(5rem,7rem) auto;justify-self:end}.admin-cards{grid-template-columns:repeat(6,1fr)}.workspace:has(app-admin-panel){display:block;overflow-y:auto}.admin-panel{padding:2rem 2.5rem;max-width:none}.draft-track{grid-template-columns:1rem 1.6rem minmax(8rem,1fr) minmax(7rem,.8fr) 3rem 1.8rem}}@media(min-width:1440px){.album-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.app-header{padding:0 2.4rem}.player-bar{padding-inline:2.4rem}}@media(max-height:720px)and (min-width:1024px){.library-panel,.tracks-panel,.jukebox{padding:1rem 1.2rem}.jukebox{gap:.8rem}.turntable{width:min(100%,20rem)}.playlist-list{max-height:10rem}}@media(max-width:639px){.workspace{overflow-y:auto}.jukebox{flex:none;min-height:0;padding:1.1rem 1rem 1.3rem;max-height:clamp(24rem,52dvh,32rem)}.turntable{width:min(92%,20rem)}.tonearm__pivot{width:2.1rem}.tonearm__rod{right:.9rem;top:1.7rem}.tonearm__head{right:2.25rem}.library-panel{flex:1 0 auto}.album-grid{flex:none;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(9.5rem,11rem);grid-template-columns:none;min-height:0;max-height:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;gap:.9rem;padding:.4rem .2rem .9rem;margin:0 -1rem;padding-inline:1rem}.album-card-wrap{scroll-snap-align:start}.playlist-list{max-height:18rem}.track-list{max-height:46dvh;overflow-y:auto}.player-bar{gap:.55rem}.transport__buttons{gap:.35rem}.now-playing__cover{width:2.5rem}}@media(min-width:640px)and (max-width:1023px){.workspace{overflow-y:auto}.library-panel{flex:1 0 auto}.album-grid{max-height:46dvh}.track-list{max-height:38dvh;overflow-y:auto}.playlist-list{max-height:18rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}app-vinyl-record.is-playing{animation:none}}