.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.player{width:min(100%,1040px);margin:0 auto;padding:14px;display:grid;grid-template-columns:minmax(0,1fr);gap:18px;color:var(--text)}.player-display{width:min(100%,450px);margin:0 auto;display:grid;gap:16px;min-width:0}.player.has-mini{padding-bottom:calc(96px + env(safe-area-inset-bottom))}h1,h2,h3{font-family:Pirata One,Rainyhearts,serif;font-weight:400;letter-spacing:.03em;margin:0}h2{font-size:30px;line-height:1.1}p{line-height:1.4;overflow-wrap:anywhere}.motif{width:22px;height:22px;color:var(--brass);flex:none}.deck-card,.library-panel{position:relative;border:1px solid var(--border);border-radius:var(--radius);background:var(--fx-scan),var(--fx-noise),radial-gradient(120% 70% at 50% 0%,var(--panel-2),transparent 75%),var(--panel);box-shadow:inset 0 1px #ffffff14,inset 0 0 0 1px var(--border-soft),0 16px 36px #000000a6}.library-panel{min-width:0;overflow-x:clip;padding:22px 20px}.deck-card{padding:18px 18px 20px;min-width:0}.corner{position:absolute;width:26px;height:26px;color:var(--brass);opacity:.75;pointer-events:none}.corner.tl{top:8px;left:8px}.corner.tr{top:8px;right:8px;transform:scaleX(-1)}.corner.bl{bottom:8px;left:8px;transform:scaleY(-1)}.corner.br{bottom:8px;right:8px;transform:scale(-1)}.deck-title{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;justify-items:center;padding:4px 0 8px;margin-bottom:12px;border-bottom:1px solid var(--border-soft)}.theme-button{width:44px;height:44px;padding:0;display:grid;place-items:center;border-radius:50%;color:var(--brass);border:1px solid var(--border-soft);background:#00000059;box-shadow:inset 0 1px #ffffff1a;transition:transform .12s var(--ease-out),filter .12s var(--ease-out)}.theme-button:hover{filter:brightness(1.2)}.theme-button:active{transform:scale(.92)}.theme-button svg{width:22px;height:22px}.deck-title h1{font-size:44px;line-height:1;color:var(--text);letter-spacing:.04em;text-shadow:0 2px 8px rgba(0,0,0,.8),0 0 12px var(--accent)}.deck{position:relative;aspect-ratio:1.12;width:100%;border-radius:16px;background:linear-gradient(145deg,var(--plinth-a),var(--plinth-b));box-shadow:inset 0 1px #ffffff1f,inset 0 0 0 1px var(--border),inset 0 0 0 5px var(--plinth-b),inset 0 0 0 6px var(--border-soft),0 10px 24px #000000a6;overflow:hidden}.deck-bat{position:absolute;width:7%;height:auto;aspect-ratio:1;opacity:.45}.deck-bat.left{top:6%;left:5%}.deck-bat.right{bottom:6%;right:5%;transform:rotate(180deg)}.platter{position:absolute;left:5%;top:7.5%;width:76%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#3a3244,#0f0a14 70%);box-shadow:0 0 0 2px var(--plinth-b),0 0 0 3px var(--border-soft),0 8px 18px #000000b3;padding:4%}.platter:after{content:"";position:absolute;top:4%;right:4%;bottom:4%;left:4%;border-radius:50%;pointer-events:none;background:conic-gradient(from 20deg,transparent 0 8%,rgba(255,255,255,.08) 12%,transparent 18% 58%,rgba(255,255,255,.05) 63%,transparent 70%)}.record{position:relative;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,transparent 0 30%,rgba(0,0,0,0) 31%),repeating-radial-gradient(circle at 50% 50%,#08040a 0,#08040a 2px,#160c1c 2px,#160c1c 3px,#08040a 3px,#08040a 5px);box-shadow:inset 0 0 0 2px #000,inset 0 0 16px #000000d9;display:grid;place-items:center;animation:spin 4.2s linear infinite;animation-play-state:paused}.deck[data-playing=true] .record{animation-play-state:running}.record-label{position:relative;width:36%;aspect-ratio:1;border-radius:50%;overflow:hidden;display:grid;place-items:center;color:var(--on-accent);background:radial-gradient(circle at 35% 30%,var(--accent-3),var(--accent) 55%,var(--accent-2));box-shadow:0 0 0 1px var(--brass),0 0 0 3px #000}.record-label img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.record-label svg{width:56%;height:56%}.spindle{position:absolute;left:50%;top:50%;width:9%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 30%,#fff,var(--brass) 60%,#382c14);box-shadow:0 0 0 2px #0009}.arm-base{position:absolute;left:76.7%;top:4.9%;width:14%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#d8d0e2,#7a7086 50%,#302a3a);box-shadow:0 0 0 2px var(--plinth-b),0 0 0 3px var(--border-soft),0 4px 8px #0009}.tonearm{position:absolute;right:8%;top:4.9%;height:78%;width:auto;aspect-ratio:24 / 100;overflow:visible;transform-origin:50% 6%;transform:rotate(-4deg);transition:transform .72s var(--ease-swing);filter:drop-shadow(0 3px 4px rgba(0,0,0,.7))}.deck[data-playing=true] .tonearm{transform:rotate(25deg)}.now-playing{margin:12px 0 2px;text-align:center;min-width:0}.now-playing-label{font-size:16px;min-height:1.1em;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.now-playing-text{animation:track-in .22s var(--ease-out) both}.track-title{font-family:Pirata One,Rainyhearts,serif;font-size:29px;letter-spacing:.02em;line-height:1.12;margin-top:2px;text-wrap:balance;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}.track-artist{font-size:19px;min-height:1.2em;color:var(--accent-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seek{position:relative;display:block;height:44px;margin:2px 0 0;--p: 0}.seek:before,.seek:after{content:"";position:absolute;left:14px;right:14px;top:50%;height:8px;margin-top:-4px;border-radius:999px;pointer-events:none}.seek:before{background:linear-gradient(180deg,#040108,#1c0c24);box-shadow:inset 0 1px 2px #000,0 1px #ffffff1a,0 0 0 1px var(--border)}.seek:after{background:linear-gradient(180deg,var(--accent-3),var(--accent) 60%,var(--accent-2));clip-path:inset(0 calc((1 - var(--p)) * 100%) 0 0 round 999px);box-shadow:0 0 8px var(--accent)}.seek-control{position:relative;z-index:1;display:block;width:100%;height:44px;margin:0;padding:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;touch-action:pan-y}.seek-control:disabled{cursor:not-allowed;opacity:.55}.seek-control::-webkit-slider-runnable-track{height:44px;background:transparent;border:0}.seek-control::-moz-range-track{height:44px;background:transparent;border:0}.seek-control::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:26px;height:26px;margin-top:9px;border:0;background:radial-gradient(circle at 35% 30%,#fff,var(--brass) 50%,#523a18 100%);-webkit-mask:var(--star) center / contain no-repeat;mask:var(--star) center / contain no-repeat;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8));transition:transform .12s var(--ease-out)}.seek-control::-moz-range-thumb{width:26px;height:26px;border:0;border-radius:0;background:radial-gradient(circle at 35% 30%,#fff,var(--brass) 50%,#523a18 100%);mask:var(--star) center / contain no-repeat;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8));transition:transform .12s var(--ease-out)}.seek-control:active::-webkit-slider-thumb{transform:scale(1.15)}.seek-control:active::-moz-range-thumb{transform:scale(1.15)}.seek{--star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1l2.9 7.6 8.1.4-6.3 5.1 2.1 7.9L12 17.3l-6.8 4.7 2.1-7.9L1 9l8.1-.4z'/%3E%3C/svg%3E")}.sparkles{display:none}.time-display{display:flex;justify-content:space-between;padding:0 12px;font-size:18px;color:var(--muted);font-variant-numeric:tabular-nums}.transport{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:8px}.transport-btn{position:relative;display:grid;place-items:center;padding:0;border-radius:50%;border:1px solid var(--border-soft);width:58px;height:58px;min-width:44px;min-height:44px;color:var(--text);cursor:pointer;touch-action:manipulation;background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,transparent 60%),var(--panel-2);box-shadow:inset 0 1px #fff3,inset 0 -2px 6px #0009,0 4px 10px #00000080;transition:transform .12s var(--ease-out),filter .12s var(--ease-out)}.transport-btn svg{width:44%;height:44%;color:var(--text);filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}.transport-btn.main{width:74px;height:74px;border-color:var(--border);background:linear-gradient(180deg,rgba(255,255,255,.14) 0%,transparent 60%),radial-gradient(circle at 50% 20%,var(--accent),var(--panel-2) 80%);box-shadow:inset 0 1px #ffffff4d,0 0 0 1px var(--border-soft),0 6px 14px #0009}.transport-btn.main svg{color:var(--text)}.transport-btn:active:not(:disabled){transform:scale(.92)}.transport-btn:hover:not(:disabled){filter:brightness(1.1)}.transport-btn:disabled{opacity:.45;cursor:not-allowed}button,.import-button{min-height:44px;min-width:44px;font:inherit;font-size:19px;padding:8px 16px;cursor:pointer;touch-action:manipulation;color:var(--text);border:1px solid var(--border);border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 60%),var(--panel-2);box-shadow:inset 0 1px #ffffff26,0 2px 6px #00000080;transition:transform .12s var(--ease-out),filter .12s var(--ease-out)}button small{display:block;font-size:15px;color:var(--muted);line-height:1.1}button:active:not(:disabled),.import-button:active{transform:scale(.94)}button:hover:not(:disabled),.import-button:hover{filter:brightness(1.1)}button:disabled{opacity:.5;cursor:not-allowed}.button-row,.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip-row{gap:8px}.chip{border-radius:999px;padding:6px 14px;font-size:18px;min-height:44px;border:1px solid var(--border-soft);color:var(--muted);background:#0006;box-shadow:inset 0 1px #ffffff14}.chip[aria-pressed=true]{color:var(--text);border-color:var(--accent);background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 70%),var(--panel-2);box-shadow:inset 0 1px #fff3,0 0 10px #b844f24d}button.install-button,.import-button,.show-more{background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 70%),var(--panel-2);color:var(--text);border-color:var(--border);box-shadow:inset 0 1px #fff3,0 3px 8px #00000080}button:focus-visible,input:focus-visible,summary:focus-visible,.import-button:focus-within{outline:2px solid var(--brass);outline-offset:2px}.import-button{display:flex;position:relative;justify-content:center;align-items:center;margin:12px 0}.import-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer}.install-help{padding:16px;margin:16px 0;border:1px solid var(--border);border-radius:14px;background:#00000059}.error-message{border-left:4px solid var(--accent-2);border-radius:8px;padding:12px;background:#dc325a26;color:#ffdbe5}.empty-state{text-align:center;padding:24px 8px;color:var(--muted)}.empty-state h2{color:var(--text)}.fine-print{font-size:17px;color:var(--muted)}.deck-settings{margin-top:12px;padding-top:10px;border-top:1px solid var(--border-soft);display:grid;gap:4px}.deck-settings .chip-row{justify-content:center;gap:8px}.deck-settings .chip{padding:6px 14px;font-size:18px}.volume-label{display:flex;align-items:center;gap:12px;color:var(--muted)}.volume-label input{min-width:0;width:100%;min-height:44px;accent-color:var(--accent)}.deck-settings .fine-print{display:none}.library-header{display:flex;align-items:center;gap:12px;padding:4px 0 8px;border-bottom:1px solid var(--border-soft);margin-bottom:12px}.library-title{display:flex;align-items:center;gap:10px;font-size:36px;margin-right:auto}.library-title .motif{width:24px;height:24px}.library-count{white-space:nowrap;font-size:18px;color:var(--muted);font-variant-numeric:tabular-nums}.install-button{padding:6px 14px;font-size:18px;white-space:nowrap}.search-label{display:block;margin:0 0 8px}.search-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.search-label input{min-width:0;width:100%;min-height:48px;padding:8px 18px;border:1px solid var(--border);border-radius:999px;background:#00000080;color:var(--text);font-size:20px;box-shadow:inset 0 2px 6px #000000b3;-webkit-appearance:none;-moz-appearance:none;appearance:none}.search-label input::placeholder{color:var(--muted);opacity:.8}.search-label input:focus{border-color:var(--accent)}.library-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:4px 0 8px}.shuffle-genre{display:inline-flex;align-items:center;gap:8px;min-width:0}.jump-link{flex:1 1 100%;min-height:44px;text-align:left;padding:4px 6px;border:0;border-radius:10px;background:transparent;box-shadow:none;color:var(--accent-3);font-size:18px;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px;overflow-wrap:anywhere}.jump-link strong{font-weight:400;color:var(--text)}.empty-note{color:var(--muted);text-align:center;padding:12px 8px}:root{--bar-h: 64px}.genre-bar{position:sticky;overflow-x:clip;top:env(safe-area-inset-top,0px);z-index:30;margin:0 -20px 6px;padding:8px 0 0;height:var(--bar-h);background:linear-gradient(var(--panel),var(--panel)),var(--bg);border-bottom:1px solid var(--border-soft)}.results-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 20px;font-size:18px;color:var(--muted)}.genre-scroll{position:relative;overflow:hidden}.genre-scroll:before,.genre-scroll:after{content:"";position:absolute;top:0;bottom:0;width:28px;z-index:2;pointer-events:none;opacity:0;transition:opacity .15s var(--ease-out)}.genre-scroll:before{left:0;background:linear-gradient(90deg,var(--panel) 20%,transparent)}.genre-scroll:after{right:0;background:linear-gradient(270deg,var(--panel) 20%,transparent)}.genre-scroll.fade-left:before,.genre-scroll.fade-right:after{opacity:1}.genre-chips{position:relative;display:flex;gap:8px;padding:0 20px 8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding:0 30px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.genre-chips::-webkit-scrollbar{display:none}.genre-chip{flex:none;scroll-snap-align:center;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:4px 8px 4px 16px;border-radius:999px;white-space:nowrap;font-size:18px;border:1px solid var(--border-soft);color:var(--muted);background:#00000073;box-shadow:inset 0 1px #ffffff0f}.genre-count{min-width:28px;padding:1px 8px;border-radius:999px;font-size:16px;line-height:1.3;text-align:center;font-variant-numeric:tabular-nums;background:#0009;color:var(--muted);border:1px solid rgba(255,255,255,.08)}.genre-chip[aria-pressed=true]{color:var(--text);border-color:var(--accent);background:linear-gradient(180deg,rgba(255,255,255,.1),transparent 70%),var(--panel-2);box-shadow:inset 0 1px #fff3,0 0 12px #b844f259}.genre-chip[aria-pressed=true] .genre-count{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.genre-indicator{position:absolute;left:0;bottom:0;width:1px;height:2px;border-radius:2px;background:var(--brass);transform-origin:0 50%;pointer-events:none}.genre-indicator.ready{transition:transform .24s var(--ease-out)}.library-list{min-height:120px}.genre-heading{border-radius:10px;position:sticky;top:calc(var(--bar-h) + env(safe-area-inset-top,0px));z-index:20;margin:0;font-size:28px;background:linear-gradient(var(--panel),var(--panel)),var(--bg)}.genre-heading.static{display:flex;align-items:center;gap:12px;min-height:52px;padding:4px;border-bottom:1px solid var(--border-soft)}.section-toggle{width:100%;min-height:52px;display:flex;align-items:center;gap:12px;text-align:left;padding:4px 6px 4px 4px;border-radius:10px;border:0;background:transparent;box-shadow:none;font-family:Pirata One,Rainyhearts,serif;font-size:28px;letter-spacing:.02em;color:var(--text)}.section-toggle:focus-visible{outline-offset:-3px}.section-name{flex:1 1 auto;min-width:0;overflow-wrap:anywhere;line-height:1.05}.genre-heading.static .section-name{flex:0 1 auto}.section-count{flex:none;font-family:Rainyhearts,system-ui,sans-serif;font-size:17px;letter-spacing:0;padding:1px 10px;border-radius:999px;background:#00000073;color:var(--muted);border:1px solid var(--border-soft);font-variant-numeric:tabular-nums}.section-chevron{flex:none;width:22px;height:22px;color:var(--brass);transition:transform .2s var(--ease-out)}.genre-section[data-open=true] .section-chevron{transform:rotate(180deg)}.section-toggle:active:not(:disabled){transform:none;background:#ffffff0d}.section-body{display:grid;grid-template-rows:0fr;opacity:0}.section-body[data-state=open]{grid-template-rows:1fr;opacity:1}.section-body[hidden]{display:none}.section-inner{min-height:0;overflow:hidden}.section-body.animating,.section-body{transition:grid-template-rows .22s var(--ease-out),opacity .16s var(--ease-out)}.section-wrap{min-width:0}.divider{display:flex;align-items:center;gap:12px;margin:10px 0;color:var(--brass);opacity:.65}.divider i{flex:1;height:1px;background:var(--border-soft)}.divider svg{width:18px;height:18px;flex:none}.show-more{display:block;width:100%;margin:6px 0 12px;font-size:19px}.show-more small{color:var(--muted);font-size:16px;margin-left:6px}.track-list{list-style:none;padding:0;margin:4px 0 8px;display:grid;gap:6px}.track-row{position:relative;display:flex;flex-wrap:wrap;gap:8px;min-width:0;border:1px solid var(--border-soft);border-radius:12px;background:#0000004d;content-visibility:auto;contain-intrinsic-size:auto 84px}.track-row:hover{background:#ffffff0a}.track-row.is-active{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent);background:linear-gradient(90deg,rgba(184,68,242,.18),transparent 80%),#0006}.track-select{position:relative;flex:1 1 160px;min-width:0;min-height:60px;display:flex;align-items:center;gap:10px;text-align:left;padding:8px 12px;border:0;border-radius:12px;background:transparent;box-shadow:none}.track-select:focus-visible{outline-offset:-3px}.track-select:active:not(:disabled){transform:none;background:#ffffff0d}.track-text{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.track-select strong{font-weight:400;font-size:21px;line-height:1.12;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}.track-meta{display:flex;flex-wrap:wrap;min-width:0;max-width:100%;align-items:center;column-gap:8px;row-gap:2px;font-size:17px;color:var(--muted);line-height:1.2}.track-artist-line{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-artist-name{color:var(--accent-3)}.genre-tag{flex:none;max-width:100%;font-size:16px;padding:0 8px;border-radius:999px;border:1px solid var(--border-soft);color:var(--muted);background:#0006}.cache-status{overflow-wrap:anywhere}.eq{flex:none;display:inline-flex;align-items:flex-end;gap:2px;width:16px;height:16px}.eq i{display:block;width:4px;height:100%;border-radius:1px;background:var(--accent-3);transform-origin:50% 100%;animation:eq .76s var(--ease-out) infinite alternate}.eq i:nth-child(1){transform:scaleY(.55);animation-duration:.64s}.eq i:nth-child(2){transform:scaleY(1);animation-duration:.82s;animation-delay:-.2s}.eq i:nth-child(3){transform:scaleY(.7);animation-duration:.72s;animation-delay:-.4s}.tools{margin-top:6px;border:1px solid var(--border-soft);border-radius:12px}.tools summary{min-height:48px;display:flex;align-items:center;padding:6px 14px;cursor:pointer;list-style:none;font-size:19px;color:var(--muted)}.tools summary::-webkit-details-marker{display:none}.tools summary:after{content:"+";margin-left:auto;font-size:24px;color:var(--brass)}.tools[open] summary:after{content:"–"}.tools-body{padding:4px 14px 14px;display:grid;gap:8px}.tools-body p{margin:0}.mini-player{position:fixed;z-index:40;left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));bottom:calc(8px + env(safe-area-inset-bottom));width:auto;max-width:560px;margin:0 auto;min-height:64px;display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:16px;border:1px solid var(--border);color:var(--text);background:var(--fx-scan),var(--fx-noise),var(--panel);box-shadow:inset 0 1px #ffffff1a,inset 0 0 0 1px var(--border-soft),0 12px 30px #000000bf;animation:mini-in .2s var(--ease-out) both}.mini-progress{position:absolute;left:14px;right:14px;top:3px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--accent-3),var(--accent));transform-origin:0 50%;transition:transform .26s linear;pointer-events:none}.mini-info{flex:1 1 auto;min-width:0;min-height:48px;display:flex;align-items:center;gap:10px;text-align:left;padding:2px 6px;border:0;background:transparent;box-shadow:none;border-radius:10px}.mini-disc{flex:none;width:38px;height:38px;border-radius:50%;overflow:hidden;display:grid;place-items:center;color:var(--on-accent);background:radial-gradient(circle at 35% 30%,var(--accent-3),var(--accent) 55%,var(--accent-2));box-shadow:0 0 0 1px var(--brass),0 0 0 2px #000}.mini-disc img{width:100%;height:100%;object-fit:cover}.mini-disc svg{width:20px;height:20px}.mini-player[data-playing=true] .mini-disc svg,.mini-player[data-playing=true] .mini-disc img{animation:spin 4.2s linear infinite}.mini-text{min-width:0;display:grid}.mini-text strong{font-family:Pirata One,Rainyhearts,serif;font-weight:400;font-size:21px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-text span{font-size:16px;line-height:1.2;color:var(--accent-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-btn{flex:none;display:grid;place-items:center;padding:0;width:44px;height:44px;border-radius:50%;border:1px solid var(--border-soft);color:var(--text);background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 60%),var(--panel-2);box-shadow:inset 0 1px #ffffff26,0 2px 6px #00000080}.mini-btn.main{width:48px;height:48px;border-color:var(--border);background:linear-gradient(180deg,rgba(255,255,255,.14),transparent 60%),radial-gradient(circle at 50% 20%,var(--accent),var(--panel-2) 80%)}.mini-btn svg{width:44%;height:44%}@keyframes spin{to{transform:rotate(360deg)}}@keyframes eq{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}@keyframes track-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.fade-up{animation:fade-up .2s var(--ease-out) both;animation-delay:calc(var(--i, 0) * 22ms)}@keyframes mini-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes glitter{0%{opacity:0;transform:translate(0) scale(.4) rotate(0)}35%{opacity:1}to{opacity:0;transform:translate(var(--dx, 8px),var(--dy, -18px)) scale(1) rotate(90deg)}}@media(max-width:759px){.deck{width:min(100%,236px);margin:0 auto}.deck-card{padding:12px 14px}.deck-title{padding:0 0 4px;margin-bottom:8px}.deck-title h1{font-size:38px}.now-playing{margin-top:8px}.now-playing-label{font-size:16px}.track-title{font-size:26px;-webkit-line-clamp:1}.seek{margin-top:0}.time-display{margin-top:-8px;font-size:16px}.transport{margin-top:2px;gap:16px}.transport-btn{width:54px;height:54px}.transport-btn.main{width:68px;height:68px}.deck-settings{margin-top:8px;padding-top:8px}.library-panel{padding:18px 14px}.player{gap:12px;padding:10px}.genre-bar{margin:0 -14px 6px}.genre-chips{padding:0 14px 8px}}@media(pointer:coarse)and (max-width:759px){.volume-label{display:none}}@media(max-width:480px){.library-count{display:none}}@media(min-width:760px){.player{grid-template-columns:minmax(340px,440px) minmax(0,1fr);align-items:start;padding:32px 24px;gap:24px}.player-display{margin:0}}@media(min-width:760px)and (min-height:820px){.player-display{position:sticky;top:16px}}@media(max-width:359px){.player{padding:8px}.library-panel{padding:16px 12px}.genre-bar{margin:0 -12px 6px}.genre-chips{padding:0 12px 8px}.deck-card{padding:12px 10px 14px}.deck-title h1{font-size:36px}.transport{gap:12px}.transport-btn.main{width:66px;height:66px}.transport-btn{width:52px;height:52px}.deck-settings .chip{padding:6px 10px;font-size:17px}.library-title{font-size:32px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@font-face{font-family:Rainyhearts;src:url(./rainyhearts-C-NYzKXz.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Pirata One;src:url(./pirata-one-latin-400-normal-C8jLWNfm.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@property --bg{syntax: "<color>"; inherits: true; initial-value: #0f000f;}@property --bg-2{syntax: "<color>"; inherits: true; initial-value: #170016;}@property --panel{syntax: "<color>"; inherits: true; initial-value: rgba(35,3,43,.96);}@property --panel-2{syntax: "<color>"; inherits: true; initial-value: rgba(60,7,52,.94);}@property --border{syntax: "<color>"; inherits: true; initial-value: #7c2c73;}@property --border-soft{syntax: "<color>"; inherits: true; initial-value: rgba(223,111,189,.22);}@property --text{syntax: "<color>"; inherits: true; initial-value: #f8eaff;}@property --muted{syntax: "<color>"; inherits: true; initial-value: #d5b0de;}@property --accent{syntax: "<color>"; inherits: true; initial-value: #c656ff;}@property --accent-2{syntax: "<color>"; inherits: true; initial-value: #ff5c88;}@property --accent-3{syntax: "<color>"; inherits: true; initial-value: #ffb3ca;}@property --brass{syntax: "<color>"; inherits: true; initial-value: #d9b872;}@property --plinth-a{syntax: "<color>"; inherits: true; initial-value: #2b1233;}@property --plinth-b{syntax: "<color>"; inherits: true; initial-value: #14061a;}@property --on-accent{syntax: "<color>"; inherits: true; initial-value: #1c0022;}:root{--bg: #0f000f;--bg-2: #170016;--panel: rgba(35, 3, 43, .96);--panel-2: rgba(60, 7, 52, .94);--border: #7c2c73;--border-soft: rgba(223, 111, 189, .22);--text: #f8eaff;--muted: #d5b0de;--accent: #c656ff;--accent-2: #ff5c88;--accent-3: #ffb3ca;--brass: #d9b872;--plinth-a: #2b1233;--plinth-b: #14061a;--on-accent: #1c0022;--radius: 24px;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-swing: cubic-bezier(.22, 1.28, .36, 1);--fx-scan: repeating-linear-gradient(0deg, rgba(255, 255, 255, .028) 0 1px, transparent 1px 3px);--fx-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.07'/%3E%3C/svg%3E");font-family:Rainyhearts,system-ui,-apple-system,Segoe UI,sans-serif;color-scheme:dark;font-size:20px;color:var(--text);background-color:var(--bg)}:root[data-theme=crimson-night]{--bg: #120008;--bg-2: #180010;--panel: rgba(44, 6, 28, .96);--panel-2: rgba(74, 11, 25, .94);--border: #a73e56;--border-soft: rgba(255, 118, 143, .22);--accent: #ff648c;--accent-2: #de4bff;--muted: #f0c4d3;--brass: #e0b07a;--plinth-a: #3a1020;--plinth-b: #1a0510;--on-accent: #2a0010}:root[data-theme=black-cathedral]{--bg: #050507;--bg-2: #100112;--panel: rgba(14, 14, 18, .96);--panel-2: rgba(25, 10, 34, .94);--border: #5f4974;--border-soft: rgba(190, 163, 227, .18);--accent: #b47aff;--accent-2: #ff638a;--muted: #d1c2e0;--brass: #cfc6dc;--plinth-a: #1f1827;--plinth-b: #0c0a10;--on-accent: #140022}:root.theme-fade{transition:--bg .22s var(--ease-out),--bg-2 .22s var(--ease-out),--panel .22s var(--ease-out),--panel-2 .22s var(--ease-out),--border .22s var(--ease-out),--border-soft .22s var(--ease-out),--muted .22s var(--ease-out),--accent .22s var(--ease-out),--accent-2 .22s var(--ease-out),--brass .22s var(--ease-out),--plinth-a .22s var(--ease-out),--plinth-b .22s var(--ease-out),--on-accent .22s var(--ease-out)}html,body,#root{margin:0;padding:0;min-width:0;min-height:100%}html{background:radial-gradient(circle at 50% 0%,rgba(110,0,125,.16),transparent 32%),linear-gradient(180deg,var(--bg),var(--bg) 40%,var(--bg-2));background-color:var(--bg);background-attachment:fixed;-webkit-text-size-adjust:100%}body{min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}img{max-width:none}input,select,button{font:inherit}::selection{background:var(--accent);color:var(--on-accent)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.9;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.05) 0 1px,transparent 1.4px) 0 0 / 6px 6px,var(--fx-noise)}