@property --track-accent{syntax: "<color>"; inherits: true; initial-value: #f62a26;}@property --accent-bass{syntax: "<color>"; inherits: true; initial-value: #f62a26;}@property --accent-mid{syntax: "<color>"; inherits: true; initial-value: #f62a26;}@property --accent-treble{syntax: "<color>"; inherits: true; initial-value: #f62a26;}:root{transition:--track-accent .4s ease,--accent-bass .4s ease,--accent-mid .4s ease,--accent-treble .4s ease;--accent-bass: var(--track-accent, var(--red));--accent-mid: var(--track-accent, var(--red));--accent-treble: var(--track-accent, var(--red));--accent-gradient: linear-gradient(135deg, var(--track-accent, var(--red)) 0%, var(--track-accent, var(--red)) 100%);--accent-gradient-h: linear-gradient(90deg, var(--track-accent, var(--red)) 0%, var(--track-accent, var(--red)) 100%)}:root{--void: #060a0d;--panel: #212828;--panel-2: #1a2020;--bone: #fefbe5;--ash: #dee1dc;--moss: #989b6d;--moss-dim: #4a4d36;--red: #f62a26;--red-dim: #8c1a17;--cyan: var(--track-accent, var(--red));--cyan-dim: var(--track-accent-dim, var(--red-dim));--cyan-static: #0097ba;--cyan-static-dim: #03657d;--green: #67b70b;--hairline: #2e3535;--hairline-strong: #3d4545;--mono: "JetBrains Mono", "Berkeley Mono", ui-monospace, monospace;--sans: "Space Grotesk", "Inter Tight", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;overflow-anchor:none}img{-webkit-user-drag:none;-webkit-touch-callout:none}body{background:var(--void);color:var(--bone);font-family:var(--sans);font-size:14px;line-height:1.4;height:100vh;height:100dvh;height:var(--app-height, 100dvh);overflow:hidden;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.018 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");z-index:1;mix-blend-mode:screen}body.scanlines:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(0,0,0,.22) 0px,rgba(0,0,0,.22) 1px,transparent 1px,transparent 3px);z-index:9998;mix-blend-mode:multiply}body.crt-effect .crt-mask{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(to right,rgba(255,0,60,.05) 0px,rgba(0,255,120,.05) 1px,rgba(40,120,255,.05) 2px,transparent 2px,transparent 3px),radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.55) 100%);z-index:9998;mix-blend-mode:multiply}body.crt-effect:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(to right,rgba(255,0,60,.05) 0px,rgba(0,255,120,.05) 1px,rgba(40,120,255,.05) 2px,transparent 2px,transparent 3px),radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.55) 100%);z-index:9997;mix-blend-mode:multiply}body.crt-effect .app:before{content:"";position:fixed;left:0;right:0;top:-20vh;height:22vh;pointer-events:none;z-index:9999;background:linear-gradient(to bottom,transparent 0%,rgba(0,240,255,.045) 45%,rgba(255,255,255,.06) 50%,rgba(0,240,255,.045) 55%,transparent 100%);mix-blend-mode:screen;animation:crt-sweep 9s linear infinite;will-change:transform}@keyframes crt-sweep{0%{transform:translateY(0)}to{transform:translateY(140vh)}}body.crt-effect.reduce-motion .app:before{animation:none;opacity:0}body.fisheye .app{perspective:1400px;transform-style:preserve-3d}body.fisheye .main{transform:perspective(1400px) translateZ(0) scale(.985);transform-origin:center center;border-radius:1.2vw/1.6vw;box-shadow:inset 0 0 80px 20px #00000073,inset 0 0 200px 80px #00000040;-webkit-mask-image:radial-gradient(ellipse 105% 105% at center,#000 70%,rgba(0,0,0,.92) 92%,rgba(0,0,0,.78) 100%);mask-image:radial-gradient(ellipse 105% 105% at center,#000 70%,#000000eb 92%,#000000c7)}body.fisheye:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 78%,rgba(255,255,255,.03) 92%,rgba(0,0,0,.6) 100%);z-index:9996}.app{display:grid;grid-template-rows:calc(44px + env(safe-area-inset-top)) 1fr calc(88px + env(safe-area-inset-bottom));grid-template-columns:220px 1fr;grid-template-areas:"top top" "nav main" "player player";height:100vh;height:var(--app-height, 100dvh);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);position:relative;z-index:3}.topbar{grid-area:top;background:var(--panel);border-bottom:1px solid var(--hairline);display:flex;align-items:center;padding:0 16px;padding-top:env(safe-area-inset-top);gap:24px;position:relative}.brand{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-weight:600;font-size:13px;letter-spacing:.04em;text-transform:uppercase}.brand .ekg{width:36px;height:14px;display:block}.brand .name{color:var(--bone)}.topbar-search{flex:1;max-width:480px;position:relative;display:flex;align-items:center;background:var(--void);border:1px solid var(--hairline);padding:5px 10px;font-family:var(--mono);font-size:12px;gap:8px}.topbar-search:focus-within{border-color:var(--cyan)}.topbar-search .prompt{color:var(--moss)}.topbar-search input{flex:1;background:transparent;border:0;outline:0;color:var(--bone);font-family:var(--mono);font-size:12px;min-width:0}.topbar-search input::placeholder{color:var(--moss-dim)}.topbar-search .kbd{font-family:var(--mono);font-size:10px;color:var(--moss);border:1px solid var(--hairline);padding:1px 5px}.topbar-search-clear{background:transparent;border:0;padding:0 4px;color:var(--moss);cursor:pointer;font-family:var(--mono);font-size:16px;line-height:1}.topbar-search-clear:hover{color:var(--bone)}.search-panel{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--panel);border:1px solid var(--hairline-strong);box-shadow:0 16px 60px #0009;z-index:160;max-height:70vh;overflow-y:auto;padding:4px 0}.search-group{padding:6px 0;border-bottom:1px solid var(--hairline)}.search-group:last-child{border-bottom:0}.search-label{font-family:var(--mono);font-size:10px;color:var(--moss);text-transform:uppercase;letter-spacing:.08em;padding:4px 14px 6px}.search-item{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;padding:6px 14px;cursor:pointer;font-size:13px;border-left:2px solid transparent}.search-item.active{background:var(--panel-2);border-left-color:var(--track-accent, var(--cyan))}.search-art{width:36px;height:36px;background:var(--void);display:grid;place-items:center;font-family:var(--mono);font-size:10px;color:var(--moss);text-transform:uppercase;letter-spacing:.04em;overflow:hidden}.search-art.crate{background:var(--moss)}.search-art.crate.smart{background:var(--green);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.search-text{display:flex;flex-direction:column;min-width:0}.search-name{color:var(--bone);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-sub{font-family:var(--mono);font-size:10px;color:var(--moss);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-meta{font-family:var(--mono);font-size:10px;color:var(--moss);white-space:nowrap}.search-name-line{display:flex;align-items:center;gap:8px;min-width:0}.search-name-line .search-name{flex:0 1 auto}.search-chip{font-family:var(--mono);font-size:8px;letter-spacing:.12em;text-transform:uppercase;padding:1px 5px;border-radius:3px;border:1px solid var(--hairline);color:var(--moss-dim, var(--moss));white-space:nowrap;flex-shrink:0}.search-chip.have{color:var(--track-accent, var(--cyan));border-color:color-mix(in srgb,var(--track-accent, var(--cyan)) 45%,var(--hairline))}.search-chip.get{color:var(--moss);border-color:color-mix(in srgb,var(--moss) 50%,var(--hairline))}.search-dl-btn{background:transparent;border:1px solid var(--track-accent, var(--cyan));color:var(--track-accent, var(--cyan));font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;padding:4px 8px;border-radius:4px;cursor:pointer;white-space:nowrap;transition:all .16s ease}.search-dl-btn:hover:not(:disabled){background:color-mix(in srgb,var(--track-accent, var(--cyan)) 14%,transparent)}.search-dl-btn:disabled{cursor:default}.search-dl-btn.done{color:var(--green);border-color:color-mix(in srgb,var(--green) 50%,var(--hairline));background:color-mix(in srgb,var(--green) 12%,transparent)}.search-dl-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.search-dl-more{background:transparent;border:none;color:var(--moss);font-size:15px;line-height:1;padding:2px 6px;cursor:pointer;border-radius:4px;flex-shrink:0;transition:color .14s ease}.search-dl-more:hover{color:var(--bone)}.search-chip.prep{color:var(--cyan);border-color:color-mix(in srgb,var(--cyan) 45%,var(--hairline))}.search-pending-row{cursor:pointer}.search-pending-row .search-sub{color:var(--cyan)}.search-dl-track{display:block;height:2px;margin-top:5px;border-radius:2px;background:var(--hairline);overflow:hidden}.search-dl-fill{display:block;height:100%;background:var(--cyan);transition:width .24s ease}.search-empty{padding:18px 14px;text-align:center;font-family:var(--mono);font-size:11px;color:var(--moss);text-transform:uppercase;letter-spacing:.08em}.topbar-right{display:flex;align-items:center;gap:14px;margin-left:auto}.topbar-right .stat{font-family:var(--mono);font-size:11px;color:var(--moss);text-transform:uppercase;letter-spacing:.06em}.topbar-right .stat b{color:var(--bone);font-weight:500}.upload-btn{background:transparent;border:1px solid var(--cyan);color:var(--cyan);font-family:var(--mono);font-size:11px;padding:5px 12px;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:background .1s,color .1s}.upload-btn:hover{background:var(--cyan);color:var(--void)}.avatar{width:28px;height:28px;border:1px solid var(--hairline);background:var(--void);display:grid;place-items:center;font-family:var(--mono);font-size:11px;color:var(--bone);cursor:pointer}.avatar:hover{border-color:var(--cyan)}.ekg-loader{position:absolute;left:0;right:0;bottom:-1px;height:2px;pointer-events:none;overflow:hidden}.ekg-loader.active:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,transparent 30%,var(--red) 40%,var(--red) 41%,transparent 42%,transparent 45%,var(--red) 46%,var(--red) 50%,transparent 51%,transparent 100%);background-size:200% 100%;animation:ekg-scan 1.6s linear infinite}@keyframes ekg-scan{0%{transform:translate(-100%)}to{transform:translate(100%)}}.sidenav{grid-area:nav;background:var(--panel);border-right:1px solid var(--hairline);padding:14px 0;display:flex;flex-direction:column;overflow-y:auto}.nav-group{padding:14px 14px 8px}.nav-group .label{font-family:var(--mono);font-size:10px;color:var(--moss);text-transform:uppercase;letter-spacing:.12em;padding:0 0 8px;display:flex;justify-content:space-between;align-items:center}.nav-group .label .add{color:var(--moss);cursor:pointer;font-size:14px;line-height:1}.nav-group .label .add:hover{color:var(--cyan)}.nav-item{display:flex;align-items:center;gap:10px;padding:7px 14px;font-family:var(--mono);font-size:12px;color:var(--ash);cursor:pointer;border-left:2px solid transparent;transition:background .1s,color .1s,border-color .1s;text-transform:uppercase;letter-spacing:.04em}.nav-item:hover{background:var(--panel-2);color:var(--bone)}.nav-item.active{background:var(--panel-2);color:var(--cyan);border-left-color:var(--cyan)}.nav-item .ico{width:14px;height:14px;flex-shrink:0}.nav-item .count{margin-left:auto;color:var(--moss);font-size:10px}.nav-crate{display:flex;align-items:center;gap:10px;padding:6px 14px 6px 18px;font-family:var(--sans);font-size:12px;color:var(--ash);cursor:pointer;text-transform:none;letter-spacing:0}.nav-crate:hover{color:var(--bone)}.nav-crate .dot{width:6px;height:6px;background:var(--moss);flex-shrink:0}.nav-crate.active .dot{background:var(--cyan)}.nav-crate .meta{margin-left:auto;font-family:var(--mono);font-size:10px;color:var(--moss-dim)}.disk-meter{margin:auto 14px 0;padding-top:14px;border-top:1px solid var(--hairline);font-family:var(--mono);font-size:10px;color:var(--moss);text-transform:uppercase;letter-spacing:.08em}.disk-meter .row{display:flex;justify-content:space-between;margin-bottom:6px}.disk-meter .row b{color:var(--bone);font-weight:500}.disk-meter .bar{height:4px;background:var(--void);border:1px solid var(--hairline-strong);position:relative}.disk-meter .bar i{position:absolute;left:0;top:0;bottom:0;background:var(--cyan);display:block}.main{grid-area:main;background:var(--void);overflow-y:auto;overflow-x:hidden;position:relative;overflow-anchor:none}.view{padding:28px 32px 40px;max-width:1400px}.playerbar{grid-area:player;background:var(--panel);border-top:1px solid var(--hairline);display:grid;grid-template-columns:320px 1fr 320px;align-items:center;padding:0 18px;gap:18px;position:relative}.player-now{display:flex;align-items:center;gap:14px;min-width:0}.mini-vinyl{position:relative;width:56px;height:56px;flex-shrink:0;border-radius:50%;background:radial-gradient(circle at center,#2a2a2a,#0d0d0d 35%,#161616 36%,#0d0d0d 38%,#161616 39%,#0d0d0d 41%,#161616 42%,#0d0d0d 44%,#161616 45%,#0d0d0d 47%,#161616 48%,#0d0d0d);box-shadow:0 0 0 1px #000,0 0 0 2px var(--hairline-strong);cursor:pointer}.mini-vinyl:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,rgba(255,255,255,.04) 60deg,transparent 120deg,transparent 240deg,rgba(255,255,255,.03) 300deg,transparent 360deg)}.mini-vinyl .label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:38%;height:38%;border-radius:50%;background:var(--cyan);display:grid;place-items:center;font-family:var(--mono);font-size:7px;color:var(--void);font-weight:700;letter-spacing:.05em}.mini-vinyl .hole{position:absolute;top:50%;left:50%;width:6%;height:6%;background:var(--panel);border-radius:50%;transform:translate(-50%,-50%);z-index:2}.mini-vinyl{animation:vinyl-spin var(--vinyl-spin, 4s) linear infinite;animation-play-state:paused}.mini-vinyl .album-square{animation:vinyl-spin-counter var(--vinyl-spin, 4s) linear infinite;animation-play-state:paused}.mini-vinyl.spinning,.mini-vinyl.spinning .album-square{animation-play-state:running}@keyframes vinyl-spin{to{transform:rotate(360deg)}}@keyframes vinyl-spin-counter{to{transform:rotate(-360deg)}}.mini-vinyl .album-square{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:0;opacity:0;pointer-events:none;transition:opacity .45s ease,border-radius .45s ease;z-index:3;display:grid;place-items:center;box-shadow:0 2px 8px #00000073}.mini-vinyl .album-square .initials{font-family:var(--mono);font-size:12px;color:var(--void);font-weight:700;letter-spacing:.05em}.mini-vinyl.art-mode .album-square{opacity:1}.mini-vinyl.art-mode:after,.mini-vinyl.art-mode .label,.mini-vinyl.art-mode .hole{opacity:0;transition:opacity .45s ease}.mini-vinyl{background:transparent;border-radius:0;box-shadow:none}.mini-vinyl:after{display:none}.mini-vinyl:after,.mini-vinyl .label,.mini-vinyl .hole{transition:opacity .45s ease}.player-meta{min-width:0}.player-meta .title{font-family:var(--sans);font-weight:600;font-size:14px;color:var(--bone);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-meta .artist{font-family:var(--sans);font-size:12px;color:var(--ash);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-center{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.transport{display:flex;align-items:center;gap:14px}.tbtn{background:transparent;border:0;cursor:pointer;color:var(--ash);width:28px;height:28px;display:grid;place-items:center;transition:color .1s;padding:0}.tbtn:hover{color:var(--bone)}.tbtn.active{color:var(--cyan)}.tbtn svg{width:16px;height:16px;display:block}.tbtn.play{width:36px;height:36px;border:1px solid var(--cyan);color:var(--cyan)}.tbtn.play:hover{background:var(--cyan);color:var(--void)}.tbtn.play svg{width:14px;height:14px}.scrubber{width:100%;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:12px}.scrubber .t{font-family:var(--mono);font-size:11px;color:var(--ash);text-align:center;font-variant-numeric:tabular-nums}.scrubber .t.right{color:var(--moss)}.track{position:relative;height:18px;cursor:pointer}.track:before{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:2px;background:var(--moss-dim)}.track .fill{position:absolute;left:0;top:50%;transform:translateY(-50%);height:2px;background-image:var(--accent-gradient-h);background-size:calc(100% / var(--p, 1)) 100%;background-position:left center;background-repeat:no-repeat}.track .head{position:absolute;top:50%;width:10px;height:10px;background:var(--cyan);transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 0 2px var(--panel)}.track:hover .head{width:12px;height:12px}.player-right{display:flex;align-items:center;gap:14px;justify-content:flex-end}.vol-wrap{display:flex;align-items:center;gap:8px;width:110px}.vol-track{position:relative;height:14px;flex:1;cursor:pointer}.vol-track:before{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:2px;background:var(--moss-dim)}.vol-track .vfill{position:absolute;left:0;top:50%;transform:translateY(-50%);height:2px;background:var(--bone)}.vol-track .vhead{position:absolute;top:50%;width:8px;height:8px;background:var(--bone);transform:translate(-50%,-50%)}.view-head{display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid var(--hairline);padding-bottom:18px;margin-bottom:22px;gap:24px}.view-head .crumb{font-family:var(--mono);font-size:11px;color:var(--moss);text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px}.view-head h1{font-family:var(--sans);font-weight:700;font-size:32px;letter-spacing:-.02em;margin:0;color:var(--bone)}.view-head h1 .accent{color:var(--cyan)}.artist-avatar{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:50%;overflow:hidden;background:var(--ink-2, rgba(255,255,255,.06));color:var(--moss, #8a9);box-shadow:inset 0 0 0 1px #ffffff14;vertical-align:middle}.artist-avatar img{width:100%;height:100%;object-fit:cover;display:block}.view-head h1 .artist-head-avatar{margin-right:12px;vertical-align:-8px}.artist-more{margin-top:36px}.artist-more-head{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--moss);text-transform:uppercase;padding-bottom:12px;margin-bottom:4px;border-bottom:1px solid var(--hairline)}.artist-more-head b{color:var(--bone);font-weight:600;text-transform:none}.artist-more-sort{display:inline-flex;gap:2px}.artist-more-sort button{font-family:var(--mono);font-size:10px;letter-spacing:.04em;text-transform:uppercase;background:transparent;border:1px solid transparent;border-radius:5px;color:var(--moss);padding:3px 8px;cursor:pointer}.artist-more-sort button:hover{color:var(--bone)}.artist-more-sort button.active{color:var(--bone);background:var(--panel);border-color:var(--hairline-strong)}.artist-more-empty{font-family:var(--mono);font-size:11px;color:var(--moss);padding:14px 2px}.album-dl-all{font-family:var(--mono);font-size:10px;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:var(--panel);border:1px solid var(--hairline-strong);border-radius:5px;color:var(--bone);padding:4px 10px;cursor:pointer;transition:border-color .12s,color .12s,opacity .12s}.album-dl-all:hover{border-color:var(--cyan);color:var(--cyan)}.album-dl-all:disabled{opacity:.5;cursor:default}.album-dl-all:disabled:hover{border-color:var(--hairline-strong);color:var(--bone)}.disc-dl-all-row{display:flex;justify-content:flex-end;padding:4px 6px 8px}.artist-more-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2px 18px}.artist-more-list.busy{opacity:.5;transition:opacity .12s;pointer-events:none}.artist-more-row{display:flex;align-items:center;gap:10px;padding:7px 6px;border-radius:6px;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.artist-more-row:hover{background:var(--panel)}.artist-more-row .search-art{flex:0 0 auto}.artist-more-row .search-text{flex:1;min-width:0;display:flex;flex-direction:column}.artist-more-actions{flex:0 0 auto;display:flex;align-items:center;gap:4px}.artist-more-row .search-dl-more{opacity:0;transition:opacity .12s}.artist-more-row:hover .search-dl-more,.artist-more-row .search-dl-more:focus-visible{opacity:1}@media (hover: none){.artist-more-row .search-dl-more{opacity:1}}.head-actions{display:flex;gap:8px;align-items:center;flex:0 0 auto}.head-act{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:8px 16px;border-radius:999px;cursor:pointer;border:1px solid var(--hairline-strong);background:var(--panel);color:var(--bone);transition:border-color .12s,background .12s,color .12s,transform .12s,box-shadow .12s;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation}.head-act.hold-ready{transform:scale(.94);border-color:var(--cyan);box-shadow:0 0 0 3px color-mix(in srgb,var(--cyan) 30%,transparent)}.head-act:hover:not(:disabled){border-color:var(--cyan);color:var(--cyan)}.head-act.play{background:var(--cyan);color:var(--void);border-color:var(--cyan)}.head-act.play:hover:not(:disabled){filter:brightness(1.08);color:var(--void)}.head-act:disabled{opacity:.4;cursor:default}.artist-tabs{margin-right:4px}.disc{margin-top:4px}.disc-empty{font-family:var(--mono);font-size:12px;color:var(--moss);padding:24px 2px}.disc-empty b{color:var(--bone);font-weight:600}.disc-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.disc-filter{font-family:var(--mono);font-size:11px;letter-spacing:.04em;padding:5px 12px;border-radius:999px;cursor:pointer;border:1px solid var(--hairline);background:transparent;color:var(--ash)}.disc-filter:hover{color:var(--bone);border-color:var(--moss)}.disc-filter.on{color:var(--cyan);border-color:var(--cyan)}.disc-grid{display:flex;flex-direction:column;gap:8px}.disc-album{border:1px solid var(--hairline);border-radius:10px;overflow:hidden;background:var(--panel);transition:border-color .12s}.disc-album:hover,.disc-album.open{border-color:var(--hairline-strong)}.disc-album-head{display:flex;align-items:center;gap:14px;padding:12px 14px;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.disc-cover{flex:0 0 auto;width:56px;height:56px;border-radius:7px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:var(--ink-2, rgba(255,255,255,.05));color:var(--moss);box-shadow:inset 0 0 0 1px #ffffff0f}.disc-cover img{width:100%;height:100%;object-fit:cover;display:block}.disc-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.disc-title{font-size:15px;font-weight:600;color:var(--bone);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:8px}.disc-owned{color:var(--cyan);font-size:9px;line-height:1;flex:0 0 auto}.disc-sub{font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--moss)}.disc-caret{flex:0 0 auto;color:var(--ash);font-size:13px;width:16px;text-align:center}.disc-tracks{border-top:1px solid var(--hairline);padding:4px 6px 8px}.disc-loading{font-family:var(--mono);font-size:11px;color:var(--moss);padding:12px 10px}.disc-row{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:6px;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.disc-row:hover{background:var(--ink-2, rgba(255,255,255,.04))}.disc-row.playing{background:#00c8dc14}.disc-tn{flex:0 0 auto;width:22px;text-align:center;font-family:var(--mono);font-size:11px;color:var(--moss)}.disc-row.playing .disc-tn{color:var(--cyan)}.disc-row-title{flex:1;min-width:0;font-size:13px;color:var(--bone);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.disc-row-title.not-owned{color:var(--ash)}.disc-row.playing .disc-row-title{color:var(--cyan)}.disc-row-dur{flex:0 0 auto;font-family:var(--mono);font-size:11px;color:var(--moss)}.disc-get{flex:0 0 auto;width:28px;height:24px;border-radius:6px;cursor:pointer;border:1px solid var(--hairline-strong);background:transparent;color:var(--ash);font-size:13px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.disc-row.get:hover .disc-get{border-color:var(--cyan);color:var(--cyan)}.disc-get.done{border-color:transparent;color:var(--moss)}.disc-get:disabled{cursor:default}@media (max-width: 640px){.disc-cover{width:46px;height:46px}.disc-title{font-size:14px}.disc-album-head{gap:11px;padding:10px 11px}.view-head{flex-wrap:wrap}.head-actions{width:100%;margin-top:12px}.head-act{flex:1;justify-content:center}}.ctx-item .artist-avatar,.pp-row .artist-avatar{margin-right:8px}.view-head .sub{font-family:var(--mono);font-size:11px;color:var(--moss);margin-top:8px;letter-spacing:.04em}.view-head .sub b{color:var(--bone);font-weight:500}.toolbar{display:flex;align-items:center;gap:14px;margin-bottom:18px;flex-wrap:wrap}.seg{display:inline-flex;border:1px solid var(--hairline);background:var(--panel)}.seg button{background:transparent;border:0;padding:6px 14px;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ash);cursor:pointer;border-right:1px solid var(--hairline)}.seg button:last-child{border-right:0}.seg button:hover{color:var(--bone)}.seg button.active{background:var(--cyan);color:var(--void)}.filter-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--hairline);background:var(--panel);font-family:var(--mono);font-size:11px;color:var(--ash);cursor:pointer}.filter-chip:hover{border-color:var(--moss)}.filter-chip.on{border-color:var(--cyan);color:var(--cyan)}.filter-chip .x{color:var(--moss)}.filter-chip.artist-chip,.filter-chip.album-chip{border-color:var(--accent, var(--red));color:var(--accent, var(--red));background:color-mix(in srgb,var(--accent, var(--red)) 12%,transparent);max-width:240px}.filter-chip.artist-chip>svg,.filter-chip.album-chip>svg{flex:0 0 auto}.filter-chip.artist-chip .artist-chip-name,.filter-chip.album-chip .artist-chip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.filter-chip.artist-chip .x,.filter-chip.album-chip .x{color:inherit;opacity:.75;margin-left:2px;flex:0 0 auto}.filter-chip.artist-chip:hover,.filter-chip.album-chip:hover{border-color:var(--accent, var(--red))}.album-thumb{display:inline-flex;align-items:center;justify-content:center;background:var(--panel);border:1px solid var(--hairline);overflow:hidden;vertical-align:middle;color:var(--moss);flex:0 0 auto;border-radius:3px}.album-thumb img{width:100%;height:100%;object-fit:cover;display:block}.ctx-album-art{width:16px;height:16px;object-fit:cover;border-radius:2px;flex:0 0 auto;display:block}.artist-clear-inline{background:none;border:0;padding:0;cursor:pointer;font:inherit;color:var(--cyan);letter-spacing:inherit}.artist-clear-inline:hover{color:var(--bone);text-decoration:underline}.page-search{display:inline-flex;align-items:center;gap:7px;background:var(--void);border:1px solid var(--hairline);padding:4px 9px;min-width:180px;max-width:280px;color:var(--moss)}.page-search:focus-within{border-color:var(--cyan)}.page-search>svg{color:var(--moss);flex:0 0 auto}.page-search input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:var(--bone);font-family:var(--mono);font-size:12px}.page-search input::placeholder{color:var(--moss-dim)}.page-search-x{background:transparent;border:0;padding:0 2px;cursor:pointer;color:var(--moss);font-family:var(--mono);font-size:15px;line-height:1;flex:0 0 auto}.page-search-x:hover{color:var(--bone)}.page-search-count{font-family:var(--mono);font-size:11px;color:var(--moss);white-space:nowrap}@media (max-width: 720px){.page-search{flex:1 1 100%;max-width:none}}.list{border:1px solid var(--hairline);background:var(--panel)}.list .hd,.list .row{display:grid;grid-template-columns:20px 24px 32px minmax(200px,3fr) minmax(160px,2fr) 56px 60px;gap:12px;padding:0 14px;align-items:center;min-width:0}.list .hd{height:32px;border-bottom:1px solid var(--hairline);font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--moss);background:var(--panel-2)}.list .hd .sortable{cursor:pointer}.list .hd .sortable:hover{color:var(--bone)}.list .hd .arrow{color:var(--cyan)}.list .row{height:44px;border-bottom:1px solid var(--hairline);font-family:var(--mono);font-size:12px;color:var(--ash);cursor:pointer;transition:background 80ms;user-select:none;-webkit-user-select:none}.list .row:last-child{border-bottom:0}.list .row:hover,.list .row.playing{background:var(--panel-2)}.list .row.playing .title{color:var(--cyan)}.list .row .num{text-align:right;color:var(--moss);font-size:11px}.list .row.playing .num{color:var(--green)}.list .row.playing .num:before{content:"►";color:var(--green)}.list .row.playing .num>span:not(.row-check){display:none}.list .row .art{width:28px;height:28px;background:var(--void);border:1px solid var(--hairline-strong);display:grid;place-items:center;font-family:var(--mono);font-size:9px;color:var(--moss)}.list .row .art.has-img{background-size:cover;background-position:center}.list .row .title{font-family:var(--sans);font-size:13px;font-weight:500;color:var(--bone);min-width:0;display:flex;flex-direction:column;justify-content:center;gap:1px}.list .row .title .tname{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.list .row .title .filename{font-family:var(--mono);font-size:10px;color:var(--moss);display:block;font-weight:400;text-transform:lowercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list .row .artist{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ash);min-width:0}.list .row .artist,.list .row .uploader{min-width:0}.list .row .uploader{color:var(--cyan)}.list .row .bpm,.list .row .key,.list .row .kbps,.list .row .len{text-align:right;font-variant-numeric:tabular-nums;color:var(--moss)}.list .row .menu{color:var(--moss);text-align:right;display:flex;align-items:center;justify-content:flex-end;gap:4px}.list .row .menu:hover{color:var(--bone)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px}.grid.grid-xs{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px}.grid.grid-s{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.grid.grid-m{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px}.grid.grid-l{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px}.grid .card{background:transparent;cursor:pointer;min-width:0}.grid .card .cover{aspect-ratio:1;background:var(--panel);border:1px solid var(--hairline);background-size:cover;background-position:center;position:relative;margin-bottom:10px;container-type:inline-size;overflow:hidden}.grid .card .cover .cover-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}@keyframes locate-flash{0%{box-shadow:0 0 0 2px var(--cyan)}to{box-shadow:0 0 0 8px transparent}}.locate-flash{animation:locate-flash .85s ease-out 2;border-radius:3px;position:relative;z-index:2}@media (prefers-reduced-motion: reduce){.locate-flash{animation:none;box-shadow:0 0 0 2px var(--cyan)}}.grid .card .cover .play-overlay{position:absolute;right:clamp(4px,7cqi,8px);bottom:clamp(4px,7cqi,8px);width:clamp(16px,26cqi,32px);height:clamp(16px,26cqi,32px);background:var(--cyan);display:grid;place-items:center;opacity:0;transition:opacity .1s}.grid .card:hover .cover .play-overlay{opacity:1}.grid .card .cover .play-overlay svg{width:42%;height:42%;color:var(--void)}.grid .card .cover .badge{position:absolute;top:clamp(4px,6cqi,6px);left:clamp(4px,6cqi,6px);font-family:var(--mono);font-size:clamp(6px,8cqi,9px);background:var(--void);border:1px solid var(--hairline);color:var(--moss);padding:clamp(1px,1.5cqi,2px) clamp(2px,3cqi,5px);text-transform:uppercase;letter-spacing:.08em}.grid .card.playing .cover{border-color:var(--cyan);outline:1px solid var(--cyan);outline-offset:-2px}.grid .card.playing .cover .badge{color:var(--green);border-color:var(--green)}.grid .card .title{font-family:var(--sans);font-weight:600;font-size:13px;color:var(--bone);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid .card .artist{font-family:var(--sans);font-size:12px;color:var(--ash);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid .card .meta{margin-top:4px;font-family:var(--mono);font-size:10px;color:var(--moss);text-transform:uppercase;letter-spacing:.06em;display:flex;gap:8px}.grid .card .meta .uploader{color:var(--cyan)}.crates{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.crate{background:var(--panel);border:1px solid var(--hairline);padding:0;cursor:pointer;transition:border-color .1s;position:relative}.crate:hover{border-color:var(--cyan)}.crate .stack{position:relative;height:140px;background:var(--panel-2);overflow:hidden;border-bottom:1px solid var(--hairline)}.crate .stack .disc{position:absolute;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle at center,#2a2a2a,#0d0d0d 30%,#161616 31%,#0d0d0d 33%,#161616 34%,#0d0d0d 36%,#161616 37%,#0d0d0d);box-shadow:0 0 0 1px #000}.crate .stack .disc:after{content:"";position:absolute;top:50%;left:50%;width:36%;height:36%;border-radius:50%;transform:translate(-50%,-50%)}.crate .stack .disc:nth-child(1){left:-30px;top:5px;transform:rotate(-12deg);opacity:.45}.crate .stack .disc:nth-child(2){left:30px;top:5px;transform:rotate(6deg);opacity:.7}.crate .stack .disc:nth-child(3){left:90px;top:5px}.crate .stack .disc:nth-child(3):after{background:var(--cyan)}.crate .stack .disc:nth-child(2):after{background:var(--red)}.crate .stack .disc:nth-child(1):after{background:var(--green)}.crate .body{padding:14px}.crate .name{font-family:var(--sans);font-weight:700;font-size:16px;letter-spacing:-.01em;color:var(--bone);margin-bottom:4px}.crate .desc{font-family:var(--mono);font-size:10px;color:var(--moss);text-transform:uppercase;letter-spacing:.08em}.crate .desc b{color:var(--ash);font-weight:400}.now-playing{display:grid;grid-template-columns:1fr clamp(340px,26vw,460px);gap:clamp(24px,3vw,56px);padding:clamp(24px,3vw,56px);height:100%;--np-disc: clamp(240px, 32vw, 440px);--np-wave-max: clamp(420px, 50vw, 820px)}.np-main{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(20px,2.4vw,40px);min-width:0}.album-cluster{position:relative;display:flex;align-items:center;justify-content:center}.album-cluster.mode-vinyl,.album-cluster.mode-art{width:var(--np-disc);height:var(--np-disc)}.album-cluster.mode-sleeve_vinyl{width:calc(var(--np-disc) * 1.55);height:var(--np-disc);transition:width .7s cubic-bezier(.6,0,.2,1)}.album-cluster.mode-sleeve_vinyl .album-sleeve{position:absolute;left:0;top:0;z-index:2;transition:transform .7s cubic-bezier(.6,0,.2,1)}.album-cluster.mode-sleeve_vinyl .big-vinyl{position:absolute;top:0;left:calc(var(--np-disc) * .55);z-index:1;transition:left .7s cubic-bezier(.6,0,.2,1),box-shadow .5s ease}.album-cluster.mode-sleeve_vinyl.paused-long{width:var(--np-disc)}.album-cluster.mode-sleeve_vinyl.paused-long .big-vinyl{left:0;box-shadow:inset 0 0 0 2px #000,inset 0 0 36px #0000008c,0 10px 30px #0009}.album-cluster.mode-sleeve_vinyl.paused-long .album-sleeve{transform:scale(1.02);box-shadow:inset 0 0 0 1px #0000008c,inset 0 0 24px #00000059,0 24px 60px -6px #000000a6,0 6px 18px #0006,0 0 60px -10px color-mix(in srgb,var(--track-accent, var(--cyan)) 35%,transparent)}.album-cluster.mode-sleeve_vinyl{touch-action:pan-y}.album-cluster.mode-vinyl,.album-cluster.mode-art,.album-cluster.mode-sleeve_vinyl{position:relative}.album-cluster:before{content:"";position:absolute;top:-24px;right:-64px;bottom:-24px;left:-64px;z-index:0;pointer-events:auto}.album-cluster.is-swiping{cursor:grabbing}.album-cluster.mode-sleeve_vinyl.is-swiping{width:calc(var(--np-disc) * (1.55 - .55 * var(--swipe-p, 0)));transition:none}.album-cluster.mode-sleeve_vinyl.is-swiping>.big-vinyl{left:calc(var(--np-disc) * .55 * (1 - var(--swipe-p, 0)));transition:none}.album-cluster.mode-sleeve_vinyl.is-swiping>.album-sleeve{transform:scale(calc(1 + .02 * var(--swipe-p, 0)));transition:none}.album-sleeve{width:var(--np-disc);height:var(--np-disc);background-size:cover;background-position:center;border-radius:2px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000008c,inset 0 0 24px #00000059,0 18px 50px -8px #0000008c,0 4px 14px #00000059;cursor:default}.album-sleeve{cursor:pointer}.album-sleeve:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 30%,transparent 70%,rgba(0,0,0,.18) 100%),radial-gradient(ellipse at 50% 50%,transparent 60%,rgba(0,0,0,.25) 100%)}.album-sleeve .sleeve-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;font-family:var(--mono);color:var(--void);padding:14%}.album-sleeve .sleeve-fallback .big{font-size:clamp(16px,1.6vw,26px);font-weight:700;letter-spacing:.04em}.album-sleeve .sleeve-fallback .sub{font-size:clamp(10px,.9vw,13px);font-weight:400;opacity:.75;margin-top:6px}.big-vinyl{width:var(--np-disc);height:var(--np-disc);border-radius:50%;position:relative;background:radial-gradient(ellipse 60% 40% at 32% 30%,rgba(255,255,255,.07) 0%,transparent 55%),repeating-radial-gradient(circle at center,#060606,#060606 1px,#161616 1px,#161616 2.6px),radial-gradient(circle at center,#1a1a1a,#060606 70%);box-shadow:inset 0 0 0 2px #000,inset 0 0 36px #0000008c,0 14px calc(60px + var(--glow-intensity, 0) * 40px) -10px color-mix(in srgb,var(--track-accent, var(--red)) calc(30% + var(--glow-intensity, 0) * 20%),transparent),0 10px 30px #0009;flex-shrink:0}.big-vinyl:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;background:radial-gradient(circle at center,transparent 35%,color-mix(in srgb,var(--track-accent, var(--red)) 8%,transparent) 35.2%,transparent 36.2%),radial-gradient(circle at center,transparent 0%,transparent 33%,#0a0a0a 33.1%,#0a0a0a 35%,transparent 35.2%)}.big-vinyl{animation:vinyl-spin var(--vinyl-spin, 5s) linear infinite;animation-play-state:paused}.big-vinyl .album-square{animation:vinyl-spin-counter var(--vinyl-spin, 5s) linear infinite;animation-play-state:paused}.big-vinyl.spinning,.big-vinyl.spinning .album-square{animation-play-state:running}.big-vinyl.vinyl-static,.big-vinyl.vinyl-static .album-square{animation:none;transform:none}.big-vinyl .label{position:absolute;top:50%;left:50%;width:38%;height:38%;transform:translate(-50%,-50%);border-radius:50%;background:var(--track-accent, var(--red));display:grid;place-items:center;font-family:var(--mono);font-size:11px;color:var(--void);font-weight:700;letter-spacing:.05em;text-align:center;line-height:1.3;padding:12px;background-size:cover;background-position:center;box-shadow:inset 0 0 0 2px #00000080,inset 0 0 0 4px color-mix(in srgb,var(--track-accent, var(--red)) 35%,transparent),0 2px 10px #00000080;overflow:hidden;z-index:1}.big-vinyl .hole{position:absolute;top:50%;left:50%;width:4%;height:4%;background:var(--panel);border-radius:50%;transform:translate(-50%,-50%);z-index:2}.big-vinyl .album-square{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;opacity:0;pointer-events:none;transition:opacity .5s ease;z-index:3;display:grid;place-items:center;box-shadow:0 10px 40px #0000008c,0 0 0 1px #0009;overflow:hidden}.big-vinyl .album-square .art-fallback{text-align:center;font-family:var(--mono);color:var(--void);padding:16px}.big-vinyl .album-square .art-fallback .big{font-size:22px;font-weight:700;letter-spacing:.04em}.big-vinyl .album-square .art-fallback .sub{font-size:11px;font-weight:400;opacity:.75;margin-top:6px}.big-vinyl.art-mode .album-square{opacity:1}.big-vinyl.art-mode{box-shadow:none;transition:box-shadow .5s ease}.big-vinyl.art-mode .label,.big-vinyl.art-mode .hole{opacity:0;transition:opacity .5s ease}.big-vinyl .label,.big-vinyl .hole{transition:opacity .5s ease}.np-info{text-align:center;max-width:540px}.np-info .crumb{font-family:var(--mono);font-size:11px;color:var(--moss);text-transform:uppercase;letter-spacing:.12em}.np-info h2{font-family:var(--sans);font-size:36px;font-weight:700;margin:6px 0 4px;letter-spacing:-.02em;color:var(--bone)}.np-info .artist-line{font-family:var(--sans);font-size:16px;color:var(--ash);margin-bottom:10px}.np-wave-wrap{width:100%;max-width:var(--np-wave-max, 540px)}.waveform{width:100%;height:clamp(80px,9vw,140px);display:flex;align-items:center;gap:1px;cursor:pointer;position:relative}.waveform .bar{flex:1;background:var(--moss-dim);min-height:2px;border-radius:1px;transition:background 60ms,opacity 60ms}.waveform .bar.played{background-image:var(--accent-gradient-h);background-repeat:no-repeat;background-size:calc(var(--n, 120) * 100%) 100%;background-position:calc(100% * var(--i, 0) / (var(--n, 120) - 1)) center}.waveform .bar.head{background:var(--bone);box-shadow:0 0 12px color-mix(in srgb,var(--track-accent, var(--cyan)) 60%,transparent)}.waveform .hover-line{position:absolute;top:0;bottom:0;width:1px;background:var(--moss);pointer-events:none;opacity:.6}.waveform .hover-time{position:absolute;top:-22px;background:var(--panel-2);color:var(--bone);font-family:var(--mono);font-size:10px;padding:2px 6px;border:1px solid var(--hairline);transform:translate(-50%);white-space:nowrap;pointer-events:none}.np-side{border-left:1px solid var(--hairline);padding-left:32px;display:flex;flex-direction:column;gap:24px;overflow-y:auto}.np-side h3{font-family:var(--mono);font-size:11px;color:var(--moss);text-transform:uppercase;letter-spacing:.12em;margin:0 0 12px;font-weight:500;display:flex;align-items:center;justify-content:space-between;gap:8px}.np-side h3 .qhead-action{background:transparent;border:1px solid var(--hairline);color:var(--moss);cursor:pointer;font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;padding:3px 8px;font-weight:500}.np-side h3 .qhead-action:hover{color:var(--bone);border-color:var(--cyan)}.np-side .queue-item .q-x{background:transparent;border:0;color:var(--moss-dim);cursor:pointer;padding:6px 10px;font-family:var(--mono);font-size:14px;line-height:1;flex-shrink:0}.np-side .queue-item .q-x:hover{color:var(--red)}.np-side .uploader-card{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--hairline)}.np-side .uploader-card .av{width:36px;height:36px;background:var(--cyan);color:var(--void);display:grid;place-items:center;font-family:var(--mono);font-size:12px;font-weight:700}.np-side .uploader-card .name{font-family:var(--sans);font-weight:600;font-size:13px;color:var(--bone)}.np-side .uploader-card .when{font-family:var(--mono);font-size:10px;color:var(--moss);text-transform:uppercase;letter-spacing:.08em}.np-side .notes{font-family:var(--sans);font-size:13px;color:var(--ash);line-height:1.6;padding:12px;border:1px solid var(--hairline);background:var(--panel)}.np-side .queue-item{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid var(--hairline);cursor:pointer;align-items:center}.np-side .queue-item:last-child{border-bottom:0}.np-side .queue-item:hover{background:var(--panel)}.np-side .queue-item .num{font-family:var(--mono);font-size:11px;color:var(--moss);width:20px;flex-shrink:0}.np-side .queue-item .qart{width:36px;height:36px;flex-shrink:0;border:1px solid var(--hairline-strong);display:grid;place-items:center;overflow:hidden}.np-side .queue-item .qart img{width:100%;height:100%;object-fit:cover;display:block}.np-side .queue-item .qart-mono{font-family:var(--mono);font-size:13px;font-weight:700;color:var(--void)}.np-side .queue-item.playing .qart{border-color:var(--track-accent, var(--cyan))}.np-side .queue-item .qt{flex:1;min-width:0}.np-side .queue-item .qt .qtitle{font-family:var(--sans);font-size:13px;color:var(--bone);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-side .queue-item .qt .qartist{font-family:var(--sans);font-size:11px;color:var(--ash);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-side .queue-item .qlen{font-family:var(--mono);font-size:10px;color:var(--moss)}.np-side .queue-item.playing .qtitle{color:var(--cyan)}.share-row{display:flex;gap:8px}.share-btn{flex:1;border:1px solid var(--hairline);background:transparent;color:var(--ash);font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;padding:8px;cursor:pointer}.share-btn:hover,.share-btn.primary{border-color:var(--cyan);color:var(--cyan)}.upload-zone{border:1px dashed var(--hairline-strong);background:var(--panel);padding:60px 32px;text-align:center;position:relative;margin-bottom:24px;transition:border-color .12s,background .12s}.upload-zone.over{border-color:var(--red);background:var(--panel-2)}.upload-zone .ekg-big{height:80px;width:100%;position:relative;margin-bottom:24px}.upload-zone svg.ekg-trace{width:100%;height:100%;display:block}.upload-zone .ekg-trace path{stroke:var(--red);stroke-width:1.5;fill:none}.upload-zone h2{font-family:var(--sans);font-size:22px;font-weight:700;letter-spacing:-.01em;margin:0 0 8px;color:var(--bone)}.upload-zone p{font-family:var(--mono);font-size:11px;color:var(--moss);text-transform:uppercase;letter-spacing:.1em;margin:0}.upload-zone .browse-btn{margin-top:16px;display:inline-block;border:1px solid var(--cyan);color:var(--cyan);font-family:var(--mono);font-size:11px;padding:8px 18px;text-transform:uppercase;letter-spacing:.1em;cursor:pointer}.upload-zone .browse-btn:hover{background:var(--cyan);color:var(--void)}.upload-table{border:1px solid var(--hairline);background:var(--panel)}.upload-table .uhd,.upload-table .urow{display:grid;grid-template-columns:36px 1fr 160px 90px 90px 100px 24px;gap:12px;padding:0 14px;align-items:center}.upload-table .uhd{height:30px;border-bottom:1px solid var(--hairline);font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--moss);background:var(--panel-2)}.upload-table .urow{height:50px;border-bottom:1px solid var(--hairline);font-family:var(--mono);font-size:12px}.upload-table .urow:last-child{border-bottom:0}.upload-table .urow input{background:var(--void);border:1px solid var(--hairline-strong);color:var(--bone);font-family:var(--mono);font-size:12px;padding:5px 8px;width:100%}.upload-table .urow input:focus{outline:0;border-color:var(--cyan)}.upload-table .urow .status{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.upload-table .urow .status.ok{color:var(--green)}.upload-table .urow .status.parsing{color:var(--cyan)}.upload-table .urow .status.err{color:var(--red)}.upload-table .urow .progress{height:3px;background:var(--void);border:1px solid var(--hairline-strong);position:relative;overflow:hidden}.upload-table .urow .progress i{position:absolute;left:0;top:0;bottom:0;background:var(--cyan);display:block}.upload-table .urow .x{color:var(--moss);cursor:pointer;text-align:center}.upload-table .urow .x:hover{color:var(--red)}.commit-row{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.commit-row .summary{font-family:var(--mono);font-size:11px;color:var(--moss);text-transform:uppercase;letter-spacing:.08em}.commit-row .summary b{color:var(--bone);font-weight:500}.btn-primary{background:var(--cyan);color:var(--void);border:1px solid var(--cyan);font-family:var(--mono);font-size:12px;padding:8px 18px;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;font-weight:500}.btn-primary:hover{background:var(--bone);border-color:var(--bone)}.btn-secondary{background:transparent;border:1px solid var(--hairline-strong);color:var(--ash);font-family:var(--mono);font-size:12px;padding:8px 18px;text-transform:uppercase;letter-spacing:.1em;cursor:pointer}.btn-secondary:hover{border-color:var(--bone);color:var(--bone)}.auth-wrap{display:flex;align-items:center;justify-content:center;min-height:100%;padding:40px 20px;box-sizing:border-box}.auth-stack{width:360px;max-width:100%;display:flex;flex-direction:column;gap:14px}.auth-card{width:100%;box-sizing:border-box;background:var(--panel);border:1px solid var(--hairline);padding:32px}.auth-card .brand-big{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:16px;margin-bottom:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.auth-tagline{font-family:var(--sans);font-size:13px;line-height:1.5;color:var(--ash);margin:0 0 22px}.auth-card h1{font-family:var(--sans);font-size:24px;font-weight:700;margin:0 0 4px;letter-spacing:-.01em}.auth-card .sub{font-family:var(--mono);font-size:11px;color:var(--moss);text-transform:uppercase;letter-spacing:.08em;margin-bottom:24px}.field{margin-bottom:14px}.field label{display:block;font-family:var(--mono);font-size:10px;color:var(--moss);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}.field input{width:100%;background:var(--void);border:1px solid var(--hairline-strong);color:var(--bone);font-family:var(--mono);font-size:13px;padding:9px 10px}.field input:focus{outline:0;border-color:var(--cyan)}.auth-card .btn-primary{width:100%;margin-top:8px;padding:11px}.auth-card .switch{font-family:var(--mono);font-size:11px;color:var(--moss);text-align:center;margin-top:16px;text-transform:uppercase;letter-spacing:.08em}.auth-card .switch a{color:var(--cyan);cursor:pointer;text-decoration:none}.share-stage{position:relative;max-width:880px;margin:0 auto;padding:48px 32px 64px;min-height:calc(100% - 44px)}.share-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background-size:cover;background-position:center;filter:blur(80px) saturate(1.3) brightness(.4);opacity:.5;transform:scale(1.2);pointer-events:none}.share-hero{position:relative;z-index:1;display:grid;grid-template-columns:300px 1fr;gap:40px;align-items:center}.share-art{width:300px;height:300px;background-size:cover;background-position:center;border-radius:6px;display:grid;place-items:center;box-shadow:0 24px 60px #0000008c,0 0 0 1px var(--hairline)}.share-art span{font-family:var(--sans);font-size:72px;font-weight:700;color:var(--void);opacity:.85}.share-info{min-width:0}.share-kicker{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;color:var(--moss);text-transform:uppercase;letter-spacing:.16em;margin-bottom:14px}.share-title{font-family:var(--sans);font-size:clamp(30px,5vw,46px);font-weight:700;margin:0 0 6px;letter-spacing:-.025em;color:var(--bone);line-height:1.04;word-break:break-word}.share-artist{font-family:var(--sans);font-size:20px;font-weight:500;color:var(--track-accent, var(--red));margin-bottom:8px}.share-inst-tag{display:inline-block;margin-left:10px;vertical-align:middle;font-family:var(--mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--bone);padding:2px 8px;border-radius:999px;border:1px solid var(--track-accent, var(--red))}.share-uploader{font-family:var(--mono);font-size:11px;color:var(--moss);text-transform:uppercase;letter-spacing:.1em;margin-bottom:22px}.share-uploader b{color:var(--ash);font-weight:500}.share-variants{display:inline-flex;gap:4px;margin-bottom:14px;padding:4px;background:#0a0e108c;border:1px solid var(--hairline);border-radius:9px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:100%;flex-wrap:wrap}.sv-seg{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;background:none;color:var(--moss);font-family:var(--mono);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.1em;transition:background .12s ease,color .12s ease}.sv-seg:hover{color:var(--bone)}.sv-seg.on{background:var(--track-accent, var(--red));color:var(--void)}.share-player{display:flex;align-items:center;gap:16px;background:#0a0e108c;border:1px solid var(--hairline);border-radius:8px;padding:14px 16px;margin-bottom:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sp-play{flex:none;width:52px;height:52px;border-radius:50%;border:0;cursor:pointer;background:var(--track-accent, var(--red));color:var(--void);display:grid;place-items:center;transition:transform .12s ease}.sp-play:hover{transform:scale(1.06)}.sp-body{flex:1;min-width:0}.sp-wave{position:relative;display:flex;align-items:center;gap:2px;height:48px;cursor:pointer;width:100%;min-width:0;overflow:hidden;touch-action:none}.sp-bar{flex:1 1 0;min-width:0;border-radius:1px;background:var(--hairline-strong);transition:background .1s linear}.sp-bar.on{background-color:var(--track-accent, var(--red));background-image:var(--accent-gradient-h);background-size:calc(var(--wn, 1) * 100%) 100%;background-position-x:var(--wf, 0%)}.sp-bar.hov{background:color-mix(in srgb,var(--track-accent, var(--red)) 45%,var(--hairline-strong))}.sp-bar.on.hov{filter:brightness(1.35)}.sp-scrub{position:absolute;top:0;bottom:0;width:1px;background:var(--bone);pointer-events:none;transform:translate(-.5px)}.sp-scrub-time{position:absolute;top:2px;left:50%;transform:translate(-50%);font-family:var(--mono);font-size:10px;line-height:1;white-space:nowrap;color:var(--bone);background:#060a0deb;border:1px solid var(--hairline-strong);border-radius:4px;padding:3px 6px}.sp-wave-flat{height:4px;border-radius:2px;align-self:center;background-color:var(--track-accent, var(--red));background-image:var(--accent-gradient-h);background-size:calc(100% / var(--p, 1)) 100%;background-position:left center;background-repeat:no-repeat}.sp-time{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:10px;color:var(--moss);margin-top:8px;letter-spacing:.08em}.share-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}.share-chip{display:flex;align-items:baseline;gap:7px;border:1px solid var(--hairline);border-radius:4px;padding:6px 11px;background:#0a0e1066}.share-chip .ck{font-family:var(--mono);font-size:9px;color:var(--moss);text-transform:uppercase;letter-spacing:.12em}.share-chip .cv{font-family:var(--mono);font-size:13px;color:var(--bone)}.share-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:24px}.sa-primary,.sa-secondary{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;padding:12px 20px;border-radius:5px;cursor:pointer;text-decoration:none;border:1px solid transparent}.sa-primary{background:var(--track-accent, var(--red));color:var(--void);border:1px solid var(--track-accent, var(--red))}.sa-primary:hover{filter:brightness(1.12)}.sa-secondary{background:transparent;color:var(--ash);border:1px solid var(--hairline-strong)}.sa-secondary:hover{border-color:var(--bone);color:var(--bone)}.sa-icon{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:5px;cursor:pointer;background:transparent;color:var(--moss);border:1px solid var(--hairline-strong)}.sa-icon:hover{color:var(--track-accent, var(--red));border-color:var(--track-accent, var(--red))}.share-cta{position:relative;z-index:1;border:1px solid var(--hairline);border-left:3px solid var(--track-accent, var(--red));background:#0a0e1080;border-radius:6px;padding:16px 18px;font-family:var(--sans);font-size:14px;color:var(--ash);line-height:1.6}.share-cta b{color:var(--bone)}.share-cta a{display:inline-block;margin-top:8px;font-family:var(--mono);font-size:12px;font-weight:600;color:var(--track-accent, var(--red));text-decoration:none;text-transform:uppercase;letter-spacing:.1em}.share-cta a:hover{text-decoration:underline}.share-linkbar{position:relative;z-index:1;margin-top:28px;border:1px solid var(--hairline);border-radius:6px;padding:12px 14px;display:flex;align-items:center;gap:12px;background:#0a0e1080;font-family:var(--mono);font-size:12px}.share-linkbar .lbl{color:var(--moss);font-size:10px;text-transform:uppercase;letter-spacing:.1em;flex:none}.share-linkbar .url{color:var(--track-accent, var(--red));flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-linkbar .copy{flex:none;border:1px solid var(--track-accent, var(--red));background:transparent;color:var(--track-accent, var(--red));border-radius:4px;font-family:var(--mono);font-size:10px;padding:6px 12px;cursor:pointer;text-transform:uppercase;letter-spacing:.1em}.share-linkbar .copy:hover{background:var(--track-accent, var(--red));color:var(--void)}.share-loading{display:grid;place-content:center;justify-items:center;gap:16px;min-height:calc(100% - 44px);padding:24px;box-sizing:border-box;text-align:center}.share-loading .ekg-big{width:min(520px,78vw)}.share-loading .ekg-big svg{display:block;width:100%;height:auto}svg.ekg.ekg-pulse{overflow:visible}svg.ekg.ekg-pulse .ekg-base{opacity:.3}svg.ekg.ekg-pulse .ekg-sweep{stroke-dasharray:12 88;stroke-dashoffset:100;animation:ekg-sweep 1.2s linear -.25s infinite;filter:drop-shadow(0 0 4px var(--track-accent, var(--red)))}@keyframes ekg-sweep{to{stroke-dashoffset:0}}.share-splash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;background:var(--void);transition:opacity .4s ease}.share-splash.out{opacity:0;pointer-events:none}.share-loading .label{font-family:var(--mono);font-size:12px;color:var(--moss);letter-spacing:.1em}.share-loading .label b{color:var(--track-accent, var(--red))}.share-empty{display:grid;place-items:center;gap:12px;padding:90px 32px;text-align:center}.share-empty h3{font-family:var(--sans);font-size:22px;color:var(--bone);margin:8px 0 0}.share-empty p{font-family:var(--mono);font-size:12px;color:var(--moss);max-width:360px}.share-empty-cta{margin-top:10px;font-family:var(--mono);font-size:12px;font-weight:600;color:var(--track-accent, var(--red));text-decoration:none;text-transform:uppercase;letter-spacing:.1em}@media (max-width: 680px){.share-stage{padding:28px 18px 48px}.share-hero{grid-template-columns:1fr;gap:24px}.share-art{width:min(100%,280px);height:auto;aspect-ratio:1;margin:0 auto}.share-info{text-align:left}.share-variants{display:flex;width:100%;flex-wrap:nowrap}.sv-seg{flex:1 1 0;padding:10px 8px;text-align:center}}@media (max-width: 460px){.share-stage{padding:22px 14px 40px}.share-hero{gap:20px}.share-art{width:min(100%,240px)}.share-artist{font-size:17px}.share-uploader{margin-bottom:18px}.share-player{gap:12px;padding:12px}.sp-play{width:46px;height:46px}.sp-wave{height:44px}.sv-seg{font-size:10px;letter-spacing:.06em;padding:10px 6px}.share-actions{gap:8px}.sa-primary,.sa-secondary{flex:1 1 auto;justify-content:center;padding:12px 14px}.share-linkbar{flex-wrap:wrap}.share-linkbar .url{flex:1 1 100%;order:3}}.empty{border:1px dashed var(--hairline-strong);background:var(--panel);padding:64px 32px;text-align:center}.empty h3{font-family:var(--sans);font-size:18px;font-weight:600;margin:0 0 6px;color:var(--bone)}.empty p{font-family:var(--mono);font-size:11px;color:var(--moss);text-transform:uppercase;letter-spacing:.08em;margin:0}.loading-state{border:1px solid var(--hairline);background:var(--panel);padding:48px 24px}.loading-state .ekg-big{height:100px;margin-bottom:18px}.loading-state .label{font-family:var(--mono);font-size:11px;color:var(--moss);text-align:center;text-transform:uppercase;letter-spacing:.12em}.loading-state .label b{color:var(--red)}.mobile-frame{width:360px;height:720px;background:var(--void);border:1px solid var(--hairline-strong);display:grid;grid-template-rows:32px 1fr 56px;position:relative;overflow:hidden}.mobile-frame .m-status{background:var(--panel);border-bottom:1px solid var(--hairline);display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-family:var(--mono);font-size:10px;color:var(--ash);letter-spacing:.06em}.mobile-frame .m-main{overflow:hidden;padding:16px;display:flex;flex-direction:column;gap:12px}.mobile-frame .m-main h3{font-family:var(--mono);font-size:10px;color:var(--moss);text-transform:uppercase;letter-spacing:.1em;margin:0}.mobile-frame .m-card{border:1px solid var(--hairline);background:var(--panel);padding:10px;display:flex;gap:10px;align-items:center}.mobile-frame .m-card .art{width:40px;height:40px;background:var(--cyan)}.mobile-frame .m-card .t{font-family:var(--sans);font-weight:600;font-size:13px;color:var(--bone)}.mobile-frame .m-card .a{font-family:var(--sans);font-size:11px;color:var(--ash)}.mobile-frame .m-player{background:var(--panel);border-top:1px solid var(--hairline);padding:8px 10px;display:flex;align-items:center;gap:10px;position:relative}.mobile-frame .m-player:before{content:"";position:absolute;left:0;top:0;height:1px;width:60%;background:var(--cyan)}.mobile-frame .m-player .mv{width:38px;height:38px;border-radius:50%;background:radial-gradient(circle,#2a2a2a,#0d0d0d 60%);flex-shrink:0;position:relative;animation:vinyl-spin 4s linear infinite}.mobile-frame .m-player .mv:after{content:"";position:absolute;top:50%;left:50%;width:12px;height:12px;background:var(--cyan);border-radius:50%;transform:translate(-50%,-50%)}.mobile-frame .m-player .info{flex:1;min-width:0}.mobile-frame .m-player .info .t{font-family:var(--sans);font-weight:600;font-size:12px;color:var(--bone);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-frame .m-player .info .a{font-family:var(--sans);font-size:11px;color:var(--ash);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-frame .m-player .play-mb{width:36px;height:36px;border:1px solid var(--cyan);color:var(--cyan);background:transparent;display:grid;place-items:center;cursor:pointer}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--void)}::-webkit-scrollbar-thumb{background:var(--hairline-strong)}::-webkit-scrollbar-thumb:hover{background:var(--moss)}button:focus-visible,input:focus-visible{outline:1px solid var(--cyan);outline-offset:1px}.playerbar .head,.playerbar .vfill,.playerbar .vhead,.mobile-bar .mb-head{background:var(--track-accent, var(--cyan));transition:background .6s ease}.list .row.playing .title,.list .row.playing .num{color:var(--track-accent, var(--cyan));transition:color .6s ease}.big-vinyl.spinning{will-change:box-shadow;box-shadow:inset 0 0 0 2px #000,inset 0 0 36px #0000008c,0 10px 30px #0009,0 0 22px -6px color-mix(in srgb,var(--track-accent, var(--cyan)) 40%,transparent)}.album-cluster.glow-subtle .big-vinyl.spinning{box-shadow:inset 0 0 0 2px #000,inset 0 0 36px #0000008c,0 10px 30px #0009,0 0 24px -6px color-mix(in srgb,var(--track-accent, var(--cyan)) calc(40% + var(--glow-intensity, 0) * 35%),transparent)}.album-cluster.glow-bold .big-vinyl.spinning{box-shadow:inset 0 0 0 2px #000,inset 0 0 36px #0000008c,0 10px 30px #0009,0 0 32px -4px color-mix(in srgb,var(--track-accent, var(--cyan)) calc(40% + var(--glow-intensity, 0) * 55%),transparent)}.album-cluster.in-xf-swap .big-vinyl.spinning{transition:box-shadow .45s ease}.np-info h2{transition:text-shadow .6s ease}.now-playing .np-info h2{text-shadow:0 0 24px color-mix(in srgb,var(--track-accent, var(--cyan)) 35%,transparent)}.cmdk-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#060a0db3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:start center;padding-top:12vh;animation:cmdk-fade .12s ease-out}@keyframes cmdk-fade{0%{opacity:0}to{opacity:1}}.cmdk-panel{width:min(640px,92vw);background:var(--panel);border:1px solid var(--hairline-strong);box-shadow:0 24px 80px #0009;display:flex;flex-direction:column;max-height:70vh}.cmdk-input-row{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--hairline)}.cmdk-prompt{color:var(--moss);font-family:var(--mono);font-size:14px}.cmdk-input{flex:1;background:transparent;border:0;outline:0;color:var(--bone);font-family:var(--mono);font-size:14px}.cmdk-input::placeholder{color:var(--moss-dim)}.cmdk-hint{font-family:var(--mono);font-size:10px;color:var(--moss);text-transform:uppercase;letter-spacing:.08em}.cmdk-list{overflow-y:auto;padding:6px 0}.cmdk-empty{padding:24px 16px;text-align:center;font-family:var(--mono);font-size:11px;color:var(--moss);text-transform:uppercase;letter-spacing:.08em}.cmdk-item{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:12px;padding:8px 16px;cursor:pointer;font-size:13px;border-left:2px solid transparent}.cmdk-item.active{background:var(--panel-2);border-left-color:var(--track-accent, var(--cyan))}.cmdk-kind{font-family:var(--mono);font-size:9px;letter-spacing:.12em;font-weight:700;text-align:center}.cmdk-label{color:var(--bone);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmdk-hint-r{font-family:var(--mono);font-size:10px;color:var(--moss);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.queue-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background:#060a0d73;animation:cmdk-fade .12s ease-out}.queue-panel{position:fixed;top:calc(44px + env(safe-area-inset-top));right:env(safe-area-inset-right);bottom:calc(88px + env(safe-area-inset-bottom));width:min(380px,92vw);z-index:151;background:var(--panel);border-left:1px solid var(--hairline-strong);box-shadow:-16px 0 48px #00000073;display:flex;flex-direction:column;overflow:hidden;animation:queue-slide .18s ease-out}@keyframes queue-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.queue-head{display:flex;align-items:flex-start;justify-content:space-between;padding:14px 16px 12px;border-bottom:1px solid var(--hairline)}.queue-crumb{font-family:var(--mono);font-size:10px;color:var(--moss);text-transform:uppercase;letter-spacing:.12em;margin-bottom:4px}.queue-stats{font-family:var(--mono);font-size:11px;color:var(--ash)}.queue-stats b{color:var(--bone)}.queue-close{background:transparent;border:0;color:var(--moss);font-size:20px;line-height:1;cursor:pointer;padding:0 4px}.queue-close:hover{color:var(--red)}.queue-empty{padding:40px 16px;text-align:center;font-family:var(--mono);font-size:12px;color:var(--moss);text-transform:uppercase;letter-spacing:.08em}.queue-empty span{display:block;margin-top:8px;color:var(--moss-dim);font-size:10px}.queue-panel{overflow-y:auto}.queue-section{padding:8px 0}.queue-label{padding:4px 16px;font-family:var(--mono);font-size:9px;color:var(--moss);text-transform:uppercase;letter-spacing:.14em;display:flex;align-items:center;justify-content:space-between;gap:8px}.queue-label .queue-action{background:transparent;border:1px solid var(--hairline);color:var(--moss);cursor:pointer;font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.1em;padding:2px 6px}.queue-label .queue-action:hover{color:var(--bone);border-color:var(--cyan)}.queue-loop-divider{display:flex;align-items:center;gap:10px;padding:10px 16px 6px;font-family:var(--mono);font-size:9px;color:var(--moss);text-transform:uppercase;letter-spacing:.16em}.queue-loop-divider .queue-loop-line{flex:1;height:1px;background:var(--hairline)}.queue-loop-divider .queue-loop-text{white-space:nowrap}.queue-row{display:grid;grid-template-columns:32px 1fr 20px;gap:10px;align-items:center;padding:6px 12px 6px 16px;cursor:pointer;border-left:2px solid transparent;transition:background 80ms}.queue-row:hover{background:var(--panel-2)}.queue-row.current{border-left-color:var(--track-accent, var(--cyan));background:var(--panel-2)}.queue-row.dim{opacity:.55}.queue-row.drag-over{box-shadow:inset 0 2px 0 0 var(--track-accent, var(--cyan))}.queue-row.qr-draggable{grid-template-columns:18px 32px 1fr 20px}.queue-row.qr-dragging{opacity:.45}.qr-grip{display:grid;place-items:center;color:var(--moss-dim);font-size:13px;line-height:1;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;flex-shrink:0}.qr-grip:hover{color:var(--moss)}.qr-grip:active{cursor:grabbing;color:var(--bone)}.qr-art{width:32px;height:32px;background-size:cover;background-position:center;display:grid;place-items:center;font-family:var(--mono);font-size:10px;color:var(--void);font-weight:700}.qr-text{min-width:0}.qr-title{color:var(--bone);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-row.current .qr-title{color:var(--track-accent, var(--cyan))}.qr-sub{font-family:var(--mono);font-size:10px;color:var(--moss);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qr-now{color:var(--track-accent, var(--cyan));text-align:center}.qr-x{background:transparent;border:0;color:var(--moss-dim);font-size:16px;cursor:pointer;opacity:0;transition:opacity 80ms}.queue-row:hover .qr-x{opacity:1}.qr-x:hover{color:var(--red)}.queue-row.preparing{cursor:default;border-left-color:color-mix(in srgb,var(--cyan) 60%,transparent)}.queue-row.preparing .qr-art{opacity:.65}.queue-row.preparing .qr-x{opacity:.55}.queue-row.preparing:hover .qr-x{opacity:1}.qr-dl-track{display:block;height:2px;margin-top:5px;border-radius:2px;background:var(--hairline);overflow:hidden}.qr-dl-fill{display:block;height:100%;background:var(--cyan);transition:width .24s ease}.qr-dl-stage{font-family:var(--mono);font-size:9px;color:var(--cyan);text-transform:uppercase;letter-spacing:.1em;margin-top:3px}.sk-bar{display:inline-block;height:10px;background:linear-gradient(90deg,var(--hairline) 0%,var(--hairline-strong) 50%,var(--hairline) 100%);background-size:200% 100%;animation:sk-shimmer 1.4s linear infinite;border-radius:2px;vertical-align:middle}.sk-bar.w-12{width:12px}.sk-bar.w-16{width:24px}.sk-bar.w-20{width:40px}.sk-bar.w-2{width:18px}.sk-bar.w-30{width:30%}.sk-bar.w-40{width:45%}.sk-bar.w-60{width:65%}.sk-block{background:linear-gradient(90deg,var(--hairline) 0%,var(--hairline-strong) 50%,var(--hairline) 100%);background-size:200% 100%;animation:sk-shimmer 1.4s linear infinite}@keyframes sk-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skel-row,.skel-card{opacity:.85;animation:sk-fade .6s ease-out backwards}@keyframes sk-fade{0%{opacity:0;transform:translateY(2px)}to{opacity:.85;transform:none}}.ab-loop-bar{display:flex;gap:6px;align-items:center;margin-top:10px;font-family:var(--mono)}.ab-btn{background:transparent;border:1px solid var(--hairline-strong);color:var(--moss);padding:3px 9px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:color .1s,border-color .1s}.ab-btn .ab-t{color:var(--bone);margin-left:4px;font-weight:600}.ab-btn:hover{color:var(--bone);border-color:var(--hairline-strong)}.ab-btn.on{color:var(--green);border-color:var(--green)}.ab-btn.on .ab-t{color:var(--green)}.ab-btn.clear{color:var(--red);border-color:var(--red)}.ab-status{font-size:10px;color:var(--green);letter-spacing:.08em;text-transform:uppercase;margin-left:auto}.waveform .ab-marker{position:absolute;top:0;bottom:0;width:2px;pointer-events:none}.waveform .ab-marker.in{background:var(--green);box-shadow:0 0 6px var(--green)}.waveform .ab-marker.out{background:var(--red);box-shadow:0 0 6px var(--red)}.waveform .ab-region{position:absolute;top:0;bottom:0;background:color-mix(in srgb,var(--green) 14%,transparent);pointer-events:none}.track .mini-peaks{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;gap:1px;pointer-events:none}.track .mini-peaks .mp-bar{flex:1;min-height:2px;background:var(--moss-dim);border-radius:1px;opacity:.75;transition:background 80ms}.track .mini-peaks .mp-bar.played{background:var(--track-accent, var(--cyan));opacity:1}.track:has(.mini-peaks) .fill{display:none}.track:has(.mini-peaks):before{opacity:.4}.sleep-pop{position:absolute;bottom:100%;right:0;margin-bottom:8px;z-index:20;background:var(--panel);border:1px solid var(--hairline-strong);box-shadow:0 8px 24px #00000080;display:flex;flex-direction:column;min-width:140px}.sleep-item{background:transparent;border:0;padding:8px 14px;text-align:left;font-family:var(--mono);font-size:11px;color:var(--ash);cursor:pointer;text-transform:uppercase;letter-spacing:.08em}.sleep-item:hover{background:var(--panel-2);color:var(--cyan)}.sleep-item.off{color:var(--red);border-top:1px solid var(--hairline)}.extras-pop{position:absolute;bottom:100%;right:0;margin-bottom:8px;z-index:40;background:var(--panel);border:1px solid var(--hairline-strong);box-shadow:0 10px 28px #0000008c;display:flex;flex-direction:column;width:232px;padding:6px;gap:2px;animation:extras-rise .14s ease-out}.extras-pop.mobile{width:min(280px,86vw);max-height:60vh;overflow-y:auto}@keyframes extras-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.extras-section{padding:7px 8px 9px}.extras-label{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:10px;color:var(--moss);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.extras-label .extras-val{margin-left:auto;color:var(--cyan)}.extras-chips{display:flex;flex-wrap:wrap;gap:5px}.extras-chip{flex:1 1 auto;min-width:38px;background:var(--panel-2);border:1px solid var(--hairline);color:var(--ash);cursor:pointer;font-family:var(--mono);font-size:11px;padding:6px;text-align:center}.extras-chip:hover{border-color:var(--hairline-strong);color:var(--paper)}.extras-chip.on{background:var(--track-accent, var(--cyan));border-color:var(--track-accent, var(--cyan));color:#07110f}.extras-chip.off{color:var(--red);flex-basis:100%}.speed-stepper{display:flex;align-items:stretch;gap:5px;margin-bottom:7px}.speed-step{flex:0 0 32px;height:30px;background:var(--panel-2);border:1px solid var(--hairline);color:var(--ash);cursor:pointer;font-family:var(--mono);font-size:17px;line-height:1;display:flex;align-items:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none}.speed-step-dbl{position:relative;font-size:0}.speed-step-dbl .g{position:absolute;font-size:14px;line-height:1}.speed-step-dbl .g1{top:6px;left:8px}.speed-step-dbl .g2{bottom:6px;right:8px}.speed-step:hover:not(:disabled){border-color:var(--track-accent, var(--cyan));color:var(--paper)}.speed-step:active:not(:disabled){background:var(--track-accent, var(--cyan));color:#07110f}.speed-step:disabled{opacity:.3;cursor:default}.speed-now{flex:1;height:30px;background:var(--void);border:1px solid var(--hairline);color:var(--track-accent, var(--cyan));cursor:pointer;font-family:var(--mono);font-size:13px;letter-spacing:.05em;display:flex;align-items:center;justify-content:center}.speed-now:hover{border-color:var(--track-accent, var(--cyan))}.extras-row{display:flex;align-items:center;gap:9px;background:transparent;border:0;padding:9px 8px;text-align:left;width:100%;font-family:var(--mono);font-size:11.5px;color:var(--ash);cursor:pointer;text-transform:uppercase;letter-spacing:.06em}.extras-row:hover{background:var(--panel-2);color:var(--paper)}.extras-row:disabled{opacity:.55;cursor:default}.extras-row.on{color:var(--track-accent, var(--cyan))}.extras-row .extras-toggle{margin-left:auto;font-size:10px;color:var(--moss)}.extras-row.on .extras-toggle{color:var(--track-accent, var(--cyan))}.extras-subnote{display:block;width:100%;text-align:left;background:transparent;border:0;cursor:pointer;padding:2px 8px 6px 31px;font-family:var(--mono);font-size:9.5px;line-height:1.3;color:var(--moss);letter-spacing:.03em}.extras-subnote:hover:not(:disabled){color:var(--track-accent, var(--cyan))}.extras-subnote:disabled{opacity:.7;cursor:default}.nav-folder{display:flex;align-items:center;gap:8px;padding:6px 14px;font-family:var(--mono);font-size:11px;color:var(--moss);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;-webkit-user-select:none;user-select:none}.nav-folder:hover{color:var(--cyan)}.nav-folder .caret{width:10px;opacity:.7}.nav-folder .meta{margin-left:auto;font-size:10px;color:var(--moss-dim)}.nav-crate.child{padding-left:30px}.nav-crate[draggable=true]{cursor:grab}.nav-crate[draggable=true]:active{cursor:grabbing}.waveform .cue-marker{position:absolute;top:0;bottom:0;width:2px;background:var(--bone);cursor:pointer;pointer-events:auto;z-index:3}.waveform .cue-marker:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:inherit;opacity:.55}.waveform .cue-marker .cue-tip{position:absolute;top:-10px;left:50%;transform:translate(-50%);color:var(--bone);font-size:10px;line-height:1}.waveform .cue-marker .cue-label{position:absolute;top:-22px;left:50%;transform:translate(-50%);background:var(--panel-2);color:var(--bone);font-family:var(--mono);font-size:9px;padding:1px 4px;border:1px solid var(--hairline);white-space:nowrap}.waveform .cue-marker:hover{background:var(--track-accent, var(--cyan))}.np-spectrogram{width:100%;height:clamp(48px,6vw,92px);display:block;margin-bottom:6px;border-bottom:1px solid var(--hairline)}.album-cluster>.xf-art-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.album-cluster.mode-sleeve_vinyl>.xf-art-layer>.album-sleeve{position:absolute;left:0;top:0}.album-cluster.mode-sleeve_vinyl>.xf-art-layer>.big-vinyl{position:absolute;top:0;left:calc(var(--np-disc) * .55)}.album-cluster.mode-art>.xf-art-layer>.album-sleeve,.album-cluster.mode-vinyl>.xf-art-layer>.big-vinyl{position:absolute;top:0;right:0;bottom:0;left:0}.album-cluster.mode-vinyl.in-xf .big-vinyl,.album-cluster.mode-vinyl.in-xf .big-vinyl .album-square,.album-cluster.mode-vinyl.in-xf .big-vinyl .label{animation:none}.album-cluster.in-xf-crossfade>.xf-art-layer{opacity:var(--xf-p, 0)}.album-cluster.in-xf-crossfade>.album-sleeve,.album-cluster.in-xf-crossfade>.big-vinyl{opacity:calc(1 - var(--xf-p, 0))}.album-cluster.in-xf-swap{perspective:1200px}.album-cluster.in-xf-swap>.album-sleeve,.album-cluster.in-xf-swap>.big-vinyl,.album-cluster.in-xf-swap>.xf-art-layer>.album-sleeve,.album-cluster.in-xf-swap>.xf-art-layer>.big-vinyl{transform-origin:center center;backface-visibility:hidden}.album-cluster.mode-sleeve_vinyl.in-xf-swap>.xf-art-layer>.album-sleeve{position:absolute;left:0;top:0;z-index:4;transform:scale(1.02) rotateY(-90deg);opacity:0;transition:transform .7s cubic-bezier(.6,0,.2,1),opacity .15s linear}.album-cluster.mode-sleeve_vinyl.in-xf-swap>.xf-art-layer>.big-vinyl{position:absolute;top:0;left:0;z-index:3;opacity:0;transition:left .7s cubic-bezier(.6,0,.2,1),opacity .15s linear}.album-cluster.mode-sleeve_vinyl.in-xf-swap.xf-stage-1,.album-cluster.mode-sleeve_vinyl.in-xf-swap.xf-stage-2{width:var(--np-disc)}.album-cluster.mode-sleeve_vinyl.in-xf-swap.xf-stage-1>.big-vinyl,.album-cluster.mode-sleeve_vinyl.in-xf-swap.xf-stage-2>.big-vinyl{left:0}.album-cluster.mode-sleeve_vinyl.in-xf-swap.xf-stage-1>.album-sleeve,.album-cluster.mode-sleeve_vinyl.in-xf-swap.xf-stage-2>.album-sleeve{transform:scale(1.02) rotateY(0)}.album-cluster.mode-sleeve_vinyl.in-xf-swap>.album-sleeve{transition:transform .7s cubic-bezier(.6,0,.2,1),opacity .18s linear}.album-cluster.mode-sleeve_vinyl.in-xf-swap>.big-vinyl{transition:left .7s cubic-bezier(.6,0,.2,1),opacity .12s linear,box-shadow .5s ease}.album-cluster.mode-sleeve_vinyl.in-xf-swap.xf-stage-2>.big-vinyl{opacity:0}.album-cluster.mode-sleeve_vinyl.in-xf-swap.xf-stage-2>.album-sleeve{transform:scale(1.02) rotateY(90deg);transition:transform .4s cubic-bezier(.6,0,.2,1)}.album-cluster.mode-sleeve_vinyl.in-xf-swap.xf-stage-2>.xf-art-layer>.album-sleeve{transform:scale(1.02) rotateY(0);opacity:1;transition:transform .4s cubic-bezier(.6,0,.2,1) .4s,opacity .05s linear .4s}.album-cluster.mode-sleeve_vinyl.in-xf-swap.xf-stage-3>.album-sleeve{transform:scale(1) rotateY(0);opacity:0}.album-cluster.mode-sleeve_vinyl.in-xf-swap.xf-stage-3>.big-vinyl{left:calc(var(--np-disc) * .55)}.album-cluster.mode-sleeve_vinyl.in-xf-swap.xf-stage-3>.xf-art-layer>.album-sleeve{transform:scale(1) rotateY(0);opacity:1}.album-cluster.mode-sleeve_vinyl.in-xf-swap.xf-stage-3>.xf-art-layer>.big-vinyl{left:calc(var(--np-disc) * .55);opacity:1}.album-cluster.mode-vinyl.in-xf-swap>.big-vinyl{transition:transform .25s cubic-bezier(.6,0,.2,1)}.album-cluster.mode-vinyl.in-xf-swap>.xf-art-layer>.big-vinyl{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotateY(-90deg);opacity:0;transition:transform .25s cubic-bezier(.6,0,.2,1) .25s,opacity .05s linear .25s}.album-cluster.mode-vinyl.in-xf-swap.xf-stage-2>.big-vinyl{transform:rotateY(90deg)}.album-cluster.mode-vinyl.in-xf-swap.xf-stage-2>.xf-art-layer>.big-vinyl{transform:rotateY(0);opacity:1}.album-cluster.mode-art.in-xf-swap>.album-sleeve{transition:transform .25s cubic-bezier(.6,0,.2,1)}.album-cluster.mode-art.in-xf-swap>.xf-art-layer>.album-sleeve{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotateY(-90deg);opacity:0;transition:transform .25s cubic-bezier(.6,0,.2,1) .25s,opacity .05s linear .25s}.album-cluster.mode-art.in-xf-swap.xf-stage-2>.album-sleeve{transform:rotateY(90deg)}.album-cluster.mode-art.in-xf-swap.xf-stage-2>.xf-art-layer>.album-sleeve{transform:rotateY(0);opacity:1}.album-cluster.mode-sleeve_vinyl.in-xf-swap.xf-noflip>.xf-art-layer>.album-sleeve{transform:scale(1.02) rotateY(0)}.album-cluster.mode-sleeve_vinyl.in-xf-swap.xf-noflip.xf-stage-2>.album-sleeve{transform:scale(1.02) rotateY(0);opacity:1;transition:transform .7s cubic-bezier(.6,0,.2,1)}.album-cluster.mode-sleeve_vinyl.in-xf-swap.xf-noflip.xf-stage-2>.xf-art-layer>.album-sleeve{transform:scale(1.02) rotateY(0);opacity:1;transition:opacity .2s linear}.album-cluster.mode-sleeve_vinyl.in-xf-swap.xf-noflip.xf-stage-3>.album-sleeve{opacity:1}.album-cluster.mode-sleeve_vinyl.in-xf-swap.xf-noflip.xf-stage-3>.xf-art-layer>.album-sleeve{opacity:0;transition:opacity .5s linear,transform .7s cubic-bezier(.6,0,.2,1)}.album-cluster.mode-sleeve_vinyl.in-xf-swap.xf-noflip.xf-stage-3>.xf-art-layer>.big-vinyl{opacity:0;transition:opacity .2s linear,left .7s cubic-bezier(.6,0,.2,1)}.album-cluster.mode-vinyl.in-xf-swap.xf-noflip>.xf-art-layer>.big-vinyl,.album-cluster.mode-art.in-xf-swap.xf-noflip>.xf-art-layer>.album-sleeve{transform:none;transition:opacity .18s linear}.album-cluster.mode-vinyl.in-xf-swap.xf-noflip.xf-stage-2>.big-vinyl,.album-cluster.mode-art.in-xf-swap.xf-noflip.xf-stage-2>.album-sleeve{transform:none;opacity:0;transition:opacity .18s linear}.album-cluster.mode-vinyl.in-xf-swap.xf-noflip.xf-stage-2>.xf-art-layer>.big-vinyl,.album-cluster.mode-art.in-xf-swap.xf-noflip.xf-stage-2>.xf-art-layer>.album-sleeve{transform:none;opacity:1}.np-crossfade{display:flex;flex-direction:column;gap:4px;margin:2px 0 8px;padding:6px 8px;background:linear-gradient(90deg,color-mix(in srgb,var(--track-accent, var(--red)) 8%,transparent),color-mix(in srgb,var(--track-accent, var(--red)) 18%,transparent));border:1px solid color-mix(in srgb,var(--track-accent, var(--red)) 35%,var(--hairline));border-radius:3px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;animation:xf-pulse 1.4s ease-in-out infinite}@keyframes xf-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--track-accent, var(--red)) 0%,transparent)}50%{box-shadow:0 0 12px color-mix(in srgb,var(--track-accent, var(--red)) 30%,transparent)}}.np-crossfade-bar{position:relative;width:100%;height:3px;background:color-mix(in srgb,var(--bone) 10%,transparent);border-radius:2px;overflow:hidden}.np-crossfade-fill{position:absolute;left:0;top:0;bottom:0;background:var(--track-accent, var(--red));box-shadow:0 0 6px var(--track-accent, var(--red));transition:width 80ms linear}.np-crossfade-meta{display:flex;align-items:center;gap:8px;color:var(--moss);overflow:hidden;white-space:nowrap}.np-crossfade-meta .xf-tag{color:var(--track-accent, var(--red));font-weight:700;letter-spacing:.18em}.np-crossfade-meta .xf-from{color:var(--moss-dim);overflow:hidden;text-overflow:ellipsis;max-width:22%}.np-crossfade-meta .xf-arrow{color:var(--moss-dim)}.np-crossfade-meta .xf-to{color:var(--bone);overflow:hidden;text-overflow:ellipsis;flex:1}.np-crossfade-meta .xf-to-artist{color:var(--moss)}.np-crossfade-meta .xf-pct{color:var(--track-accent, var(--red));font-variant-numeric:tabular-nums;font-weight:700;margin-left:auto}.np-mode-row{display:flex;gap:10px;flex-wrap:wrap}.np-mode-opt{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--panel-2);border:1px solid var(--hairline);padding:10px 12px 8px;cursor:pointer;font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--moss);min-width:96px}.np-mode-opt:hover{color:var(--bone);border-color:var(--hairline-strong)}.np-mode-opt.on{color:var(--cyan);border-color:var(--cyan)}.np-mode-preview{position:relative;width:72px;height:36px;display:block}.np-mode-preview .p-sleeve,.np-mode-preview .p-vinyl{position:absolute;top:50%;transform:translateY(-50%)}.np-mode-preview .p-sleeve{width:30px;height:30px;background:var(--track-accent, var(--cyan));border:1px solid rgba(0,0,0,.5)}.np-mode-preview .p-vinyl{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle,#1a1a1a 35%,#060606 36%,#060606 60%,#1a1a1a 61%);border:1px solid #000}.np-mode-preview[data-mode=sleeve_vinyl] .p-sleeve{left:10px;z-index:2}.np-mode-preview[data-mode=sleeve_vinyl] .p-vinyl{left:28px;z-index:1}.np-mode-preview[data-mode=vinyl] .p-sleeve{display:none}.np-mode-preview[data-mode=vinyl] .p-vinyl{left:21px}.np-mode-preview[data-mode=art] .p-vinyl{display:none}.np-mode-preview[data-mode=art] .p-sleeve{left:21px}.np-mode-opt.on .np-mode-preview .p-vinyl{box-shadow:0 0 8px color-mix(in srgb,var(--cyan) 50%,transparent)}.tag-pop{position:absolute;top:100%;left:0;right:0;z-index:30;background:var(--panel);border:1px solid var(--hairline-strong);margin-top:2px;max-height:220px;overflow-y:auto;box-shadow:0 8px 24px #00000080}.tag-item{display:flex;justify-content:space-between;align-items:center;width:100%;padding:6px 12px;background:transparent;border:0;font-family:var(--mono);font-size:12px;color:var(--ash);cursor:pointer}.tag-item:hover{background:var(--panel-2);color:var(--cyan)}.tag-item .tag-count{color:var(--moss-dim);font-size:10px}.heatmap{display:grid;grid-template-rows:repeat(7,12px);grid-auto-flow:column;gap:3px;padding:8px;background:var(--panel-2);border:1px solid var(--hairline);overflow-x:auto}.heat-cell{width:12px;height:12px;border-radius:2px;border:1px solid color-mix(in srgb,var(--panel) 70%,transparent);padding:0}.heatmap .heat-cell{cursor:pointer}.heatmap .heat-cell:hover{border-color:var(--track-accent, var(--cyan))}.heat-cell.sel{outline:2px solid var(--track-accent, var(--cyan));outline-offset:1px}.stats-range{margin-bottom:16px}.day-detail{margin-top:12px;border:1px solid var(--hairline);background:var(--panel-2);padding:10px}.day-detail-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-family:var(--mono);font-size:11px;color:var(--bone);text-transform:uppercase;letter-spacing:.08em}.day-detail-close{background:transparent;border:0;color:var(--moss);cursor:pointer;font-family:var(--mono);font-size:16px;line-height:1;padding:2px 6px}.day-detail-close:hover{color:var(--red)}.day-detail .top-list{border:0;padding:0;background:transparent}.heat-scale{display:flex;align-items:center;gap:4px;margin-top:10px;font-family:var(--mono);font-size:9px;color:var(--moss);text-transform:uppercase;letter-spacing:.1em}.heat-scale .heat-cell{width:10px;height:10px}.top-list{display:flex;flex-direction:column;gap:4px;background:var(--panel-2);border:1px solid var(--hairline);padding:8px}.top-row{display:grid;grid-template-columns:28px 32px 1fr auto;gap:10px;align-items:center;padding:6px 10px}.top-row:hover{background:var(--panel)}.top-row .rank{font-family:var(--mono);font-size:10px;color:var(--moss)}.top-row .art{width:32px;height:32px;background-size:cover;background-position:center}.top-row .text{min-width:0}.top-row .t{display:block;color:var(--bone);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-row .a{display:block;font-family:var(--mono);font-size:10px;color:var(--moss);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-row .n{font-family:var(--mono);font-size:11px;color:var(--track-accent, var(--cyan))}.recent-batches{margin-top:28px;border:1px solid var(--hairline);background:var(--panel)}.recent-batches-head{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;height:32px;border-bottom:1px solid var(--hairline);background:var(--panel-2);font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--moss)}.recent-batches-title{color:var(--bone)}.batches-list{display:flex;flex-direction:column}.batch-row{border-bottom:1px solid var(--hairline)}.batch-row:last-child{border-bottom:0}.batch-row.busy{opacity:.6;pointer-events:none}.batch-head{display:flex;align-items:center;gap:14px;padding:12px 14px;cursor:pointer}.batch-head:hover{background:var(--panel-2)}.batch-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.batch-title{display:flex;align-items:center;gap:10px}.batch-kind{display:inline-block;font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.1em;padding:2px 6px;border:1px solid var(--hairline-strong);color:var(--moss);background:var(--void)}.batch-kind.kind-playlist{color:var(--cyan);border-color:var(--cyan)}.batch-kind.kind-artist{color:#c084fc;border-color:#c084fc}.batch-kind.kind-paste{color:var(--moss)}.batch-kind.kind-single{color:var(--green);border-color:var(--green)}.batch-label{font-family:var(--mono);font-size:12px;color:var(--bone);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.batch-meta{display:flex;gap:8px;align-items:center;font-family:var(--mono);font-size:10px;color:var(--moss);text-transform:lowercase}.batch-progress{height:2px;background:var(--void);border:1px solid var(--hairline-strong);position:relative;overflow:hidden}.batch-progress i{position:absolute;left:0;top:0;bottom:0;background:var(--cyan);display:block;transition:width .25s linear}.batch-actions{position:relative;display:flex;gap:6px;align-items:center}.batch-act-btn{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;padding:6px 10px;background:var(--void);color:var(--bone);border:1px solid var(--hairline-strong);cursor:pointer}.batch-act-btn:hover:not(:disabled){border-color:var(--cyan);color:var(--cyan)}.batch-act-btn:disabled{opacity:.4;cursor:not-allowed}.batch-act-btn.retry{border-color:var(--amber, #d9a441);color:var(--amber, #d9a441)}.batch-act-btn.retry:hover:not(:disabled){background:var(--amber, #d9a441);color:var(--void);border-color:var(--amber, #d9a441)}.batch-expand{width:26px;height:26px;font-family:var(--mono);font-size:14px;background:var(--void);color:var(--moss);border:1px solid var(--hairline-strong);cursor:pointer}.batch-expand:hover{color:var(--bone);border-color:var(--cyan)}.batch-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:240px;max-height:360px;overflow-y:auto;background:var(--panel);border:1px solid var(--hairline-strong);z-index:50;box-shadow:0 6px 18px #0006;display:flex;flex-direction:column}.batch-menu-section{padding:8px 12px 4px;font-family:var(--mono);font-size:9px;color:var(--moss);text-transform:uppercase;letter-spacing:.1em}.batch-menu-empty{padding:6px 12px;font-family:var(--mono);font-size:11px;color:var(--moss);font-style:italic}.batch-menu-item{display:block;text-align:left;width:100%;padding:7px 12px;background:transparent;border:0;border-top:1px solid transparent;font-family:var(--mono);font-size:11px;color:var(--bone);cursor:pointer}.batch-menu-item:hover{background:var(--panel-2);color:var(--cyan)}.batch-menu-item.primary{color:var(--green)}.batch-menu-item.danger{color:var(--red)}.batch-menu-item.danger:hover{background:#ff50500f}.batch-menu-sep{height:1px;background:var(--hairline);margin:4px 0}.batch-jobs{border-top:1px solid var(--hairline);background:var(--panel-2);max-height:320px;overflow-y:auto}.batch-jobs-empty{padding:14px;font-family:var(--mono);font-size:11px;color:var(--moss);font-style:italic}.batch-job{display:grid;grid-template-columns:20px 1fr 1fr 50px 22px 22px;gap:10px;align-items:center;padding:6px 14px;border-bottom:1px solid var(--hairline);font-family:var(--mono);font-size:11px}.batch-job:last-child{border-bottom:0}.batch-job .j-status{text-align:center}.batch-job.j-done .j-status{color:var(--green)}.batch-job.j-error .j-status{color:var(--red)}.batch-job.j-canceled .j-status{color:var(--moss)}.batch-job .j-status{color:var(--cyan)}.batch-job.j-deduped .j-status,.batch-job.j-deduped .j-label{color:var(--moss)}.batch-job .j-label,.batch-job .j-msg{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--bone)}.batch-job .j-artist,.batch-job .j-msg{color:var(--moss)}.batch-job .j-pct{text-align:right;color:var(--moss)}.batch-job .j-x{width:22px;height:22px;background:transparent;border:0;color:var(--moss);cursor:pointer;font-size:14px}.batch-job .j-x:hover{color:var(--red)}.batch-job .j-info{width:22px;height:22px;padding:0;background:transparent;border:1px solid var(--moss);border-radius:11px;color:var(--moss);cursor:pointer;font-size:11px;font-style:italic;font-family:Georgia,Times New Roman,serif;line-height:18px;margin-right:2px}.batch-job .j-info:hover{color:var(--cyan);border-color:var(--cyan)}.job-info-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:9999;display:flex;align-items:center;justify-content:center}.job-info-modal{background:#0d1117;border:1px solid var(--moss);border-radius:6px;width:min(720px,92vw);max-height:84vh;display:flex;flex-direction:column;overflow-y:auto;box-shadow:0 12px 48px #0009}.job-info-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #1b2a2a;position:sticky;top:0;background:#0d1117;z-index:1}.job-info-title{font-size:14px;color:var(--cyan);font-weight:600}.job-info-title .dim{color:var(--moss);font-weight:400}.job-info-close{background:transparent;border:0;color:var(--moss);font-size:22px;cursor:pointer;line-height:1;padding:0 4px}.job-info-close:hover{color:var(--red)}.job-info-error{padding:14px 16px;color:var(--red)}.job-info-loading{padding:14px 16px;color:var(--moss)}.job-info-section{padding:12px 16px;border-bottom:1px solid #1b2a2a}.job-info-section:last-child{border-bottom:0}.job-info-sub{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--moss);margin-bottom:8px}.job-info-row{display:flex;gap:12px;font-size:12px;margin-bottom:4px;align-items:flex-start}.job-info-row .k{color:var(--moss);min-width:80px;flex-shrink:0}.job-info-row .v{color:#cfe6e6;word-break:break-word}.job-info-row .v a{color:var(--cyan);text-decoration:none}.job-info-row .v a:hover{text-decoration:underline}.job-info-log{background:#0006;border:1px solid #1b2a2a;border-radius:4px;padding:10px 12px;font-family:JetBrains Mono,Consolas,monospace;font-size:11px;color:#cfe6e6;white-space:pre-wrap;word-break:break-word;max-height:360px;overflow:auto;margin:0}.mq.mq-on{text-overflow:clip}.mq .mq-track{display:inline-flex;max-width:none;vertical-align:top}.mq .mq-item{display:inline-block;white-space:nowrap;flex:none}.mq-on .mq-track{animation-timing-function:linear;animation-iteration-count:infinite;will-change:transform}.mq-bounce .mq-track{animation-name:mq-bounce}.mq-rotate .mq-track{animation-name:mq-rotate}@keyframes mq-bounce{0%,10%{transform:translate(0)}40%,50%{transform:translate(calc(-1 * var(--mq-shift, 0px)))}80%,to{transform:translate(0)}}@keyframes mq-rotate{0%,18%{transform:translate(0)}to{transform:translate(calc(-1 * var(--mq-dist, 0px)))}}.reduce-motion .mq.mq-on{text-overflow:ellipsis}.reduce-motion .mq-track{animation:none!important}.brand .name .slash{color:var(--moss);margin:0 1px}.brand .name .fm{color:var(--red)}.auth-shell{height:100vh;width:100vw;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;background:var(--void);color:var(--bone);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);box-sizing:border-box;position:relative;z-index:3}.upload-zone .drop-hint{display:none}.field .err{display:block;font-family:var(--mono);font-size:10px;color:var(--red);margin-top:4px;text-transform:uppercase;letter-spacing:.08em}.toast-stack{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:calc(110px + env(safe-area-inset-bottom));display:flex;flex-direction:column-reverse;gap:8px;z-index:50;pointer-events:none}.toast{background:var(--panel);border:1px solid var(--cyan);color:var(--cyan);font-family:var(--mono);font-size:11px;padding:10px 14px 12px;text-transform:uppercase;letter-spacing:.1em;position:relative;cursor:pointer;min-width:220px;max-width:360px;pointer-events:auto;animation:toast-in .2s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.toast.green{border-color:var(--green);color:var(--green)}.toast.red{border-color:var(--red);color:var(--red)}.toast.amber{border-color:#d9a441;color:#d9a441}.toast .toast-bar{position:absolute;left:0;bottom:0;height:2px;background:currentColor;width:100%;transform-origin:left;animation:toast-bar 3s linear forwards}@keyframes toast-bar{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast:hover .toast-bar{animation-play-state:paused}.conn-banner{position:fixed;left:50%;transform:translate(-50%);top:calc(env(safe-area-inset-top) + 8px);z-index:60;display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--red);color:var(--bone);font-family:var(--mono);font-size:11px;letter-spacing:.08em;padding:8px 14px;max-width:calc(100vw - 24px);box-shadow:0 6px 24px #00000073;animation:toast-in .2s ease-out}.conn-banner.error{border-color:#d9a441}.conn-banner .conn-dot{width:8px;height:8px;border-radius:50%;background:var(--red);animation:conn-pulse 1.4s ease-in-out infinite;flex:none}.conn-banner.error .conn-dot{background:#d9a441}@keyframes conn-pulse{0%,to{opacity:1}50%{opacity:.3}}.conn-banner .conn-msg{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conn-banner .conn-retry{background:transparent;border:1px solid currentColor;color:inherit;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;cursor:pointer;flex:none}.conn-banner .conn-retry:hover{background:#d9a44126}.btn-primary[disabled]{opacity:.6;cursor:not-allowed}.list .empty-row{padding:32px 14px;text-align:center;font-family:var(--mono);font-size:11px;color:var(--moss);text-transform:uppercase;letter-spacing:.1em}.share-topbar{position:sticky;top:0;z-index:5;background:var(--panel);border-bottom:1px solid var(--hairline);display:flex;align-items:center;padding:0 18px;padding-top:env(safe-area-inset-top);padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right));height:calc(44px + env(safe-area-inset-top));gap:16px}.share-topbar .brand{flex:1}.share-topbar a{font-family:var(--mono);font-size:11px;color:var(--cyan);text-decoration:none;text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--cyan);padding:5px 12px}.share-topbar a:hover{background:var(--cyan);color:var(--void)}.share-shell{height:100vh;overflow-y:auto;background:var(--void);color:var(--bone);position:relative;z-index:3}.app,.share-shell,.auth-shell{height:100vh;height:100dvh;height:var(--app-height, 100dvh)}.playerbar{padding-bottom:env(safe-area-inset-bottom)}@media (max-height: 500px) and (max-width: 1024px) and (orientation: landscape){.topbar.on-now{display:none}.app:has(.topbar.on-now){grid-template-rows:0 1fr auto}}.np-ls-search-btn,.np-search-overlay{display:none}@media (max-height: 500px) and (max-width: 1024px) and (orientation: landscape){.np-ls-search-btn{display:inline-flex;align-items:center;justify-content:center;position:fixed;top:calc(8px + env(safe-area-inset-top));left:calc(8px + env(safe-area-inset-left));width:34px;height:34px;padding:0;z-index:140;background:color-mix(in srgb,var(--panel) 82%,transparent);border:1px solid var(--hairline-strong);color:var(--ash);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.np-ls-search-btn:hover{color:var(--bone);border-color:var(--cyan)}.np-ls-search-btn svg{width:16px;height:16px}.np-search-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding-top:calc(8px + env(safe-area-inset-top));padding-left:calc(10px + env(safe-area-inset-left));padding-right:calc(10px + env(safe-area-inset-right))}.np-search-overlay-bar{display:flex;align-items:center;gap:8px}.np-search-overlay .topbar-search{flex:1 1 auto;max-width:none;width:auto}.np-search-overlay .search-panel{position:absolute;top:calc(100% + 6px);left:0;right:0;max-height:calc(100dvh - 60px - env(safe-area-inset-top))}.np-search-close{flex:0 0 auto;width:34px;height:34px;background:var(--panel);border:1px solid var(--hairline-strong);color:var(--ash);cursor:pointer;font-family:var(--mono);font-size:20px;line-height:1}.np-search-close:hover{color:var(--bone);border-color:var(--cyan)}}@media (max-width: 1100px) and (min-width: 721px){.app{grid-template-columns:56px 1fr}.sidenav{padding:8px 0}.nav-group{padding:10px 0 6px}.nav-group .label,.nav-item span:not(.ico),.nav-item .count,.nav-crate span:not(.dot):not(.meta):not(.nav-crate-art),.nav-crate .meta,.disk-meter .row,.disk-meter .bar{display:none}.nav-crate .nav-crate-art{width:26px;height:26px}.nav-item{justify-content:center;padding:10px 0;border-left:2px solid transparent}.nav-item .ico{width:18px;height:18px}.nav-crate{justify-content:center;padding:8px 0}.nav-crate .dot{width:8px;height:8px}.disk-meter{margin:auto 8px 6px;padding-top:8px;text-align:center}.disk-meter .bar{display:block;height:3px}.topbar-search{max-width:280px}.topbar-right .stat{display:none}.list .hd,.list .row{grid-template-columns:20px 24px 32px minmax(140px,2fr) minmax(100px,1.2fr) 56px 60px;gap:10px}.now-playing{grid-template-columns:1fr 320px;padding:28px;gap:28px;--np-disc: 280px;--np-wave-max: 540px}.np-info h2{font-size:28px}.upload-table .uhd,.upload-table .urow.upload-row-wide{grid-template-columns:28px 48px 1fr 130px 60px 90px 24px}.upload-table .uhd .col-bpm,.upload-table .urow.upload-row-wide>input.bpm-cell{display:none}.playerbar{grid-template-columns:260px 1fr 260px;gap:12px;padding:0 12px}.playerbar .player-right{gap:8px}.playerbar .vol-wrap{width:80px;gap:6px}}@media (max-width: 720px){.app{grid-template-rows:calc(44px + env(safe-area-inset-top)) 1fr auto}.topbar{padding:0 8px;padding-top:env(safe-area-inset-top);gap:6px}.topbar .brand{display:none}.topbar-search{flex:1 1 0;min-width:0;width:0;max-width:none;padding:3px 6px;gap:4px}.topbar-search .prompt,.topbar-search .kbd{display:none}.topbar-search input{padding:4px;height:30px}.search-panel{position:fixed;top:calc(44px + env(safe-area-inset-top));left:0;right:0;max-height:calc(100dvh - 124px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-left:0;border-right:0}.topbar-right .stat{display:none}.topbar-right{gap:6px;margin-left:auto}.brand{font-size:12px}.brand .ekg{width:28px;height:12px}.upload-btn{padding:4px 8px;font-size:10px}.avatar{width:26px;height:26px}.now-playing{grid-template-columns:1fr;padding:16px;gap:20px;height:auto;overflow-y:auto;overflow-x:hidden;--np-disc: 220px;--np-wave-max: 100%}.np-main{gap:18px}.np-side{border-left:0;padding-left:0;border-top:1px solid var(--hairline);padding-top:18px}.album-cluster.mode-sleeve_vinyl{--np-disc: min(180px, calc((100vw - 48px) / 1.55))}.np-info h2{font-size:24px}.np-info .artist-line .np-album{display:none}.view{padding:14px 14px 24px}.view-head h1{font-size:24px}.view-head{padding-bottom:14px;margin-bottom:16px;flex-direction:column;align-items:stretch;gap:12px}.view-head .sub{display:flex;flex-wrap:wrap;gap:4px 10px;line-height:1.5}.crate-actions{display:flex;flex-wrap:wrap;gap:6px}.crate-actions button{flex:0 1 auto;font-size:11px}.toolbar{gap:8px}.filter-chip{padding:4px 8px;font-size:10px}.list .hd{display:none}.list .row{grid-template-columns:36px 1fr 50px;grid-template-areas:"art title len" "art artist len";column-gap:10px;row-gap:0;padding:10px 12px;height:56px;overflow:hidden;align-items:center}.list .row .num,.list .row .menu{display:none}.list .row .art{grid-area:art;width:36px;height:36px}.list .row .title{grid-area:title;align-self:end}.list .row .artist{grid-area:artist;align-self:start;font-size:11px}.list .row .len{grid-area:len}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.grid.grid-xs{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.grid.grid-s{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.grid.grid-m{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.grid.grid-l{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.upload-table{font-size:12px}.upload-table .uhd,.upload-table .urow.upload-row-wide{grid-template-columns:48px 1fr 80px 24px}.upload-table .uhd>span:nth-child(1),.upload-table .uhd>span:nth-child(4),.upload-table .uhd>span:nth-child(5),.upload-table .uhd>span:nth-child(6){display:none}.upload-table .urow.upload-row-wide>input,.upload-table .urow.upload-row-wide>span:nth-child(1),.upload-table .urow.upload-row-wide>span:nth-child(6){display:none}.upload-table .uhd>span:nth-child(7){text-align:right}.upload-table .urow.upload-row-wide{height:auto;padding:10px 12px}.share-card{grid-template-columns:1fr;padding:18px;gap:18px}.share-card .art{width:100%;height:200px}.auth-stack{width:100%}.auth-card{padding:22px}.auth-wrap{padding:24px 16px;align-items:flex-start}.auth-tagline{font-size:12.5px;margin-bottom:18px}.guest-card{padding:16px}}@media (max-height: 500px) and (max-width: 900px) and (orientation: landscape){.now-playing{grid-template-columns:1fr 1fr!important;padding:12px;gap:16px;--np-disc: 160px;--np-wave-max: 100%}.np-main{gap:10px}.album-cluster.mode-sleeve_vinyl{--np-disc: min(130px, calc((50vw - 24px) / 1.55))}.np-info h2{font-size:18px}.np-info .crumb{font-size:9px}.np-info .artist-line .np-album{display:none}.waveform{height:48px}.np-side{border-top:0;border-left:1px solid var(--hairline);padding-top:0;padding-left:16px}}@media (min-width: 721px){.playerbar .mobile-play,.topbar .mobile-search-btn{display:none}}.filter-chip-wrap{position:relative;display:inline-flex}.filter-label{font-family:var(--mono);font-size:10px;color:var(--moss);text-transform:uppercase;letter-spacing:.1em}.chip-popover{position:absolute;top:calc(100% + 4px);right:0;background:var(--panel);border:1px solid var(--cyan);min-width:160px;max-width:240px;max-height:280px;overflow-y:auto;z-index:30;padding:4px 0;box-shadow:0 4px #0006}.chip-popover .pop-item{display:flex;align-items:center;gap:8px;width:100%;background:transparent;border:0;padding:6px 12px;font-family:var(--mono);font-size:11px;color:var(--ash);text-align:left;cursor:pointer;text-transform:uppercase;letter-spacing:.06em}.chip-popover .pop-item:hover{background:var(--panel-2);color:var(--bone)}.chip-popover .pop-item.on{color:var(--cyan)}.chip-popover .pop-item.on:after{content:"◉";margin-left:auto;color:var(--cyan)}.chip-popover .pop-dot{width:8px;height:8px;flex-shrink:0}.chip-popover .pop-empty{padding:10px 12px;font-family:var(--mono);font-size:10px;color:var(--moss-dim);text-transform:uppercase;letter-spacing:.08em}.ctx-menu{position:fixed;background:var(--panel);border:1px solid var(--cyan);min-width:200px;max-width:240px;z-index:220;padding:4px 0;box-shadow:0 4px #00000080;font-family:var(--mono);max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.ctx-head{font-size:10px;color:var(--moss);text-transform:uppercase;letter-spacing:.1em;padding:8px 12px 6px;border-bottom:1px solid var(--hairline);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ctx-item{display:flex;align-items:center;gap:10px;width:100%;background:transparent;border:0;padding:8px 12px;font-family:var(--mono);font-size:11px;color:var(--ash);text-align:left;text-decoration:none;cursor:pointer;text-transform:uppercase;letter-spacing:.06em;overflow-wrap:anywhere}.ctx-item:hover{background:var(--panel-2);color:var(--bone)}.ctx-item.ctx-armed{background:var(--cyan);color:var(--void);font-weight:700;box-shadow:inset 4px 0 0 0 var(--void)}.ctx-item.ctx-armed .ctx-arrow{color:var(--void)}body.ctx-drag{overflow:hidden;overscroll-behavior:none}body.ctx-drag .main{overflow:hidden!important;touch-action:none;overscroll-behavior:none}.ctx-item.danger{color:var(--red)}.ctx-item.danger:hover,.ctx-item.danger.ctx-armed{background:var(--red);color:var(--void)}.ctx-item.ctx-nest{padding-left:30px;font-size:10px}.ctx-arrow{margin-left:auto;color:var(--moss);font-size:9px}.ctx-sep{height:1px;background:var(--hairline);margin:4px 0}.ctx-cratelist{max-height:160px;overflow-y:auto;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#060a0dc7;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:500;display:grid;place-items:center;grid-template-columns:minmax(0,100%);padding:24px;animation:modalFade .1s ease-out}@keyframes modalFade{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--panel);border:1px solid var(--cyan);width:min(440px,100%);min-width:0;max-width:100%;display:flex;flex-direction:column;box-shadow:0 6px #00000073}.modal-card.danger{border-color:var(--red)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border-bottom:1px solid var(--hairline);background:var(--panel-2)}.modal-head .kind{font-family:var(--mono);font-size:10px;color:var(--moss);text-transform:uppercase;letter-spacing:.12em}.modal-card.danger .modal-head .kind{color:var(--red)}.modal-head .close{font-family:var(--mono);font-size:14px;color:var(--moss);cursor:pointer;line-height:1;padding:0 4px}.modal-head .close:hover{color:var(--bone)}.modal-body{padding:20px 22px 16px;overflow-wrap:anywhere}.modal-title{font-family:var(--sans);font-size:18px;font-weight:700;letter-spacing:-.01em;margin:0 0 8px;color:var(--bone)}.modal-message{font-family:var(--mono);font-size:12px;color:var(--ash);text-transform:none;letter-spacing:0;line-height:1.5;margin:0 0 14px;white-space:pre-wrap}.modal-input{width:100%;background:var(--void);border:1px solid var(--hairline-strong);color:var(--bone);font-family:var(--mono);font-size:13px;padding:10px 12px}.modal-input:focus{outline:0;border-color:var(--cyan)}.modal-actions{display:flex;gap:10px;justify-content:flex-end;padding:12px 18px 18px}.modal-card.danger .btn-primary,.btn-primary.danger{background:var(--red);border-color:var(--red);color:var(--bone)}.modal-card.danger .btn-primary:hover,.btn-primary.danger:hover{background:var(--bone);color:var(--red);border-color:var(--bone)}.pp-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#060a0dcc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:320;display:grid;place-items:center;grid-template-columns:minmax(0,100%);padding:24px;animation:modalFade .1s ease-out}.pp-card{background:var(--panel);border:1px solid var(--cyan);width:min(640px,100%);min-width:0;max-width:100%;max-height:min(660px,90vh);display:flex;flex-direction:column;box-shadow:0 6px #00000073;font-family:var(--mono)}.pp-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid var(--hairline);background:var(--panel-2)}.pp-head-text{display:flex;flex-direction:column;gap:3px;min-width:0}.pp-kind{font-size:10px;color:var(--moss);text-transform:uppercase;letter-spacing:.12em}.pp-song{font-family:var(--sans);font-size:15px;font-weight:700;color:var(--bone);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-close{font-size:16px;color:var(--moss);cursor:pointer;line-height:1;padding:0 2px;flex:none}.pp-close:hover{color:var(--bone)}.pp-search{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--hairline)}.pp-search>svg{color:var(--moss);flex:none}.pp-search input{flex:1;min-width:0;background:var(--void);border:1px solid var(--hairline-strong);color:var(--bone);font-family:var(--mono);font-size:12px;padding:7px 10px}.pp-search input:focus{outline:0;border-color:var(--cyan)}.pp-new{display:flex;align-items:center;gap:5px;flex:none;background:transparent;border:1px solid var(--hairline-strong);color:var(--ash);font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.06em;padding:7px 9px;cursor:pointer}.pp-new:hover{border-color:var(--green);color:var(--bone);background:var(--green)}.pp-meta{padding:7px 14px;font-size:9.5px;color:var(--moss);text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--hairline)}.pp-list{overflow-y:auto;flex:1;padding:6px;display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:3px;align-content:start}.pp-empty{grid-column:1 / -1;padding:28px 14px;text-align:center;font-size:11px;color:var(--moss);text-transform:uppercase;letter-spacing:.08em}.pp-sect{grid-column:1 / -1;padding:8px 8px 3px;font-size:9.5px;color:var(--moss);text-transform:uppercase;letter-spacing:.1em}.pp-row{display:flex;align-items:center;gap:9px;min-width:0;background:var(--void);border:0;border-left:2px solid transparent;padding:8px 10px;font-family:var(--mono);font-size:11.5px;color:var(--ash);text-align:left;cursor:pointer;text-decoration:none}.pp-row:hover{background:var(--panel-2);color:var(--bone)}.pp-row.in{color:var(--bone);border-left-color:var(--green);background:var(--panel-2)}.pp-row.pending{opacity:.5;cursor:default}.pp-check{flex:none;width:16px;height:16px;display:grid;place-items:center;border:1px solid var(--hairline-strong);color:var(--void)}.pp-row.in .pp-check{background:var(--green);border-color:var(--green)}.pp-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:none;letter-spacing:0}.pp-count{flex:none;color:var(--moss);font-size:10px;font-variant-numeric:tabular-nums}.pp-actions{display:flex;justify-content:flex-end;padding:11px 14px;border-top:1px solid var(--hairline);background:var(--panel-2)}.pp-actions-split{justify-content:space-between;align-items:center;gap:12px}.pp-danger-group{display:flex;gap:6px;flex-wrap:wrap}.pp-danger{background:transparent;border:1px solid var(--hairline-strong);color:var(--moss);font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.06em;padding:7px 9px;cursor:pointer}.pp-danger:hover{border-color:var(--red);color:var(--bone);background:var(--red)}.pp-danger:disabled{opacity:.5;cursor:default}.pp-retry{background:transparent;border:1px solid var(--cyan);color:var(--cyan);font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.06em;padding:7px 9px;cursor:pointer}.pp-retry:hover{background:var(--cyan);color:var(--void)}.pp-retry:disabled{opacity:.5;cursor:default}.pp-card-choice{width:min(440px,100%)}.pp-card-choice .pp-list{padding:8px;gap:4px}@media (max-width: 560px){.pp-back{padding:10px}.pp-card{max-height:92vh}.pp-list{grid-template-columns:repeat(auto-fill,minmax(138px,1fr))}}.yt-probe{margin-top:10px;display:grid;grid-template-columns:60px 1fr;gap:12px;align-items:center;border:1px solid var(--hairline);background:var(--panel-2);padding:10px 12px}.yt-probe .thumb{width:60px;height:36px;object-fit:cover;border:1px solid var(--hairline-strong);background:var(--void)}.yt-probe .title{font-family:var(--sans);font-size:13px;font-weight:600;color:var(--bone);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yt-probe .meta{font-family:var(--mono);font-size:10px;color:var(--moss);text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.yt-probe .meta b{color:var(--ash);font-weight:500}.yt-trim{margin-top:10px;border:1px solid var(--hairline);background:var(--panel-2);padding:14px 16px 12px}.yt-trim-head{display:flex;align-items:baseline;gap:14px;margin-bottom:12px}.yt-trim-head .lbl{font-family:var(--mono);font-size:10px;color:var(--moss);text-transform:uppercase;letter-spacing:.1em}.yt-trim-head .keep{font-family:var(--mono);font-size:11px;color:var(--cyan);letter-spacing:.04em}.yt-trim-head .keep b{color:var(--bone);font-weight:500}.yt-trim-head .reset{margin-left:auto;font-family:var(--mono);font-size:10px;color:var(--moss);cursor:pointer;text-transform:uppercase;letter-spacing:.08em;border:0;background:transparent;padding:0}.yt-trim-head .reset:hover{color:var(--bone)}.yt-range{position:relative;height:28px;margin:0 8px;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.yt-range:before{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:4px;background:var(--moss-dim)}.yt-range .yt-fill{position:absolute;top:50%;transform:translateY(-50%);height:4px;background:var(--cyan)}.yt-range .yt-handle{position:absolute;top:50%;width:14px;height:22px;background:var(--cyan);transform:translate(-50%,-50%);cursor:ew-resize;border:1px solid var(--void);z-index:2}.yt-range .yt-handle:hover,.yt-range .yt-handle.dragging{background:var(--bone)}.yt-range .yt-handle .grip{position:absolute;top:50%;left:50%;width:1px;height:12px;background:var(--void);transform:translate(-50%,-50%);box-shadow:-3px 0 0 var(--void),3px 0 0 var(--void)}.yt-trim-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.yt-trim-inputs .field{margin:0;display:flex;align-items:center;gap:8px}.yt-trim-inputs label{font-family:var(--mono);font-size:10px;color:var(--moss);text-transform:uppercase;letter-spacing:.1em;width:50px;flex-shrink:0}.yt-trim-inputs input{flex:1;background:var(--void);border:1px solid var(--hairline-strong);color:var(--bone);font-family:var(--mono);font-size:12px;padding:5px 8px;font-variant-numeric:tabular-nums}.yt-trim-inputs input:focus{outline:0;border-color:var(--cyan)}.yt-range .yt-playhead{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--green);transform:translate(-50%);pointer-events:none;z-index:1;box-shadow:0 0 6px #3ecf8e99}.yt-range .yt-handle.start,.yt-range .yt-handle.end{background:var(--cyan)}.trim-playbar{display:flex;gap:8px;align-items:center;margin:12px 8px 0;flex-wrap:wrap}.trim-pb-btn{background:var(--void);border:1px solid var(--hairline-strong);color:var(--bone);font-family:var(--mono);font-size:10px;padding:6px 10px;cursor:pointer;text-transform:uppercase;letter-spacing:.08em}.trim-pb-btn:hover{border-color:var(--cyan);color:var(--cyan)}.trim-pb-btn:disabled{opacity:.4;cursor:default;pointer-events:none}.trim-pb-btn.on{background:var(--cyan);color:var(--void);border-color:var(--cyan)}.trim-pb-time{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--green);font-variant-numeric:tabular-nums}.trim-edge{margin:10px 8px 0;border-top:1px dashed var(--hairline);padding-top:8px}.trim-edge-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}.trim-edge-head .lbl{font-family:var(--mono);font-size:10px;color:var(--moss);text-transform:uppercase;letter-spacing:.1em;width:50px}.trim-set{background:transparent;border:1px solid var(--hairline-strong);color:var(--moss);font-family:var(--mono);font-size:9px;padding:3px 8px;cursor:pointer;text-transform:uppercase;letter-spacing:.08em}.trim-set:hover{color:var(--green);border-color:var(--green)}.trim-edge-row{display:flex;align-items:center;gap:8px}.trim-edge-row>input{width:130px;background:var(--void);border:1px solid var(--hairline-strong);color:var(--bone);font-family:var(--mono);font-size:12px;padding:5px 8px;font-variant-numeric:tabular-nums}.trim-edge-row>input:focus{outline:0;border-color:var(--cyan)}.trim-edge-row>input.invalid{border-color:var(--red);color:var(--red)}.trim-step-group{display:flex;gap:2px}.trim-step-group button{background:var(--void);border:1px solid var(--hairline-strong);color:var(--moss);font-family:var(--mono);font-size:10px;padding:5px 6px;cursor:pointer;min-width:36px;font-variant-numeric:tabular-nums}.trim-step-group button:hover{color:var(--cyan);border-color:var(--cyan)}.trim-warn{margin:8px 8px 0;font-family:var(--mono);font-size:10px;color:var(--red);text-transform:uppercase;letter-spacing:.08em}.tbtn.skip{width:26px;height:26px;color:var(--moss)}.tbtn.skip:hover{color:var(--bone)}.tbtn.skip svg{width:18px;height:18px}.transport{gap:10px}.track .hover-preview{position:absolute;bottom:calc(100% + 4px);transform:translate(-50%);font-family:var(--mono);font-size:10px;color:var(--bone);background:var(--panel-2);border:1px solid var(--cyan);padding:2px 6px;white-space:nowrap;font-variant-numeric:tabular-nums;pointer-events:none;z-index:5}.mobile-bar{display:none}.mb-scrubrow{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;gap:8px}.mb-time{font-family:var(--mono);font-size:10px;color:var(--ash);text-align:left;font-variant-numeric:tabular-nums}.mb-time.right{color:var(--moss);text-align:right}.mb-track{position:relative;height:22px;cursor:pointer;touch-action:pan-y}.mb-track:before{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:3px;background:var(--moss-dim)}.mb-track .mb-fill{position:absolute;left:0;top:50%;transform:translateY(-50%);height:3px;background-image:var(--accent-gradient-h);background-size:calc(100% / var(--p, 1)) 100%;background-position:left center;background-repeat:no-repeat}.mb-track .mb-head{position:absolute;top:50%;width:16px;height:16px;background:var(--cyan);transform:translate(-50%,-50%);box-shadow:0 0 0 2px var(--panel)}.mb-controls{display:grid;grid-template-columns:repeat(7,1fr);align-items:center;gap:2px}.mb-btn{background:transparent;border:0;cursor:pointer;color:var(--ash);height:44px;display:grid;place-items:center;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.mb-btn.active,.mb-btn.active svg{color:var(--track-accent, var(--red))!important}.mb-btn.shuffle.active{background:color-mix(in srgb,var(--track-accent, var(--red)) 14%,transparent);box-shadow:inset 0 -2px 0 0 var(--track-accent, var(--red))}@media (max-width: 720px){.playerbar{grid-template-rows:auto auto;grid-template-columns:1fr;grid-template-areas:"now" "mb";height:auto;padding:6px 12px 8px;padding-bottom:max(8px,env(safe-area-inset-bottom));gap:4px;align-items:stretch}.playerbar .player-now{grid-area:now;display:grid;grid-template-columns:40px 1fr;align-items:center;gap:10px;height:44px;cursor:pointer}.playerbar .player-now .player-meta{min-width:0}.playerbar .player-now .player-meta .by{display:none}.playerbar .player-now .player-meta .title{font-size:13px}.playerbar .player-now .player-meta .artist{font-size:11px}.playerbar .player-center,.playerbar .player-right{display:none}.mini-vinyl{width:40px!important;height:40px!important}.mobile-bar{grid-area:mb;display:grid;grid-template-rows:22px 44px;gap:6px}}.mb-btn svg{width:22px;height:22px}.mb-btn.small svg{width:18px;height:18px;color:var(--moss)}.extras-wrap.mobile{display:grid;place-items:center;height:44px}.extras-wrap.mobile .mb-btn{width:100%}.mb-btn:hover,.mb-btn:active{color:var(--bone)}.mb-btn.play{color:var(--cyan);border:1px solid var(--cyan);height:40px;align-self:center;margin:0 4px}.mb-btn.play svg{width:18px;height:18px}.mb-btn.play:active{background:var(--cyan);color:var(--void)}.topbar-menu{display:none;background:transparent;border:1px solid var(--hairline);color:var(--ash);cursor:pointer;width:32px;height:28px;align-items:center;justify-content:center;padding:0}.topbar-menu:hover{color:var(--bone);border-color:var(--cyan)}.topbar-menu svg{width:16px;height:16px}.nav-backdrop{display:none}@media (max-width: 1100px){.topbar-menu{display:inline-flex}}@media (max-width: 720px){.app{grid-template-columns:1fr;grid-template-areas:"top" "main" "player"}.app .sidenav{position:fixed;top:0;left:0;bottom:0;width:calc(280px + env(safe-area-inset-left));max-width:86vw;z-index:80;transform:translate(-100%);transition:transform .2s cubic-bezier(.2,.7,.3,1);border-right:1px solid var(--cyan);box-shadow:8px 0 #0006;display:flex;padding:12px 0 16px;padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom));padding-left:env(safe-area-inset-left);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.app .sidenav .disk-meter{margin-top:14px}.app.nav-open .sidenav{transform:translate(0)}.app.nav-dragging .sidenav{transform:translate(var(--drag-x, -100%));transition:none}.nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:transparent;z-index:75;pointer-events:none;transition:none}.app.nav-open .nav-backdrop,.app.nav-dragging .nav-backdrop{pointer-events:auto}.sidenav .nav-group .label,.sidenav .nav-item span:not(.ico),.sidenav .nav-item .count,.sidenav .nav-crate span,.sidenav .disk-meter .row,.sidenav .disk-meter .bar{display:revert}.sidenav .nav-item{justify-content:flex-start;padding:9px 16px}.sidenav .nav-item .ico{width:14px;height:14px}.sidenav .nav-crate{justify-content:flex-start;padding:8px 16px}}@media (min-width: 721px) and (max-width: 1100px){.app .sidenav{transition:width .22s cubic-bezier(.2,.7,.3,1)}.app.nav-open{grid-template-columns:240px 1fr}.app.nav-open .sidenav{padding:14px 0;width:auto}.app.nav-open .sidenav .nav-group .label,.app.nav-open .sidenav .nav-item span:not(.ico),.app.nav-open .sidenav .nav-item .count,.app.nav-open .sidenav .nav-crate span,.app.nav-open .sidenav .disk-meter .row,.app.nav-open .sidenav .disk-meter .bar{display:revert}.app.nav-open .sidenav .nav-item{justify-content:flex-start;padding:7px 14px}.app.nav-open .sidenav .nav-crate{justify-content:flex-start;padding:6px 14px 6px 18px}.nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:88px;left:56px;background:transparent;z-index:5;pointer-events:none;transition:none}.app.nav-open .nav-backdrop{pointer-events:auto}}@media (hover: none) and (pointer: coarse){.playerbar .vol-wrap{display:none}}@media (max-height: 500px) and (max-width: 1024px) and (orientation: landscape){.app{grid-template-rows:calc(44px + env(safe-area-inset-top)) 1fr auto;grid-template-columns:1fr;grid-template-areas:"top" "main" "player"}.playerbar{grid-template-rows:auto;grid-template-columns:200px 1fr;grid-template-areas:"now mb";height:calc(64px + max(env(safe-area-inset-bottom),22px));padding:6px 10px;padding-bottom:max(env(safe-area-inset-bottom),22px);gap:10px}.playerbar .player-now{height:auto}.playerbar .player-now:after{display:none}.playerbar .player-center,.playerbar .player-right{display:none}.mobile-bar{display:grid;grid-template-rows:18px 36px;gap:4px}.mb-controls .mb-btn{height:36px}.mb-btn.play{height:32px}.app .sidenav{position:fixed;top:0;left:0;bottom:0;width:calc(280px + env(safe-area-inset-left));max-width:86vw;z-index:80;transform:translate(-100%);transition:transform .2s cubic-bezier(.2,.7,.3,1);border-right:1px solid var(--cyan);box-shadow:8px 0 #0006;display:flex;padding:12px 0 16px;padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom));padding-left:env(safe-area-inset-left);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.app.nav-open{grid-template-columns:1fr}.app.nav-open .sidenav{transform:translate(0);width:calc(280px + env(safe-area-inset-left));padding:12px 0 16px;padding-left:env(safe-area-inset-left)}.app.nav-dragging .sidenav{transform:translate(var(--drag-x, -100%));transition:none}.app .sidenav .disk-meter{margin-top:14px}.sidenav .nav-group .label,.sidenav .nav-item span:not(.ico),.sidenav .nav-item .count,.sidenav .nav-crate span,.sidenav .disk-meter .row,.sidenav .disk-meter .bar{display:revert}.sidenav .nav-item{justify-content:flex-start;padding:9px 16px}.sidenav .nav-item .ico{width:14px;height:14px}.sidenav .nav-crate{justify-content:flex-start;padding:8px 16px}.nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:transparent;z-index:75;pointer-events:none;transition:none}.app.nav-open .nav-backdrop,.app.nav-dragging .nav-backdrop{pointer-events:auto}.list .hd,.list .row{grid-template-columns:20px 24px 32px minmax(140px,2fr) minmax(100px,1.2fr) 56px 60px;gap:10px}}.editor-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#060a0dd9;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:90;display:grid;place-items:center;padding:24px}.editor-card{background:var(--panel);border:1px solid var(--cyan);width:min(720px,100%);max-height:calc(100vh - 48px);display:flex;flex-direction:column;box-shadow:0 6px #00000080;overflow:hidden}.editor-head{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--hairline);background:var(--panel-2)}.editor-head .kind{font-family:var(--mono);font-size:10px;color:var(--moss);text-transform:uppercase;letter-spacing:.12em}.editor-head .close{font-family:var(--mono);font-size:16px;color:var(--moss);cursor:pointer;line-height:1;padding:0 4px}.editor-head .close:hover{color:var(--bone)}.editor-body{display:grid;grid-template-columns:240px 1fr;gap:24px;padding:22px 22px 12px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}@media (max-width: 720px){.editor-back{padding:0}.editor-card{width:100%;height:100vh;height:100dvh;height:var(--app-height, 100dvh);max-height:none;border-left:0;border-right:0}.editor-head{padding-top:calc(10px + env(safe-area-inset-top));padding-left:calc(16px + env(safe-area-inset-left));padding-right:calc(16px + env(safe-area-inset-right))}.editor-head .close{font-size:20px;padding:8px 10px;margin:-8px -10px -8px 0}.editor-body{grid-template-columns:1fr;gap:16px;padding:16px;padding-left:calc(16px + env(safe-area-inset-left));padding-right:calc(16px + env(safe-area-inset-right))}.editor-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:8px}.editor-actions{flex-wrap:wrap;padding:12px 16px 16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));padding-left:calc(16px + env(safe-area-inset-left));padding-right:calc(16px + env(safe-area-inset-right))}.editor-actions .save-status{flex-basis:100%}.editor-actions button{flex:1 1 auto}.trim-edge-row{flex-wrap:wrap}.trim-edge-row>input{flex:1 1 100%;width:auto;min-width:0}.trim-step-group{width:100%}.trim-step-group button{flex:1;min-width:0;padding:6px 2px}}.editor-cover-col h3,.editor-meta-col h3{font-family:var(--mono);font-size:10px;color:var(--moss);text-transform:uppercase;letter-spacing:.12em;margin:0 0 8px;font-weight:500}.editor-cover-preview{width:100%;aspect-ratio:1;background:var(--void);border:1px solid var(--hairline-strong);display:grid;place-items:center;overflow:hidden;position:relative}.editor-cover-preview img{width:100%;height:100%;object-fit:cover;display:block}.editor-cover-preview .placeholder{font-family:var(--mono);font-size:32px;font-weight:700;color:var(--moss)}.editor-cover-actions{margin-top:8px;display:flex;gap:6px;flex-wrap:wrap}.editor-cover-actions button{flex:1;border:1px solid var(--hairline-strong);background:transparent;color:var(--ash);font-family:var(--mono);font-size:10px;padding:6px 10px;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.editor-cover-actions button:hover{border-color:var(--cyan);color:var(--cyan)}.editor-cover-actions button.danger:hover{border-color:var(--red);color:var(--red)}.editor-field{margin-bottom:12px}.editor-field label{display:block;font-family:var(--mono);font-size:10px;color:var(--moss);text-transform:uppercase;letter-spacing:.1em;margin-bottom:5px}.editor-field input,.editor-field textarea,.editor-field select{width:100%;min-width:0;background:var(--void);border:1px solid var(--hairline-strong);color:var(--bone);font-family:var(--mono);font-size:12px;padding:7px 10px}.editor-field input:focus,.editor-field textarea:focus,.editor-field select:focus{outline:0;border-color:var(--cyan)}.editor-field textarea{resize:vertical;min-height:60px;font-family:var(--sans);font-size:13px;line-height:1.5}.editor-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.editor-row .editor-field{margin-bottom:12px}.editor-trim{margin-top:8px;border:1px solid var(--hairline);background:var(--panel-2);padding:12px 14px}.editor-actions{display:flex;gap:10px;justify-content:flex-end;padding:12px 22px 18px;border-top:1px solid var(--hairline)}.editor-actions .save-status{flex:1;display:flex;align-items:center;font-family:var(--mono);font-size:10px;color:var(--moss);text-transform:uppercase;letter-spacing:.08em}.editor-actions .save-status.ok{color:var(--green)}.editor-actions .save-status.err{color:var(--red)}.cropper-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#060a0deb;z-index:600;display:grid;place-items:center;padding:24px}.cropper-card{background:var(--panel);border:1px solid var(--cyan);width:min(420px,100%);display:flex;flex-direction:column}.cropper-head{padding:10px 14px;border-bottom:1px solid var(--hairline);background:var(--panel-2);display:flex;align-items:center;justify-content:space-between}.cropper-head .lbl{font-family:var(--mono);font-size:10px;color:var(--moss);text-transform:uppercase;letter-spacing:.12em}.cropper-stage{position:relative;width:100%;aspect-ratio:1;background:#000;overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none}.cropper-stage.dragging{cursor:grabbing}.cropper-stage img{position:absolute;top:0;left:0;transform-origin:0 0;pointer-events:none;-webkit-user-drag:none}.cropper-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--cyan);pointer-events:none;box-shadow:0 0 0 9999px #060a0d66 inset}.cropper-controls{padding:12px 14px;display:flex;align-items:center;gap:12px;border-top:1px solid var(--hairline)}.cropper-controls .zoom{flex:1;display:flex;align-items:center;gap:8px}.cropper-controls .zoom input[type=range]{flex:1;accent-color:var(--cyan)}.cropper-controls .lbl{font-family:var(--mono);font-size:10px;color:var(--moss);text-transform:uppercase;letter-spacing:.1em}.cropper-actions{display:flex;gap:8px;padding:0 14px 14px}.sync-launch{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media (max-width: 720px){.sync-launch{grid-template-columns:1fr}}.sync-card{border:1px solid var(--hairline);background:var(--panel);padding:22px}.sync-card h3{font-family:var(--mono);font-size:11px;color:var(--cyan);text-transform:uppercase;letter-spacing:.12em;margin:0 0 8px}.sync-card p{font-family:var(--sans);font-size:13px;color:var(--ash);margin:0 0 16px;line-height:1.5}.sync-card form{display:flex;gap:8px}.sync-card .code-input{flex:1;background:var(--void);border:1px solid var(--hairline-strong);color:var(--bone);font-family:var(--mono);font-size:22px;font-weight:700;padding:10px 14px;text-align:center;letter-spacing:.2em;text-transform:uppercase}.sync-card .code-input:focus{outline:0;border-color:var(--cyan)}.sync-hint{margin-top:10px;font-family:var(--mono);font-size:10px;color:var(--moss);text-transform:uppercase;letter-spacing:.08em}.sync-err{margin-top:10px;font-family:var(--mono);font-size:11px;color:var(--red)}.sync-grid{display:grid;grid-template-columns:1fr 280px;gap:24px}@media (max-width: 900px){.sync-grid{grid-template-columns:1fr}}.sync-now{display:grid;grid-template-columns:140px 1fr;gap:18px;align-items:center;border:1px solid var(--hairline);background:var(--panel);padding:16px;margin-bottom:16px}.sync-cover{width:140px;height:140px;display:grid;place-items:center;background-size:cover;background-position:center;font-family:var(--mono);font-size:28px;font-weight:700;color:var(--void);border:1px solid var(--hairline-strong)}.sync-meta h2{font-family:var(--sans);font-size:22px;font-weight:700;margin:0 0 4px;letter-spacing:-.01em}.sync-meta .artist-line{font-family:var(--sans);font-size:13px;color:var(--ash);margin-bottom:8px}.sync-meta .meta-line{font-family:var(--mono);font-size:10px;color:var(--moss);text-transform:uppercase;letter-spacing:.1em;display:flex;gap:12px;flex-wrap:wrap}.sync-meta .meta-line b{color:var(--bone);font-weight:500}.sync-controls{display:flex;gap:12px;justify-content:center;padding:12px;border:1px solid var(--hairline);background:var(--panel-2);margin-bottom:16px}.sync-mode-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px;font-family:var(--mono)}.sync-mode-row .lbl{font-size:10px;color:var(--moss);text-transform:uppercase;letter-spacing:.12em}.sync-mode-row .mode-btn{border:1px solid var(--hairline);background:transparent;color:var(--ash);font-family:var(--mono);font-size:11px;padding:5px 12px;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.sync-mode-row .mode-btn:hover{border-color:var(--moss);color:var(--bone)}.sync-mode-row .mode-btn.on{border-color:var(--cyan);color:var(--cyan)}.sync-mode-row .hint{font-size:10px;color:var(--moss);text-transform:uppercase;letter-spacing:.08em}.sync-h3{font-family:var(--mono);font-size:11px;color:var(--moss);text-transform:uppercase;letter-spacing:.12em;margin:18px 0 10px;font-weight:500}.sync-add{display:flex;flex-direction:column;gap:8px}.sync-search{background:var(--void);border:1px solid var(--hairline-strong);color:var(--bone);font-family:var(--mono);font-size:12px;padding:7px 10px}.sync-search:focus{outline:0;border-color:var(--cyan)}.sync-add-list{border:1px solid var(--hairline);background:var(--panel);max-height:280px;overflow-y:auto}.sync-add-row{display:grid;grid-template-columns:24px 1fr auto auto;align-items:center;gap:10px;padding:6px 12px;border-bottom:1px solid var(--hairline);font-family:var(--mono)}.sync-add-row:last-child{border-bottom:0}.sync-add-row:hover{background:var(--panel-2)}.sync-add-row .info{min-width:0}.sync-add-row .title{font-family:var(--sans);font-size:12px;font-weight:500;color:var(--bone);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sync-add-row .artist{font-family:var(--sans);font-size:11px;color:var(--moss);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sync-add-row button{width:24px;height:24px;background:transparent;border:1px solid var(--hairline-strong);color:var(--ash);font-family:var(--mono);font-size:11px;cursor:pointer}.sync-add-row button:hover{border-color:var(--cyan);color:var(--cyan)}.sync-side{border-left:1px solid var(--hairline);padding-left:24px}@media (max-width: 900px){.sync-side{border-left:0;padding-left:0;border-top:1px solid var(--hairline);padding-top:18px}}.sync-members{display:flex;flex-direction:column;border:1px solid var(--hairline);background:var(--panel)}.sync-member{display:flex;align-items:center;gap:8px;padding:8px 12px;font-family:var(--mono);font-size:11px;border-bottom:1px solid var(--hairline)}.sync-member:last-child{border-bottom:0}.sync-member.me{background:var(--panel-2)}.sync-member .dot{width:8px;height:8px;flex-shrink:0}.sync-member .name{flex:1;color:var(--bone);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sync-member .name .tag{font-size:9px;color:var(--moss);margin-left:6px;text-transform:uppercase;letter-spacing:.08em}.sync-member .host-tag{font-size:9px;color:var(--cyan);text-transform:uppercase;letter-spacing:.08em}.sync-member .member-actions{display:flex;gap:4px}.sync-member .member-actions button{background:transparent;border:1px solid var(--hairline);color:var(--moss);font-family:var(--mono);font-size:11px;width:22px;height:22px;cursor:pointer}.sync-member .member-actions button:hover{border-color:var(--cyan);color:var(--cyan)}.sync-info{margin-top:18px;font-family:var(--mono);font-size:11px}.sync-info>div{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--hairline)}.sync-info>div:last-child{border-bottom:0}.sync-info .k{color:var(--moss);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.sync-info .v{color:var(--bone)}.guest-card{width:100%;box-sizing:border-box;background:var(--panel-2);border:1px solid var(--hairline-strong);border-left:2px solid var(--cyan);padding:18px 20px}.guest-card-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.guest-card-dots{font-family:var(--mono);font-size:9px;color:var(--cyan);letter-spacing:.1em}.guest-card-label{font-family:var(--mono);font-size:11px;font-weight:600;color:var(--bone);text-transform:uppercase;letter-spacing:.12em}.guest-card-text{font-family:var(--sans);font-size:12.5px;line-height:1.5;color:var(--moss);margin:0 0 14px}.btn-guest{width:100%;background:transparent;border:1px solid var(--cyan);color:var(--cyan);font-family:var(--mono);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;padding:11px;cursor:pointer;transition:background .12s ease,color .12s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn-guest:hover,.btn-guest:active{background:var(--cyan);color:var(--void)}.auth-card .reroll{font-family:var(--mono);font-size:9px;color:var(--moss);cursor:pointer;text-transform:uppercase;letter-spacing:.08em}.auth-card .reroll:hover{color:var(--cyan)}.auth-card .code-big{font-family:var(--mono);font-size:22px;font-weight:700;letter-spacing:.2em;text-align:center;text-transform:uppercase;padding:12px}.code-display{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:6px 0 14px}.code-cell{background:var(--void);border:1px solid var(--hairline-strong);color:var(--bone);font-family:var(--mono);font-size:28px;font-weight:700;text-align:center;padding:14px 0;min-height:52px;display:grid;place-items:center;letter-spacing:0;transition:border-color .12s ease}.code-cell.on{border-color:var(--cyan);color:var(--cyan)}.code-cell.caret{border-color:var(--cyan)}.code-cell.caret:after{content:"";width:2px;height:24px;background:var(--cyan);animation:caret-blink 1s steps(2,end) infinite}.code-cell.caret.on:after{display:none}@keyframes caret-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;-webkit-user-select:none;user-select:none}.keypad-btn{background:var(--void);border:1px solid var(--hairline-strong);color:var(--bone);font-family:var(--mono);font-size:20px;font-weight:700;padding:14px 0;min-height:56px;cursor:pointer;transition:background .1s ease,border-color .1s ease,color .1s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.keypad-btn:hover{border-color:var(--cyan);color:var(--cyan)}.keypad-btn:active{background:var(--cyan);color:var(--void)}.keypad-btn.muted{color:var(--moss);font-size:14px;text-transform:uppercase;letter-spacing:.08em}.keypad-btn:disabled{opacity:.4;cursor:not-allowed}.unlock-banner{position:sticky;top:0;z-index:20;background:var(--cyan);color:var(--void);font-family:var(--mono);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;padding:10px 16px;text-align:center;cursor:pointer;margin:-28px -32px 18px;animation:pulse-bg 1.4s ease-in-out infinite}@keyframes pulse-bg{0%,to{background:var(--cyan)}50%{background:var(--bone)}}.sync-indicator{display:inline-grid;place-items:center;width:22px;height:22px;color:var(--cyan);margin-left:4px}.sync-indicator svg{width:14px;height:14px}button:disabled{opacity:.4;cursor:not-allowed}.tbtn:disabled,.mb-btn:disabled{color:var(--moss-dim)!important}.tbtn.play:disabled{border-color:var(--moss-dim)}.tbtn.play.buffering,.mb-btn.play.buffering{position:relative}.tbtn.play.buffering:after,.mb-btn.play.buffering:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid transparent;border-top-color:var(--cyan, currentColor);border-right-color:var(--cyan, currentColor);animation:buffering-spin .7s linear infinite;pointer-events:none}@keyframes buffering-spin{to{transform:rotate(360deg)}}.list{position:relative}.list .hd{position:sticky;top:0;z-index:4}.np-main{width:100%}.now-playing-wrap{display:contents}.list .row:focus-visible{outline:1px solid var(--cyan);outline-offset:-1px}.list .row .title,.list .row .artist{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-swipe{position:relative;overflow:hidden}.row-swipe .row,.row-swipe .queue-row,.row-swipe .search-item-track{touch-action:pan-y;position:relative;z-index:1;background:var(--void);will-change:transform}.row-swipe .row.playing,.row-swipe .row.selected,.row-swipe .queue-row.current,.row-swipe .search-item-track.active,.row-swipe .row:hover,.row-swipe .queue-row:hover,.row-swipe .search-item-track:hover{background:var(--panel-2)}.row-swipe-reveal{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-right:22px;z-index:0;pointer-events:none;background:linear-gradient(270deg,var(--cyan-dim) 0%,rgba(0,151,186,.18) 60%,transparent 100%);color:var(--bone);font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;visibility:hidden}.row-swipe.is-swiping .row-swipe-reveal{visibility:visible}.row-swipe-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid var(--bone);border-radius:0;font-size:18px;line-height:1;color:var(--bone)}.row-swipe-label{color:var(--bone);font-weight:600}.row-swipe-reveal.armed{background:linear-gradient(270deg,var(--cyan) 0%,rgba(0,151,186,.4) 60%,transparent 100%);color:var(--void)}.row-swipe-reveal.armed .row-swipe-icon{background:var(--void);color:var(--cyan);border-color:var(--void)}.row-swipe-reveal.armed .row-swipe-label{color:var(--void)}input[type=file].hidden{display:none}.upload-zone{cursor:pointer}.upload-table .uhd,.upload-table .urow.upload-row-wide{grid-template-columns:32px 56px 1fr 160px 70px 72px 110px 24px;gap:12px}.upload-table .urow.upload-row-wide{height:64px}.cover-cell{display:flex;align-items:center}.cover-thumb{position:relative;width:48px;height:48px;background:var(--void);border:1px solid var(--hairline-strong);cursor:pointer;padding:0;display:grid;place-items:center;overflow:hidden;transition:border-color .1s}.cover-thumb:hover{border-color:var(--cyan)}.cover-thumb img{width:100%;height:100%;object-fit:cover;display:block}.cover-thumb .mono{font-family:var(--mono);font-size:16px;font-weight:700;color:var(--moss)}.cover-thumb .cover-edit{position:absolute;right:2px;bottom:2px;width:14px;height:14px;background:var(--cyan);color:var(--void);display:grid;place-items:center;opacity:0;transition:opacity .1s}.cover-thumb:hover .cover-edit{opacity:1}.yt-block{margin-top:18px;border:1px solid var(--hairline);background:var(--panel);padding:14px 16px 12px}.yt-head{display:flex;align-items:baseline;gap:14px;margin-bottom:10px}.yt-head .lbl{font-family:var(--mono);font-size:11px;color:var(--moss);text-transform:uppercase;letter-spacing:.12em}.yt-head .hint{font-family:var(--mono);font-size:10px;color:var(--moss-dim);text-transform:uppercase;letter-spacing:.06em}.yt-row{display:flex;align-items:center;background:var(--void);border:1px solid var(--hairline-strong);padding:6px 10px;gap:10px}.yt-row:focus-within{border-color:var(--cyan)}.yt-row .prompt{color:var(--red);font-family:var(--mono);font-size:12px}.yt-row input{flex:1;background:transparent;border:0;outline:0;color:var(--bone);font-family:var(--mono);font-size:12px}.yt-row input::placeholder{color:var(--moss-dim)}.yt-row .btn-primary.yt-go{padding:5px 14px;font-size:11px}.yt-jobs{margin-top:12px;display:flex;flex-direction:column;gap:8px}.yt-job{border:1px solid var(--hairline);background:var(--panel-2);padding:8px 10px}.yt-job .row1{display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:11px;margin-bottom:4px}.yt-job .status{flex-shrink:0;color:var(--cyan);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.yt-job.done .status{color:var(--green)}.yt-job.error .status{color:var(--red)}.yt-job .url{flex:1;color:var(--bone);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yt-job .pct{color:var(--moss);font-variant-numeric:tabular-nums;width:40px;text-align:right}.yt-job .progress{height:3px;background:var(--void);border:1px solid var(--hairline-strong);position:relative;overflow:hidden}.yt-job .progress i{position:absolute;left:0;top:0;bottom:0;background:var(--cyan);display:block;transition:width .3s linear}.yt-job .msg{margin-top:4px;font-family:var(--mono);font-size:9px;color:var(--moss);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.batch-block .yt-head code{background:var(--void);border:1px solid var(--hairline);padding:0 4px;font-family:var(--mono);font-size:10px;color:var(--ash)}.batch-stage{position:relative;display:flex;flex-direction:column;gap:8px;border:1px solid var(--hairline-strong);background:var(--void);padding:8px}.batch-stage.over{border-color:var(--cyan);background:var(--panel-2)}.batch-text{width:100%;resize:vertical;min-height:110px;background:transparent;border:0;outline:0;color:var(--bone);font-family:var(--mono);font-size:12px;line-height:1.5}.batch-text::placeholder{color:var(--moss-dim);white-space:pre}.batch-controls{display:flex;align-items:center;gap:10px;border-top:1px dashed var(--hairline);padding-top:8px}.batch-controls .btn-secondary{padding:4px 10px;font-size:11px}.batch-controls .btn-primary{padding:5px 14px;font-size:11px;margin-left:auto}.batch-stat{font-family:var(--mono);font-size:11px;color:var(--moss);text-transform:uppercase;letter-spacing:.08em}.batch-stat b{color:var(--cyan);font-weight:600}.batch-drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0097ba14;border:2px dashed var(--cyan);font-family:var(--mono);font-size:12px;color:var(--cyan);text-transform:uppercase;letter-spacing:.12em;pointer-events:none}.batch-preview{margin-top:10px;max-height:240px;overflow-y:auto;border:1px solid var(--hairline);font-family:var(--mono);font-size:11px}.batch-prev-row{display:grid;grid-template-columns:110px 1fr;gap:8px;padding:3px 8px;border-bottom:1px solid var(--hairline);white-space:nowrap;overflow:hidden}.batch-prev-row:last-child{border-bottom:0}.batch-prev-row .kind{color:var(--moss);text-transform:uppercase;letter-spacing:.08em;font-size:9px;align-self:center}.batch-prev-row.t-spotify_track .kind,.batch-prev-row.t-spotify_playlist .kind{color:var(--green)}.batch-prev-row.t-youtube .kind,.batch-prev-row.t-youtube_playlist .kind{color:var(--red)}.batch-prev-row.t-search .kind{color:var(--cyan)}.batch-prev-row .text{color:var(--bone);overflow:hidden;text-overflow:ellipsis}.batch-prev-more{padding:4px 8px;color:var(--moss-dim);font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.batch-search-results{margin-top:10px;max-height:320px;overflow-y:auto}.batch-search-empty{padding:16px 4px;text-align:center;color:var(--moss-dim);font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.batch-dl-btn{padding:6px 12px;background:transparent;border:1px solid var(--track-accent, var(--cyan));color:var(--track-accent, var(--cyan));font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border-radius:4px;transition:all .18s ease;min-width:92px;flex-shrink:0}.batch-dl-btn:hover:not(:disabled){background:color-mix(in srgb,var(--track-accent, var(--cyan)) 14%,transparent)}.batch-dl-btn:disabled{cursor:default}.batch-dl-btn.done{color:var(--green);border-color:color-mix(in srgb,var(--green) 50%,var(--hairline));background:color-mix(in srgb,var(--green) 12%,transparent)}.batch-dl-have{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--moss-dim);flex-shrink:0;padding:0 6px}.batch-dl-more{background:transparent;border:none;color:var(--moss);font-size:16px;line-height:1;padding:2px 8px;cursor:pointer;border-radius:4px;flex-shrink:0;transition:color .14s ease}.batch-dl-more:hover{color:var(--bone)}.session-result-row.is-pending .session-origin.spotify{color:var(--cyan);border-color:color-mix(in srgb,var(--cyan) 45%,var(--hairline))}.smart-results{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:30;background:var(--panel-2);border:1px solid var(--hairline-strong);max-height:380px;overflow-y:auto;display:flex;flex-direction:column;box-shadow:0 12px 32px #0009}.smart-result{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:6px 10px;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--hairline);cursor:pointer;color:var(--bone)}.smart-result:last-child{border-bottom:0}.smart-result:hover{background:var(--void)}.smart-result img,.smart-result .thumb{width:44px;height:44px;object-fit:cover;border:1px solid var(--hairline-strong);background:var(--void)}.smart-result .title{font-family:var(--sans);font-size:13px;font-weight:600;color:var(--bone);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.smart-result .title .exp{display:inline-block;margin-left:6px;padding:0 4px;font-family:var(--mono);font-size:9px;color:var(--red);border:1px solid var(--red);border-radius:2px;vertical-align:middle}.smart-result .meta{font-family:var(--mono);font-size:10px;color:var(--moss);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.smart-result .dur{font-family:var(--mono);font-size:11px;color:var(--moss);font-variant-numeric:tabular-nums}.list .row .art img{width:100%;height:100%;object-fit:cover;display:block}.grid .card .cover.has-image{background-size:cover!important;background-position:center}.grid .card .cover.has-image .monogram{display:none}@media (hover: none) and (pointer: coarse){input,select,textarea,.modal-input,.field input,.topbar-search input{font-size:16px!important}}@media (max-width: 720px){.modal-input{padding:12px}.topbar-search input{padding:4px;height:30px}}button,a,.row,.card,.nav-item,.nav-crate,.filter-chip,.mb-btn,.ctx-item,.row-heart,.row-check{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}@media (hover: none) and (pointer: coarse){html,body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,select,[contenteditable],[contenteditable=true],.modal-message,.modal-input,.notes,.filename,.share-page,.settings-help{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}}button,.row,.card,.nav-item,.nav-crate,.filter-chip,.mb-btn,.ctx-item,.row-heart,.row-check,.seg button{touch-action:manipulation}@media (max-width: 720px){.nav-item,.nav-crate{padding-top:10px;padding-bottom:10px}.filter-chip{min-height:32px;padding-top:6px;padding-bottom:6px}.seg button{min-height:32px}.list .row{min-height:56px}}.row.selected,.card.selected{background:color-mix(in srgb,var(--cyan) 14%,transparent)!important;box-shadow:inset 2px 0 0 0 var(--cyan)}.row-check{width:18px;height:18px;border:1px solid var(--hairline-strong);background:var(--void);display:inline-grid;place-items:center;cursor:pointer;flex-shrink:0;color:transparent;font-family:var(--mono);font-size:11px;line-height:1;-webkit-user-select:none;user-select:none}.row-check:hover{border-color:var(--cyan)}.row.selected .row-check,.row-check.on{background:var(--cyan);border-color:var(--cyan);color:var(--void)}.list .row .sel,.list .hd .sel{display:flex;align-items:center;justify-content:center}.list .row .sel .row-check{color:transparent}.list.has-selection .row .sel .row-check,.row:hover .sel .row-check{color:inherit}.row.selected .sel .row-check{color:var(--void)}@media (max-width: 720px){.list .row .sel{display:none}}.batch-bar{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--player-h, 120px) + 14px);z-index:45;background:var(--panel);border:1px solid var(--cyan);box-shadow:0 6px 22px #0000008c;display:flex;align-items:center;gap:4px;padding:6px 6px 6px 12px;font-family:var(--mono);font-size:11px;color:var(--cyan);text-transform:uppercase;letter-spacing:.08em;max-width:calc(100vw - 24px)}.batch-bar .count{color:var(--bone);font-weight:700;padding-right:8px;border-right:1px solid var(--hairline);margin-right:4px}.batch-bar button{background:transparent;border:0;color:var(--ash);cursor:pointer;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:8px 10px;min-height:36px;display:inline-flex;align-items:center;gap:6px}.batch-bar button:hover{color:var(--cyan);background:var(--panel-2)}.batch-bar button.danger{color:var(--red)}.batch-bar button.danger:hover{background:var(--red);color:var(--bone)}.batch-bar .sep{width:1px;height:18px;background:var(--hairline)}.batch-bar .batch-cratemenu{position:absolute;bottom:calc(100% + 6px);right:0;background:var(--panel);border:1px solid var(--cyan);min-width:200px;max-height:260px;overflow-y:auto;display:flex;flex-direction:column;box-shadow:0 6px 22px #0000008c}.batch-bar .batch-cratemenu button{text-align:left;justify-content:flex-start;text-transform:none;letter-spacing:0;font-size:12px;color:var(--bone)}.batch-bar .batch-cratemenu .batch-crate-new{color:var(--green);font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.batch-bar .batch-cratemenu .batch-crate-new:hover{color:var(--bone);background:var(--green)}.batch-bar .batch-cratemenu .batch-crate-sep{height:1px;background:var(--hairline);margin:2px 0}.row-heart{display:inline-grid;place-items:center;width:28px;height:28px;background:transparent;border:0;color:var(--moss-dim);cursor:pointer;padding:0;transition:color .1s}.row-heart svg{width:14px;height:14px}.row-heart:hover,.row-heart.liked{color:var(--red)}.row-heart.liked svg{fill:currentColor}.row .menu .row-heart{margin-right:4px}@media (max-width: 720px){.row-heart{width:36px;height:36px}.row-heart svg{width:18px;height:18px}}.crate-actions{display:flex;gap:8px;flex-wrap:wrap}.crate-actions button{background:transparent;border:1px solid var(--hairline-strong);color:var(--ash);font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:6px 12px;min-height:32px;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation}.crate-actions button:hover{color:var(--cyan);border-color:var(--cyan)}.crate-actions button.hold-ready{transform:scale(.94);border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 0 3px color-mix(in srgb,var(--cyan) 30%,transparent)}.crate-actions button.danger:hover{color:var(--red);border-color:var(--red)}.crate-actions button:disabled{opacity:.4;cursor:not-allowed}.crate-actions button:disabled:hover{color:var(--ash);border-color:var(--hairline-strong)}.crate-more-pop{position:absolute;top:calc(100% + 4px);right:0;background:var(--panel);border:1px solid var(--hairline-strong);padding:4px;display:flex;flex-direction:column;min-width:180px;z-index:30;box-shadow:0 6px 22px #0000008c}.crate-more-pop button{background:transparent;border:0;color:var(--ash);font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:8px 12px;text-align:left;cursor:pointer}.crate-more-pop button:hover{color:var(--cyan);background:#ffffff08}.crate-more-pop button.danger{color:var(--red)}.crate-more-pop button.danger:hover{color:var(--red);background:#e35d5d14}.crate-more-pop button:disabled{opacity:.35;cursor:not-allowed}.crate-more-pop button:disabled:hover{color:var(--ash);background:transparent}.crate-more-sep{height:1px;background:var(--hairline);margin:4px 0}.yt-single{border:1px solid var(--hairline);background:var(--panel);padding:14px 16px;margin:20px 0}.yt-single-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;font-family:var(--mono);font-size:11px;color:var(--moss);text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px}.yt-single-row{display:flex;gap:8px}.yt-single-input{flex:1;min-width:0;background:var(--void);border:1px solid var(--hairline-strong);color:var(--bone);font-family:var(--mono);font-size:13px;padding:10px 12px}.yt-single-input:focus{outline:0;border-color:var(--cyan)}.yt-single-btn{background:transparent;border:1px solid var(--hairline-strong);color:var(--ash);cursor:pointer;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:8px 16px;min-width:90px}.yt-single-btn:hover{color:var(--cyan);border-color:var(--cyan)}.yt-single-btn:disabled{opacity:.5;cursor:default}.yt-single-btn.primary{color:var(--cyan);border-color:var(--cyan)}.yt-single-btn.primary:hover{background:var(--cyan);color:var(--void)}.yt-single-err{margin-top:8px;font-family:var(--mono);font-size:11px;color:var(--red);text-transform:uppercase;letter-spacing:.08em}.yt-single-info{margin-top:14px;display:grid;grid-template-columns:160px 1fr;gap:16px;align-items:start}.yt-single-thumb{width:160px;height:90px;object-fit:cover;border:1px solid var(--hairline-strong);display:block}.yt-single-meta{display:flex;flex-direction:column;gap:12px;min-width:0}.yt-field{display:flex;flex-direction:column;gap:4px}.yt-field>span:first-child{font-family:var(--mono);font-size:10px;color:var(--moss);text-transform:uppercase;letter-spacing:.1em}.yt-field input{background:var(--void);border:1px solid var(--hairline-strong);color:var(--bone);font-family:var(--mono);font-size:13px;padding:8px 10px}.yt-field input:focus{outline:0;border-color:var(--cyan)}.yt-field-hint{font-family:var(--mono);font-size:10px;color:var(--moss-dim);text-transform:lowercase;letter-spacing:0}.yt-single-stats{display:flex;gap:12px;flex-wrap:wrap;font-family:var(--mono);font-size:11px;color:var(--moss)}.yt-split-toggle{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;color:var(--bone);cursor:pointer;-webkit-user-select:none;user-select:none}.yt-split-toggle input[type=checkbox]{accent-color:var(--cyan);width:16px;height:16px;cursor:pointer}.yt-chapters{border:1px solid var(--hairline);background:var(--void);max-height:220px;overflow-y:auto;display:flex;flex-direction:column}.yt-chapter-row{display:grid;grid-template-columns:32px 1fr auto;gap:10px;padding:6px 10px;border-bottom:1px solid var(--hairline);font-family:var(--mono);font-size:12px;align-items:center}.yt-chapter-row:last-child{border-bottom:0}.yt-chap-num{color:var(--moss)}.yt-chap-title{color:var(--bone);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yt-chap-time{color:var(--moss);font-variant-numeric:tabular-nums}.yt-single-actions{display:flex;gap:8px}@media (max-width: 720px){.yt-single-info{grid-template-columns:1fr}.yt-single-thumb{width:100%;height:auto;aspect-ratio:16/9}}.cue-list{margin-top:14px;display:flex;flex-direction:column;gap:4px}.cue-list-head{font-family:var(--mono);font-size:10px;color:var(--moss);text-transform:uppercase;letter-spacing:.12em;margin-bottom:4px}.cue-row{display:flex;align-items:stretch;border:1px solid var(--hairline);background:var(--panel)}.cue-row .cue-jump{flex:1;background:transparent;border:0;color:var(--ash);cursor:pointer;font-family:var(--mono);font-size:12px;padding:8px 10px;min-height:36px;display:flex;align-items:center;gap:10px;text-align:left}.cue-row .cue-jump:hover{background:var(--panel-2);color:var(--bone)}.cue-row .cue-tip{color:var(--track-accent, var(--red))}.cue-row .cue-time{font-variant-numeric:tabular-nums;color:var(--bone)}.cue-row .cue-row-label{color:var(--moss);font-size:11px;border-left:1px solid var(--hairline-strong);padding-left:10px;margin-left:4px}.cue-row .cue-del{background:transparent;border:0;border-left:1px solid var(--hairline);color:var(--moss-dim);cursor:pointer;font-family:var(--mono);font-size:16px;line-height:1;padding:0 14px;min-width:44px}.cue-row .cue-del:hover{color:var(--red);background:color-mix(in srgb,var(--red) 10%,transparent)}.jump-pills{position:fixed;bottom:calc(var(--player-h, 120px) + 18px);left:50%;transform:translate(-50%);z-index:40;display:flex;gap:8px;pointer-events:none}.jump-pill{pointer-events:auto;padding:8px 14px;border-radius:999px;background:color-mix(in srgb,var(--cyan) 18%,var(--void));border:1px solid var(--cyan);color:var(--cyan);font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:0 6px 22px #00000080}.jump-pill:hover{background:var(--cyan);color:var(--void)}body.ctx-open .jump-pills{display:none}@media (max-width: 720px){.jump-pills{bottom:calc(var(--player-h, 140px) + 14px)}.jump-pill{padding:10px 16px;font-size:12px}}.settings-view .view-head h1{font-family:var(--sans);font-size:32px;font-weight:700;letter-spacing:-.02em}.settings-view .accent{color:var(--track-accent, var(--cyan))}.settings-tabs{display:flex;gap:2px;border-bottom:1px solid var(--hairline);margin:8px 0 16px}.settings-tab{background:transparent;border:0;color:var(--moss);font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.14em;padding:10px 16px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .12s,border-color .12s}.settings-tab:hover{color:var(--bone)}.settings-tab.active{color:var(--track-accent, var(--cyan));border-bottom-color:var(--track-accent, var(--cyan))}.stats-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stats-tile{border:1px solid var(--hairline);background:var(--void);padding:14px 16px}.stats-tile .n{font-family:var(--sans);font-size:28px;font-weight:700;color:var(--bone);letter-spacing:-.02em;line-height:1.1}.stats-tile .l{font-family:var(--mono);font-size:10px;color:var(--moss);text-transform:uppercase;letter-spacing:.12em;margin-top:4px}@media (max-width: 720px){.stats-tiles{grid-template-columns:repeat(3,1fr);gap:6px}.stats-tile{padding:10px 12px}.stats-tile .n{font-size:22px}}.storage-meter{font-family:var(--mono)}.storage-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:12px;color:var(--moss);text-transform:uppercase;letter-spacing:.06em}.storage-row b{color:var(--bone);font-weight:600;font-size:14px}.storage-pct{color:var(--ash)}.storage-bar{height:8px;background:var(--void);border:1px solid var(--hairline-strong);position:relative;overflow:hidden}.storage-bar i{position:absolute;left:0;top:0;bottom:0;background:var(--track-accent, var(--cyan));display:block;transition:width .24s ease}.ib-note{font-size:12px;color:var(--moss);font-family:var(--mono)}.ib-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.ib-grid>div{display:flex;flex-direction:column;gap:3px}.ib-k{font-family:var(--mono);font-size:9px;color:var(--moss);text-transform:uppercase;letter-spacing:.1em}.ib-v{font-family:var(--mono);font-size:15px;color:var(--paper)}.ib-state-working{color:var(--track-accent, var(--cyan))}.ib-state-done{color:var(--green, #4caf72)}.ib-state-paused,.ib-state-off{color:var(--moss)}.ib-now{margin-top:12px;font-family:var(--mono);font-size:11px;color:var(--track-accent, var(--cyan))}.ib-err{margin-top:10px;font-family:var(--mono);font-size:10.5px;color:var(--red);word-break:break-word}.ib-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.ib-btn{background:var(--panel-2);border:1px solid var(--hairline-strong);color:var(--ash);cursor:pointer;font-family:var(--mono);font-size:11px;padding:7px 12px;text-transform:uppercase;letter-spacing:.06em}.ib-btn:hover:not(:disabled){border-color:var(--track-accent, var(--cyan));color:var(--paper)}.ib-btn:disabled{opacity:.45;cursor:default}.user-stats-card{width:min(520px,100%)}.user-stats-table{font-family:var(--mono);font-size:12px;max-height:55vh;overflow-y:auto}.us-row{display:grid;grid-template-columns:1fr 56px 84px 64px;gap:8px;align-items:center;padding:7px 4px;border-bottom:1px solid var(--hairline);color:var(--ash)}.us-row:last-child{border-bottom:0}.us-row span:not(.us-name){text-align:right}.us-head{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--moss)}.us-name{display:inline-flex;align-items:center;gap:8px;color:var(--bone);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.us-dot{width:8px;height:8px;border-radius:50%;flex:none}.lyr-panel{display:flex;flex-direction:column;min-height:0}.lyr-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.lyr-badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--moss)}.lyr-badge .lyr-src{color:var(--moss-dim);text-transform:none;letter-spacing:0}.lyr-actions{display:inline-flex;align-items:center;gap:6px}.lyr-offset{display:inline-flex;align-items:center;gap:4px;font-family:var(--mono);font-size:10px;color:var(--moss)}.lyr-offset button{background:var(--panel-2);border:1px solid var(--hairline-strong);color:var(--ash);cursor:pointer;width:18px;height:18px;line-height:1;font-family:var(--mono);border-radius:3px}.lyr-offset button:hover{border-color:var(--track-accent, var(--cyan));color:var(--paper)}.lyr-btn{background:transparent;border:1px solid var(--hairline-strong);color:var(--moss);cursor:pointer;font-family:var(--mono);font-size:9px;padding:3px 7px;text-transform:uppercase;letter-spacing:.08em;border-radius:3px}.lyr-btn:hover:not(:disabled){border-color:var(--track-accent, var(--cyan));color:var(--paper)}.lyr-btn:disabled{opacity:.45;cursor:default}.lyr-empty{font-family:var(--mono);font-size:11px;color:var(--moss-dim);padding:16px 0;line-height:1.6}.lyr-link{background:none;border:none;color:var(--track-accent, var(--cyan));cursor:pointer;font:inherit;text-decoration:underline;padding:0}.lyr-lines{overflow-y:auto;max-height:calc(100vh - 320px);padding:12px 6px 20px 2px;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 22px,#000 calc(100% - 30px),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 22px,#000 calc(100% - 30px),transparent 100%)}.lyr-line{font-family:var(--sans);font-size:15px;line-height:1.55;padding:5px 2px;color:var(--moss);transform-origin:left center;transition:color .25s ease,opacity .25s ease,transform .3s cubic-bezier(.22,1,.36,1)}.lyr-line.sync{cursor:pointer}.lyr-line.sync:hover{color:var(--ash)}.lyr-line.past{opacity:.35}.lyr-line.sync:not(.active):not(.past){opacity:.7}.lyr-line.active{color:var(--track-accent, var(--bone));opacity:1;font-weight:600;transform:scale(1.05);text-shadow:0 0 18px var(--track-accent-glow, transparent)}.lyr-line.active .lyr-word{color:var(--moss);opacity:.6;transition:color .15s ease,opacity .15s ease}.lyr-line.active .lyr-word.wsung{color:var(--track-accent, var(--bone));opacity:1}.lyr-line.active .lyr-word.wcur{--fill: 0;opacity:1;background:linear-gradient(90deg,var(--track-accent, var(--bone)) calc(var(--fill) * 100%),var(--moss) calc(var(--fill) * 100%));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.lyr-line.gen{font-style:italic}.lyr-conf{margin-left:6px;padding:1px 5px;border-radius:3px;font-size:9px;text-transform:none;letter-spacing:0;border:1px solid transparent}.lyr-conf-ok{color:var(--moss);border-color:var(--hairline-strong)}.lyr-conf-mid{color:var(--moss-dim);border-color:var(--hairline-strong)}.lyr-conf-warn{color:#d8a24a;border-color:#d8a24a66}.lyr-conf-bad{color:#d86a5a;border-color:#d86a5a66}.lyr-note{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px;color:var(--moss-dim);padding:4px 2px 8px}.lyr-note.bad{color:#d86a5a}.lyr-edit textarea{width:100%;box-sizing:border-box;resize:vertical;background:var(--panel-2);border:1px solid var(--hairline-strong);color:var(--ash);font-family:var(--mono);font-size:12px;line-height:1.5;padding:8px;border-radius:4px}.lyr-edit-actions{display:flex;gap:8px;margin-top:8px}.settings-section{border:1px solid var(--hairline);background:var(--panel);padding:18px 20px;margin-bottom:16px}.settings-section h3{font-family:var(--mono);font-size:11px;color:var(--moss);text-transform:uppercase;letter-spacing:.14em;margin:0 0 14px}.settings-help{font-family:var(--mono);font-size:11px;color:var(--moss);margin:-6px 0 14px;line-height:1.5}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--hairline)}.settings-row:first-of-type{border-top:0;padding-top:0}.settings-label .lbl{font-family:var(--sans);font-weight:600;font-size:14px;color:var(--bone)}.settings-label .hnt{font-family:var(--mono);font-size:10px;color:var(--moss);text-transform:uppercase;letter-spacing:.08em;margin-top:3px}.settings-ctl{flex-shrink:0}.dev-vol{display:flex;flex-direction:column;gap:8px;min-width:220px}.dev-vol-line{display:flex;align-items:center;gap:10px}.dev-vol-line span{flex:0 0 64px;font-family:var(--mono);font-size:10px;color:var(--moss);text-transform:uppercase;letter-spacing:.08em}.dev-vol-line input[type=range]{flex:1 1 auto;accent-color:var(--track-accent, var(--cyan));cursor:pointer}.settings-switch{width:44px;height:24px;background:var(--void);border:1px solid var(--hairline-strong);cursor:pointer;padding:0;position:relative;transition:border-color .12s,background .12s}.settings-switch .thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--moss);transition:left .14s,background .14s}.settings-switch.on{border-color:var(--cyan);background:color-mix(in srgb,var(--cyan) 18%,var(--void))}.settings-switch.on .thumb{left:22px;background:var(--cyan)}.accent-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.accent-mode-row{display:flex;gap:8px;flex-wrap:wrap}.accent-mode-btn{background:var(--void);border:1px solid var(--hairline-strong);color:var(--ash);padding:7px 14px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .15s ease}.accent-mode-btn:hover{border-color:var(--bone);color:var(--bone)}.accent-mode-btn.on{color:var(--track-accent, var(--cyan));border-color:var(--track-accent, var(--cyan));background:color-mix(in srgb,var(--track-accent, var(--cyan)) 14%,transparent)}.accent-preview{margin-top:14px}.accent-preview-bar{height:34px;border-radius:4px;border:1px solid var(--hairline-strong);box-shadow:0 0 24px -8px color-mix(in srgb,var(--track-accent, var(--cyan)) 50%,transparent)}.accent-preview-stops{display:flex;gap:18px;margin-top:10px}.accent-preview-stop{display:flex;align-items:center;gap:7px}.accent-preview-stop .chip{width:16px;height:16px;border-radius:3px;border:1px solid var(--hairline-strong)}.accent-preview-stop .lbl{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--moss)}.accent-preview-count{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--moss);margin-left:4px}.settings-hex{background:var(--void);border:1px solid var(--hairline-strong);color:var(--bone);padding:6px 10px;font-family:var(--mono);font-size:12px;width:110px}.settings-seg{display:inline-flex;border:1px solid var(--hairline-strong);background:var(--void);padding:2px}.settings-seg button{background:transparent;border:0;font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--moss);padding:6px 12px;cursor:pointer}.settings-seg button:hover{color:var(--bone)}.settings-seg button.on{background:color-mix(in srgb,var(--cyan) 18%,var(--void));color:var(--cyan)}@media (max-width: 720px){.settings-view .view-head h1{font-size:26px}.settings-section{padding:14px;margin-bottom:12px}.settings-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:4px -14px 12px;padding:0 14px;flex-wrap:nowrap}.settings-tabs::-webkit-scrollbar{display:none}.settings-tab{padding:8px 12px;font-size:10px;flex-shrink:0}.settings-row{flex-direction:column;align-items:stretch;gap:10px;padding:12px 0}.settings-label .lbl{font-size:13px}.settings-label .hnt{font-size:9px;line-height:1.45}.settings-ctl{align-self:flex-start;max-width:100%}.np-mode-row{gap:6px;width:100%}.np-mode-opt{min-width:0;flex:1 1 0;padding:8px 4px;font-size:9px}.np-mode-preview{width:60px;height:30px}.np-mode-preview .p-sleeve,.np-mode-preview .p-vinyl{width:24px;height:24px}.np-mode-preview[data-mode=sleeve_vinyl] .p-sleeve{left:8px}.np-mode-preview[data-mode=sleeve_vinyl] .p-vinyl{left:24px}.np-mode-preview[data-mode=vinyl] .p-vinyl,.np-mode-preview[data-mode=art] .p-sleeve{left:18px}.accent-row{gap:6px}.accent-swatch{width:28px;height:28px}.settings-hex{flex:1 1 100px;min-width:0;width:auto}.settings-seg{width:100%}.settings-seg button{flex:1 1 0;padding:8px 6px}}body.reduce-motion *,body.reduce-motion *:before,body.reduce-motion *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.nav-ctx{position:fixed;z-index:200;background:var(--panel);border:1px solid var(--hairline-strong);min-width:180px;padding:4px 0;box-shadow:0 8px 24px #0009}.nav-ctx-item{display:block;width:100%;text-align:left;background:transparent;border:0;padding:8px 14px;font-family:var(--mono);font-size:11px;color:var(--bone);cursor:pointer;text-transform:uppercase;letter-spacing:.06em}.nav-ctx-item:hover{background:var(--panel-2);color:var(--cyan)}.nav-ctx-item.danger{color:var(--red)}.nav-ctx-item.danger:hover{background:var(--panel-2);color:var(--red)}.accent-pop{position:absolute;top:calc(100% + 4px);left:0;background:var(--panel);border:1px solid var(--hairline-strong);padding:6px;display:grid;grid-template-columns:repeat(5,22px);gap:4px;z-index:30;box-shadow:0 6px 22px #0000008c}.accent-swatch{width:22px;height:22px;padding:0;border:1px solid var(--hairline-strong);cursor:pointer;color:var(--moss-dim);font-family:var(--mono);font-size:12px;display:grid;place-items:center}.accent-swatch:hover{border-color:var(--bone)}.accent-swatch.on{outline:2px solid var(--cyan);outline-offset:1px}.row .row-remove{background:transparent;border:0;color:var(--moss-dim);font-family:var(--mono);font-size:14px;line-height:1;cursor:pointer;padding:4px 8px}.row .row-remove:hover{color:var(--red)}.row .drag-handle{cursor:grab;color:var(--moss-dim);font-family:var(--mono);font-size:12px;-webkit-user-select:none;user-select:none;padding:0 4px}.row .drag-handle:hover{color:var(--bone)}.row.dragging{opacity:.4}.row.drag-over-top{box-shadow:inset 0 2px 0 0 var(--cyan)}.row.drag-over-bot{box-shadow:inset 0 -2px 0 0 var(--cyan)}.upload-stage{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;align-items:stretch}.stage-card{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--hairline-strong);position:relative;transition:border-color .12s,background .12s;min-height:320px}.stage-card-head{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--hairline);background:var(--panel-2)}.stage-card-head svg.ekg{flex-shrink:0;opacity:.9}.stage-kicker{font-family:var(--mono);font-size:10px;color:var(--moss);text-transform:uppercase;letter-spacing:.14em}.stage-title{font-family:var(--sans);font-size:18px;font-weight:700;letter-spacing:-.01em;margin:2px 0 0;color:var(--bone)}.stage-card-body{display:flex;flex-direction:column;padding:20px;flex:1}.drop-card{cursor:pointer}.drop-card:hover{border-color:var(--moss)}.drop-card.over{border-color:var(--red);background:var(--panel-2)}.drop-card.busy{cursor:progress}.drop-card .stage-card-body{align-items:center;justify-content:center;text-align:center;gap:14px}.stage-ekg{width:100%;max-width:360px;height:64px;position:relative}.stage-ekg svg.ekg-trace{width:100%;height:100%;display:block}.stage-ekg .ekg-trace path{stroke:var(--red);stroke-width:1.5;fill:none}.stage-msg{font-family:var(--mono);font-size:12px;color:var(--ash);text-transform:uppercase;letter-spacing:.1em}.drop-card.over .stage-msg{color:var(--red)}.drop-card .browse-btn{display:inline-block;border:1px solid var(--cyan);color:var(--cyan);background:transparent;font-family:var(--mono);font-size:11px;padding:8px 18px;text-transform:uppercase;letter-spacing:.1em;cursor:pointer}.drop-card .browse-btn:hover{background:var(--cyan);color:var(--void)}.stage-meta{margin:0;font-family:var(--mono);font-size:10px;color:var(--moss-dim);text-transform:uppercase;letter-spacing:.08em}.pull-card .stage-card-body.batch-stage{padding:14px;gap:10px;border:0;background:transparent}.pull-card.over,.pull-card .stage-card-body.batch-stage.over{border-color:var(--cyan)}.pull-card.over{background:var(--panel-2)}.pull-card .batch-text{flex:1;min-height:180px;background:var(--void);border:1px solid var(--hairline-strong);padding:12px 14px;font-family:var(--mono);font-size:12px;line-height:1.55;color:var(--bone);resize:vertical;transition:border-color .12s}.pull-card .batch-text:focus{outline:0;border-color:var(--cyan)}.pull-card .batch-text::placeholder{color:var(--moss-dim);white-space:pre-line}.pull-card .batch-controls{border-top:0;padding-top:0;flex-wrap:wrap}.pull-card .batch-preview,.pull-card .yt-jobs{margin:0 14px 14px}@media (max-width: 860px){.upload-stage{grid-template-columns:1fr;gap:14px}.stage-card{min-height:0}.stage-ekg{height:48px;max-width:280px}.stage-title{font-size:16px}.stage-card-body{padding:16px}.drop-card .stage-card-body{gap:10px}.pull-card .batch-text{min-height:140px}.pull-card .batch-controls{gap:8px}.pull-card .batch-controls .btn-primary{width:100%;margin-left:0}}@media (max-width: 480px){.stage-card-head{padding:10px 12px;gap:10px}.stage-card-head svg.ekg{width:48px;height:16px}}.suggestions{margin-top:28px;padding:14px 12px 18px;border-top:1px dashed var(--hairline-strong);background:linear-gradient(to bottom,color-mix(in srgb,var(--panel-2) 40%,transparent),transparent 70%)}.suggestions-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;row-gap:8px;padding:0 4px 10px}.suggestions-toggle{display:flex;align-items:center;gap:8px;background:none;border:none;padding:0;margin-right:auto;color:var(--bone);cursor:pointer;font-family:var(--mono)}.suggestions-toggle .caret{color:var(--moss);font-size:12px;width:12px}.suggestions-toggle h3{margin:0;font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--moss)}.suggestions-count{font-family:var(--mono);font-size:10px;color:var(--bone);background:var(--cyan-dim);padding:2px 6px;border-radius:3px}.suggestions-hint{font-family:var(--mono);font-size:10px;color:var(--moss);margin-left:auto}.suggestions-refresh{display:inline-flex;align-items:center;justify-content:center;background:none;border:1px solid var(--hairline-strong);color:var(--moss);padding:5px 8px;cursor:pointer;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;border-radius:2px}.suggestions-refresh svg{display:block}.suggestions-refresh:hover:not(:disabled){color:var(--bone);border-color:var(--cyan);background:color-mix(in srgb,var(--cyan-dim) 30%,transparent)}.suggestions-refresh:disabled{opacity:.5;cursor:wait}.suggestions-loading,.suggestions-empty,.suggestions-error{padding:16px 6px;font-family:var(--mono);font-size:11px;color:var(--moss);text-align:center;letter-spacing:.04em}.suggestions-error{color:var(--red)}.suggestions-list{display:flex;flex-direction:column;gap:1px;background:var(--hairline);border:1px solid var(--hairline);border-radius:2px}.sugg-row{display:grid;grid-template-columns:44px 1fr auto auto;align-items:center;gap:12px;padding:8px 12px;background:color-mix(in srgb,var(--panel-2) 60%,var(--void));transition:background .12s ease}.sugg-row:hover{background:var(--panel-2)}.sugg-row.queued{opacity:.75}.sugg-art{width:36px;height:36px;border-radius:2px;overflow:hidden;background:var(--panel);display:grid;place-items:center}.sugg-art img{width:100%;height:100%;object-fit:cover;display:block}.sugg-art-fallback{font-family:var(--mono);font-weight:700;color:var(--moss)}.sugg-meta{display:flex;flex-direction:column;min-width:0}.sugg-title{color:var(--bone);font-family:var(--sans);font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sugg-artist{color:var(--moss);font-family:var(--mono);font-size:10px;letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sugg-hits{font-family:var(--mono);font-size:10px;color:var(--cyan);min-width:24px;text-align:right}.sugg-actions{display:flex;gap:4px}.sugg-accept,.sugg-reject{width:28px;height:28px;padding:0;background:transparent;border:1px solid var(--hairline-strong);font-family:var(--mono);font-size:14px;cursor:pointer;border-radius:2px;line-height:1}.sugg-accept{color:var(--green)}.sugg-accept:hover:not(:disabled){background:color-mix(in srgb,var(--green) 18%,transparent);border-color:var(--green)}.sugg-reject{color:var(--moss)}.sugg-reject:hover:not(:disabled){background:color-mix(in srgb,var(--red) 18%,transparent);border-color:var(--red);color:var(--red)}.sugg-accept:disabled,.sugg-reject:disabled{opacity:.4;cursor:wait}.sugg-queued{font-family:var(--mono);font-size:10px;color:var(--cyan);letter-spacing:.06em;padding:0 8px;text-transform:uppercase;animation:sugg-pulse 1.4s ease-in-out infinite}@keyframes sugg-pulse{0%,to{opacity:.6}50%{opacity:1}}@media (max-width: 600px){.sugg-row{grid-template-columns:36px 1fr auto;gap:8px;padding:8px}.sugg-hits{display:none}.sugg-art{width:32px;height:32px}}.suggestions-mode{display:flex;gap:2px;border:1px solid var(--hairline-strong);border-radius:2px;padding:2px}.suggestions-mode .mode-pill{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--moss);padding:4px 7px;cursor:pointer;font-family:var(--mono);border-radius:1px}.suggestions-mode .mode-pill svg{display:block}.suggestions-mode .mode-pill:hover{color:var(--bone)}.suggestions-mode .mode-pill.on{background:var(--cyan-dim);color:var(--bone)}.sugg-row.ready{cursor:pointer}.sugg-row.downloading{cursor:default;opacity:.7}.sugg-row.downloading .sugg-title{color:var(--moss)}.sugg-marker,.title-sugg,.np-sugg-marker,.qr-sugg-marker{color:var(--cyan);margin-right:6px;font-size:.9em}.qr-sugg-marker{margin-right:4px;font-size:11px}.queue-row.is-suggestion .qr-title{color:color-mix(in srgb,var(--bone) 92%,var(--cyan))}.sugg-art{position:relative}.sugg-spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:color-mix(in srgb,var(--void) 70%,transparent);color:var(--cyan);font-size:18px;animation:sugg-pulse 1.2s ease-in-out infinite}.sugg-row.errored .sugg-art{opacity:.5}.sugg-row.errored{opacity:.75;background:color-mix(in srgb,var(--red, #c0392b) 6%,transparent)}.sugg-row.errored .sugg-title{color:color-mix(in srgb,var(--red, #c0392b) 70%,var(--text, #ddd))}.np-sugg-actions{display:flex;align-items:center;gap:6px;margin-top:6px;padding:4px 0;background:transparent;border:none}.np-sugg-label{font-family:var(--mono);font-size:10px;color:var(--moss);letter-spacing:.12em;text-transform:uppercase;flex:1}.np-sugg-accept,.np-sugg-reject{width:26px;height:22px;padding:0;font-family:var(--mono);font-size:12px;line-height:1;cursor:pointer;border-radius:2px;background:transparent;border:1px solid var(--hairline-strong)}.np-sugg-accept{color:var(--green)}.np-sugg-accept:hover:not(:disabled){background:color-mix(in srgb,var(--green) 18%,transparent);border-color:var(--green)}.np-sugg-reject{color:var(--moss)}.np-sugg-reject:hover:not(:disabled){background:color-mix(in srgb,var(--red) 18%,transparent);border-color:var(--red);color:var(--red)}.np-sugg-accept:disabled,.np-sugg-reject:disabled{opacity:.5;cursor:wait}.suggestions-upload-link{font-family:var(--mono);font-size:10px;color:var(--cyan);text-decoration:none;letter-spacing:.08em;text-transform:uppercase;padding:2px 6px;border:1px solid var(--cyan-dim);border-radius:2px;margin-left:6px;animation:sugg-pulse 1.8s ease-in-out infinite}.suggestions-upload-link:hover{background:var(--cyan-dim);color:var(--bone);animation:none}.app.host-view>.topbar,.app.host-view>.sidenav,.app.host-view>.nav-backdrop,.app.host-view>.playerbar{display:none!important}.app.host-view>.main{padding:0}.app.host-view{grid-template-rows:0 1fr 0!important}body.host-view-active{overflow:hidden}.host-shell{font-family:var(--sans);-webkit-overflow-scrolling:touch}.host-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-size:cover;background-position:center}.host-bg-art{filter:blur(80px) saturate(1.3) brightness(.4);opacity:.5;transform:scale(1.2)}.host-bg-accent{background:radial-gradient(120% 120% at 50% 32%,color-mix(in srgb,var(--track-accent, var(--red)) 45%,transparent) 0%,color-mix(in srgb,var(--track-accent, var(--red)) 14%,transparent) 46%,transparent 80%);opacity:.75}.host-bg-gradient{background:var(--accent-gradient);opacity:.22;filter:saturate(1.1) blur(6px)}.host-vfx-stack{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:60;overflow:hidden;contain:strict}.host-vfx{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;mix-blend-mode:screen;will-change:opacity;transition:opacity 60ms linear}@media (pointer: coarse){.host-vfx{mix-blend-mode:normal;transition:none}}@media (prefers-reduced-motion: reduce){.host-vfx{display:none}.host-shell[class*=fx-bass-] .album-cluster,.host-shell[class*=fx-bass-] .host-now,.host-shell[class*=fx-bass-] .np-info,.host-shell[class*=fx-bass-] .host-hero-join,.host-shell[class*=fx-title-] .host-now .np-info h2,.host-shell[class*=fx-shake-] .np-main{transform:none!important}}.host-shell .vfx-wash{background:radial-gradient(140% 90% at 50% 118%,color-mix(in srgb,var(--accent-bass, var(--red)) 60%,transparent) 0%,color-mix(in srgb,var(--accent-bass, var(--red)) 24%,transparent) 38%,transparent 72%);opacity:calc(var(--fx-wash, 0) * .55)}.host-shell .vfx-vignette{box-shadow:inset 0 0 22vh 1vh color-mix(in srgb,var(--accent-bass, var(--red)) 65%,transparent),inset 0 0 6vh color-mix(in srgb,var(--accent-bass, var(--red)) 80%,transparent);opacity:calc(var(--fx-vignette, 0) * .92)}.host-shell .vfx-strobe{background:var(--accent-mid, var(--track-accent, var(--red)));opacity:calc(var(--fx-strobe, 0) * .16)}.host-shell .vfx-shimmer{background:linear-gradient(to bottom,color-mix(in srgb,var(--accent-treble, var(--red)) 42%,transparent) 0%,color-mix(in srgb,var(--accent-treble, var(--red)) 12%,transparent) 16%,transparent 34%);opacity:calc(var(--fx-shimmer, 0) * .6)}.host-shell .vfx-scan{background:repeating-linear-gradient(to bottom,color-mix(in srgb,var(--accent-treble, var(--red)) 30%,transparent) 0px,color-mix(in srgb,var(--accent-treble, var(--red)) 30%,transparent) 1px,transparent 1px,transparent 4px);opacity:calc(var(--fx-scan, 0) * .3)}.host-shell.fx-bass-art .album-cluster{transform:scale(calc(1 + var(--fx-bass, 0) * .05));transform-origin:50% 50%;will-change:transform}.host-shell.fx-bass-elements .album-cluster,.host-shell.fx-bass-elements .np-info,.host-shell.fx-bass-elements .host-hero-join{transform:scale(calc(1 + var(--fx-bass, 0) * .045));transform-origin:50% 50%;will-change:transform}.host-shell.fx-bass-all .host-now{transform:scale(calc(1 + var(--fx-bass, 0) * .025));transform-origin:50% 42%;will-change:transform}.host-shell[class*=fx-title-] .host-now .np-info h2{transform:scale(calc(1 + var(--fx-beat, 0) * var(--fx-title-amp, .07) * var(--fx-title-damp, 1)));transform-origin:0% 50%;will-change:transform}.host-shell.fx-title-subtle{--fx-title-amp: .035}.host-shell.fx-title-normal{--fx-title-amp: .07}.host-shell.fx-title-strong{--fx-title-amp: .12}.host-shell[class*=fx-shake-] .np-main{transform:translate(calc(var(--fx-shake-x, 0) * var(--fx-shake-amp, 7px)),calc(var(--fx-shake-y, 0) * var(--fx-shake-amp, 7px)));will-change:transform}.host-shell.fx-shake-subtle{--fx-shake-amp: 4px}.host-shell.fx-shake-normal{--fx-shake-amp: 8px}.host-shell.fx-shake-strong{--fx-shake-amp: 15px}.host-now{min-height:100dvh;--np-disc: clamp(260px, 46vh, 640px);--np-wave-max: 100%;align-items:stretch}.host-now .np-main{align-items:flex-start;justify-content:flex-start;padding-top:clamp(24px,4vh,64px);gap:clamp(20px,2.6vh,40px);width:100%}.host-now .album-cluster{margin-left:0}.host-now .big-vinyl{will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.host-now .album-sleeve{will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0)}.host-now .np-info{text-align:left;max-width:100%;width:100%;border-left:2px solid var(--track-accent, var(--red));padding-left:clamp(10px,1.2vh,18px);margin-top:6px}.host-now .np-info h2{margin:0;font-size:clamp(34px,5.4vh,76px);line-height:1.1}.host-now .np-info .artist-line{font-size:clamp(17px,2.4vh,30px);margin:8px 0 0}.host-now .np-wave-wrap{max-width:100%;width:100%;margin-top:auto;padding-bottom:8px}.host-now .np-spectrogram{height:clamp(120px,22vh,300px);border-bottom:none;margin-bottom:0}@media (min-width: 901px){.host-now{grid-template-rows:minmax(0,100%)}.host-now .host-hero-join{min-height:0;overflow:hidden}}.host-now .np-main{position:relative}.host-tap-zones{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;grid-template-columns:1fr 1fr 1fr;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation}.hk-stage .host-tap-zones{z-index:auto}.hk-scroll,.hk-fixed,.hk-fallback{pointer-events:none}.hk-fallback .host-pill,.hk-fb-plain{pointer-events:auto}.host-empty{display:grid;place-items:center;height:60vh;color:var(--moss-dim);text-align:center;font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em}.host-empty .big{font-size:clamp(22px,3vw,36px);color:var(--bone)}.host-empty .sub{margin-top:8px}.host-karaoke{position:relative;z-index:62;min-height:100dvh;display:flex;flex-direction:column;padding:clamp(14px,2.4vh,30px) clamp(20px,5vw,70px) clamp(10px,1.5vh,20px);box-sizing:border-box}.host-shell .host-panel{position:relative;z-index:62}.hk-header{flex:0 0 auto;display:flex;align-items:center;gap:clamp(10px,1.4vw,18px);padding-bottom:clamp(8px,1.4vh,18px)}.hk-cover{width:clamp(46px,7vh,88px);height:clamp(46px,7vh,88px);border-radius:6px;object-fit:cover;box-shadow:0 6px 24px #00000080}.hk-cover-empty{background:var(--panel-2);border:1px solid var(--hairline)}.hk-meta{min-width:0}.hk-title{font-size:clamp(18px,2.6vh,30px);font-weight:700;color:var(--bone);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hk-sub{font-family:var(--mono);font-size:clamp(11px,1.5vh,15px);color:var(--moss);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.hk-album{color:var(--moss-dim)}.hk-stage{position:relative;flex:1;min-height:0;overflow:hidden;--gap-reveal: 0;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 24%,#000 76%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 24%,#000 76%,transparent 100%)}.hk-scroll{position:absolute;top:0;left:0;right:0;margin-inline:auto;width:min(1100px,92%);text-align:center;transition:transform .45s cubic-bezier(.22,1,.36,1);will-change:transform}.hk-line{font-weight:700;font-size:clamp(22px,3.2vh,40px);line-height:1.25;padding:clamp(12px,1.8vh,22px) 0;color:var(--moss);opacity:.3;transform:scale(.92);transform-origin:center center;transition:opacity .3s ease,color .3s ease,transform .3s cubic-bezier(.22,1,.36,1)}.hk-line.past{opacity:.2}.hk-line.upcoming{opacity:.42}.hk-line.active{opacity:1;color:var(--track-accent, var(--bone));transform:scale(1.16);text-shadow:0 0 30px var(--track-accent-glow, rgba(255,255,255,.2))}.hk-word{color:var(--moss);transition:color .18s ease}.hk-line.active .hk-word.done{color:var(--track-accent, var(--bone))}.hk-line.active .hk-word.todo{color:var(--moss);opacity:.55}.hk-line.active .hk-word.on{--fill: 0;background:linear-gradient(90deg,var(--track-accent, var(--bone)) calc(var(--fill) * 100%),var(--moss) calc(var(--fill) * 100%));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.hk-fixed{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(10px,1.6vh,22px);padding:0 6%;text-align:center}.hk-fixed .hk-line{transform:none;opacity:1;padding:0}.hk-fixed .hk-line.active{font-size:clamp(28px,5vh,64px);color:var(--track-accent, var(--bone));text-shadow:0 0 30px var(--track-accent-glow, rgba(255,255,255,.2));animation:hk-line-in .35s ease}.hk-fixed .hk-line.hk-next{font-size:clamp(18px,2.8vh,34px);color:var(--moss);opacity:.5}@keyframes hk-line-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.hk-gap-dimmed .hk-scroll{opacity:.4;transition:opacity .4s ease}.hk-gap-dimmed .hk-line.active+.hk-line.upcoming{opacity:calc(.4 + .6 * var(--gap-reveal));color:var(--track-accent, var(--bone))}.hk-gap-visualizer .hk-scroll{opacity:0;transition:opacity .3s ease}.hk-gap-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hk-gap-viz{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center}.hk-gap-viz .np-spectrogram,.hk-gap-viz canvas{width:100%;height:40vh}.hk-gap-countdown .hk-scroll{opacity:0;transition:opacity .3s ease}.hk-gap-countdown .hk-gap-overlay{display:flex;align-items:center;justify-content:center}.hk-countdown{width:100%;display:flex;flex-direction:column;align-items:center}.hk-gap-dots{display:flex;gap:clamp(12px,1.8vh,22px);justify-content:center;margin-bottom:clamp(14px,2.4vh,26px)}.hk-gap-dots i{--out: clamp(0, (var(--gap-reveal) - var(--k) * .25) * 4, 1);width:clamp(10px,1.6vh,16px);height:clamp(10px,1.6vh,16px);border-radius:50%;background:var(--track-accent, var(--cyan));box-shadow:0 0 12px var(--track-accent-glow, transparent);opacity:calc(1 - var(--out) * .85);transform:scale(calc(1 - var(--out) * .45));transition:opacity .15s linear,transform .15s linear}.hk-gap-next{text-align:center;font-weight:700;font-size:clamp(24px,3.6vh,48px);color:var(--track-accent, var(--bone));opacity:var(--gap-reveal);transform:translateY(calc((1 - var(--gap-reveal)) * 12px));transition:opacity .2s linear}.hk-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center}.hk-fb-viz{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;display:flex;align-items:center}.hk-fb-viz canvas{width:100%;height:42vh}.hk-fb-title{position:relative;margin:0;font-size:clamp(34px,6vh,82px);color:var(--bone)}.hk-fb-artist{position:relative;font-size:clamp(16px,2.4vh,28px);color:var(--moss)}.hk-fb-badge{position:relative;font-family:var(--mono);text-transform:uppercase;letter-spacing:.16em;font-size:12px;color:var(--moss);border:1px solid var(--hairline-strong);padding:6px 12px;border-radius:4px}.hk-fb-plain{position:relative;max-height:50vh;overflow-y:auto;white-space:pre-wrap;font-size:clamp(15px,2vh,22px);color:var(--ash);line-height:1.6;max-width:800px}.hk-fb-note{position:relative;display:flex;align-items:center;gap:12px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;font-size:12px;color:var(--moss-dim)}.hk-toolbar{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:18px;padding:14px 0 20px;flex-wrap:wrap}.hk-modes{display:inline-flex;gap:8px}.host-pill.on{border-color:var(--track-accent, var(--cyan));color:var(--paper);background:var(--panel-2)}.hk-level{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--moss)}.hk-level input[type=range]{width:160px;accent-color:var(--track-accent, var(--cyan))}.hk-level-val{color:var(--bone);min-width:36px}.host-karaoke-toggle{margin-left:14px}.host-hero-join{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:clamp(8px,1.2vh,18px);padding:clamp(20px,2.5vh,40px) clamp(14px,1.6vw,26px);height:100%}.host-join-label{font-family:var(--mono);font-size:clamp(10px,1.1vh,13px);letter-spacing:.2em;text-transform:uppercase;color:var(--moss)}.host-join-code{font-family:var(--mono);font-weight:700;color:var(--bone);font-size:clamp(18px,2.6vh,32px);letter-spacing:.22em;line-height:1}.host-qr{width:min(34vh,320px);height:auto;image-rendering:pixelated;border-radius:8px;background:var(--void);display:block}.host-join-url{text-align:center;font-family:var(--mono);font-size:11px;color:var(--moss);word-break:break-all}.host-join-stats{font-family:var(--mono);font-size:11px;color:var(--moss-dim);letter-spacing:.08em;text-transform:uppercase;text-align:center}.host-upnext{width:100%;margin-top:auto;border-top:1px solid var(--hairline);padding:14px 4px 4px;display:flex;flex-direction:column;gap:8px}.host-upnext-head{font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--moss);display:flex;justify-content:space-between;align-items:baseline}.host-upnext-head .src{font-size:9px;color:var(--moss-dim);letter-spacing:.16em}.host-upnext-list{display:flex;flex-direction:column;gap:6px}.host-upnext-row{display:flex;align-items:center;gap:10px;padding:6px;border-radius:4px;background:#ffffff05;border:1px solid var(--hairline)}.host-upnext-row .num{font-family:var(--mono);font-size:10px;color:var(--moss-dim);width:14px;text-align:right;flex-shrink:0}.host-upnext-row .art{width:32px;height:32px;border-radius:3px;background-size:cover;background-position:center;flex-shrink:0;background-color:var(--track-accent, var(--red))}.host-upnext-row .meta{flex:1;min-width:0}.host-upnext-row .title-row{display:flex;align-items:baseline;gap:8px}.host-upnext-row .title{font-family:var(--sans);font-size:12px;color:var(--bone);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.host-upnext-row .dur{font-family:var(--mono);font-size:10px;color:var(--moss);font-variant-numeric:tabular-nums;flex-shrink:0}.host-upnext-row .artist{font-family:var(--mono);font-size:10px;color:var(--moss);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.host-upnext-row .who{color:var(--cyan);margin-left:6px}.host-upnext-empty{font-family:var(--mono);font-size:10px;color:var(--moss-dim);text-transform:uppercase;letter-spacing:.12em;padding:6px 4px}.host-rail-lyrics{width:100%;flex:1;min-height:0;border-top:1px solid var(--hairline);padding:14px 4px 4px;display:flex;flex-direction:column;gap:8px}.host-rail-lyrics-head{font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--moss);flex-shrink:0}.host-rail-lyrics-window{position:relative;flex:1;min-height:0;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 45%,#000 90%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 45%,#000 90%,transparent)}.host-rail-lyrics-scroll{position:absolute;left:0;right:0;top:0;display:flex;flex-direction:column;gap:6px;text-align:center;transition:transform .45s cubic-bezier(.22,.61,.36,1);will-change:transform}.host-rail-line{font-family:var(--sans);font-size:clamp(18px,2.8vh,30px);line-height:1.3;color:var(--moss-dim);transition:color .25s,opacity .25s}.host-rail-line.past{opacity:.4}.host-rail-line.upcoming{opacity:.7}.host-rail-line.active{color:var(--track-accent, var(--bone));font-weight:700;opacity:1}.host-rail-lyrics-plain{flex:1;min-height:0;overflow-y:auto;font-family:var(--sans);font-size:13px;line-height:1.5;color:var(--moss);white-space:pre-wrap;text-align:center}.host-playhead{pointer-events:none;margin-top:10px;display:grid;grid-template-columns:48px 1fr 48px;column-gap:12px;align-items:center;font-family:var(--mono)}.host-playhead-time{font-size:11px;color:var(--moss);font-variant-numeric:tabular-nums}.host-playhead-time-right{text-align:right;color:var(--ash)}.host-playhead-track{position:relative;height:3px;background:#ffffff0f;border-radius:2px;overflow:visible}.host-playhead-fill{position:absolute;left:0;top:0;bottom:0;background-image:var(--accent-gradient-h);background-size:calc(100% / var(--p, 1)) 100%;background-position:left center;background-repeat:no-repeat;border-radius:2px;transition:width .2s linear}.host-playhead-head{position:absolute;top:50%;transform:translate(-50%,-50%);width:9px;height:9px;border-radius:50%;background:var(--track-accent, var(--red));box-shadow:0 0 10px var(--track-accent, var(--red)),0 0 22px color-mix(in srgb,var(--track-accent, var(--red)) 50%,transparent);transition:left .2s linear}.host-playhead-uploader{grid-column:1 / -1;margin-top:8px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--moss-dim);text-align:right}.host-playhead-uploader span{color:var(--bone);letter-spacing:.08em;text-transform:none;margin-left:6px}.host-panel{padding:32px clamp(20px,4vw,60px) 80px;border-top:1px solid var(--hairline);background:#00000059}.host-scrubber-row{display:grid;grid-template-columns:56px 1fr 56px;gap:14px;align-items:center;max-width:920px;margin:0 auto 18px}.host-time{font-family:var(--mono);font-size:12px;color:var(--moss);font-variant-numeric:tabular-nums}.host-time-right{text-align:right;color:var(--ash)}.host-scrubber{height:6px;background:#ffffff14;border-radius:3px;position:relative;cursor:pointer}.host-scrubber-fill{position:absolute;left:0;top:0;bottom:0;background-image:var(--accent-gradient-h);background-size:calc(100% / var(--p, 1)) 100%;background-position:left center;background-repeat:no-repeat;border-radius:3px}.host-scrubber-head{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;background:var(--track-accent, var(--red));box-shadow:0 0 8px var(--track-accent, var(--red))}.host-transport{display:flex;gap:22px;align-items:center;justify-content:center;margin:8px 0 24px}.host-transport .tbtn{width:44px;height:44px}.host-play-btn{width:60px!important;height:60px!important}.host-control-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(20px,3vw,40px);max-width:1280px;margin:0 auto}.host-control-left{display:flex;flex-direction:column;gap:18px;min-width:0}.host-control-right{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:16px 18px;align-content:start;min-width:0;padding:16px 18px;border:1px solid var(--hairline);border-radius:6px;background:#ffffff04;align-self:flex-start}.host-control-right>.host-options-group.host-options-wide{grid-column:1 / -1}@media (max-width: 900px){.host-control-grid{grid-template-columns:1fr}}.host-options-group{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.host-options-label{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--moss-dim)}.host-options-buttons{display:flex;gap:6px;flex-wrap:wrap}.host-style-switcher{display:flex;gap:6px;flex-wrap:wrap;align-items:center;width:100%}.host-style-edit{margin-left:auto}.host-style-editor{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9100;display:grid;place-items:center;padding:24px;background:#0000009e;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.host-style-editor-panel{width:min(700px,100%);max-height:84vh;overflow-y:auto;background:var(--void);border:1px solid var(--hairline);border-radius:10px;padding:20px 22px;box-shadow:0 24px 60px #00000080}.host-style-editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--moss)}.host-style-editor-body{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px 18px;align-content:start}.host-style-editor-body>.host-options-group.host-options-wide{grid-column:1 / -1}.host-pill-key{display:inline-block;margin-right:7px;min-width:1.1em;text-align:center;opacity:.55;font-variant-numeric:tabular-nums}.host-style-admin-card{width:min(460px,100%);max-height:calc(100vh - 48px);overflow:hidden}.host-style-admin-card .modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}@media (max-width: 560px){.host-style-admin-back{padding:0}.host-style-admin-card{width:100%;height:100vh;height:100dvh;height:var(--app-height, 100dvh);max-height:none;border-left:0;border-right:0}.host-style-admin-card .modal-head{padding-top:calc(8px + env(safe-area-inset-top));padding-left:calc(14px + env(safe-area-inset-left));padding-right:calc(14px + env(safe-area-inset-right))}.host-style-admin-card .modal-body{padding-bottom:calc(16px + env(safe-area-inset-bottom));padding-left:calc(22px + env(safe-area-inset-left));padding-right:calc(22px + env(safe-area-inset-right))}}.hsa-list{display:flex;flex-direction:column;gap:6px}.hsa-row{display:flex;align-items:center;gap:12px;padding:9px 12px;border:1px solid var(--hairline);border-radius:8px;background:var(--panel-2, rgba(255,255,255,.02))}.hsa-row.hsa-off{opacity:.42}.hsa-row.hsa-drag{opacity:.5}.hsa-row.hsa-over{border-color:var(--cyan);box-shadow:inset 0 0 0 1px var(--cyan)}.hsa-grip{cursor:grab;color:var(--moss);font-size:16px;touch-action:none}.hsa-key{min-width:1.4em;text-align:center;font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--cyan);font-size:13px}.hsa-name{flex:1;text-transform:capitalize;font-size:14px}.hsa-eye{background:transparent;border:1px solid var(--hairline);border-radius:5px;color:var(--moss);font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:5px 9px;cursor:pointer}.hsa-eye.on{border-color:var(--cyan);color:var(--cyan)}.host-ascii{position:relative;height:100dvh;width:100%;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;gap:clamp(10px,2vh,22px);padding:clamp(14px,3vh,40px) clamp(18px,4vw,60px);font-family:var(--mono),ui-monospace,monospace}.host-ascii.hx-paper-ink{background:#04070a;color:#d8ecdb}.host-ascii.hx-paper-bone{background:#ece2cd;color:#16150f}.host-ascii.hx-scan:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;background:repeating-linear-gradient(to bottom,#0000 0,#0000 2px,#00000029 2px,#00000029 3px)}.host-ascii.hx-paper-bone.hx-scan:after{background:repeating-linear-gradient(to bottom,#0000 0,#0000 2px,#00000014 2px,#00000014 3px)}.hx-head{flex:0 0 auto;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.22em;text-transform:uppercase;opacity:.62}.hx-blink{animation:hx-blink 1s steps(1) infinite}@keyframes hx-blink{50%{opacity:0}}.hx-body{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;gap:clamp(20px,4vw,64px)}.hx-art-box{flex:0 1 auto;height:100%;aspect-ratio:1 / 1;max-width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.hx-art{width:100%;height:100%;display:block}.host-ascii.hx-pop .hx-art-box{position:relative}.host-ascii.hx-pop .hx-art-box:before{content:"";position:absolute;top:-9%;right:-9%;bottom:-9%;left:-9%;z-index:0;pointer-events:none;background:radial-gradient(closest-side,color-mix(in srgb,var(--track-accent) 34%,transparent),transparent 72%);filter:blur(28px)}.host-ascii.hx-pop .hx-art{position:relative;z-index:1;filter:drop-shadow(0 0 2px rgba(0,0,0,.95)) drop-shadow(0 6px 16px rgba(0,0,0,.68))}.host-ascii.hx-pop.hx-paper-bone .hx-art{filter:drop-shadow(0 0 1.5px rgba(0,0,0,.6)) drop-shadow(0 6px 16px rgba(0,0,0,.42))}.hx-join{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-start;gap:5px}.hx-qr{width:clamp(96px,12vw,148px);height:clamp(96px,12vw,148px);image-rendering:pixelated;border:1px solid currentColor;opacity:.92}.hx-join-h{margin-top:6px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;opacity:.6}.hx-join-code{font-size:clamp(20px,2.4vw,32px);font-weight:700;letter-spacing:.18em;color:var(--track-accent, currentColor)}.hx-join-url{font-size:11px;opacity:.55}.hx-foot{flex:0 0 auto;display:flex;align-items:flex-end;justify-content:space-between;gap:12px 24px;flex-wrap:wrap}.hx-meta{min-width:0}.hx-title{font-weight:700;letter-spacing:.04em;line-height:1;color:inherit;font-size:clamp(20px,min(4.4vw,5.2vh),52px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70vw}.hx-artist{font-size:clamp(12px,1.5vw,18px);opacity:.8;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-bar{font-size:clamp(10px,1.3vw,15px);letter-spacing:.05em;white-space:nowrap;color:var(--track-accent, currentColor)}@media (max-width: 760px){.hx-body{flex-direction:column;gap:16px}.hx-art-box{height:auto;width:min(86vw,50vh)}.hx-join{flex-direction:row;align-items:center;flex-wrap:wrap;gap:4px 12px}.hx-join-h{margin-top:0}}.host-halftone{position:relative;height:100dvh;width:100%;overflow:hidden;isolation:isolate;--hf-cream: #ece2cd;--hf-ink: #16150f;font-family:var(--mono),ui-monospace,monospace;display:flex;align-items:center;justify-content:center;gap:clamp(24px,5vw,80px);padding:clamp(20px,4vh,56px) clamp(22px,5vw,80px)}.host-halftone.hf-base-cream{background:var(--hf-cream);color:var(--hf-ink)}.host-halftone.hf-base-ink{background:var(--hf-ink);color:var(--hf-cream)}.hf-art-box{flex:0 0 auto;height:min(100%,74vh);aspect-ratio:1 / 1;max-width:50vw;border:2px solid currentColor}.hf-canvas{width:100%;height:100%;display:block}.hf-id{flex:1 1 auto;min-width:0;max-width:46vw;display:flex;flex-direction:column;gap:clamp(5px,1.1vh,13px)}.hf-kicker{font-size:12px;letter-spacing:.28em;text-transform:uppercase;font-weight:700;color:var(--track-accent)}.hf-title{margin:0;font-weight:800;text-transform:uppercase;line-height:.92;font-size:clamp(34px,min(6.6vw,11vh),108px);letter-spacing:-.01em;font-family:"Arial Narrow","Helvetica Neue",var(--mono),sans-serif;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.hf-artist{font-size:clamp(14px,2vw,26px);font-weight:700;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hf-album{font-size:clamp(11px,1.3vw,15px);opacity:.6;letter-spacing:.05em}.hf-join{margin-top:clamp(10px,2vh,24px);display:flex;align-items:center;gap:12px}.hf-qr{width:80px;height:80px;image-rendering:pixelated;border:2px solid currentColor;background:#fff}.hf-join-h{font-size:10px;letter-spacing:.2em;text-transform:uppercase}.hf-join-code{font-size:clamp(20px,2.2vw,30px);font-weight:800;letter-spacing:.14em;color:var(--track-accent)}@media (max-width: 760px){.host-halftone{flex-direction:column;gap:18px}.hf-art-box{height:auto;width:min(80vw,44vh);max-width:none}.hf-id{max-width:90vw;align-items:flex-start}}.host-halo{position:relative;height:100dvh;height:var(--app-height, 100dvh);width:100%;overflow:hidden;isolation:isolate;background:#05080b;color:var(--bone);font-family:var(--mono),ui-monospace,monospace}.halo-backdrop{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;z-index:0;background-size:cover;background-position:center;filter:blur(64px) saturate(1.35) brightness(calc(.4 + var(--halo-e, 0) * .32));animation:halo-drift 44s ease-in-out infinite alternate}@keyframes halo-drift{0%{transform:scale(1.12) translate(-1.5%,-1%)}to{transform:scale(1.22) translate(1.5%,1.5%)}}.halo-wash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(120% 90% at 50% 46%,transparent 28%,rgba(0,0,0,.6) 100%)}.host-halo.halo-bg-accent{background:#06080c}.host-halo.halo-bg-accent .halo-wash{background:radial-gradient(95% 95% at 50% 46%,color-mix(in srgb,var(--track-accent) 32%,transparent),#000000c7 80%)}.host-halo.halo-bg-void .halo-wash{background:radial-gradient(130% 95% at 50% 46%,transparent 42%,rgba(0,0,0,.45) 100%)}.halo-viz{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%}.halo-stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.halo-art{position:absolute;top:50%;left:50%;width:min(34vh,40vw);aspect-ratio:1 / 1;background-size:cover;background-position:center;border-radius:14px;transform:translate(-50%,-50%) scale(calc(1 + var(--halo-beat, 0) * .035));transition:transform 70ms linear,opacity .32s ease;display:grid;place-items:center;box-shadow:0 18px 60px #0009,0 0 calc(24px + var(--halo-e, 0) * 80px) color-mix(in srgb,var(--track-accent) calc(26% + var(--halo-e, 0) * 46%),transparent)}.halo-art.halo-shape-circle{border-radius:50%}.halo-art.halo-art-hide{opacity:0}.halo-art-fallback{font-size:16vh;font-weight:800;color:#ffffffd9}.halo-meta{position:absolute;left:50%;top:50%;transform:translate(-50%);margin-top:calc(min(17vh,20vw) + clamp(22px,4vh,48px));width:min(88vw,940px);text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.halo-title{font-weight:800;letter-spacing:-.01em;line-height:1.04;text-transform:uppercase;font-size:clamp(26px,4.4vw,64px);font-family:"Arial Narrow","Helvetica Neue",var(--mono),sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-shadow:0 2px 20px rgba(0,0,0,.6)}.halo-artist{font-size:clamp(14px,1.8vw,24px);opacity:.82;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.halo-album{opacity:.6}.halo-time{margin-top:4px;font-size:clamp(11px,1.2vw,15px);color:var(--moss);font-variant-numeric:tabular-nums;letter-spacing:.08em}.halo-join{position:absolute;z-index:4;right:calc(clamp(18px,3vw,48px) + env(safe-area-inset-right,0px));bottom:calc(clamp(18px,3vh,48px) + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:12px;background:#0000006b;border:1px solid rgba(255,255,255,.1);padding:10px 14px;border-radius:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.halo-qr{width:92px;height:92px;border-radius:6px;image-rendering:pixelated;background:#fff}.halo-join-h{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--moss)}.halo-join-code{font-size:clamp(18px,2.2vw,28px);font-weight:800;letter-spacing:.16em;color:var(--track-accent, var(--bone))}.halo-join-url{font-size:11px;color:var(--moss)}.halo-next{position:absolute;z-index:4;left:calc(clamp(18px,3vw,48px) + env(safe-area-inset-left,0px));bottom:calc(clamp(18px,3vh,48px) + env(safe-area-inset-bottom,0px));width:clamp(220px,22vw,320px);display:flex;flex-direction:column;gap:8px;background:#0006;border:1px solid rgba(255,255,255,.1);padding:12px 14px;border-radius:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.halo-next-h{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--moss);margin-bottom:2px}.halo-next-row{display:flex;align-items:center;gap:10px;min-width:0}.halo-next-art{width:34px;height:34px;flex:0 0 auto;border-radius:6px;background-size:cover;background-position:center;box-shadow:0 2px 8px #0006}.halo-next-meta{min-width:0}.halo-next-title{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.halo-next-artist{font-size:11px;color:var(--moss);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.halo-ballpit{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;pointer-events:none}.halo-ballpit canvas{width:100%;height:100%}@media (max-width: 640px){.halo-art{width:min(40vh,72vw)}.halo-meta{margin-top:calc(min(20vh,36vw) + 22px)}.halo-join{left:50%;right:auto;transform:translate(-50%);bottom:calc(14px + env(safe-area-inset-bottom,0px));padding:8px 12px}.halo-qr{width:72px;height:72px}.halo-next,.halo-ballpit{display:none}}.host-deck{position:relative;height:100dvh;height:var(--app-height, 100dvh);width:100%;overflow:hidden;isolation:isolate;background:#05080b;color:var(--bone);font-family:var(--mono),ui-monospace,monospace}.host-deck.deck-bg-glow:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(120% 70% at 50% 108%,color-mix(in srgb,var(--track-accent) calc(22% + var(--deck-e,0) * 30%),transparent),transparent 70%)}.deck-viz{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%}.deck-head{position:absolute;z-index:2;top:calc(clamp(24px,6vh,70px) + env(safe-area-inset-top,0px));left:calc(clamp(24px,5vw,80px) + env(safe-area-inset-left,0px));right:calc(clamp(24px,5vw,80px) + env(safe-area-inset-right,0px));display:flex;align-items:center;gap:clamp(16px,2.4vw,34px)}.deck-art{width:clamp(96px,15vh,200px);aspect-ratio:1 / 1;flex:0 0 auto;background-size:cover;background-position:center;border-radius:10px;box-shadow:0 14px 44px #0000008c,0 0 calc(16px + var(--deck-e,0) * 52px) color-mix(in srgb,var(--track-accent) calc(24% + var(--deck-e,0) * 40%),transparent);transform:scale(calc(1 + var(--deck-beat,0) * .03));transition:transform 70ms linear}.deck-meta{min-width:0;display:flex;flex-direction:column;gap:4px}.deck-title{font-weight:800;text-transform:uppercase;letter-spacing:-.01em;line-height:1;font-size:clamp(28px,5vw,84px);font-family:"Arial Narrow","Helvetica Neue",var(--mono),sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 18px rgba(0,0,0,.5)}.deck-artist{font-size:clamp(14px,1.8vw,24px);opacity:.82;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck-album{opacity:.6}.deck-time{margin-top:4px;font-size:clamp(11px,1.2vw,15px);color:var(--moss);font-variant-numeric:tabular-nums;letter-spacing:.08em}.deck-join{position:absolute;z-index:3;right:calc(clamp(20px,3vw,52px) + env(safe-area-inset-right,0px));bottom:calc(clamp(20px,3vh,52px) + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:12px;background:#0000006b;border:1px solid rgba(255,255,255,.1);padding:10px 14px;border-radius:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.deck-qr{width:84px;height:84px;border-radius:6px;image-rendering:pixelated;background:#fff}.deck-join-h{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--moss)}.deck-join-code{font-size:clamp(18px,2.2vw,28px);font-weight:800;letter-spacing:.16em;color:var(--track-accent, var(--bone))}.deck-next{position:absolute;z-index:3;right:calc(clamp(20px,4vw,64px) + env(safe-area-inset-right,0px));top:calc(clamp(150px,30vh,340px) + env(safe-area-inset-top,0px));width:clamp(230px,24vw,340px);display:flex;flex-direction:column;gap:9px;background:#05080b66;border:1px solid rgba(255,255,255,.08);padding:12px 16px;border-radius:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.deck-next-h{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--moss);border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:6px;margin-bottom:2px}.deck-next-row{display:flex;align-items:center;gap:10px;min-width:0}.deck-next-num{font-size:11px;font-variant-numeric:tabular-nums;color:var(--track-accent, var(--moss));font-weight:700;flex:0 0 auto;width:20px}.deck-next-art{width:36px;height:36px;flex:0 0 auto;border-radius:4px;background-size:cover;background-position:center;box-shadow:0 2px 8px #00000073}.deck-next-meta{min-width:0}.deck-next-title{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 6px rgba(0,0,0,.6)}.deck-next-sub{font-size:11px;color:var(--moss);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 640px){.deck-head{flex-direction:column;align-items:flex-start;top:calc(clamp(16px,3vh,36px) + env(safe-area-inset-top,0px))}.deck-join{left:50%;right:auto;transform:translate(-50%);bottom:calc(12px + env(safe-area-inset-bottom,0px));padding:8px 12px}.deck-qr{width:68px;height:68px}.deck-next{display:none}}.host-viz{position:relative;height:100dvh;height:var(--app-height, 100dvh);width:100%;overflow:hidden;isolation:isolate;background:#05080b;color:var(--bone);font-family:var(--mono),ui-monospace,monospace}.hviz-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%}.hviz-now{position:absolute;z-index:3;left:calc(clamp(18px,3vw,48px) + env(safe-area-inset-left,0px));bottom:calc(clamp(18px,3vh,48px) + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:14px;max-width:min(52vw,560px);background:#0006;border:1px solid rgba(255,255,255,.1);padding:12px 16px;border-radius:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hviz-now-art{width:clamp(54px,7vh,84px);aspect-ratio:1 / 1;flex:0 0 auto;border-radius:8px;background-size:cover;background-position:center;box-shadow:0 8px 26px #00000080,0 0 calc(10px + var(--viz-e,0) * 40px) color-mix(in srgb,var(--track-accent) 30%,transparent)}.hviz-now-meta{min-width:0;display:flex;flex-direction:column;gap:3px}.hviz-now-title{font-weight:800;text-transform:uppercase;letter-spacing:-.01em;line-height:1.05;font-size:clamp(18px,2.4vw,34px);font-family:"Arial Narrow","Helvetica Neue",var(--mono),sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hviz-now-sub{font-size:clamp(12px,1.4vw,17px);color:var(--moss);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hviz-now-stat{display:flex;align-items:center;gap:12px;margin-top:2px}.hviz-now-time{font-size:12px;color:var(--moss);font-variant-numeric:tabular-nums;letter-spacing:.06em}.hviz-rec{display:inline-flex;align-items:center;gap:6px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--moss)}.hviz-rec i{width:8px;height:8px;border-radius:50%;background:var(--moss-dim)}.hviz-rec.on{color:#ff5a5a}.hviz-rec.on i{background:#ff3a3a;box-shadow:0 0 10px #ff3a3a;animation:hviz-blink 1.4s steps(1) infinite}@keyframes hviz-blink{50%{opacity:.25}}.hviz-join{position:absolute;z-index:4;right:calc(clamp(18px,3vw,48px) + env(safe-area-inset-right,0px));bottom:calc(clamp(18px,3vh,48px) + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:12px;background:#0000006b;border:1px solid rgba(255,255,255,.1);padding:10px 14px;border-radius:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hviz-qr{width:84px;height:84px;border-radius:6px;image-rendering:pixelated;background:#fff}.hviz-join-h{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--moss)}.hviz-join-code{font-size:clamp(18px,2.2vw,28px);font-weight:800;letter-spacing:.16em;color:var(--track-accent, var(--bone))}.hviz-join-url{font-size:11px;color:var(--moss)}.hviz-next{position:absolute;z-index:4;right:calc(clamp(18px,3vw,48px) + env(safe-area-inset-right,0px));top:calc(clamp(24px,5vh,60px) + env(safe-area-inset-top,0px));width:clamp(220px,22vw,330px);display:flex;flex-direction:column;gap:8px;background:#0006;border:1px solid rgba(255,255,255,.1);padding:12px 14px;border-radius:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hviz-next-h{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--moss);border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:6px}.hviz-next-row{display:flex;align-items:center;gap:10px;min-width:0}.hviz-next-num{font-size:11px;font-variant-numeric:tabular-nums;color:var(--track-accent, var(--moss));font-weight:700;flex:0 0 auto;width:20px}.hviz-next-art{width:34px;height:34px;flex:0 0 auto;border-radius:6px;background-size:cover;background-position:center;box-shadow:0 2px 8px #0006}.hviz-next-meta{min-width:0}.hviz-next-title{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hviz-next-sub{font-size:11px;color:var(--moss);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viz-pulse{background:#04070a}.viz-pulse.pulse-grid:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.5;background-image:linear-gradient(rgba(120,200,150,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(120,200,150,.08) 1px,transparent 1px);background-size:calc(100% / 14) 12.5%}.viz-pulse:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:radial-gradient(120% 80% at 50% 50%,transparent 55%,rgba(0,0,0,.5))}.viz-aurora{background:#04060a}.aur-backdrop{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;z-index:0;background-size:cover;background-position:center;filter:blur(80px) saturate(1.3) brightness(calc(.28 + var(--viz-e,0) * .3));opacity:.5;animation:halo-drift 50s ease-in-out infinite alternate}.viz-bloom.bloom-bg-accent{background:radial-gradient(120% 90% at 50% 45%,color-mix(in srgb,var(--track-accent) 26%,transparent),#04060a 75%)}.bloom-backdrop{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;z-index:0;background-size:cover;background-position:center;filter:blur(70px) brightness(.4);opacity:.5}.bloom-art{position:absolute;z-index:3;top:44%;left:50%;width:min(26vh,30vw);aspect-ratio:1 / 1;background-size:cover;background-position:center;border-radius:14px;transform:translate(-50%,-50%) scale(calc(1 + var(--viz-beat,0) * .05));transition:transform 70ms linear;display:grid;place-items:center;box-shadow:0 18px 60px #0009,0 0 calc(20px + var(--viz-e,0) * 70px) color-mix(in srgb,var(--track-accent) calc(24% + var(--viz-e,0) * 46%),transparent)}.bloom-art.bloom-circle{border-radius:50%}.bloom-art-fallback{font-size:12vh;font-weight:800;color:#ffffffd9}.viz-window{background:#05070a}.viz-glass{background:#05060a}.viz-chapel{background:#06060a}.rain-fallback{position:absolute;top:-6%;right:-6%;bottom:-6%;left:-6%;z-index:0;background-size:cover;background-position:center;filter:blur(26px) brightness(.4) saturate(1.1);opacity:.7}.viz-wires{background:#05070b}.viz-wires.wires-bg-accent{background:radial-gradient(120% 90% at 50% 45%,color-mix(in srgb,var(--track-accent) 22%,transparent),#04060a 75%)}.wires-backdrop{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;z-index:0;background-size:cover;background-position:center;filter:blur(70px) brightness(.38) saturate(1.2);opacity:.55}.viz-wires .hviz-canvas{z-index:2}.wires-art{position:absolute;z-index:1;background-size:cover;background-position:center;border-radius:12px;display:grid;place-items:center;transform:scale(calc(1 + var(--viz-beat, 0) * .03));transition:transform 70ms linear;box-shadow:0 18px 60px #000000a6,0 0 calc(18px + var(--viz-e, 0) * 70px) color-mix(in srgb,var(--track-accent) calc(22% + var(--viz-e, 0) * 44%),transparent)}.wires-art-fallback{font-size:clamp(40px,12vh,140px);font-weight:800;color:#ffffffd9}.viz-gate{background:linear-gradient(180deg,#070a10,#04060a 55%,#030407)}.viz-gate.gate-bg-accent{background:radial-gradient(120% 90% at 50% 40%,color-mix(in srgb,var(--track-accent) 16%,transparent),#04060a 70%)}.gate-backdrop{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;z-index:0;background-size:cover;background-position:center;filter:blur(80px) brightness(.3) saturate(1.15);opacity:.45}.viz-gate .hviz-canvas{z-index:2}.gate-art{position:absolute;z-index:1;background-size:cover;background-position:center;border-radius:10px;display:grid;place-items:center;transform:scale(calc(1 + var(--viz-beat, 0) * .02));transition:transform 70ms linear;box-shadow:0 24px 80px #000000b3,0 0 calc(14px + var(--viz-e, 0) * 55px) color-mix(in srgb,var(--track-accent) calc(18% + var(--viz-e, 0) * 40%),transparent)}.gate-art-fallback{font-size:clamp(40px,12vh,140px);font-weight:800;color:#ffffffd9}.viz-melt{background:#060609}.viz-melt.melt-bg-accent{background:radial-gradient(120% 90% at 50% 40%,color-mix(in srgb,var(--track-accent) 20%,transparent),#050507 75%)}.melt-backdrop{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;z-index:0;background-size:cover;background-position:center;filter:blur(80px) brightness(.32) saturate(1.25);opacity:.5}.viz-candle{background:radial-gradient(130% 100% at 50% 88%,#17100a,#08060a 55%,#030205)}.viz-candle.candle-bg-accent{background:radial-gradient(120% 95% at 50% 82%,color-mix(in srgb,var(--track-accent) 16%,#0a0708),#030205 78%)}.candle-backdrop{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;z-index:0;background-size:cover;background-position:center;filter:blur(90px) brightness(.28) saturate(1.2);opacity:.4}@media (orientation: portrait){.viz-candle .hviz-now{top:calc(clamp(16px,3vh,40px) + env(safe-area-inset-top,0px));bottom:auto;left:50%;transform:translate(-50%);max-width:min(88vw,620px);width:max-content}}.viz-skyline{background:#010207}.viz-skyline:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:radial-gradient(145% 105% at 50% 42%,transparent 62%,rgba(0,0,0,.4))}@media (max-width: 640px){.hviz-next{display:none}.hviz-join{left:50%;right:auto;transform:translate(-50%);bottom:calc(12px + env(safe-area-inset-bottom,0px));padding:8px 12px}.hviz-qr{width:64px;height:64px}.hviz-now{left:calc(10px + env(safe-area-inset-left,0px));right:calc(10px + env(safe-area-inset-right,0px));bottom:calc(66px + env(safe-area-inset-bottom,0px));max-width:none}.bloom-art{width:min(34vh,60vw);top:40%}}@media (max-height: 540px) and (orientation: landscape){.halo-next,.halo-ballpit,.deck-next,.hviz-next{display:none}.halo-join,.deck-join,.hviz-join{right:calc(clamp(8px,1.6vw,18px) + env(safe-area-inset-right,0px));bottom:calc(clamp(8px,2vh,16px) + env(safe-area-inset-bottom,0px));padding:6px 10px;gap:9px}.halo-qr,.deck-qr,.hviz-qr{width:clamp(48px,14vh,72px);height:clamp(48px,14vh,72px)}.halo-art{width:min(50vh,34vw)}.halo-meta{margin-top:calc(min(50vh,34vw)/2 + clamp(8px,2vh,16px));width:min(64vw,620px)}.halo-title{font-size:clamp(20px,7vh,40px)}.bloom-art{width:min(46vh,30vw);top:46%}.deck-head{top:calc(clamp(8px,2.4vh,20px) + env(safe-area-inset-top,0px));gap:clamp(12px,2vw,24px);flex-direction:row;align-items:center}.deck-art{width:clamp(64px,26vh,140px)}.deck-title{font-size:clamp(24px,8vh,56px)}.hviz-now{left:calc(clamp(8px,1.6vw,18px) + env(safe-area-inset-left,0px));right:auto;bottom:calc(clamp(8px,2vh,16px) + env(safe-area-inset-bottom,0px));max-width:min(52vw,460px);padding:9px 13px;gap:11px}.hviz-now-art{width:clamp(44px,13vh,72px)}}.host-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center;padding:26px 0 0;max-width:1280px;margin:0 auto}.host-actions-spacer{flex:1}.host-pill{padding:8px 14px;background:transparent;border:1px solid var(--hairline);color:var(--moss);font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;border-radius:4px;cursor:pointer;transition:all .12s ease}.host-pill:hover{border-color:var(--moss);color:var(--bone)}.host-pill.active{border-color:var(--cyan);color:var(--cyan);background:color-mix(in srgb,var(--cyan) 8%,transparent)}.host-pill-danger{border-color:var(--red);color:var(--red)}.host-pill-danger:hover{background:color-mix(in srgb,var(--red) 14%,transparent)}.host-queue{max-width:720px;margin:36px auto 0}.host-queue.host-queue-inline{max-width:none;margin:0}.host-queue-head{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--moss);margin-bottom:10px}.host-queue-empty{font-family:var(--mono);font-size:10px;color:var(--moss-dim);text-transform:uppercase;letter-spacing:.1em;padding:12px 0;text-align:center}.host-join-code.accent{text-shadow:0 0 18px color-mix(in srgb,var(--track-accent, var(--cyan)) 35%,transparent)}.host-qr.accent{box-shadow:0 0 0 1px color-mix(in srgb,var(--track-accent, transparent) 30%,transparent),0 0 24px color-mix(in srgb,var(--track-accent, transparent) 20%,transparent)}@media (max-width: 900px){.host-now{grid-template-columns:1fr!important;min-height:auto;height:auto}}@media (max-width: 900px){.host-now{--np-disc: clamp(200px, 44vw, 380px);padding:18px;gap:18px}.host-now .np-main{padding-top:12px;gap:16px}.host-hero-join{padding:12px 0;height:auto;gap:12px}.host-qr{width:min(38vw,280px)}.host-join-code{font-size:clamp(18px,4vw,28px)}.host-join-url{font-size:11px}.host-panel{padding:20px 16px 60px}.host-actions{padding-top:18px}}@media (max-width: 720px){.host-shell{padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0);padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0)}.host-shell:has(.host-viz,.host-halo,.host-deck){padding:0}.host-now{padding:14px;gap:14px}.host-now .album-cluster.mode-art,.host-now .album-cluster.mode-vinyl{--np-disc: clamp(180px, 64vw, 320px)}.host-now .album-cluster.mode-sleeve_vinyl{--np-disc: clamp(180px, calc((100vw - 28px) / 1.55), 320px)}.host-now .np-main{padding-top:6px;gap:12px;align-items:center}.host-now .album-cluster{margin:0 auto}.host-now .np-info{text-align:center;border-left:0;border-top:2px solid var(--track-accent, var(--red));padding:10px 0 0}.host-now .np-info h2{font-size:clamp(20px,6vw,28px)}.host-now .np-info .artist-line{font-size:clamp(12px,3.6vw,16px)}.host-now .np-spectrogram{height:96px}.host-playhead{margin-top:8px;column-gap:8px;grid-template-columns:40px 1fr 40px}.host-playhead-time{font-size:10px}.host-playhead-uploader{font-size:9px;margin-top:6px}.host-hero-join{padding:6px 0 0;gap:10px;border-top:1px solid var(--hairline)}.host-qr{width:min(56vw,240px)}.host-join-label{font-size:10px}.host-join-code{font-size:22px;letter-spacing:.2em}.host-join-url{font-size:10px}.host-upnext{padding-top:10px}.host-upnext-row{padding:5px;gap:8px}.host-upnext-row .art{width:28px;height:28px}.host-upnext-row .title{font-size:11px}.host-upnext-row .artist{font-size:9px}.host-panel{padding:16px 12px 32px}.host-scrubber-row{grid-template-columns:40px 1fr 40px;gap:8px;margin-bottom:12px}.host-time{font-size:11px}.host-transport{gap:18px;margin:4px 0 16px}.host-transport .tbtn{width:52px;height:52px}.host-play-btn{width:68px!important;height:68px!important}.host-control-grid{gap:16px}.host-control-right{padding:12px;gap:14px}.host-options-label{font-size:9px}.host-pill{padding:7px 10px;font-size:10px;letter-spacing:.08em}.host-actions{gap:8px;padding-top:16px}.host-actions-spacer{display:none}.host-actions .host-pill{flex:1 1 calc(50% - 4px);min-width:0;text-align:center}}@media (max-height: 500px) and (orientation: landscape){.host-shell{padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0);padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0)}.host-shell:has(.host-viz,.host-halo,.host-deck){padding:0}.host-now{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)!important;padding:8px 12px;gap:12px;min-height:100dvh}.host-now .album-cluster.mode-sleeve_vinyl,.host-now .album-cluster.mode-art,.host-now .album-cluster.mode-vinyl{--np-disc: clamp(120px, 56vh, 220px)}.host-now .np-main{padding-top:4px;gap:8px;align-items:flex-start}.host-now .album-cluster{margin:0}.host-now .np-info{text-align:left;border-top:0;border-left:2px solid var(--track-accent, var(--red));padding:4px 0 4px 10px}.host-now .np-info h2{font-size:clamp(16px,4vh,22px)}.host-now .np-info .artist-line{font-size:clamp(11px,2.4vh,14px)}.host-now .np-info .np-album{display:none}.host-now .np-spectrogram{height:clamp(60px,14vh,100px)}.host-playhead{margin-top:6px;grid-template-columns:36px 1fr 36px}.host-playhead-uploader{display:none}.host-hero-join{padding:6px 0;gap:8px;border-top:0;justify-content:flex-start;overflow-y:auto;height:100%}.host-qr{width:min(28vh,150px)}.host-join-label{font-size:9px}.host-join-code{font-size:clamp(14px,3.4vh,22px);margin-top:2px}.host-join-url{display:none}.host-upnext{padding-top:6px;gap:5px;border-top:1px solid var(--hairline)}.host-upnext-head{font-size:9px}.host-upnext-row{padding:4px;gap:6px}.host-upnext-row .art{width:22px;height:22px}.host-upnext-row .title{font-size:10px}.host-upnext-row .artist{font-size:8px}.host-upnext-row .dur{font-size:9px}.host-upnext-row .num{font-size:9px;width:10px}.host-panel{padding:12px 16px 24px}.host-scrubber-row{margin-bottom:8px}.host-transport{margin:4px 0 12px;gap:14px}.host-transport .tbtn{width:44px;height:44px}.host-play-btn{width:56px!important;height:56px!important}.host-control-grid{gap:14px}.host-control-right{padding:10px 12px}}.session-toast-host{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:10000;display:flex;flex-direction:column;gap:8px;pointer-events:none}.session-toast{background:var(--void);border:1px solid var(--hairline);color:var(--bone);padding:10px 18px;border-radius:4px;font-family:var(--mono);font-size:12px;letter-spacing:.06em;box-shadow:0 4px 20px #00000080}.session-toast.green{border-color:var(--green);color:var(--green)}.session-toast.red{border-color:var(--red);color:var(--red)}.session-result-row{display:flex;align-items:center;gap:12px;padding:10px 4px;border-bottom:1px solid var(--hairline);transition:background .22s ease}.session-result-row.just-queued{background:color-mix(in srgb,var(--green) 14%,transparent);animation:session-queued-flash 1.2s ease}@keyframes session-queued-flash{0%{background:color-mix(in srgb,var(--green) 30%,transparent)}to{background:color-mix(in srgb,var(--green) 14%,transparent)}}.session-search-section{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--moss);margin:14px 0 6px;display:flex;align-items:center;gap:8px}.session-search-section:after{content:"";flex:1;height:1px;background:var(--hairline)}.session-origin{font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;padding:2px 6px;border-radius:3px;border:1px solid var(--hairline);color:var(--moss-dim);white-space:nowrap;margin-left:6px;flex-shrink:0}.session-origin.local{color:var(--track-accent, var(--cyan));border-color:color-mix(in srgb,var(--track-accent, var(--cyan)) 45%,var(--hairline))}.session-origin.spotify{color:var(--moss);border-color:color-mix(in srgb,var(--moss) 50%,var(--hairline))}.session-preview-btn{width:28px;height:28px;border-radius:50%;background:transparent;color:var(--moss);border:1px solid var(--hairline);display:grid;place-items:center;cursor:pointer;padding:0;flex-shrink:0;transition:all .16s ease}.session-preview-btn:hover{color:var(--bone);border-color:var(--bone)}.session-preview-btn.playing{color:var(--track-accent, var(--cyan));border-color:var(--track-accent, var(--cyan));background:color-mix(in srgb,var(--track-accent, var(--cyan)) 14%,transparent)}.session-dl-card{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--hairline);border-radius:6px;margin-bottom:8px;background:color-mix(in srgb,var(--bone) 3%,transparent);position:relative;overflow:hidden}.session-dl-card.error{border-color:color-mix(in srgb,var(--red) 60%,var(--hairline))}.session-dl-card.done{border-color:color-mix(in srgb,var(--green) 60%,var(--hairline))}.session-dl-cover{width:48px;height:48px;border-radius:4px;background-size:cover;background-position:center;flex-shrink:0;background-color:color-mix(in srgb,var(--bone) 8%,transparent)}.session-dl-body{flex:1;min-width:0}.session-dl-title{font-family:var(--sans);font-size:13px;color:var(--bone);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-dl-sub{font-family:var(--mono);font-size:11px;color:var(--moss);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.session-dl-error{color:var(--red);margin-top:2px}.session-dl-stage{font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--moss);padding:3px 8px;border-radius:999px;border:1px solid var(--hairline);white-space:nowrap;flex-shrink:0}.session-dl-stage.done{color:var(--green);border-color:color-mix(in srgb,var(--green) 60%,var(--hairline))}.session-dl-stage.error{color:var(--red);border-color:color-mix(in srgb,var(--red) 60%,var(--hairline))}.session-dl-bar{position:absolute;left:0;right:0;bottom:0;height:2px;background:color-mix(in srgb,var(--bone) 6%,transparent)}.session-dl-bar>span{display:block;height:100%;background:var(--track-accent, var(--cyan));transition:width .38s ease,background .2s ease}.session-dl-card.done .session-dl-bar>span{background:var(--green)}.session-dl-card.error .session-dl-bar>span{background:var(--red)}.session-dl-bar.indeterminate>span{width:35%!important;animation:session-dl-slide 1.4s ease-in-out infinite}@keyframes session-dl-slide{0%{transform:translate(-100%)}to{transform:translate(380%)}}.session-dl-x{background:transparent;border:none;color:var(--moss-dim);cursor:pointer;padding:2px 6px;font-size:16px}.session-dl-x:hover{color:var(--bone)}.session-attr{font-family:var(--mono);font-size:10px;letter-spacing:.06em;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--track-accent, var(--cyan)) 14%,transparent);color:var(--track-accent, var(--cyan));border:1px solid color-mix(in srgb,var(--track-accent, var(--cyan)) 35%,transparent);white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis}.host-queue-head-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.host-queue-head-row .host-queue-head{margin-bottom:0}.host-queue-actions{display:flex;gap:6px}.host-queue-action{background:transparent;border:1px solid var(--hairline);color:var(--moss);font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:3px;cursor:pointer;transition:all .12s ease}.host-queue-action:hover{border-color:var(--moss);color:var(--bone)}.host-queue-action.danger:hover{border-color:var(--red);color:var(--red);background:color-mix(in srgb,var(--red) 10%,transparent)}.nav-ctx-sep{height:1px;background:var(--hairline);margin:4px 0}.nav-group .label .label-link{color:var(--moss);text-decoration:none;text-transform:uppercase;letter-spacing:.12em}.nav-group .label .label-link:hover{color:var(--cyan)}.nav-group .label .label-link.active{color:var(--bone)}.pl-cover{position:relative;width:100%;aspect-ratio:1;background:var(--panel-2);overflow:hidden;display:block;container-type:inline-size}.pl-cover img{width:100%;height:100%;object-fit:cover;display:block}.pl-cover-mosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1px}.pl-cover-mosaic img{width:100%;height:100%}.pl-cover-blank{display:grid;place-items:center}.pl-cover-initial{font-family:var(--sans);font-weight:700;font-size:42cqi;line-height:1;color:#ffffffd1;text-shadow:0 2px 12px rgba(0,0,0,.4)}.pl-cover-folder{display:grid;place-items:center;background:repeating-linear-gradient(135deg,var(--panel-2),var(--panel-2) 10px,var(--panel) 10px,var(--panel) 20px)}.pl-cover-folder-ico{font-size:34cqi;line-height:1;color:var(--moss)}.nav-crate{gap:8px;min-width:0}.nav-crate-art{flex:0 0 auto;width:20px;height:20px;border:1px solid var(--hairline);overflow:hidden;display:block}.nav-crate.active .nav-crate-art{border-color:var(--cyan)}.nav-crate .dot{flex:0 0 auto}.nav-crate-name{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-crate-owner{color:var(--moss-dim);margin-left:4px;font-size:10px}.nav-crate-pub{flex:0 0 auto;font-size:9px;color:var(--green)}.nav-crate .meta{flex:0 0 auto;margin-left:6px}.nav-crate.child{padding-left:24px}.nav-crate-pin{flex:0 0 auto;display:inline-flex;color:var(--moss)}.nav-crate-pin svg{width:10px;height:10px}.nav-crate.active .nav-crate-pin{color:var(--cyan)}.nav-crate-pub svg{display:block}.nav-empty{padding:4px 14px;font-family:var(--mono);font-size:10px;color:var(--moss-dim);text-transform:uppercase;letter-spacing:.06em;line-height:1.5}.nav-empty .label-link{text-transform:uppercase}.nav-group-foot{margin-top:auto;border-top:1px solid var(--hairline)}.playlists-view .pl-head-actions{display:flex;gap:8px;align-items:center}.pl-head-actions button{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:7px 12px;background:transparent;color:var(--ash);border:1px solid var(--hairline-strong);cursor:pointer;transition:border-color .1s,color .1s,background .1s}.pl-head-actions button:hover{border-color:var(--cyan);color:var(--cyan)}.pl-head-actions button.primary{background:var(--cyan);color:var(--void);border-color:var(--cyan);font-weight:600}.pl-head-actions button.primary:hover{filter:brightness(1.1)}.pl-toolbar{display:flex;align-items:center;gap:14px;margin:4px 0 20px;flex-wrap:wrap}.pl-tabs{display:flex;flex-wrap:wrap;gap:4px}.pl-tabs button{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:6px 14px;background:transparent;color:var(--moss);border:1px solid var(--hairline);cursor:pointer;white-space:nowrap}.pl-tabs button.on{background:var(--panel-2);color:var(--cyan);border-color:var(--cyan)}.pl-tab-count{display:inline-block;margin-left:4px;font-size:9px;color:var(--green)}.pl-size{display:flex;gap:2px}.pl-size button{font-family:var(--mono);font-size:10px;width:26px;height:26px;background:transparent;color:var(--moss);border:1px solid var(--hairline);cursor:pointer}.pl-size button.on{color:var(--cyan);border-color:var(--cyan);background:var(--panel-2)}.pl-root{min-height:200px}.pl-section{margin-bottom:28px}.pl-section-label,.pl-folder-empty{font-family:var(--mono);font-size:10px;color:var(--moss);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}.pl-folder{margin-bottom:22px;border-radius:4px;transition:background .12s}.pl-folder.drop-target{outline:2px dashed var(--cyan);outline-offset:-2px;background:color-mix(in srgb,var(--cyan) 6%,transparent)}.pl-folder-head{display:flex;align-items:center;gap:8px;padding:8px 10px;cursor:pointer;font-family:var(--mono);font-size:12px;color:var(--ash);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--hairline)}.pl-folder-head:hover{color:var(--bone)}.pl-folder-head .caret{color:var(--moss);width:12px}.pl-folder-name{font-weight:600}.pl-folder-count{font-size:10px;color:var(--moss);border:1px solid var(--hairline);padding:1px 6px;border-radius:10px}.pl-folder-menu{background:transparent;border:0;color:var(--moss);cursor:pointer;font-size:16px;line-height:1;padding:0 4px}.pl-folder-menu:hover{color:var(--cyan)}.pl-folder-empty{padding:18px 10px}.pl-folder>.pl-grid{padding:14px 10px 4px}.pl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px;padding:0 10px}.pl-grid-s{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:12px}.pl-grid-m{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px}.pl-grid-l{grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:22px}.pl-card{cursor:pointer;min-width:0}.pl-card-cover{position:relative;border:1px solid var(--hairline);margin-bottom:10px;aspect-ratio:1;overflow:hidden;transition:border-color .12s,transform .12s}.pl-card-cover>.pl-cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.pl-card:hover .pl-card-cover{border-color:var(--cyan)}.pl-card-actions{position:absolute;right:8px;bottom:8px;display:flex;gap:6px;opacity:0;transform:translateY(6px);transition:opacity .12s,transform .12s}.pl-card:hover .pl-card-actions{opacity:1;transform:translateY(0)}.pl-card-act{width:36px;height:36px;border:0;cursor:pointer;display:grid;place-items:center;box-shadow:0 4px 14px #00000073;transition:filter .12s,color .12s,border-color .12s}.pl-card-act svg{width:14px;height:14px}.pl-card-act.play{background:var(--cyan);color:var(--void)}.pl-card-act.play:hover{filter:brightness(1.12)}.pl-card-act.shuffle{background:var(--void);color:var(--bone);border:1px solid var(--hairline-strong)}.pl-card-act.shuffle:hover{color:var(--cyan);border-color:var(--cyan)}.pl-card-more{position:absolute;top:6px;right:6px;width:26px;height:26px;background:var(--void);color:var(--moss);border:1px solid var(--hairline);cursor:pointer;font-size:14px;line-height:1;opacity:0;transition:opacity .12s}.pl-card:hover .pl-card-more{opacity:1}.pl-card-more:hover{color:var(--cyan);border-color:var(--cyan)}.pl-card-mark{position:absolute;top:6px;left:6px;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;background:var(--void);color:var(--moss);border:1px solid var(--hairline);cursor:pointer;opacity:0;transition:opacity .12s,color .12s,border-color .12s}.pl-card-mark svg{width:14px;height:14px}.pl-card:hover .pl-card-mark{opacity:1}.pl-card-mark:hover{color:#ffd24d;border-color:#ffd24d}.pl-card-mark.on{opacity:1;color:#ffd24d;border-color:#ffd24d}@media (hover: none){.pl-card-mark{opacity:1}}.pl-card-name{font-family:var(--sans);font-weight:600;font-size:13px;color:var(--bone);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-card-meta{margin-top:3px;display:flex;align-items:center;gap:5px;min-width:0;font-family:var(--mono);font-size:10px;color:var(--moss);text-transform:uppercase;letter-spacing:.05em}.pl-card-priv{flex:0 0 auto;display:inline-flex;color:var(--moss-dim)}.pl-card-priv.pub{color:var(--green)}.pl-card-priv svg{width:11px;height:11px}.pl-card-stat{flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-card-stat b{color:var(--ash);font-weight:600}.pl-card-dur{flex:0 0 auto;white-space:nowrap}@media (hover: none){.pl-card-actions,.pl-card-more{opacity:1;transform:none}}@media (max-width: 720px){.pl-toolbar{gap:10px}.pl-tabs{width:100%}.pl-tabs button{flex:1 1 auto;text-align:center;padding:7px 8px}.pl-grid,.pl-grid-m{grid-template-columns:repeat(2,1fr);gap:12px}.pl-grid-s{grid-template-columns:repeat(3,1fr);gap:8px}.pl-grid-l{grid-template-columns:1fr;gap:12px}.pl-card-act{width:32px;height:32px}.pl-card-act svg{width:13px;height:13px}.pl-card-more{width:24px;height:24px;font-size:13px}.pl-grid-s .pl-card-act{width:26px;height:26px}.pl-grid-s .pl-card-act svg{width:11px;height:11px}.pl-grid-s .pl-card-actions{gap:4px;right:5px;bottom:5px}.pl-grid-s .pl-card-more{width:20px;height:20px;font-size:11px;top:4px;right:4px}.pl-grid-s .pl-card-name{font-size:12px}.pl-grid-s .pl-card-meta{font-size:9px;gap:4px}.pl-grid-s .pl-card-stat .unit,.pl-grid-s .pl-card-dur{display:none}}.view-head.crate-tinted{position:relative}.view-head.crate-tinted:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--crate-accent-bg);opacity:.13;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,#000,transparent);mask-image:linear-gradient(to bottom,#000,transparent)}.crate-headline{display:flex;align-items:flex-start;gap:16px;flex:1;min-width:0}.crate-cover-btn{flex:0 0 auto;position:relative;width:96px;height:96px;padding:0;background:none;cursor:pointer;border:1px solid var(--hairline);overflow:hidden;transition:border-color .12s}.crate-cover-btn:not(.static):hover{border-color:var(--cyan)}.crate-cover-btn.static{cursor:default}.crate-cover-edit{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:4px;padding:4px 0;font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--bone);background:#0000009e;opacity:0;transition:opacity .12s}.crate-cover-btn:hover .crate-cover-edit{opacity:1}@media (hover: none){.crate-cover-edit{opacity:1}}.crate-cover-gen{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#00000080}.crate-cover-gen .spin{font-size:20px;color:var(--green);animation:cover-spin 1.4s linear infinite}@media (max-width: 560px){.crate-cover-btn{width:64px;height:64px}}.cover-picker{width:min(540px,100%)}.cover-picker .modal-body{max-height:min(78vh,720px);overflow-y:auto}.cover-picker-top{display:flex;gap:16px;align-items:flex-start}.cover-picker-preview{position:relative;width:150px;flex:0 0 auto;border:1px solid var(--hairline)}.cover-picker-gen-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#0009;font-family:var(--mono);font-size:10px;color:var(--bone);text-transform:uppercase;letter-spacing:.08em}.cover-picker-gen-overlay .spin{font-size:22px;color:var(--green);animation:cover-spin 1.4s linear infinite}@keyframes cover-spin{to{transform:rotate(360deg)}}.cover-picker-sources{flex:1;display:flex;flex-direction:column;gap:8px}.cover-picker-sources button{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:10px 12px;background:transparent;color:var(--ash);border:1px solid var(--hairline-strong);cursor:pointer;transition:border-color .1s,color .1s}.cover-picker-sources button:hover:not(:disabled){border-color:var(--cyan);color:var(--cyan)}.cover-picker-sources button:disabled{opacity:.45;cursor:not-allowed}.cover-picker-sources button.danger{color:var(--red);border-color:color-mix(in srgb,var(--red) 40%,var(--hairline-strong))}.cover-picker-sources button.danger:hover:not(:disabled){border-color:var(--red);color:var(--red)}.cover-ai{margin-top:18px;padding-top:16px;border-top:1px solid var(--hairline)}.cover-ai-head{display:flex;align-items:center;gap:6px;font-family:var(--sans);font-weight:600;font-size:14px;color:var(--bone);margin-bottom:12px}.cover-ai-head .mark{color:var(--green)}.cover-ai-prompt{width:100%;resize:vertical;min-height:48px;background:var(--void);color:var(--bone);border:1px solid var(--hairline-strong);padding:10px;font-family:var(--sans);font-size:13px;outline:none}.cover-ai-prompt:focus{border-color:var(--cyan)}.cover-ai-label{margin:14px 0 8px;font-family:var(--mono);font-size:10px;color:var(--moss);text-transform:uppercase;letter-spacing:.1em}.cover-ai-styles{display:grid;grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:6px}.cover-style{display:flex;flex-direction:column;gap:1px;align-items:flex-start;padding:7px 9px;cursor:pointer;background:var(--panel-2);color:var(--ash);border:1px solid var(--hairline);text-align:left;transition:border-color .1s,color .1s,background .1s}.cover-style:hover:not(:disabled){border-color:var(--moss)}.cover-style.on{border-color:var(--green);background:color-mix(in srgb,var(--green) 12%,var(--panel-2))}.cover-style:disabled{opacity:.5;cursor:not-allowed}.cover-style-label{font-family:var(--sans);font-weight:600;font-size:12px;color:var(--bone)}.cover-style.on .cover-style-label{color:var(--green)}.cover-style-hint{font-family:var(--mono);font-size:9px;color:var(--moss);text-transform:uppercase;letter-spacing:.04em}.cover-ai-songs{display:flex;align-items:flex-start;gap:9px;margin:14px 0 0;padding:10px;cursor:pointer;border:1px solid var(--hairline);background:var(--panel-2)}.cover-ai-songs.on{border-color:color-mix(in srgb,var(--green) 40%,var(--hairline))}.cover-ai-songs input{display:none}.cover-ai-songs .box{flex:0 0 auto;width:16px;height:16px;margin-top:1px;display:grid;place-items:center;border:1px solid var(--hairline-strong);color:var(--green);font-size:11px}.cover-ai-songs.on .box{border-color:var(--green)}.cover-ai-songs .txt{display:flex;flex-direction:column;gap:2px;font-family:var(--sans);font-size:12px;color:var(--ash)}.cover-ai-songs .ref{font-family:var(--mono);font-size:10px;color:var(--moss);text-transform:uppercase;letter-spacing:.04em}.cover-ai-go{width:100%;margin-top:14px;padding:12px;font-family:var(--mono);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;background:var(--green);color:var(--void);border:1px solid var(--green);cursor:pointer;transition:filter .1s,opacity .1s}.cover-ai-go:hover:not(:disabled){filter:brightness(1.12)}.cover-ai-go:disabled{opacity:.55;cursor:not-allowed}.cover-ai-revert{width:100%;margin-top:8px;padding:10px;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;background:transparent;color:var(--ash);border:1px solid var(--hairline-strong);cursor:pointer;transition:border-color .1s,color .1s}.cover-ai-revert:hover:not(:disabled){border-color:var(--cyan);color:var(--cyan)}.cover-ai-revert:disabled{opacity:.55;cursor:not-allowed}.cover-ai-bg-note{margin-top:10px;font-family:var(--mono);font-size:10px;color:var(--moss);line-height:1.5;text-align:center}.cover-picker-hint{margin-top:12px;font-family:var(--mono);font-size:10px;color:var(--moss);line-height:1.5}@media (max-width: 560px){.modal-back{padding:12px}.modal-body{padding:16px 14px 14px}.cover-picker-top{flex-direction:column;align-items:stretch}.cover-picker-preview{width:130px;margin:0 auto}.cover-ai-styles{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}}.pl-owner-head{display:flex;align-items:center;gap:8px;margin:0 0 14px;padding-bottom:8px;border-bottom:1px solid var(--hairline)}.pl-owner-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto}.pl-owner-name{font-family:var(--sans);font-weight:600;font-size:14px}.pl-owner-count{font-family:var(--mono);font-size:10px;color:var(--moss);text-transform:uppercase;letter-spacing:.06em}.pl-public .pl-section,.pl-mypublic{margin-bottom:32px}.pl-mypublic-head{display:flex;align-items:center;gap:8px;width:100%;margin:0 0 14px;padding:0 0 8px;background:transparent;border:0;border-bottom:1px solid var(--hairline);cursor:pointer;text-align:left}.pl-mypublic-head .caret{color:var(--moss);font-size:11px;flex:0 0 auto}.pl-mypublic-title{font-family:var(--sans);font-weight:600;font-size:14px;color:var(--bone)}.pl-featured{display:flex;flex-direction:column;gap:16px}.pl-feat-card{display:flex;align-items:center;gap:14px;padding:6px 8px 6px 14px;border:1px solid var(--hairline);border-radius:6px;background:var(--panel)}.pl-feat-info{flex:1;min-width:0}.pl-feat-info h3{font-family:var(--sans);font-weight:600;font-size:14px;color:var(--bone);margin:0}.pl-feat-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.pl-feat-toggle{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:5px 14px;cursor:pointer;background:transparent;color:var(--moss);border:1px solid var(--hairline)}.pl-feat-toggle:hover:not(:disabled){border-color:var(--cyan);color:var(--cyan)}.pl-feat-toggle.on{color:var(--green);border-color:var(--green)}.pl-feat-toggle:disabled{opacity:.5;cursor:default}.pl-feat-mini{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.06em;padding:6px 10px;cursor:pointer;background:transparent;color:var(--moss);border:1px solid var(--hairline)}.pl-feat-mini:hover:not(:disabled){border-color:var(--cyan);color:var(--cyan)}.pl-feat-mini:disabled{opacity:.5;cursor:default}.pl-featured .pl-grid{margin-top:-4px}.pl-feat-prompt{display:flex;flex-direction:column;gap:10px;padding:18px;border:1px solid var(--cyan);border-radius:6px;background:var(--panel)}.pl-prompt-input{width:100%;resize:vertical;min-height:44px;font-family:var(--sans);font-size:14px;color:var(--bone);background:var(--panel-2);border:1px solid var(--hairline);border-radius:4px;padding:10px 12px}.pl-prompt-input:focus{outline:none;border-color:var(--cyan)}.pl-prompt-row{display:flex;gap:8px;align-items:center}.pl-prompt-name{flex:1;min-width:0;font-family:var(--sans);font-size:13px;color:var(--bone);background:var(--panel-2);border:1px solid var(--hairline);border-radius:4px;padding:8px 12px}.pl-prompt-name:focus{outline:none;border-color:var(--cyan)}.pl-sidebar-controls{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:0 0 24px;padding-bottom:16px;border-bottom:1px solid var(--hairline)}.pl-sb-control{display:flex;align-items:center;gap:10px}.pl-sb-ctl-label,.pl-sb-toggle{font-family:var(--mono);font-size:11px;color:var(--moss);text-transform:uppercase;letter-spacing:.06em}.pl-sb-toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;color:var(--ash)}.pl-sb-toggle input{accent-color:var(--cyan);width:14px;height:14px;cursor:pointer}.pl-sb-list{display:flex;flex-direction:column;gap:4px}.pl-sb-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--hairline);background:var(--panel);transition:border-color .1s,background .1s}.pl-sb-row.pinned{cursor:grab}.pl-sb-row.pinned:active{cursor:grabbing}.pl-sb-row:hover{border-color:var(--hairline-strong);background:var(--panel-2)}.pl-sb-grip{flex:0 0 auto;display:inline-flex;color:var(--moss)}.pl-sb-grip svg{width:14px;height:14px}.pl-sb-grip.muted{opacity:.25}.pl-sb-art{flex:0 0 auto;width:36px;height:36px;border:1px solid var(--hairline);overflow:hidden;cursor:pointer;display:block}.pl-sb-name{flex:1 1 auto;min-width:0;cursor:pointer;font-family:var(--sans);font-size:13px;color:var(--bone);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-sb-owner{color:var(--moss-dim);font-size:11px}.pl-sb-kind{color:var(--moss);font-size:11px}.pl-sb-act{flex:0 0 auto;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--moss);border:1px solid var(--hairline);cursor:pointer;transition:color .1s,border-color .1s,background .1s}.pl-sb-act svg{width:13px;height:13px}.pl-sb-act:hover{color:var(--cyan);border-color:var(--cyan)}.pl-sb-act.on{color:var(--cyan);border-color:var(--cyan);background:#0097ba1f}.crate-privacy{display:inline-flex;align-items:center;gap:4px;margin-left:8px;padding:1px 8px;font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--hairline-strong);border-radius:10px;background:transparent;color:var(--moss);cursor:pointer;vertical-align:middle}.crate-privacy:hover{border-color:var(--cyan);color:var(--cyan)}.crate-privacy.on{color:var(--green);border-color:color-mix(in srgb,var(--green) 45%,var(--hairline-strong))}