@font-face{font-family:Big Shoulders;src:url(/fonts/bigshoulders-900.woff2) format("woff2");font-weight:900;font-display:swap}@font-face{font-family:Big Shoulders;src:url(/fonts/bigshoulders-700.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Plex Mono;src:url(/fonts/plexmono-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Plex Mono;src:url(/fonts/plexmono-600.woff2) format("woff2");font-weight:600;font-display:swap}:root{--bg: #0a0908;--bg2: #131211;--bg3: #1c1a18;--text: #ece6dd;--text2: #89827a;--accent: #d8241a;--accent-dim: #7d1610;--glass: rgba(236, 230, 221, .045);--glass-line: rgba(236, 230, 221, .11);--radius: 4px;--m-brad: var(--text);--m-carmen: var(--text);--m-trevor: var(--text);--m-rob: var(--text);--m-johhny: var(--text);--font-display: "Big Shoulders", "Arial Narrow", sans-serif;--font-ui: "Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--tap: 44px;--primary-h: 64px;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--transport-h: 72px;--tabbar-h: 60px;--ease: cubic-bezier(.2, .8, .2, 1)}:root[data-theme=light]{--bg: #f4f4f5;--bg2: #fff;--bg3: #e9e9ec;--text: #17171a;--text2: #6b6b74;--glass: rgba(0, 0, 0, .04);--glass-line: rgba(0, 0, 0, .1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}html{background:var(--bg);height:100dvh}body{min-height:100dvh;background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button,input,select,textarea{font:inherit;font-size:16px;color:inherit}button{background:none;border:0;cursor:pointer;min-height:var(--tap);min-width:var(--tap);touch-action:manipulation}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}[hidden]{display:none!important}#app{min-height:100dvh;display:flex;flex-direction:column}.screen{flex:1;padding:calc(var(--safe-t) + 8px) 16px calc(var(--safe-b) + var(--transport-h) + var(--tabbar-h) + 24px);max-width:640px;width:100%;margin:0 auto}.topbar{display:flex;align-items:center;gap:8px;min-height:56px;margin-bottom:8px}.topbar h1{font-family:var(--font-display);font-size:28px;letter-spacing:.14em;font-weight:700;margin:0;flex:1;text-transform:uppercase}.topbar .sub{font-family:var(--font-display);font-size:12px;letter-spacing:.2em;color:var(--text2);text-transform:uppercase}.iconbtn{width:var(--tap);height:var(--tap);display:grid;place-items:center;border-radius:12px;color:var(--text2);flex:0 0 auto}.iconbtn:active{background:var(--glass);color:var(--text)}.iconbtn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.search-input{width:100%;height:52px;padding:0 16px;margin-bottom:12px;border-radius:12px;background:var(--bg2);border:1px solid var(--glass-line);color:var(--text)}.search-input::placeholder{color:var(--text2)}.card{background:var(--glass);border:1px solid var(--glass-line);border-radius:var(--radius);backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%)}.boot{display:grid;place-items:center;gap:20px;min-height:60dvh}.boot-disc{width:88px;height:88px;border-radius:50%;background:radial-gradient(circle at 50% 50%,var(--accent) 0 30%,transparent 30.5%),repeating-radial-gradient(circle at 50% 50%,#1c1c1c 0 2px,#262626 2px 3px);animation:spin 1.8s linear infinite}.boot-text{font-family:var(--font-display);color:var(--text2);letter-spacing:.1em;margin:0}@keyframes spin{to{transform:rotate(360deg)}}.vinyl{position:relative;flex:0 0 auto;aspect-ratio:1;touch-action:none;user-select:none;-webkit-user-select:none}.vinyl-spin{position:absolute;inset:0;will-change:transform}.vinyl-disc{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 50%,#0a0908 0 2.2%,#000 2.2% 3.2%,transparent 3.4%),radial-gradient(circle at 50% 50%,var(--disc-label, #ece6dd) 0 27%,var(--disc-color, var(--accent)) 27% 30%,transparent 30.5%),repeating-radial-gradient(circle at 50% 50%,#0c0c0b 0 1.4px,#17150f 1.4px 2.6px),radial-gradient(circle at 50% 50%,#100e0c,#050403);box-shadow:inset 0 0 0 1px #ece6dd0f,inset 0 0 40px #000000b3,0 14px 40px #000000bf;animation:spin var(--rpm, 1.8s) linear infinite;animation-play-state:paused;will-change:transform}.vinyl:after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;z-index:1;background:conic-gradient(from 210deg,#ece6dd29,#ece6dd00 16% 34%,#ece6dd17 50%,#ece6dd00 66% 84%,#ece6dd29);mix-blend-mode:screen}.vinyl-arm{z-index:2}.vinyl[data-playing="1"] .vinyl-disc{animation-play-state:running}.vinyl[data-dragging="1"] .vinyl-disc{animation-play-state:paused}.vinyl[data-dragging="1"]{cursor:grabbing}.vinyl-arm{position:absolute;inset:0;pointer-events:none;overflow:visible}.vinyl-scrub{position:absolute;left:50%;bottom:-26px;transform:translate(-50%);font-family:var(--font-display);font-size:13px;letter-spacing:.08em;color:var(--accent);white-space:nowrap;opacity:0;transition:opacity .12s var(--ease)}.vinyl[data-dragging="1"] .vinyl-scrub{opacity:1}@media(prefers-reduced-motion:reduce){.vinyl-disc,.boot-disc{animation:none!important}}.shelf{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.record{position:relative;display:grid;grid-template-columns:96px 1fr;gap:14px;padding:14px;align-items:center;transition:transform .14s var(--ease)}.record:active{transform:scale(.985)}.record[data-current="1"]{border-color:color-mix(in srgb,var(--accent) 55%,transparent)}.record .vinyl{width:96px}.record-body{min-width:0}.record-title{font-family:var(--font-display);font-size:19px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin:0 0 4px;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.record-line{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:16px;color:var(--text2);margin:0}.record-line .dot{opacity:.5}.record-line em{font-style:normal;color:var(--text)}.record-nobody{color:var(--text2);font-style:italic}.badge-new{display:inline-flex;align-items:center;gap:5px;color:var(--accent);font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.badge-new:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}.record-actions{grid-column:1 / -1;display:grid;grid-template-columns:1fr var(--tap);gap:10px;margin-top:2px}.btn-play{height:var(--primary-h);border-radius:var(--radius);background:var(--accent);color:#fff;font-family:var(--font-display);font-size:17px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .1s var(--ease),filter .1s var(--ease)}.btn-play:active{transform:scale(.97);filter:brightness(.9)}.btn-play svg{width:20px;height:20px;fill:currentColor}.btn-play.ghost{background:var(--glass);border:1px solid var(--glass-line);color:var(--text)}.record-more{height:var(--primary-h);border-radius:14px;background:var(--glass);border:1px solid var(--glass-line);color:var(--text2);font-size:22px;letter-spacing:2px;display:grid;place-items:center}.record-more:active{background:var(--bg3);color:var(--text)}.song-hero{display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px 0 26px;margin-bottom:18px;border-bottom:1px solid var(--glass-line)}.song-hero .vinyl{width:min(56vw,232px);--disc-color: var(--accent) !important}.song-hero h1{margin:16px 0 0;font-family:var(--font-display);font-weight:900;font-size:clamp(40px,13vw,72px);line-height:.88;letter-spacing:.005em;text-transform:uppercase;text-align:center;color:var(--text)}.song-hero .whichone{margin:8px 0 0;font-family:var(--font-ui);font-size:13px;letter-spacing:.03em;color:var(--text2);text-align:center}.wave-wrap{position:relative;margin:0 0 8px;padding:16px 12px;min-height:108px;background:var(--bg2);border:1px solid var(--glass-line);border-radius:var(--radius);backdrop-filter:none;-webkit-backdrop-filter:none}.wave-wrap:before,.wave-wrap:after{content:"";position:absolute;width:9px;height:9px;border:1px solid var(--glass-line);pointer-events:none}.wave-wrap:before{top:5px;left:5px;border-right:0;border-bottom:0}.wave-wrap:after{right:5px;bottom:5px;border-left:0;border-top:0}.wave-host{width:100%;cursor:crosshair}.wave-empty{display:grid;place-items:center;min-height:84px;padding:0 12px;color:var(--text2);font-family:var(--font-ui);font-size:14px;letter-spacing:.02em;text-align:center}.wave-pins{position:absolute;left:12px;right:12px;top:6px;height:12px;pointer-events:none}.wave-pin{position:absolute;top:0;width:2px;height:12px;margin-left:-1px;background:var(--accent)}.wave-hint{margin:0 0 16px;color:var(--text2);font-family:var(--font-ui);font-size:13px;text-align:center}.times{display:flex;justify-content:space-between;margin-bottom:20px;font-family:var(--font-ui);font-size:13px;letter-spacing:.08em;color:var(--text2);font-variant-numeric:tabular-nums}.transport-row{display:grid;grid-template-columns:var(--tap) 1fr var(--tap);align-items:center;gap:12px;margin-bottom:8px}.section-h{display:flex;align-items:center;gap:10px;margin:30px 0 14px}.section-h h2{display:flex;align-items:center;gap:12px;flex:1;margin:0;font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.24em;text-transform:uppercase;color:var(--text2)}.section-h h2:after{content:"";flex:1;height:1px;background:var(--glass-line)}.versions{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.version{position:relative;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:12px 12px 12px 14px;background:var(--bg2);border:1px solid var(--glass-line);border-radius:var(--radius);backdrop-filter:none;-webkit-backdrop-filter:none}.version[data-canonical="1"]{box-shadow:inset 3px 0 0 0 var(--accent)}.version[data-current="1"]{border-color:color-mix(in srgb,var(--accent) 40%,var(--glass-line))}.version[data-current="1"] .version-name{color:var(--accent)}.version-main{min-width:0;padding:0;min-height:0;background:none;text-align:left;display:block}.version-name{display:flex;align-items:center;gap:8px;margin-bottom:3px;font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:.02em;text-transform:uppercase;color:var(--text)}.version-name .star{flex:0 0 auto;color:var(--text2);line-height:0}.version-name .star svg{width:14px;height:14px}.version-name .txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.version-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-family:var(--font-ui);font-size:13px;letter-spacing:.02em;color:var(--text2)}.version-meta .dot{opacity:.5}.version-side{display:flex;align-items:center;gap:2px}.vote{display:grid;grid-auto-flow:column;place-items:center;gap:4px;min-width:var(--tap);padding:0 8px;border-radius:var(--radius);color:var(--text2);font-family:var(--font-ui);font-size:14px;font-variant-numeric:tabular-nums}.vote svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}.vote[aria-pressed=true]{color:var(--accent)}.vote[aria-pressed=true] svg{fill:var(--accent);stroke:var(--accent)}.vote.down[aria-pressed=true]{color:var(--text)}.vote.down[aria-pressed=true] svg{fill:var(--text);stroke:var(--text)}.vote:active{background:var(--glass)}.presets{display:flex;flex-direction:column;gap:2px;padding:6px;background:var(--bg2);border:1px solid var(--glass-line);border-radius:var(--radius);backdrop-filter:none;-webkit-backdrop-filter:none}.preset{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:12px;width:100%;min-height:48px;padding:0 8px;border-radius:var(--radius);text-align:left;color:var(--text);font-family:var(--font-ui);font-size:15px}.preset:active{background:var(--glass)}.preset .radio{width:16px;height:16px;border-radius:50%;border:1px solid var(--text2);display:grid;place-items:center}.preset[aria-checked=true] .radio{border-color:var(--accent)}.preset[aria-checked=true] .radio:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent)}.preset[aria-checked=true] .preset-name{color:var(--text);font-weight:600}.preset-len{font-family:var(--font-ui);font-size:13px;color:var(--text2);font-variant-numeric:tabular-nums}.comments{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.comment{display:grid;grid-template-columns:32px 1fr;gap:12px;align-items:start;width:100%;padding:14px 4px;text-align:left;background:none;border:0;border-bottom:1px solid var(--glass-line);border-radius:0;backdrop-filter:none;-webkit-backdrop-filter:none}.comments li:last-child .comment{border-bottom:0}.comment:active{background:var(--glass)}.avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--glass-line);background:transparent;color:var(--text);font-family:var(--font-ui);font-weight:600;font-size:13px}.comment-head{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.comment-who{font-family:var(--font-display);font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--text)}.comment-at{font-family:var(--font-ui);font-size:12px;letter-spacing:.03em;color:var(--accent);font-variant-numeric:tabular-nums}.comment-body{font-family:var(--font-ui);font-size:15px;line-height:1.45;color:var(--text);overflow-wrap:anywhere}.comment-when{margin-top:3px;font-family:var(--font-ui);font-size:12px;color:var(--text2)}.upload-screen{display:flex;flex-direction:column;gap:18px}.dropzone{position:relative;min-height:220px;display:grid;place-items:center;gap:10px;padding:28px 20px;border:2px dashed var(--glass-line);border-radius:var(--radius);background:var(--glass);text-align:center;transition:border-color .15s var(--ease),background .15s var(--ease)}.dropzone:active,.dropzone[data-over="1"]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--glass))}.dropzone .plus{width:76px;height:76px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:44px;line-height:1;font-weight:300;box-shadow:0 10px 30px #ff333359}.dropzone h2{font-family:var(--font-display);font-size:20px;letter-spacing:.1em;text-transform:uppercase;margin:0}.dropzone p{margin:0;color:var(--text2);max-width:32ch}.dropzone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.field{display:flex;flex-direction:column;gap:7px}.field label{font-family:var(--font-display);font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--text2)}.field select,.field input[type=text],.field textarea{background:var(--bg2);border:1px solid var(--glass-line);border-radius:12px;padding:0 14px;height:52px;color:var(--text);width:100%;appearance:none}.field textarea{height:auto;min-height:88px;padding:12px 14px;resize:vertical;line-height:1.4}.field select{background-image:linear-gradient(45deg,transparent 50%,var(--text2) 50%),linear-gradient(135deg,var(--text2) 50%,transparent 50%);background-position:calc(100% - 20px) 23px,calc(100% - 14px) 23px;background-size:6px 6px,6px 6px;background-repeat:no-repeat}.uploads{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.up{padding:12px 14px}.up-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.up-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}.up-pct{font-family:var(--font-display);font-size:15px;color:var(--text2);font-variant-numeric:tabular-nums}.bar{height:8px;border-radius:4px;background:var(--bg3);overflow:hidden}.bar>i{display:block;height:100%;width:0%;border-radius:4px;background:var(--accent);transition:width .25s var(--ease)}.up[data-state=done] .bar>i{background:var(--m-trevor)}.up[data-state=error] .bar>i{background:var(--text2)}.up-msg{margin:8px 0 0;font-size:15px;color:var(--text2)}.up[data-state=done] .up-msg{color:var(--m-trevor)}.up[data-state=error] .up-msg{color:var(--accent)}.up-actions{display:flex;gap:8px;margin-top:10px}.btn-sm{height:var(--tap);padding:0 16px;border-radius:10px;background:var(--glass);border:1px solid var(--glass-line);font-size:15px;color:var(--text)}.btn-sm.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn-sm:active{filter:brightness(.88)}.nowplaying{position:fixed;left:0;right:0;bottom:calc(var(--tabbar-h) + var(--safe-b));z-index:40;height:var(--transport-h);display:grid;grid-template-columns:48px 1fr var(--tap);align-items:center;gap:12px;padding:0 12px;background:color-mix(in srgb,var(--bg2) 86%,transparent);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border-top:1px solid var(--glass-line)}.nowplaying .vinyl{width:48px}.np-body{min-width:0;text-align:left;padding:0;min-height:var(--tap);background:none}.np-title{font-family:var(--font-display);font-weight:700;font-size:16px;letter-spacing:.06em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.np-sub{font-size:14px;color:var(--text2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.np-btn{width:var(--tap);height:var(--tap);border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center}.np-btn svg{width:20px;height:20px;fill:currentColor}.np-btn:active{filter:brightness(.85)}.np-progress{position:absolute;top:-1px;left:0;height:2px;background:var(--accent);width:0;transition:width .2s linear}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:41;height:calc(var(--tabbar-h) + var(--safe-b));padding-bottom:var(--safe-b);display:grid;grid-template-columns:repeat(4,1fr);background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--glass-line)}.tab{position:relative;display:grid;place-items:center;gap:2px;min-height:44px;color:var(--text2);font-family:var(--font-ui);font-size:16px;letter-spacing:.02em;text-transform:uppercase;text-decoration:none;line-height:1.1;white-space:nowrap;overflow:hidden}.tab svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.tab[aria-current=page]{color:var(--accent)}.overlay-root{position:fixed;inset:0;z-index:100;pointer-events:none}.scrim{position:absolute;inset:0;background:#0009;pointer-events:auto;animation:fade .16s var(--ease)}.sheet{position:absolute;left:0;right:0;bottom:0;pointer-events:auto;background:var(--bg2);border-top:1px solid var(--glass-line);border-radius:20px 20px 0 0;padding:8px 12px calc(12px + var(--safe-b));max-width:640px;margin:0 auto;animation:rise .2s var(--ease)}.sheet .grab{width:40px;height:4px;border-radius:2px;background:var(--glass-line);margin:6px auto 12px}.sheet h3{font-family:var(--font-display);font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:var(--text2);margin:0 0 8px;padding:0 6px}.sheet-item{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:0 8px;border-radius:12px;font-size:17px;text-align:left;color:var(--text)}.sheet-item:active{background:var(--glass)}.sheet-item .lead{width:24px;display:grid;place-items:center;color:var(--text2)}.sheet-item[data-accent="1"] .lead,.sheet-item[data-accent="1"]{color:var(--accent)}.sheet-form{padding:4px 6px 8px;display:flex;flex-direction:column;gap:12px}.sheet-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sheet-actions .btn-sm{height:52px}@keyframes rise{0%{transform:translateY(100%)}}@keyframes fade{0%{opacity:0}}.toast{position:absolute;left:50%;bottom:calc(var(--tabbar-h) + var(--transport-h) + var(--safe-b) + 16px);transform:translate(-50%);pointer-events:auto;max-width:min(92vw,420px);padding:14px 18px;border-radius:12px;background:var(--bg3);border:1px solid var(--glass-line);color:var(--text);font-size:16px;text-align:center;box-shadow:0 12px 34px #0000008c;animation:rise .18s var(--ease)}.toast[data-bad="1"]{border-color:color-mix(in srgb,var(--accent) 60%,transparent)}.empty{display:grid;place-items:center;gap:14px;text-align:center;min-height:52dvh;padding:20px}.empty .art{width:96px;height:96px;border-radius:50%;border:1px dashed var(--glass-line);display:grid;place-items:center;opacity:.5}.empty .art:after{content:"";width:26px;height:26px;border-radius:50%;border:1px dashed var(--glass-line)}.empty h2{font-family:var(--font-display);font-size:19px;letter-spacing:.08em;text-transform:uppercase;margin:0}.empty p{margin:0;color:var(--text2);max-width:34ch}.offline-strip{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;margin-bottom:12px;border-radius:12px;background:var(--bg3);border:1px solid var(--glass-line);color:var(--text2);font-size:15px}.is-offline .record{opacity:.55}.is-offline .record[data-cached="1"]{opacity:1}.skeleton{display:flex;flex-direction:column;gap:12px}.skel{height:150px;border-radius:var(--radius);background:linear-gradient(100deg,var(--bg2) 30%,var(--bg3) 50%,var(--bg2) 70%);background-size:300% 100%;animation:shimmer 1.3s linear infinite}@keyframes shimmer{to{background-position:-150% 0}}.wave-host ::part(cursor){border-radius:2px}.mixer{display:block}.mixer-t2{padding:6px 8px 10px}.mixer-note{margin:6px 2px;font-size:15px;line-height:1.45;color:var(--text2)}.mixer-hint{margin:0 0 8px;padding:10px 12px;border-radius:10px;border:1px solid var(--glass-line);background:var(--glass);color:var(--text);font-size:15px;line-height:1.4}.mixer-open{width:100%;min-height:var(--tap)}.mixer-load{height:6px;border-radius:3px;background:var(--bg3);overflow:hidden}.mixer-load .bar{height:100%;width:0%;background:var(--accent);transition:width .12s linear}.mixer-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.mixer-head h4{margin:0;font-size:15px}.mixer-clock{font-family:var(--font-display);font-size:14px;color:var(--text2)}.layers{display:flex;flex-direction:column;gap:6px}.layer{display:grid;grid-template-columns:1fr var(--tap) var(--tap);grid-template-areas:"name mute solo" "fader fader fader";align-items:center;gap:8px 6px;padding:8px;border-radius:10px;background:var(--glass)}.layer-name{grid-area:name;font-size:16px;color:var(--text)}.layer-btn{width:var(--tap);height:var(--tap);border-radius:8px;border:1px solid var(--glass-line);color:var(--text2);font-family:var(--font-display);font-size:14px;font-weight:700}.layer-btn[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.layer-btn.solo[aria-pressed=true]{background:var(--m-rob);border-color:var(--m-rob);color:#000}.fader{grid-area:fader;width:100%;height:var(--tap);-webkit-appearance:none;appearance:none;background:transparent}.fader::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:var(--bg3)}.fader::-moz-range-track{height:4px;border-radius:2px;background:var(--bg3)}.fader::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;margin-top:-9px;border-radius:50%;background:var(--text);border:none}.fader::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--text);border:none}.mixer-actions{display:flex;gap:8px;margin-top:10px}.mixer-actions .btn-sm{flex:1;min-height:var(--tap)}body.is-login #tabbar,body.is-login #nowplaying{display:none!important}body.is-login:before{content:"";position:fixed;inset:0;z-index:2;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23g)'/%3E%3C/svg%3E")}.login{position:relative;display:flex;flex-direction:column;gap:22px;min-height:100dvh;width:100%;max-width:460px;margin:0 auto;padding:calc(var(--safe-t) + 28px) 20px calc(var(--safe-b) + 20px);background:radial-gradient(120% 85% at 50% -12%,rgba(216,36,26,.06),transparent 46%),radial-gradient(150% 120% at 50% 46%,transparent 52%,rgba(0,0,0,.6) 100%);transition:opacity .26s var(--ease)}.login[data-ok="1"]{opacity:0;pointer-events:none}.login-top{display:grid;justify-items:center;gap:10px}.login-mark .vinyl{width:96px;transition:width .26s var(--ease);--disc-color: var(--accent) !important}.login-mark .vinyl-disc{--rpm: 3.4s}.login[data-stage=pin]{gap:16px}.login[data-stage=pin] .login-mark .vinyl{width:72px}.login[data-stage=pin] .login-pad{gap:14px}.login-word{margin:0;font-family:var(--font-display);font-size:48px;font-weight:900;line-height:1;letter-spacing:.24em;text-indent:.24em;color:var(--text)}.login-say{margin:0;min-height:24px;font-family:var(--font-ui);font-size:15px;letter-spacing:.03em;color:var(--text2);text-align:center}.login-pills{display:flex;flex-direction:column}.login-pill+.login-pill,.login-skel+.login-skel{margin-top:12px}.login-pill{display:flex;align-items:center;gap:16px;width:100%;min-height:72px;padding:14px 18px;overflow:hidden;border:1px solid var(--glass-line);border-radius:var(--radius);background:var(--bg2);color:var(--text);text-align:left;transition:max-height .28s var(--ease),margin-top .28s var(--ease),padding .28s var(--ease),opacity .2s var(--ease),transform .16s var(--ease),border-color .16s var(--ease),background .16s var(--ease);max-height:140px}.login-pill:active{transform:scale(.99);border-color:color-mix(in srgb,var(--accent) 45%,var(--glass-line));background:var(--bg3)}.pill-chip{flex:0 0 auto;width:3px;height:42px;border-radius:0;background:var(--text2);opacity:.5;transition:background .16s var(--ease),opacity .16s var(--ease)}.pill-who{display:grid;gap:2px;min-width:0}.pill-name{font-family:var(--font-display);font-size:26px;font-weight:700;line-height:1.05;letter-spacing:.06em;text-transform:uppercase;color:var(--text)}.pill-inst{font-family:var(--font-ui);font-size:13px;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;color:var(--text2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-pill.is-me{border-color:color-mix(in srgb,var(--accent) 55%,var(--glass-line));background:var(--bg3)}.login-pill.is-me .pill-chip{background:var(--accent);opacity:1}.login[data-stage=pin] .login-pill:not(.is-me){max-height:0;min-height:0;margin-top:0;padding-top:0;padding-bottom:0;border-width:0;opacity:0;transform:translateY(-6px);pointer-events:none}.login-skel{height:72px;border-radius:var(--radius);background:var(--bg2);border:1px solid var(--glass-line);animation:login-breathe 1.4s ease-in-out infinite}.login-skel:nth-child(2){animation-delay:.1s}.login-skel:nth-child(3){animation-delay:.2s}.login-skel:nth-child(4){animation-delay:.3s}.login-skel:nth-child(5){animation-delay:.4s}@keyframes login-breathe{0%,to{opacity:.5}50%{opacity:1}}.login-fail{display:grid;gap:16px;justify-items:center;padding:24px 16px;border:1px solid var(--glass-line);border-radius:var(--radius);background:var(--bg2)}.login-fail p{margin:0;font-family:var(--font-ui);font-size:15px;color:var(--text2);text-align:center}.login-retry{height:var(--primary-h);padding:0 32px;border-radius:var(--radius);background:var(--accent);color:#fff;font-family:var(--font-display);font-size:16px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.login-retry:active{transform:scale(.97);filter:brightness(.9)}.login-pad{display:grid;gap:18px;animation:login-rise .26s var(--ease)}@keyframes login-rise{0%{opacity:0;transform:translateY(10px)}}.pin-dots{display:flex;justify-content:center;gap:16px;min-height:20px}.pin-dot{width:14px;height:14px;border-radius:50%;border:1px solid var(--glass-line);background:transparent;transition:transform .12s var(--ease),background .12s var(--ease),border-color .12s var(--ease)}.pin-dot.on{background:var(--accent);border-color:var(--accent);transform:scale(1.15)}.pin-dots.bad{animation:pin-shake .42s var(--ease)}@keyframes pin-shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-8px)}40%,60%{transform:translate(8px)}}.login-pad[data-busy="1"] .pin-dots{animation:pin-think 1s ease-in-out infinite}@keyframes pin-think{50%{opacity:.45}}.pin-msg{margin:0;min-height:24px;font-family:var(--font-ui);font-size:14px;letter-spacing:.02em;line-height:1.4;color:var(--text2);text-align:center}.pin-msg[data-bad="1"]{color:var(--accent)}.pin-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;justify-items:center}.pin-key{display:grid;place-items:center;width:min(80px,100%);aspect-ratio:1;min-height:64px;border-radius:var(--radius);border:1px solid var(--glass-line);background:var(--bg2);font-family:var(--font-ui);font-size:26px;font-weight:600;color:var(--text);transition:transform .08s var(--ease),background .08s var(--ease),border-color .08s var(--ease),opacity .15s var(--ease)}.pin-key:active{transform:scale(.96);background:var(--bg3);border-color:color-mix(in srgb,var(--accent) 55%,var(--glass-line))}.pin-key[disabled]{opacity:.35;pointer-events:none}.pin-key.back{background:none;border-color:transparent;color:var(--text2)}.pin-key.back:active{background:var(--glass);border-color:transparent}.pin-key svg{width:26px;height:26px}.pin-gap{display:block}.pin-back{justify-self:center;min-height:var(--tap);padding:0 16px;font-family:var(--font-ui);font-size:15px;letter-spacing:.03em;color:var(--text2);text-decoration:underline;text-underline-offset:5px}.pin-back:active{color:var(--text)}.login-foot{margin:auto 0 0;padding-top:8px;font-family:var(--font-ui);font-size:13px;letter-spacing:.03em;color:var(--text2);text-align:center;opacity:.75}@media(prefers-reduced-motion:reduce){.login,.login-pill,.login-pad,.login-skel,.pin-dot,.pin-dots,.pin-key{animation:none!important;transition:none!important}}.activity{padding:0 16px 24px}.presence{display:flex;gap:4px;justify-content:space-between;padding:16px 4px 20px;margin-bottom:4px;border-bottom:1px solid var(--glass-line)}.presence-cell{display:flex;flex:1 1 0;flex-direction:column;align-items:center;gap:6px;min-width:0;opacity:.38;transition:opacity .3s var(--ease)}.presence-cell[data-here="1"]{opacity:1}.presence-dot{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--who, #666);color:#fff;font:600 16px/1 var(--font-ui);letter-spacing:.02em;box-shadow:0 0 0 0 transparent;transition:box-shadow .3s var(--ease)}.presence-cell[data-here="1"] .presence-dot{box-shadow:0 0 0 3px color-mix(in srgb,var(--who) 28%,transparent),0 0 18px color-mix(in srgb,var(--who) 45%,transparent)}.presence-name{max-width:100%;overflow:hidden;color:var(--text);font:600 13px/1.1 var(--font-ui);text-overflow:ellipsis;white-space:nowrap}.presence-when{color:var(--text2);font:400 11px/1.1 var(--font-ui);white-space:nowrap}.feed{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.feed-row{display:flex;gap:12px;align-items:flex-start;width:100%;min-height:var(--tap);padding:14px 4px;border:0;border-bottom:1px solid var(--glass-line);background:none;color:inherit;text-align:left;font:inherit;-webkit-tap-highlight-color:transparent}.feed li:last-child .feed-row{border-bottom:0}.feed-row[data-tappable="1"]{cursor:pointer}.feed-row[data-tappable="1"]:active{background:var(--glass);border-radius:12px}.feed-dot{flex:0 0 auto;width:10px;height:10px;margin-top:6px;border-radius:50%;background:var(--who, #666)}.feed-row[data-kind=take] .feed-dot{background:transparent;box-shadow:inset 0 0 0 2px var(--text2)}.feed-body{min-width:0;flex:1 1 auto}.feed-said{color:var(--text);font:400 16px/1.35 var(--font-ui);overflow-wrap:anywhere}.feed-quote{margin-top:4px;padding-left:10px;border-left:2px solid var(--glass-line);color:var(--text2);font:400 15px/1.4 var(--font-ui);overflow-wrap:anywhere}.feed-when{margin-top:4px;color:var(--text2);font:400 13px/1.2 var(--font-ui)}.seenby{display:flex;align-items:center;gap:6px;min-height:28px;flex-wrap:wrap}.seenby-label,.seenby-none{color:var(--text2);font:400 13px/1.2 var(--font-ui)}.seenby-dot{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--who, #666);color:#fff;font:600 12px/1 var(--font-ui)}.alb-top{display:flex;align-items:center;justify-content:space-between;min-height:44px;margin-bottom:2px}.alb-theme{color:var(--text2)}.alb-daw{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 4px;color:var(--text2);font-family:var(--font-ui);font-size:12px;letter-spacing:.16em;text-transform:uppercase;text-decoration:none}.alb-daw span:last-child{color:var(--accent)}.alb-daw:active{color:var(--text)}.alb-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 0 26px;margin-bottom:8px;border-bottom:1px solid var(--glass-line)}.alb-platter{position:relative;display:grid;place-items:center;padding:8px;margin-bottom:20px}.alb-platter:before{content:"";position:absolute;bottom:-2px;width:74%;height:14px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.55),transparent 70%);filter:blur(3px)}.alb-disc{width:180px;max-width:56vw;padding:0;background:none;border:0;border-radius:50%;transition:transform .16s var(--ease)}.alb-disc:active{transform:scale(.97)}.alb-disc .vinyl{width:100%}.alb-title{margin:0;font-family:var(--font-display);font-weight:900;font-size:clamp(88px,34vw,148px);line-height:.82;letter-spacing:.01em;text-transform:uppercase;color:var(--text)}.alb-sub{margin-top:12px;font-family:var(--font-ui);font-size:15px;letter-spacing:.02em;color:var(--text)}.alb-meta{margin-top:9px;font-family:var(--font-ui);font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--text2)}.alb-tracks{margin:0;padding:0;list-style:none}.alb-track{display:grid;grid-template-columns:2.4ch 1fr auto auto;align-items:center;gap:12px;min-height:60px;padding:8px 2px;border-bottom:1px solid var(--glass-line);cursor:pointer;animation:alb-rise .4s var(--ease) both}.alb-track--dragging{opacity:.5}.alb-track.alb-drop-before{box-shadow:inset 0 2px 0 0 var(--accent)}.alb-track.alb-drop-after{box-shadow:inset 0 -2px 0 0 var(--accent)}.alb-track--removing{overflow:hidden;opacity:0;min-height:0;max-height:0;padding-top:0;padding-bottom:0;border-bottom-color:transparent;transition:opacity .18s var(--ease),max-height .28s var(--ease),min-height .28s var(--ease),padding .28s var(--ease)}.alb-grip{display:none;align-items:center;justify-content:center;color:var(--text2);cursor:grab}.alb-grip svg{width:16px;height:16px;fill:currentColor;stroke:none}.alb-track[draggable=true] .alb-grip:active{cursor:grabbing}.alb-track:active{background:var(--glass)}.alb-track[data-current="1"] .alb-ttitle{color:var(--accent)}.alb-tnum{font-family:var(--font-ui);font-size:15px;color:var(--text2);text-align:right;font-variant-numeric:tabular-nums}.alb-twrap{display:flex;flex-direction:column;gap:2px;min-width:0}.alb-tline{display:flex;align-items:baseline;gap:8px;min-width:0}.alb-takes{display:none;font-family:var(--font-ui);font-size:12px;letter-spacing:.04em;color:var(--text2)}.alb-ttitle{font-family:var(--font-display);font-weight:700;font-size:21px;letter-spacing:.02em;text-transform:uppercase;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alb-new{flex:0 0 auto;font-family:var(--font-ui);font-size:11px;font-weight:600;letter-spacing:.16em;color:var(--accent)}.alb-ttime{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15}.alb-tdur{font-family:var(--font-ui);font-size:15px;color:var(--text2);font-variant-numeric:tabular-nums}.alb-pick{margin-top:2px;font-family:var(--font-ui);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.alb-play{width:var(--tap);height:var(--tap);display:grid;place-items:center;border:1px solid var(--glass-line);border-radius:50%;background:var(--glass);color:var(--text);transition:transform .1s var(--ease),background .1s var(--ease)}.alb-play:active{transform:scale(.92);background:var(--bg3)}.alb-play svg{width:18px;height:18px;fill:currentColor}.alb-play--ghost{color:var(--text2)}.alb-track[data-current="1"] .alb-play{border-color:var(--accent);background:var(--accent);color:#fff}@keyframes alb-rise{0%{opacity:0;transform:translateY(8px)}}.alb-skel{display:flex;flex-direction:column}.alb-skel-row{height:60px;border-bottom:1px solid var(--glass-line);background:linear-gradient(100deg,transparent 30%,var(--glass) 50%,transparent 70%);background-size:300% 100%;animation:shimmer 1.3s linear infinite}@media(prefers-reduced-motion:reduce){.alb-track,.alb-skel-row,.alb-disc{animation:none!important;transition:none!important}}.alb-actions{display:flex;align-items:center;gap:2px}.alb-menu{width:var(--tap);height:var(--tap);display:grid;place-items:center;border-radius:50%;color:var(--text2)}.alb-menu:active{background:var(--glass);color:var(--text)}.alb-menu svg{width:20px;height:20px;fill:currentColor;stroke:none}.alb-rename{width:100%;min-width:0;height:auto;padding:2px 6px;font-family:var(--font-display);font-weight:700;font-size:21px;letter-spacing:.02em;text-transform:uppercase;color:var(--text);background:var(--bg3);border:1px solid color-mix(in srgb,var(--accent) 45%,var(--glass-line));border-radius:var(--radius)}.sort{display:flex;width:100%;margin:14px 0 4px;border:1px solid var(--glass-line);border-radius:var(--radius);background:var(--bg2);overflow:hidden}.sort-opt{flex:1;min-height:40px;padding:0 6px;border-right:1px solid var(--glass-line);font-family:var(--font-ui);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text2);white-space:nowrap;transition:color .12s var(--ease),background .12s var(--ease)}.sort-opt:last-child{border-right:0}.sort-opt[aria-pressed=true]{color:var(--text);background:var(--bg3)}.sort-opt:active{background:var(--glass)}.side-div{display:flex;align-items:center;gap:12px;list-style:none;padding:16px 2px 8px}.side-div:first-child{padding-top:4px}.side-rule{flex:1;height:1px;background:var(--glass-line)}.side-label{font-family:var(--font-ui);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--text2);white-space:nowrap;font-variant-numeric:tabular-nums}.side-warn{list-style:none;margin-top:12px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--glass-line));border-radius:var(--radius);color:var(--text2);font-family:var(--font-ui);font-size:13px;line-height:1.45}.rowmenu-scrim{position:fixed;inset:0;z-index:1;pointer-events:auto;background:transparent}.rowmenu{position:fixed;z-index:2;min-width:200px;max-width:calc(100vw - 16px);padding:6px;pointer-events:auto;background:var(--bg2);border:1px solid var(--glass-line);border-radius:var(--radius);box-shadow:0 16px 40px #0000008c;animation:rowmenu-in .12s var(--ease)}@keyframes rowmenu-in{0%{opacity:0;transform:translateY(-4px)}}.rowmenu-item{display:flex;align-items:center;width:100%;min-height:44px;padding:0 12px;border-radius:var(--radius);font-family:var(--font-ui);font-size:15px;color:var(--text);text-align:left}.rowmenu-item:hover,.rowmenu-item:active{background:var(--glass)}.rowmenu-item[data-danger="1"]{color:var(--accent)}.rowmenu-sep{height:1px;margin:6px 4px;background:var(--glass-line)}.rowmenu-confirm{padding:8px 10px 4px}.rowmenu-confirm p{margin:0}.rowmenu-confirm .rc-title{font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:var(--text)}.rowmenu-confirm .rc-note{margin:4px 0 12px;font-family:var(--font-ui);font-size:13px;line-height:1.4;color:var(--text2)}.rowmenu-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rowmenu-actions .btn-sm{height:44px}@media(prefers-reduced-motion:reduce){.rowmenu,.alb-track--removing{animation:none!important;transition:none!important}}@media(min-width:900px){.screen.alb-screen{max-width:1120px}.alb{display:grid;grid-template-columns:minmax(320px,380px) 1fr;gap:48px;align-items:start}.alb-left{position:sticky;top:calc(var(--safe-t) + 16px);align-self:start}.alb-hero{align-items:flex-start;text-align:left;padding:4px 0 8px;border-bottom:0}.alb-platter{margin-bottom:26px;place-items:start}.alb-platter:before{left:8px;transform:none}.alb-disc{width:380px;max-width:100%}.alb-title{font-size:clamp(84px,9vw,128px);line-height:.82}.alb-sub{font-size:16px}.alb-tracks{display:flex;flex-direction:column;gap:8px}.alb-track{grid-template-columns:22px 2.6ch 1fr auto auto;gap:16px;min-height:64px;padding:12px 16px;background:var(--bg2);border:1px solid var(--glass-line);border-bottom:1px solid var(--glass-line);border-radius:var(--radius);animation:alb-rise .4s var(--ease) both;transition:transform .14s var(--ease),border-color .14s var(--ease),background .14s var(--ease)}.alb-track:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--text) 22%,var(--glass-line));background:var(--bg3)}.alb-track:active{transform:translateY(0)}.alb-track[data-current="1"]{border-color:color-mix(in srgb,var(--accent) 55%,var(--glass-line))}.alb-grip{display:grid}.alb-tracks[data-sort=az] .alb-grip,.alb-tracks[data-sort=worked] .alb-grip{opacity:.28;cursor:default}.alb-takes{display:block}.alb-tnum{font-size:14px}.side-div{padding:20px 4px 6px}}.rec{display:grid;place-items:center;gap:14px;padding:26px 20px;background:var(--bg2);border:1px solid var(--glass-line);border-radius:var(--radius);text-align:center}.rec-status{display:none;align-items:center;gap:8px;min-height:20px;font-family:var(--font-ui);font-size:15px;color:var(--text)}.rec[data-recording="1"] .rec-status{display:inline-flex}.rec-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);animation:recPulse 1s ease-in-out infinite}.rec-time{font-variant-numeric:tabular-nums;letter-spacing:.04em}.rec-meter{display:none;align-items:flex-end;justify-content:center;gap:3px;width:100%;max-width:260px;height:40px}.rec[data-recording="1"] .rec-meter{display:flex}.rec-bar{width:5px;height:100%;border-radius:2px;background:var(--accent);transform:scaleY(.1);transform-origin:bottom;transition:transform .08s linear}.rec-btn{width:92px;height:92px;border:none;border-radius:50%;background:var(--accent);display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 30px #d8241a59;-webkit-tap-highlight-color:transparent;transition:transform .12s var(--ease),box-shadow .12s var(--ease)}.rec-btn:active{transform:scale(.95)}.rec[data-recording="1"] .rec-btn{animation:recRing 1.6s ease-out infinite}.rec-btn-face{width:30px;height:30px;border-radius:50%;background:#fff;transition:border-radius .18s var(--ease),width .18s var(--ease),height .18s var(--ease)}.rec[data-recording="1"] .rec-btn-face{width:26px;height:26px;border-radius:5px}.rec-hint{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.14em;font-size:14px;color:var(--text2)}@keyframes recPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.82)}}@keyframes recRing{0%{box-shadow:0 0 #d8241a73,0 10px 30px #d8241a59}70%{box-shadow:0 0 0 18px #d8241a00,0 10px 30px #d8241a59}to{box-shadow:0 0 #d8241a00,0 10px 30px #d8241a59}}.tabbar{display:flex;align-items:stretch;grid-template-columns:none}.tabbar .tab{flex:1 1 0;min-width:0}.tab-label{font-size:11px;letter-spacing:.08em}.fab{flex:0 0 auto;align-self:center;width:56px;height:56px;margin:0 8px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;transform:translateY(-10px);border:3px solid var(--bg);box-shadow:0 8px 22px #d8241a6b;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform .12s var(--ease)}.fab svg{width:26px;height:26px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.fab:active{transform:translateY(-10px) scale(.93)}@media(prefers-reduced-motion:reduce){.rec-dot,.rec[data-recording="1"] .rec-btn,.rec-btn-face{animation:none!important;transition:none!important}.rec-bar{transition:none!important}}.set{display:flex;flex-direction:column}.set-sec{padding:22px 0;border-top:1px solid var(--glass-line)}.set-sec:first-child{border-top:0;padding-top:6px}.set-h{font-family:var(--font-ui);font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--text2);margin:0 0 14px}.set-note{font-size:14px;color:var(--text2);margin:10px 0 0;max-width:48ch;line-height:1.5}.set-searchwrap{position:relative;display:flex;align-items:center}.set-searchic{position:absolute;left:14px;display:grid;place-items:center;color:var(--text2);pointer-events:none}.set-searchic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.set-search{width:100%;height:52px;padding:0 16px 0 44px;border-radius:12px;background:var(--bg2);border:1px solid var(--glass-line);color:var(--text);font-family:var(--font-ui);font-size:16px;appearance:none}.set-search::placeholder{color:var(--text2)}.set-search::-webkit-search-decoration,.set-search::-webkit-search-cancel-button{-webkit-appearance:none}.set-results{display:flex;flex-direction:column;margin-top:10px}.set-result{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:8px 12px;text-align:left;border-radius:10px;color:var(--text);border-bottom:1px solid var(--glass-line)}.set-result:last-child{border-bottom:0}.set-result:active{background:var(--glass)}.set-result-t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}.set-result-go{flex:0 0 auto;display:grid;place-items:center;color:var(--text2)}.set-result-go svg{width:18px;height:18px;fill:currentColor}.set-empty{font-size:14px;color:var(--text2);margin:10px 4px 2px}.set-toggle{display:inline-flex;align-items:center;gap:10px;height:var(--tap);padding:0 18px;border-radius:10px;background:var(--glass);border:1px solid var(--glass-line);color:var(--text);font-size:15px;align-self:flex-start}.set-toggle:active{background:var(--bg3)}.set-toggle-ic{display:grid;place-items:center;color:var(--accent)}.set-toggle-ic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.set-field{margin-top:20px}.set-field:first-of-type{margin-top:4px}.set-label{display:block;font-family:var(--font-display);font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--text2);margin-bottom:10px}.set-seg{display:grid;grid-template-columns:1fr 1fr;gap:8px}.set-seg-b{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-height:60px;padding:11px 14px;border-radius:var(--radius);background:var(--bg2);border:1px solid var(--glass-line);color:var(--text2);text-align:left;transition:border-color .14s var(--ease),color .14s var(--ease),background .14s var(--ease)}.set-seg-b[data-active="1"]{border-color:var(--accent);color:var(--text);background:color-mix(in srgb,var(--accent) 10%,var(--bg2))}.set-seg-l{font-family:var(--font-display);font-size:17px;letter-spacing:.06em;text-transform:uppercase;font-weight:700}.set-seg-s{font-size:12px;letter-spacing:.04em;font-variant-numeric:tabular-nums}.set-step{display:inline-flex;align-items:center;gap:4px;background:var(--bg2);border:1px solid var(--glass-line);border-radius:12px;padding:4px}.set-step-b{width:44px;height:44px;display:grid;place-items:center;border-radius:8px;font-family:var(--font-display);font-size:26px;line-height:1;color:var(--text)}.set-step-b:active:not(:disabled){background:var(--bg3)}.set-step-b:disabled{color:var(--text2);opacity:.4;cursor:default}.set-step-n{min-width:88px;text-align:center;font-family:var(--font-display);font-size:20px;letter-spacing:.04em;font-variant-numeric:tabular-nums;text-transform:uppercase}.set-daw{display:flex;align-items:center;gap:12px;min-height:64px;padding:12px 16px;border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-line);color:var(--text);text-decoration:none}.set-daw:active{background:var(--bg3)}.set-daw-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.set-daw-t{font-family:var(--font-display);font-size:18px;letter-spacing:.06em;text-transform:uppercase;font-weight:700}.set-daw-s{font-size:13px;color:var(--text2)}.set-daw-go{flex:0 0 auto;color:var(--accent);font-size:20px}.set-you-who{margin-bottom:14px}.set-you-name{font-family:var(--font-display);font-size:22px;letter-spacing:.04em;text-transform:uppercase;font-weight:700}.set-you-inst{font-size:14px;color:var(--text2);margin-top:2px}.set-signout{height:var(--tap);padding:0 18px;border-radius:10px;background:transparent;border:1px solid var(--glass-line);color:var(--text2);font-size:15px;align-self:flex-start}.set-signout:active:not(:disabled){color:var(--accent);border-color:var(--accent)}.set-signout:disabled{opacity:.6;cursor:default}@media(prefers-reduced-motion:reduce){.set-seg-b{transition:none!important}}.tab-initial{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:13px;line-height:1;color:var(--text);background:var(--bg3);border:1px solid var(--glass-line)}.tab-name[aria-current=page] .tab-initial{border-color:var(--accent);color:var(--accent)}.wave-addnote-row{display:flex;justify-content:center;margin:10px 0 4px}.wave-addnote{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 18px 0 12px;border-radius:999px;background:var(--bg2);border:1px solid var(--glass-line);color:var(--text2);font-family:var(--font-ui);font-size:14px;letter-spacing:.02em;transition:border-color .15s var(--ease),color .15s var(--ease)}.wave-addnote:active{border-color:var(--accent);color:var(--text)}.wave-addnote-plus{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:22px;line-height:1;font-weight:700}.wave-addnote-label{text-transform:uppercase;font-size:12px;letter-spacing:.14em}.wave-host.is-draggable{cursor:grab}.wave-host.is-draggable:active{cursor:grabbing}.wave-host.is-draggable ::part(cursor):after{content:"";position:absolute;top:-5px;left:50%;width:12px;height:12px;transform:translate(-50%);border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--bg)}.version-meta .device{text-transform:uppercase;font-size:11px;letter-spacing:.12em;color:var(--text2);opacity:.85}.alb-jr{margin:0 0 20px}.alb-jr-head{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-family:var(--font-ui);font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--text)}.alb-jr-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:recPulse 1.4s ease-in-out infinite}.alb-jr-card{display:flex;flex-direction:column;gap:12px;padding:14px;margin-bottom:10px;background:var(--bg2);border:1px solid var(--glass-line);border-radius:var(--radius);animation:alb-rise .4s var(--ease) both}.alb-jr-card:last-child{margin-bottom:0}.alb-jr-top{display:flex;align-items:center;gap:14px}.alb-jr-play{flex:0 0 auto;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--glass);border:1px solid var(--glass-line);color:var(--text);transition:transform .1s var(--ease),background .1s var(--ease)}.alb-jr-play:active{transform:scale(.94);background:var(--bg3)}.alb-jr-play svg{width:22px;height:22px;fill:currentColor}.alb-jr-meta{min-width:0;display:flex;flex-direction:column;gap:2px;font-family:var(--font-ui)}.alb-jr-when{font-size:16px;color:var(--text)}.alb-jr-detail{font-size:13px;letter-spacing:.02em;color:var(--text2)}.alb-jr-file{height:var(--primary-h);width:100%;border-radius:var(--radius);background:var(--accent);color:#fff;font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:.1em;text-transform:uppercase;display:grid;place-items:center;transition:transform .1s var(--ease),filter .1s var(--ease)}.alb-jr-file:active{transform:scale(.98);filter:brightness(.9)}.alb-jr-sheet{position:absolute;left:0;right:0;bottom:0;pointer-events:auto;display:flex;flex-direction:column;max-height:80vh;background:var(--bg2);border-top:1px solid var(--glass-line);border-radius:20px 20px 0 0;padding:8px 12px calc(12px + var(--safe-b));max-width:640px;margin:0 auto;animation:rise .2s var(--ease)}.alb-jr-picktitle{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text);margin:2px 0 12px;padding:0 6px}.alb-jr-picklist{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;margin:8px -4px;padding:0 4px}.alb-jr-pickloading,.alb-jr-pickempty{padding:18px 8px;font-family:var(--font-ui);font-size:15px;color:var(--text2)}.alb-jr-pick{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:0 10px;border-radius:12px;font-family:var(--font-ui);font-size:17px;text-align:left;color:var(--text)}.alb-jr-pick:active{background:var(--glass)}.alb-jr-pick--new{color:var(--accent);border:1px solid var(--glass-line);margin-bottom:4px}.alb-jr-pick-plus{width:22px;text-align:center;font-size:22px;line-height:1}.alb-jr-notsure{min-height:52px;margin-top:6px;border-radius:12px;font-family:var(--font-ui);font-size:16px;color:var(--text2)}.alb-jr-notsure:active{background:var(--glass)}@media(prefers-reduced-motion:reduce){.alb-jr-card,.alb-jr-dot{animation:none}}@media(min-width:900px){.alb-left{grid-column:1}.alb-jr,.alb-tracks{grid-column:2}.alb-jr{margin-bottom:8px}}.note-pins{position:absolute;left:12px;right:12px;top:16px;height:84px;pointer-events:none}.note-pin{position:absolute;top:50%;transform:translate(-50%,-50%);width:30px;height:30px;min-width:0;min-height:0;padding:0;display:grid;place-items:center;pointer-events:auto}.note-pin:before{content:"";width:20px;height:20px;border-radius:50%;background:var(--accent);border:2px solid var(--bg2);box-shadow:0 1px 5px #00000073;transition:transform .1s var(--ease)}.note-pin:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#fff}.note-pin:active:before{transform:scale(.86)}.note-comment{grid-template-columns:32px 1fr 24px}.note-comment-chev{align-self:center;display:grid;place-items:center;color:var(--text2)}.note-comment-chev svg{width:20px;height:20px}.note-comment[data-done="1"]{opacity:.5}.note-comment[data-done="1"] .comment-body{text-decoration:line-through;color:var(--text2)}.note-add-general{display:inline-flex;align-items:center;gap:8px;height:var(--tap);margin:8px 0 2px;padding:0 6px;color:var(--text2);font-family:var(--font-ui);font-size:13px;letter-spacing:.04em}.note-add-general:active{color:var(--text)}.note-add-plus{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--glass-line);font-size:16px;line-height:1}.note-donetoggle{display:block;width:100%;min-height:var(--tap);margin-top:10px;padding:10px 6px 4px;border-top:1px solid var(--glass-line);text-align:left;color:var(--text2);font-family:var(--font-ui);font-size:12px;letter-spacing:.14em;text-transform:uppercase}.note-donetoggle:active{color:var(--text)}.note-donelist{margin-top:2px}.note-move-here{width:100%;margin:2px 0}.note-move-hint{margin:2px 6px 12px;color:var(--text2);font-family:var(--font-ui);font-size:13px;line-height:1.45}.note-move-type{margin-top:14px;padding:0 6px 4px;display:flex;flex-direction:column;gap:8px}.note-move-type>label{font-family:var(--font-ui);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--text2)}.note-move-typerow{display:grid;grid-template-columns:1fr auto;gap:10px}.note-move-typerow input{height:var(--tap);padding:0 12px;background:var(--bg);border:1px solid var(--glass-line);border-radius:var(--radius);color:var(--text);font-family:var(--font-ui);font-variant-numeric:tabular-nums;letter-spacing:.1em}.note-move-typerow input:focus{outline:none;border-color:var(--accent)}.note-move-typerow .btn-sm{min-width:76px}.vote-voters{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-family:var(--font-ui);font-size:12px;letter-spacing:.02em;color:var(--text2)}.vote-voters-grp{display:inline-flex;align-items:center;gap:5px}.vote-voters-names{color:var(--text)}.vote-voters-ic{display:inline-grid;place-items:center;line-height:0}.vote-voters-ic svg{width:14px;height:14px;stroke-width:1.7;stroke-linejoin:round}.vote-voters-ic.up svg{fill:var(--accent);stroke:var(--accent)}.vote-voters-ic.down svg{fill:var(--text2);stroke:var(--text2)}.vote-voters-mid{opacity:.45}.note-row{border-bottom:1px solid var(--glass-line)}.note-row .comment{border-bottom:0}.comments li.note-row:last-child{border-bottom:0}.vote-note-row{display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px;padding:0 4px 12px 44px}.vote-note{display:inline-grid;grid-auto-flow:column;place-items:center;gap:5px;min-width:var(--tap);min-height:var(--tap);padding:0 8px;border-radius:var(--radius);color:var(--text2);font-family:var(--font-ui);font-size:14px;font-variant-numeric:tabular-nums}.vote-note svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}.vote-note.up[aria-pressed=true]{color:var(--accent)}.vote-note.up[aria-pressed=true] svg{fill:var(--accent);stroke:var(--accent)}.vote-note.down[aria-pressed=true]{color:var(--text)}.vote-note.down[aria-pressed=true] svg{fill:var(--text);stroke:var(--text)}.vote-note:active{background:var(--glass)}.vote-who{margin-left:2px;font-family:var(--font-ui);font-size:12px;letter-spacing:.02em;color:var(--text2)}.vote-who:empty{display:none}.alb-jr-scrap{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;border-radius:999px;color:var(--text2);margin-left:auto}.alb-jr-scrap:active{color:var(--accent);background:#d8241a1a}.alb-jr-card.is-going{opacity:0;transform:translate(-12px);transition:opacity .18s var(--ease),transform .18s var(--ease)}.studio{display:flex;flex-direction:column;gap:14px;padding:16px 14px;background:var(--bg2);border:1px solid var(--glass-line);border-radius:var(--radius)}.studio-explain{margin:0;color:var(--text2);font-family:var(--font-ui);font-size:14px;line-height:1.5}.studio-open{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:var(--tap);padding:0 14px;border:1px solid var(--glass-line);border-radius:var(--radius);color:var(--text);text-decoration:none;font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:.1em;text-transform:uppercase}.studio-open:active{background:var(--bg3)}.studio-open-go{flex:0 0 auto;color:var(--accent);font-size:18px}.studio-latest{display:flex;flex-direction:column;gap:12px;padding:14px 14px 14px 16px;background:var(--bg3);border:1px solid var(--glass-line);border-left:3px solid var(--accent);border-radius:var(--radius)}.studio-save-head{display:flex;flex-direction:column;gap:4px;min-width:0}.studio-save-title{font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:.02em;text-transform:uppercase;color:var(--text);word-break:break-word}.studio-save-meta{font-family:var(--font-ui);font-size:13px;color:var(--text2)}.studio-save-note{margin:2px 0 0;font-family:var(--font-ui);font-size:14px;line-height:1.45;color:var(--text);word-break:break-word}.studio-download{width:100%}.studio-earlier-toggle,.studio-howtoggle{display:block;width:100%;min-height:var(--tap);padding:10px 6px 4px;border-top:1px solid var(--glass-line);text-align:left;color:var(--text2);font-family:var(--font-ui);font-size:12px;letter-spacing:.14em;text-transform:uppercase;background:none}.studio-earlier-toggle:active,.studio-howtoggle:active{color:var(--text)}.studio-earlier{display:flex;flex-direction:column;gap:8px}.studio-earlier-row{display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--bg3);border:1px solid var(--glass-line);border-radius:var(--radius)}.studio-download-sm{width:100%;height:var(--tap);font-family:var(--font-ui);letter-spacing:.06em;text-transform:uppercase}.studio-none{margin:0;color:var(--text2);font-family:var(--font-ui);font-size:14px;line-height:1.5}.studio-upload{width:100%;min-height:var(--primary-h);border:1.5px solid var(--text2);border-radius:var(--radius);background:none;color:var(--text);font-family:var(--font-display);font-weight:700;font-size:17px;letter-spacing:.14em;text-transform:uppercase}.studio-upload:active{background:var(--bg3);border-color:var(--text)}.studio-progress{display:flex;flex-direction:column;gap:8px;min-height:var(--primary-h);justify-content:center;padding:0 2px}.studio-progress-top{display:flex;align-items:baseline;justify-content:space-between;font-family:var(--font-ui);font-size:13px;color:var(--text2)}.studio-progress-pct{font-variant-numeric:tabular-nums;color:var(--text)}.studio-progress-track{height:10px;border:1px solid var(--glass-line);border-radius:2px;overflow:hidden;background:var(--bg)}.studio-progress-bar{height:100%;width:0;background:var(--accent);transition:width .15s var(--ease)}.studio-guide{margin:0;padding:2px 0 2px 22px;display:flex;flex-direction:column;gap:10px;font-family:var(--font-ui);font-size:14px;line-height:1.5;color:var(--text)}.studio-guide li{padding-left:4px}.studio-guide li::marker{color:var(--accent);font-weight:600}.nowplaying{grid-template-columns:auto auto auto minmax(0,1fr) auto;gap:8px}.nowplaying .np-btn{width:48px;height:48px}.np-scrub{position:absolute;top:-8px;left:0;right:0;height:16px;z-index:1;cursor:pointer;touch-action:none}.np-scrub:focus-visible{outline:2px solid var(--accent);outline-offset:0}.np-scrub:before{content:"";position:absolute;left:0;right:0;top:7px;height:2px;background:var(--glass-line)}.np-progress{top:7px;bottom:auto;left:0;height:2px;transition:none}.np-skip{min-width:46px;height:44px;padding:0 8px;border-radius:22px;border:1px solid var(--glass-line);background:var(--glass);color:var(--text2);font-family:var(--font-ui);font-size:13px;letter-spacing:.02em;font-variant-numeric:tabular-nums;display:grid;place-items:center}.np-skip:active{background:var(--bg3);color:var(--text)}.np-note{width:46px;height:44px;border-radius:12px;border:1px solid var(--glass-line);background:var(--glass);color:var(--text2);display:grid;place-items:center}.np-note svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.np-note:active{background:var(--bg3);color:var(--accent)}.zone-band{position:absolute;top:0;height:84px;min-width:6px;box-sizing:border-box;background:color-mix(in srgb,var(--accent) 20%,transparent);border:0 solid var(--accent);border-left-width:2px;border-right-width:2px;border-radius:3px;pointer-events:auto;cursor:grab;overflow:visible;touch-action:none}.zone-band:active{cursor:grabbing}.zone-band:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.zone-preview{pointer-events:none;background:color-mix(in srgb,var(--accent) 14%,transparent);border-style:dashed}.zone-label{position:absolute;left:6px;right:16px;top:5px;margin:0;font-family:var(--font-ui);font-size:11px;line-height:1.3;letter-spacing:.01em;color:var(--text);text-shadow:0 1px 3px rgba(0,0,0,.65);overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;pointer-events:none}:root[data-theme=light] .zone-label{text-shadow:0 1px 2px rgba(255,255,255,.7)}.zone-grip{position:absolute;top:50%;right:-12px;width:26px;height:26px;min-width:0;min-height:0;padding:0;transform:translateY(-50%);border-radius:50%;background:var(--accent);border:2px solid var(--bg2);box-shadow:0 1px 5px #00000073;cursor:ew-resize;pointer-events:auto;touch-action:none;z-index:2}.zone-grip:after{content:"";position:absolute;left:50%;top:50%;width:8px;height:9px;transform:translate(-50%,-50%);border-left:2px solid #fff;border-right:2px solid #fff}.zone-grip:active{transform:translateY(-50%) scale(.9)}.zone-grip.is-point-grip{right:auto;margin-left:15px;width:24px;height:24px;background:transparent;border:2px dashed var(--accent);box-shadow:none;cursor:grab}.zone-grip.is-point-grip:after{border-left-color:var(--accent);border-right-color:var(--accent)}.zone-grip.is-point-grip:active{cursor:grabbing}.wave-host.is-noteediting{cursor:ew-resize}.livenote-layer{position:absolute;left:10px;right:10px;bottom:8px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;pointer-events:none;z-index:4}.livenote{max-width:100%;display:inline-flex;align-items:center;gap:8px;padding:6px 13px 6px 7px;background:color-mix(in srgb,var(--bg2) 92%,transparent);border:1px solid color-mix(in srgb,var(--accent) 40%,var(--glass-line));border-left:3px solid var(--accent);border-radius:999px;box-shadow:0 4px 16px #0000006b;pointer-events:auto;cursor:pointer;animation:livenote-in .34s var(--ease) both}.livenote.is-out{animation:livenote-out .3s var(--ease) both}.livenote-avatar{flex:none;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--glass-line);background:transparent;color:var(--text);font-family:var(--font-ui);font-weight:600;font-size:11px}.livenote-main{display:flex;align-items:baseline;gap:8px;min-width:0}.livenote-who{flex:none;font-family:var(--font-display);font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.livenote-text{min-width:0;font-family:var(--font-ui);font-size:13px;line-height:1.35;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes livenote-in{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}@keyframes livenote-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px)}}@media(prefers-reduced-motion:reduce){.livenote{animation:livenote-fade-in .2s linear both}.livenote.is-out{animation:livenote-fade-out .2s linear both}.zone-grip:active{transform:translateY(-50%)}.note-pin:active:before{transform:none}}@keyframes livenote-fade-in{0%{opacity:0}to{opacity:1}}@keyframes livenote-fade-out{0%{opacity:1}to{opacity:0}}.loop-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:44px;margin:6px 0 4px;padding:0 12px;border:1px solid var(--glass-line);border-radius:var(--radius);background:var(--bg2);color:var(--text2);font-family:var(--font-ui);transition:color .12s var(--ease),background .12s var(--ease),border-color .12s var(--ease)}.loop-btn:active{background:var(--glass)}.loop-glyph{position:relative;display:inline-flex;align-items:center;justify-content:center;font-size:20px;line-height:1}.loop-label{font-size:12px;letter-spacing:.06em;text-transform:uppercase}.loop-badge{position:absolute;top:-5px;right:-8px;min-width:13px;height:13px;padding:0 2px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;background:var(--accent);color:#fff;font-size:9px;line-height:1;font-weight:700}.loop-btn[data-mode=one],.loop-btn[data-mode=all]{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,var(--glass-line))}.loop-btn[data-mode=one] .loop-glyph,.loop-btn[data-mode=all] .loop-glyph{color:var(--accent)}.dl-lede{margin:4px 0 18px;color:var(--text2);font-size:16px;max-width:40ch}.dl-all{width:100%;min-height:var(--primary-h);border-radius:var(--radius);background:var(--accent);color:#fff;font-size:17px;font-weight:600;letter-spacing:.01em;display:flex;align-items:center;justify-content:center;gap:10px}.dl-all:active{filter:brightness(.88)}.dl-all:disabled{background:var(--glass);border:1px solid var(--glass-line);color:var(--text2);font-weight:500}.dl-all[data-stop="1"]{background:var(--glass);border:1px solid var(--glass-line);color:var(--text)}.dl-all-note{margin:8px 2px 0;font-size:15px;color:var(--text2)}.dl-storage{margin:18px 2px 22px;padding-top:14px;border-top:1px solid var(--glass-line);font-size:15px;color:var(--text2);font-variant-numeric:tabular-nums}.dl-songs{display:flex;flex-direction:column;gap:22px}.dl-song h2{margin:0 0 8px;font-size:17px;font-weight:600;letter-spacing:.01em;display:flex;align-items:center;gap:8px}.dl-song h2:before{content:"";width:8px;height:8px;border-radius:50%;flex:0 0 auto;background:var(--song, var(--accent))}.dl-row{position:relative;display:flex;align-items:center;gap:12px;min-height:60px;padding:10px 12px;border-radius:12px;background:var(--bg2);border:1px solid var(--glass-line);margin-bottom:8px;overflow:hidden}.dl-row[data-state=done]{border-color:color-mix(in srgb,var(--m-trevor) 40%,transparent)}.dl-main{flex:1;min-width:0}.dl-name{display:flex;align-items:center;gap:6px;font-size:16px}.dl-name .txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-name .star{display:inline-flex;flex:0 0 auto;color:var(--accent)}.dl-name .star svg{width:15px;height:15px}.dl-meta{display:block;margin-top:2px;font-size:14px;color:var(--text2);font-variant-numeric:tabular-nums}.dl-btn{flex:0 0 auto;min-width:96px;height:var(--tap);padding:0 14px;border-radius:10px;background:var(--glass);border:1px solid var(--glass-line);font-size:15px;color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:6px;font-variant-numeric:tabular-nums}.dl-btn:active{filter:brightness(.88)}.dl-row[data-state=idle] .dl-btn{border-color:color-mix(in srgb,var(--accent) 45%,var(--glass-line));color:var(--accent)}.dl-row[data-state=done] .dl-btn{color:var(--text2)}.dl-btn .tick{color:var(--m-trevor);font-size:16px;line-height:1}.dl-row .bar{position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:0;background:transparent}.dl-empty{color:var(--text2);font-size:16px;max-width:36ch}.is-offline .dl-row{opacity:.5}.is-offline .dl-row[data-state=done]{opacity:1}.is-offline .dl-all{opacity:.5}