.collection{--cover: 132px;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:40px;background:var(--backdrop);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;color:var(--text)}.collection__dialog{display:flex;flex-direction:column;width:min(1100px,100%);height:min(860px,100%);border:1px solid var(--border);border-radius:12px;background:var(--bg);box-shadow:0 30px 80px var(--shadow);overflow:hidden}.collection__header{display:flex;flex-direction:column;gap:16px;padding:24px 24px 20px;border-bottom:1px solid var(--divider)}.collection__titlebar{display:flex;align-items:baseline;gap:12px}.collection__title{margin:0;font:600 24px/1.2 Lora,Georgia,serif}.collection__count{color:var(--text-3);font-size:12px;font-weight:500}.collection__close{align-self:center;margin-left:auto}.collection__tools{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center}.collection__search{flex:1 1 280px}.collection__sort{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px}.collection__select{height:44px;padding:0 36px 0 14px;border:1px solid var(--border);border-radius:8px;background:linear-gradient(45deg,transparent 50%,var(--text-3) 50%) right 18px center / 5px 5px no-repeat,linear-gradient(-45deg,transparent 50%,var(--text-3) 50%) right 13px center / 5px 5px no-repeat,var(--surface);color:var(--text);font:500 14px Inter,ui-sans-serif,system-ui,sans-serif;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.collection__select:hover{border-color:var(--border-strong)}.collection__select:focus-visible{border-color:var(--amber);outline:none;box-shadow:0 0 0 3px var(--amber-halo)}.collection .tag-filter{margin-bottom:0}.collection__body{flex:1;min-height:0;padding:24px;overflow-y:auto}.collection__empty{margin:0;padding:24px;border:1px dashed var(--border);border-radius:8px;color:var(--muted);font-size:13px;text-align:center}.collection__note{margin:0 0 16px;color:var(--text-3);font-size:13px}.collection__group+.collection__group{margin-top:28px;padding-top:28px;border-top:1px solid var(--divider)}.collection__group-title{margin:0 0 12px;font:600 15px/1.3 Lora,Georgia,serif}.collection__row{display:grid;grid-auto-columns:var(--cover);grid-auto-flow:column;gap:16px;margin:0;padding:4px 4px 8px;list-style:none;overflow-x:auto;scroll-snap-type:x proximity}.collection__row>li{scroll-snap-align:start}.collection__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--cover),1fr));gap:24px 16px;margin:0;padding:4px;list-style:none}.collection__item{display:flex;flex-direction:column;min-width:0}.collection__cover{position:relative}.collection__disc{display:block;width:100%;aspect-ratio:1;padding:0;border:0;border-radius:4px;background:var(--surface-2);box-shadow:0 2px 6px var(--shadow-soft);overflow:hidden;cursor:pointer;transition:transform .15s ease}.collection__disc:hover{transform:translateY(-2px)}.collection__disc img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.collection__disc--playing{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--amber)}.collection__disc:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--amber)}.collection__spine{display:flex;align-items:center;justify-content:center;height:100%;padding:8px;color:var(--muted);font-size:12px;text-align:center;overflow:hidden}.collection__name,.collection__artist{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection__name{margin-top:10px;font-size:13px;font-weight:500}.collection__artist{margin-top:2px;color:var(--text-3);font-size:12px}.collection .play-overlay{right:8px;bottom:8px;background:var(--amber);color:var(--on-amber);opacity:0;transition:opacity .15s}.collection .play-overlay:hover{background:var(--amber-hover);filter:none}.collection .play-overlay:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--amber)}.collection__cover:hover .play-overlay,.collection__cover:focus-within .play-overlay{opacity:1}.collection__grid .collection__disc[aria-roledescription]{cursor:grab;touch-action:manipulation}.collection__item--dragging{opacity:.35}.collection__drag{width:var(--cover);cursor:grabbing}.collection__drag img,.collection__drag .collection__spine{display:flex;width:100%;aspect-ratio:1;border-radius:4px;background:var(--surface-2);object-fit:cover;box-shadow:8px 14px 24px var(--shadow);transform:rotate(-3deg) scale(1.04)}@media(prefers-reduced-motion:reduce){.collection__disc{transition:none}.collection__drag img,.collection__drag .collection__spine{transform:none}}@media(max-width:767px){.collection{--cover: 104px;z-index:30;padding:0}.collection__dialog{width:100%;height:100%;border:0;border-radius:0}.collection__header{padding:16px 16px 14px;padding-top:max(16px,env(safe-area-inset-top))}.collection__body{padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom))}.collection__sort{flex:1 1 100%}.collection__select{flex:1}}@media(max-width:767px),(pointer:coarse){.collection__close{width:44px;height:44px}.collection .play-overlay{opacity:1}}.console-screen{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;font-family:Lora,Georgia,Times New Roman,serif}.console-screen>*{pointer-events:auto}.console-screen p{margin:0}.console-screen__window{position:absolute;left:68.14%;top:19.15%;width:8.19%;height:10.64%;overflow:hidden;pointer-events:none}.console-screen__cover,.console-screen__vinyl{position:absolute;top:0;height:100%;aspect-ratio:1}.console-screen__cover{left:0;z-index:1;display:block;object-fit:cover;background:var(--screen-panel);box-shadow:2px 0 4px #00000073}.console-screen__vinyl{right:0;border-radius:50%;background:center / cover no-repeat}.console-screen__info{position:absolute;left:79.02%;top:16.17%;width:14.6%;height:7.45%;display:flex;flex-direction:column;gap:.25cqw;overflow:hidden}.console-screen__info p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.console-screen__track{color:var(--screen-track);font-size:1.05cqw;font-weight:500}.console-screen__artist{color:var(--screen-artist);font-size:.85cqw}.console-screen__album{color:var(--screen-album);font-size:.62cqw}.console-screen__progress{position:absolute;left:79.14%;top:24.79%;width:15.66%;height:.43%;border-radius:1px;background:#ffffff1f;pointer-events:none}.console-screen__progress-fill{display:block;height:100%;border-radius:inherit;background:var(--screen-amber);box-shadow:0 0 4px var(--screen-amber-glow)}.console-screen__times{position:absolute;left:79.14%;top:25.85%;width:15.66%;height:1.49%;display:flex;align-items:center;justify-content:space-between;color:var(--screen-times);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:.68cqw;font-variant-numeric:tabular-nums;letter-spacing:.04em;pointer-events:none}.console-screen__star{position:absolute;left:95.04%;top:17.6%;width:1.5%;aspect-ratio:1;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:var(--screen-album);font-size:.95cqw;transform:translate(-50%,-50%);cursor:pointer}.console-screen__star:hover:not(:disabled),.console-screen__star[aria-pressed=true]{color:var(--screen-amber)}.console-screen__star:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.console-screen__star:disabled{opacity:.4;cursor:not-allowed}.console-screen__device{position:absolute;left:79.14%;top:35.4%;width:12.5%;overflow:hidden;color:var(--screen-album);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:.6cqw;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.console-screen__button{position:absolute;top:32.13%;width:2.63%;aspect-ratio:1;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:var(--screen-amber);font-size:1.05cqw;transform:translate(-50%,-50%);cursor:pointer}.console-screen__button--prev{left:81.05%}.console-screen__button--main{left:84.94%;width:3.47%;font-size:1.56cqw}.console-screen__button--next{left:88.52%}.console-screen__button svg{filter:drop-shadow(0 0 3px var(--screen-amber-glow))}.console-screen__button:active:not(:disabled){background:#0000002e;filter:brightness(.85)}.console-screen__button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.console-screen__button:disabled{opacity:.45;cursor:not-allowed}.console-screen .knob{position:absolute;left:93.07%;top:32.02%;width:2.99%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);cursor:grab;touch-action:none}.console-screen .knob:active{cursor:grabbing}.console-screen .knob[aria-disabled=true]{cursor:not-allowed}.console-screen .knob:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.knob__cap{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:url(/console/knob-cap.webp) center / cover no-repeat;transition:transform .12s ease-out}.console-screen__list{position:absolute;left:66.35%;top:40.85%;width:28.69%;height:35.96%;display:flex;flex-direction:column;color:var(--screen-list);font-size:.8cqw}.console-screen__note{padding:.6cqw 1.4cqw;font-style:italic}.console-screen__tracks{flex:1;margin:0;padding:0;overflow-y:auto;list-style:none;scrollbar-width:thin;scrollbar-color:rgb(255 255 255 / .15) transparent}.console-screen__row{height:1.697cqw;border-bottom:1px solid rgb(255 255 255 / .12)}.console-screen__row-button{display:grid;grid-template-columns:1.2cqw 1.7cqw minmax(0,1fr) auto;gap:0 1cqw;align-items:center;width:100%;height:100%;padding:0 1.2cqw 0 0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.console-screen__row-button:hover:not(:disabled){background:#ffffff0a;color:var(--screen-track)}.console-screen__row-button:focus-visible{outline:1px solid var(--focus);outline-offset:-1px}.console-screen__row-button:disabled{cursor:default}.console-screen__marker{color:var(--screen-amber);font-size:.7cqw;text-align:center}.console-screen__num{text-align:right;font-variant-numeric:tabular-nums}.console-screen__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.console-screen__time{color:var(--screen-duration);text-align:right;font-variant-numeric:tabular-nums}.console-screen__row--current,.console-screen__row--current .console-screen__time{color:var(--screen-amber)}.console__drawer{position:absolute;left:6.87%;top:78.51%;width:54.99%;height:12.77%;padding:0;border:0;border-radius:4px;background:transparent;cursor:pointer}.console__drawer:hover{background:#ffd6a00f}.console__drawer:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media(prefers-reduced-motion:reduce){.knob__cap{transition:none}}@media(max-width:767px){.console-screen .knob:before{content:"";position:absolute;top:-16px;right:-16px;bottom:-16px;left:-16px;border-radius:50%}}.turntable{position:relative;width:100%;max-width:calc((100vh - 130px) * 1673 / 940);aspect-ratio:1673 / 940;flex-shrink:0;container-type:inline-size;filter:var(--turntable-filter) drop-shadow(0 26px 30px var(--console-shadow));-webkit-user-select:none;user-select:none}.turntable__photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.turntable__platter{position:absolute;left:9.09%;top:10.53%;width:36.82%;aspect-ratio:1;transform:scaleY(.925)}.turntable__record{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;will-change:transform}.turntable__vinyl{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.turntable__label{position:absolute;left:34.25%;top:34.25%;width:31.5%;aspect-ratio:1;border-radius:50%;background:transparent center / cover no-repeat;filter:saturate(.88) contrast(.94) brightness(.95)}.turntable__label[style]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgb(255 255 255 / .08),transparent 65%);box-shadow:inset 0 0 0 1px #00000059,inset 0 0 6px #00000059}.turntable__sheen{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 200deg,transparent 0deg,rgb(255 255 255 / .05) 30deg,transparent 70deg,transparent 180deg,rgb(255 255 255 / .04) 210deg,transparent 250deg);pointer-events:none}.turntable__spindle{position:absolute;left:50%;top:50%;width:2.6%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 35% 30%,#f4f4f4,#9a9a9a 55%,#4a4a4a);box-shadow:1px 2px 3px #0009}.turntable__arm{position:absolute;top:0;right:0;bottom:0;left:0;padding:0;border:0;background:none;pointer-events:none}.turntable__arm:focus-visible{outline:none}.tonearm__lift,.tonearm__swing{position:absolute;display:block;transform-origin:75.95% 19.63%}.tonearm__lift{left:38.54%;top:14.97%;width:19.07%;height:46.76%;filter:drop-shadow(6px 8px 6px rgb(0 0 0 / .45));transition:transform .3s ease-out,filter .3s ease-out}.tonearm__swing{top:0;right:0;bottom:0;left:0;transform:rotate(-24deg);transition:transform .9s cubic-bezier(.45,0,.25,1) .3s}.turntable--playing .tonearm__swing{transform:rotate(var(--arm-angle, -6.75deg));transition-delay:0s}.turntable--playing .tonearm__lift{transform:scale(.992);filter:drop-shadow(3px 4px 3px rgb(0 0 0 / .5));transition-delay:.9s}.tonearm__photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.tonearm__hit{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.tonearm__hit path{fill:none;stroke:transparent;stroke-width:64;stroke-linecap:round;stroke-linejoin:round;pointer-events:stroke;cursor:pointer}.tonearm__hit polygon,.tonearm__hit circle{fill:transparent;pointer-events:fill;cursor:pointer}.turntable__arm:disabled .tonearm__hit *{cursor:not-allowed}.turntable__arm:focus-visible .tonearm__photo{filter:drop-shadow(0 0 3px var(--focus)) drop-shadow(0 0 3px var(--focus))}@media(prefers-reduced-motion:reduce){.tonearm__swing,.tonearm__lift{transition:none}}@media(max-width:767px){.turntable{max-width:none}}.disc-frame{display:block;box-sizing:border-box;padding:5%;border-radius:3px;background:linear-gradient(145deg,var(--frame-edge),var(--frame-wood) 22%,var(--frame-wood) 78%,#000);box-shadow:inset 0 1px 1px #ffffff2e,inset 0 -2px 2px #000000b3,0 2px 4px var(--frame-shadow),0 16px 24px -8px var(--frame-shadow)}.disc-frame--small{width:150px}.disc-frame--large{flex:none;width:min(340px,100%)}.disc-frame__mat{display:block;padding:9% 8%;background:var(--mat);box-shadow:inset 0 3px 5px #00000059,inset 0 -1px 2px #00000026}.disc-frame__window{position:relative;display:block;aspect-ratio:1.5;outline:1px solid var(--mat-bevel);outline-offset:3px}.disc-frame__cover{position:absolute;inset:0 auto 0 0;z-index:1;display:block;height:100%;aspect-ratio:1;object-fit:cover;box-shadow:3px 0 6px #00000059}.disc-frame__cover--empty{background:var(--placeholder)}.disc-frame__vinyl{position:absolute;top:3%;right:0;display:block;height:94%;aspect-ratio:1;border-radius:50%;background:conic-gradient(from 20deg,transparent 0 6%,rgb(255 255 255 / .1) 11%,transparent 17% 50%,rgb(255 255 255 / .1) 61%,transparent 67%),repeating-radial-gradient(circle,var(--vinyl) 0 1px,var(--vinyl-groove) 1px 2px);box-shadow:0 0 0 1px #00000080,2px 3px 6px #00000059}.disc-frame__label{position:absolute;top:32%;right:32%;bottom:32%;left:32%;display:block;border-radius:50%;background:var(--accent) center / cover;filter:saturate(.85) blur(.4px)}.disc-frame__label:after{content:"";position:absolute;top:44%;right:44%;bottom:44%;left:44%;border-radius:50%;background:var(--mat)}.deck__menu{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;color:var(--text)}.icon-button:focus-visible,.button:focus-visible,.round-button:focus-visible,.chip:focus-visible,.carousel__disc:focus-visible,.album-search__item:focus-visible,.album-search__fav:focus-visible,.sounds__toggle:focus-visible,.switch:focus-visible,.sound__volume:focus-visible,.importer__list input:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--amber)}.menu-header{display:flex;align-items:center;gap:8px;padding:20px 24px;border-bottom:1px solid var(--divider)}.menu-header__user{display:flex;flex:1;align-items:center;gap:10px;min-width:0}.menu-header__avatar{display:grid;flex-shrink:0;place-items:center;width:32px;height:32px;border:1px solid var(--border);border-radius:50%;background:var(--surface-2);color:var(--amber-text);font-size:12px;font-weight:600;letter-spacing:.02em}.menu-header__name{overflow:hidden;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.menu-header .menu-header__logout{height:36px;padding:0 12px}.icon-button,.round-button{display:inline-grid;flex-shrink:0;place-items:center;width:36px;height:36px;padding:0;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--muted);cursor:pointer}.round-button{width:32px;height:32px;border-radius:50%;background:transparent}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 16px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font:500 14px/1 Inter,ui-sans-serif,system-ui,sans-serif;cursor:pointer}.icon-button:hover,.round-button:hover,.button:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-2);color:var(--text)}.button--primary{border-color:var(--amber);background:var(--amber);color:var(--on-amber);font-weight:600}.button--primary:hover:not(:disabled){border-color:var(--amber-hover);background:var(--amber-hover);color:var(--on-amber)}.button--wide{width:100%}.button:disabled{opacity:.5;cursor:not-allowed}.menu-content{display:flex;flex-direction:column;padding:24px}.menu-content>*+*{margin-top:28px;padding-top:28px;border-top:1px solid var(--divider)}.menu-content>.sounds{padding-top:0;border-top:0}.menu-section__head{display:flex;align-items:baseline;gap:10px;margin-bottom:14px}.menu-section__title{margin:0 0 14px;color:var(--text);font:600 20px/1.2 Lora,Georgia,serif}.menu-section__head .menu-section__title{margin:0}.menu-section__count{color:var(--text-3);font-size:12px;font-weight:500}.menu-section__lead{margin:-10px 0 14px;color:var(--muted);font-size:13px}.chip{height:30px;padding:0 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);font:500 12px/1 Inter,ui-sans-serif,system-ui,sans-serif;cursor:pointer}.chip:hover{border-color:var(--border-strong);background:var(--surface-2);color:var(--text)}.chip[aria-pressed=true]{border-color:var(--amber-text);background:var(--chip-active-bg);color:var(--amber-text)}.chip--dashed{border-style:dashed;background:transparent}.carousel{display:flex;flex-direction:column;gap:14px}.carousel__arrows{display:flex;gap:8px;margin-left:auto;align-self:center}.carousel__row{position:relative}.carousel__row:after{content:"";position:absolute;top:0;right:0;bottom:0;width:40px;background:linear-gradient(to right,transparent,var(--bg));pointer-events:none}.carousel__track{display:flex;gap:10px;margin:0;padding:4px 40px 8px 4px;list-style:none;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;cursor:grab;-webkit-user-select:none;user-select:none}.carousel__track::-webkit-scrollbar{display:none}.carousel__track li{flex:0 0 auto;scroll-snap-align:start}.carousel__disc{display:block;width:76px;height:76px;padding:0;border:0;border-radius:4px;background:var(--surface-2);box-shadow:0 2px 6px var(--shadow-soft);overflow:hidden;cursor:pointer;transition:transform .15s ease}.carousel__disc:hover{transform:translateY(-2px)}.carousel__disc img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.carousel__disc--selected{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--amber)}.carousel__spine{display:flex;align-items:center;justify-content:center;height:100%;padding:4px;color:var(--muted);font-size:11px;text-align:center;overflow:hidden}.field{display:flex;align-items:center;gap:10px;height:44px;padding:0 14px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text-3)}.field:focus-within{border-color:var(--amber);box-shadow:0 0 0 3px var(--amber-halo);color:var(--amber)}.field__input{flex:1;min-width:0;height:100%;padding:0;border:0;background:transparent;color:var(--text);font:500 14px Inter,ui-sans-serif,system-ui,sans-serif;outline:none}.field__input::placeholder{color:var(--text-3);font-weight:400}.album-search__status{margin:12px 0 0;color:var(--text-3);font-size:13px}.album-search__status--error{color:var(--danger)}.album-search__list{max-height:60vh;margin:12px 0 0;padding:0;overflow-y:auto;list-style:none;border-radius:8px}.album-search__list:not(:empty){border:1px solid var(--border)}.album-search__row{position:relative;display:flex;align-items:center}.album-search__row+.album-search__row{border-top:1px solid var(--divider)}.album-search__item{display:flex;flex:1;align-items:center;gap:12px;min-width:0;padding:10px 12px;border:0;background:transparent;color:var(--text);text-align:left;cursor:pointer}.album-search__item:hover{background:var(--surface-2)}.album-search__item--selected{background:var(--chip-active-bg)}.album-search__item img,.album-search__nocover{flex-shrink:0;width:40px;height:40px;border-radius:4px;background:var(--surface-2);object-fit:cover}.album-search__text{display:flex;flex-direction:column;gap:2px;min-width:0}.album-search__text strong,.album-search__text span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.album-search__text strong{font-weight:500}.album-search__text span{color:var(--text-3);font-size:12px}.album-search__row .play-overlay{left:12px;top:50%;width:40px;height:40px;transform:translateY(-50%)}.album-search__fav{flex-shrink:0;width:36px;height:36px;margin-right:6px;border:0;border-radius:50%;background:none;color:var(--text-3);font-size:16px;cursor:pointer}.album-search__fav:hover{background:var(--surface-2);color:var(--text)}.album-search__fav[aria-pressed=true]{color:var(--amber-text)}.importer--open{display:flex;flex-direction:column;gap:12px}.importer__list{max-height:240px;margin:0;padding:0;overflow-y:auto;list-style:none;border:1px solid var(--border);border-radius:8px}.importer__list li+li{border-top:1px solid var(--divider)}.importer__list label{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;cursor:pointer}.importer__list label:hover{background:var(--surface-2)}.importer__list input{accent-color:var(--amber)}.importer__actions{display:flex;gap:8px}.importer__actions .button{flex:1}.importer__note{margin:0;color:var(--muted);font-size:13px}.importer__error{margin:10px 0 0;color:var(--danger);font-size:13px}.sounds{border:1px solid var(--border);border-radius:8px;background:var(--surface)}.sounds__heading{margin:0;font:inherit}.sounds__toggle{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:8px 14px;border:0;border-radius:8px;background:none;color:var(--muted);text-align:left;cursor:pointer}.sounds__toggle:hover{background:var(--surface-2)}.sounds__icon{display:grid;color:var(--amber)}.sounds__text{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.sounds__title{color:var(--text);font:600 15px/1.2 Lora,Georgia,serif}.sounds__summary{overflow:hidden;color:var(--muted);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.sounds__body{border-top:1px solid var(--divider)}.sound{display:grid;grid-template-columns:96px 40px minmax(0,1fr);align-items:center;gap:16px;min-height:52px;padding:0 16px}.sound+.sound{border-top:1px solid var(--divider)}.sound__name{color:var(--text)}.sound--off .sound__name{color:var(--text-3)}.switch{position:relative;width:40px;height:24px;padding:0;border:1px solid var(--border-strong);border-radius:999px;background:var(--surface-2);cursor:pointer;transition:background .15s ease}.switch__thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--text-3);transition:transform .15s ease}.switch[aria-checked=true]{border-color:var(--amber);background:var(--amber)}.switch[aria-checked=true] .switch__thumb{background:var(--on-amber);transform:translate(16px)}.sound__volume{--fill-color: var(--amber);width:100%;height:24px;margin:0;background:transparent;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}.sound--off .sound__volume{--fill-color: var(--text-3);cursor:not-allowed;opacity:.6}.sound__volume::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--fill-color) var(--fill, 0%),var(--border) var(--fill, 0%))}.sound__volume::-moz-range-track{height:4px;border-radius:2px;background:var(--border)}.sound__volume::-moz-range-progress{height:4px;border-radius:2px;background:var(--fill-color)}.sound__volume::-webkit-slider-thumb{width:16px;height:16px;margin-top:-6px;border:0;border-radius:50%;background:var(--text);-webkit-appearance:none}.sound__volume::-moz-range-thumb{width:16px;height:16px;border:0;border-radius:50%;background:var(--text)}.sound--off .sound__volume::-webkit-slider-thumb{background:var(--text-3)}.sound--off .sound__volume::-moz-range-thumb{background:var(--text-3)}@media(prefers-reduced-motion:reduce){.switch,.switch__thumb,.carousel__disc{transition:none}}.lcd{width:100%;margin:0;padding:8px;border-radius:12px;background:linear-gradient(160deg,var(--lcd-frame-edge),var(--lcd-frame) 35%,var(--lcd-frame) 70%,#000 140%);box-shadow:inset 0 1px #ffffff1f,inset 0 -2px 3px #00000080,0 3px 8px var(--shadow-soft);box-sizing:border-box}.lcd__glass{position:relative;overflow:hidden;padding:10px 12px 12px;border-radius:6px;background:radial-gradient(120% 90% at 50% 40%,var(--lcd-glass) 55%,var(--lcd-glass-edge));box-shadow:inset 0 2px 6px #0000008c,inset 0 0 0 1px #0009;color:var(--lcd-ink);font-family:VT323,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.15rem;line-height:1.15;text-shadow:0 0 4px var(--lcd-glow)}.lcd__glass:before,.lcd__glass:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.lcd__glass:before{background:repeating-linear-gradient(to bottom,transparent 0 2px,var(--lcd-scanline) 2px 3px)}.lcd__glass:after{background:linear-gradient(115deg,var(--lcd-reflection) 0%,transparent 38%,transparent 70%,var(--lcd-reflection) 100%);mix-blend-mode:screen}.lcd p{margin:0}.lcd .now-playing__track{font-size:1.6rem;line-height:1.1;text-transform:uppercase;letter-spacing:.02em}.lcd .now-playing__artist,.lcd .now-playing__album,.lcd .now-playing__device{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.lcd .now-playing__album,.lcd .now-playing__device{color:var(--lcd-ink-muted)}.lcd .now-playing__device{margin-top:6px;font-size:1rem}.lcd__marquee{display:flex;overflow:hidden;white-space:nowrap}.lcd__marquee-text{flex:none}.lcd__marquee--scroll .lcd__marquee-text{padding-right:2.5em;animation:lcd-marquee var(--marquee-s, 10s) linear infinite}@keyframes lcd-marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}@media(prefers-reduced-motion:reduce){.lcd__marquee--scroll .lcd__marquee-text{animation:none}.lcd__marquee--scroll .lcd__marquee-text:first-child{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.lcd__marquee--scroll .lcd__marquee-text+.lcd__marquee-text{display:none}}.lcd .lcd__time{display:flex;align-items:baseline;gap:8px;margin-top:10px;font-family:DSEG7 Classic,ui-monospace,monospace;font-size:1.25rem}.lcd__segments{position:relative;display:inline-block}.lcd__segments-ghost{color:var(--lcd-ink-dim);text-shadow:none}.lcd__segments-lit{position:absolute;inset:0 auto auto 0}.lcd__time-sep{font-family:VT323,ui-monospace,monospace;font-size:1.4rem;color:var(--lcd-ink-muted)}.lcd__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.lcd__blocks{display:grid;grid-template-columns:repeat(20,1fr);gap:3px;height:10px;margin-top:10px}.lcd__block{border-radius:1px;background:var(--lcd-ink-dim)}.lcd__block--on{background:var(--lcd-ink);box-shadow:0 0 4px var(--lcd-glow)}.now-playing--idle .now-playing__track{color:var(--lcd-ink-muted)}.shelf__empty{margin:0;padding:16px;border:1px dashed var(--border);border-radius:8px;color:var(--muted);font-size:.9rem;text-align:center}@media(max-width:767px),(pointer:coarse){.tags__remove,.tags__input{min-height:44px}}.disc-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:40px;background:var(--backdrop)}.disc-dialog__box{position:relative;width:min(760px,100%);max-height:100%;padding:24px;overflow-y:auto;border-radius:16px;background:var(--panel);box-shadow:0 30px 80px var(--shadow)}.disc-dialog__box .details__body{padding:0;background:none}.disc-dialog__close{position:absolute;top:14px;right:14px;z-index:1;background:var(--panel)}.disc-dialog__artist{margin:12px 0 0;color:var(--muted);font-size:.9rem}.disc-dialog__actions{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.disc-dialog__play:disabled{opacity:.6;cursor:default;filter:none}.disc-dialog__actions .disc-dialog__remove{margin-left:auto;color:var(--danger)}@media(max-width:767px){.disc-dialog{padding:12px}.disc-dialog__box{padding:16px}.disc-dialog__actions .disc-dialog__remove{margin-left:0}}@media(max-width:767px),(pointer:coarse){.disc-dialog__close{width:44px;height:44px}.disc-dialog__actions .disc-dialog__remove{min-height:44px}}.tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:16px}.tags__label{color:var(--muted);font-size:.85rem}.tags__list{display:contents;margin:0;padding:0;list-style:none}.tags__chip{display:inline-flex;gap:2px;align-items:center;padding:2px 4px 2px 10px;border:1px solid var(--accent);border-radius:999px;background:var(--selected-bg);color:var(--accent);font-size:.85rem}.tags__remove{min-width:24px;padding:0 4px;border:0;border-radius:50%;background:none;color:inherit;font-size:1rem;line-height:1;cursor:pointer}.tags__remove:hover{background:var(--hover)}.tags__input{flex:1 1 180px;min-width:0;padding:6px 10px;border:1px solid var(--border);border-radius:999px;background:var(--input-bg);color:var(--text);font:inherit;font-size:.9rem}.tags__error{flex-basis:100%;margin:0}.tag-filter{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.tag-filter--compact{margin-bottom:0}.tag-filter__chips{display:flex;flex-wrap:wrap;gap:8px}.tag-filter__status{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:.85rem}.tag-filter__status .tag-filter__clear{margin-left:0}@font-face{font-family:DSEG7 Classic;src:url(/fonts/DSEG7Classic-Regular.woff2) format("woff2");font-display:swap}@font-face{font-family:VT323;src:url(/fonts/VT323-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:Lora;src:url(/fonts/Lora-Variable-latin.woff2) format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-Variable-latin.woff2) format("woff2");font-weight:100 900;font-display:swap}:root,:root[data-theme=dark]{color-scheme:dark;--bg: #14100d;--surface: #1c1713;--surface-2: #231c17;--border-strong: #3a3028;--divider: #2a221c;--text: #ebdcc5;--muted: #b2a591;--text-3: #8a7f70;--amber: #d89257;--amber-hover: #e8a872;--amber-text: #e8a872;--on-amber: #1a120c;--chip-active-bg: rgb(216 146 87 / .14);--amber-halo: rgb(216 146 87 / .2);--panel: var(--surface);--accent: #e35634;--on-accent: #1e1b18;--danger: #ff7a5c;--danger-bg: rgb(255 122 92 / .12);--border: #2c241e;--input-bg: var(--surface);--hover: var(--surface-2);--selected-bg: rgb(227 86 52 / .16);--placeholder: #333;--focus: var(--amber);--backdrop: rgb(0 0 0 / .6);--shadow: rgb(0 0 0 / .55);--turntable-filter: brightness(.9);--console-shadow: rgb(0 0 0 / .55);--screen-track: #ebdcc5;--screen-artist: #b2a591;--screen-album: #837a6c;--screen-times: #a59b87;--screen-list: #c8bca8;--screen-duration: #a99d8a;--screen-amber: #d89257;--screen-amber-glow: rgb(216 146 87 / .5);--screen-panel: #13100d;--shadow-soft: rgb(0 0 0 / .4);--wood: #4a2e1f;--wood-dark: #2a190f;--wood-light: #6e4630;--wood-grain: rgb(255 214 170 / .06);--paper: #efe6d3;--lcd-frame: #1b1b1c;--lcd-frame-edge: #3a3a3c;--lcd-glass: #121313;--lcd-glass-edge: #1d1f1f;--lcd-ink: #d6d9d9;--lcd-ink-muted: #9a9e9e;--lcd-ink-dim: rgb(214 217 217 / .07);--lcd-glow: rgb(220 225 225 / .45);--lcd-scanline: rgb(0 0 0 / .28);--lcd-reflection: rgb(255 255 255 / .06);--frame-wood: #0e0e0e;--frame-edge: #3c3c3c;--mat: #e4dfd5;--mat-bevel: #f7f4ee;--vinyl: #111111;--vinyl-groove: #1f1f1f;--frame-shadow: rgb(0 0 0 / .7);--brass: #b08d4a;--brass-highlight: #f1dca0}:root[data-theme=light]{color-scheme:light;--bg: #ece6dc;--surface: #f6f1e9;--surface-2: #efe8dd;--border-strong: #bfb2a3;--divider: #d6cbbe;--text: #2a211b;--muted: #5e5145;--text-3: #6b5d50;--amber: #c97b3d;--amber-hover: #b86c32;--amber-text: #8a4a1f;--on-amber: #1a120c;--chip-active-bg: rgb(201 123 61 / .16);--amber-halo: rgb(201 123 61 / .2);--panel: var(--surface);--accent: #e35634;--on-accent: #1e1b18;--danger: #b3361b;--danger-bg: rgb(179 54 27 / .1);--border: #d6cbbe;--input-bg: var(--surface);--hover: var(--surface-2);--selected-bg: rgb(227 86 52 / .13);--placeholder: #ddd3c6;--focus: var(--amber);--backdrop: rgb(40 28 18 / .45);--shadow: rgb(60 40 20 / .32);--turntable-filter: none;--console-shadow: rgb(0 0 0 / .3);--shadow-soft: rgb(60 40 20 / .22);--wood: #6a4530;--wood-dark: #412818;--wood-light: #9b6c4a;--wood-grain: rgb(255 220 180 / .08);--paper: #f2ebe0;--lcd-frame: #3a3a3c;--lcd-frame-edge: #5c5c5f;--lcd-glass: #c9ccc9;--lcd-glass-edge: #b4b8b5;--lcd-ink: #1f2222;--lcd-ink-muted: #474b4b;--lcd-ink-dim: rgb(31 34 34 / .08);--lcd-glow: rgb(31 34 34 / .18);--lcd-scanline: rgb(0 0 0 / .06);--lcd-reflection: rgb(255 255 255 / .35);--frame-wood: #121212;--frame-edge: #4a4a4a;--mat: #fbfaf6;--mat-bevel: #ffffff;--vinyl: #141414;--vinyl-groove: #242424;--frame-shadow: rgb(60 40 20 / .38);--brass: #b9944f;--brass-highlight: #f7e6b4}:root{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh}button{font:inherit;color:inherit}.screen{min-height:100vh;padding:32px}.screen--center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;color:var(--muted)}.brand{margin:0;line-height:0}.logo{display:inline-block;height:88px}.brand--small .logo{height:38px}.logo__img{display:block;height:100%;width:auto}.logo__img--light,:root[data-theme=light] .logo__img--dark{display:none}:root[data-theme=light] .logo__img--light{display:block}.tagline{margin:0 0 16px}.primary{padding:12px 28px;border:0;border-radius:999px;background:var(--accent);color:var(--on-accent);font-weight:600;cursor:pointer}.primary:hover{filter:brightness(1.08)}.corner{position:fixed;top:24px;right:32px}.link{margin-left:12px;padding:0;border:0;background:none;color:var(--muted);text-decoration:underline;cursor:pointer}.error{max-width:560px;margin:0 auto 16px;padding:10px 16px;border-radius:8px;background:var(--danger-bg);color:var(--danger);text-align:center}.hint{margin:0;color:var(--muted);font-size:.9rem}.deck{display:grid;grid-template-columns:minmax(0,1fr) 400px;min-height:100vh}.deck--collapsed{grid-template-columns:minmax(0,1fr)}.deck__stage{display:flex;flex-direction:column;align-items:center;gap:20px;min-width:0;padding:0 32px 24px}.deck__header{position:sticky;top:0;z-index:5;display:flex;align-self:stretch;align-items:center;justify-content:space-between;padding-block:20px 12px;background:var(--bg)}.credit{align-self:flex-end;margin-top:auto;color:var(--muted);font-size:.75rem}.credit a{color:var(--text);text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:2px}.credit a:hover,.credit a:focus-visible{color:var(--accent);text-decoration-color:currentColor}.credit-corner{position:fixed;right:32px;bottom:20px}.deck__menu{position:sticky;top:0;display:flex;flex-direction:column;height:100vh;overflow-y:auto;border-left:1px solid var(--border);background:var(--bg)}.deck__menu[hidden]{display:none}.player-row{display:flex;gap:16px;align-items:center;justify-content:center}.deck__menu .controls{justify-content:center}.play-overlay{position:absolute;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:var(--accent);color:var(--on-accent);font-size:.9rem;box-shadow:0 4px 12px var(--shadow);cursor:pointer}.play-overlay:hover{filter:brightness(1.08)}.play-overlay:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.details{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.details__toggle{display:block;padding:0;border:0;background:none;cursor:pointer}.details__toggle[aria-expanded=true]{outline:2px solid var(--accent);outline-offset:4px}.details__body{display:flex;flex-wrap:wrap;gap:24px;width:100%;padding:20px;border-radius:14px;background:var(--panel)}.details__tracks{flex:1;min-width:220px}.details__tracks h3{margin:0 0 8px;font-family:Georgia,serif;font-weight:400}.details__list{max-height:320px;margin:0;padding:0;list-style:none;overflow-y:auto}.details__track{display:grid;grid-template-columns:2em minmax(0,1fr) auto;gap:8px;padding:6px 8px;border-radius:6px;font-size:.9rem}.details__track--current{background:var(--selected-bg);color:var(--accent);font-weight:600}.details__num,.details__time{color:var(--muted);font-variant-numeric:tabular-nums}.details__name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.details__note{margin:0;color:var(--muted)}.deck__menu .details{align-items:flex-start}.deck__menu .details__body{flex-direction:column;gap:16px;padding:14px;border:1px solid var(--border);background:none}.deck__menu .disc-frame--large{width:min(280px,100%)}.deck__menu .details__tracks{min-width:0;width:100%}.controls{display:flex;gap:16px;align-items:center}.controls__button,.shelf-toggle{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:1px solid var(--wood-dark);border-radius:10px;background:repeating-linear-gradient(100deg,var(--wood-grain) 0 1px,transparent 1px 5px,var(--wood-grain) 5px 6px,transparent 6px 13px),radial-gradient(120% 90% at 30% 20%,var(--wood-light),var(--wood) 55%,var(--wood-dark));box-shadow:inset 1px 1px #ffe6c838,inset -1px -2px #00000073,0 3px 0 var(--wood-dark),0 5px 8px var(--shadow-soft);color:var(--brass);font-size:1.25rem;cursor:pointer;transition:transform .08s ease,box-shadow .08s ease}.controls__button svg,.shelf-toggle svg{filter:drop-shadow(0 -1px 0 rgb(0 0 0 / .6)) drop-shadow(0 1px 0 rgb(255 230 200 / .22))}.controls__button:hover:not(:disabled),.shelf-toggle:hover:not(:disabled){filter:brightness(1.08)}.controls__button:active:not(:disabled),.shelf-toggle:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 2px 5px #0000008c,inset 0 0 0 1px #0000004d,0 0 0 var(--wood-dark)}.controls__button:focus-visible,.shelf-toggle:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.controls__button--main{width:64px;height:64px;border-radius:14px;color:var(--paper);font-size:1.6rem}.shelf-toggle{width:40px;height:40px;border-radius:8px;font-size:1.1rem}.shelf-toggle[aria-pressed=true]{color:var(--brass-highlight)}.controls__button:disabled,.shelf-toggle:disabled{opacity:.45;cursor:not-allowed}.volume{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:460px;font-size:.9rem}.volume__slider{flex:1;min-width:120px;accent-color:var(--accent)}.volume__note{flex-basis:100%;margin:0;color:var(--muted);font-size:.8rem;text-align:center}.volume__note--error{color:var(--danger)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;background:var(--backdrop)}.sheet__top{position:sticky;top:-8px;z-index:1;display:flex;align-items:center;justify-content:flex-end;margin:-8px -16px 0;padding:8px 16px 4px;background:var(--panel)}.sheet__handle{position:absolute;left:50%;top:10px;width:40px;height:4px;transform:translate(-50%);border-radius:2px;background:var(--border)}.sheet__close{min-height:44px;padding:0 12px;border:0;background:none;color:var(--muted);cursor:pointer}.mini-player{position:fixed;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:10;display:flex;gap:8px;align-items:center;padding:6px 8px;border:1px solid var(--border);border-radius:14px;background:var(--panel);box-shadow:0 10px 30px var(--shadow)}.mini-player__info{display:flex;flex:1;gap:10px;align-items:center;min-width:0;min-height:48px;padding:0;border:0;background:none;text-align:left;cursor:pointer}.mini-player__info img,.mini-player__nocover{flex-shrink:0;width:44px;height:44px;border-radius:4px;background:var(--placeholder);object-fit:cover}.mini-player__text{display:flex;flex-direction:column;min-width:0}.mini-player__text strong,.mini-player__text span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mini-player__text span{color:var(--muted);font-size:.8rem}.mini-player__play{flex-shrink:0;width:48px;height:48px;border:0;border-radius:50%;background:var(--accent);color:var(--on-accent);font-size:1.1rem;cursor:pointer}.mini-player__play:disabled{opacity:.4;cursor:not-allowed}@media(max-width:767px){.deck,.deck--collapsed{grid-template-columns:minmax(0,1fr)}.deck__stage{padding:0 12px calc(84px + env(safe-area-inset-bottom,0px))}.deck__header{padding-block:calc(12px + env(safe-area-inset-top,0px)) 8px}.brand--small .logo{height:30px}.credit{align-self:center}.deck__menu--sheet{position:fixed;left:0;right:0;top:auto;bottom:0;z-index:20;height:auto;max-height:85vh;max-height:85dvh;padding:8px 16px calc(24px + env(safe-area-inset-bottom,0px));border-left:0;border-top:1px solid var(--border);border-radius:18px 18px 0 0;box-shadow:0 -10px 40px var(--shadow);transform:translateY(105%);transition:transform .3s ease}.deck__menu--open{transform:translateY(0)}}@media(max-width:767px)and (prefers-reduced-motion:reduce){.deck__menu--sheet{transition:none}}@media(max-width:767px),(pointer:coarse){.shelf-toggle,.play-overlay{width:44px;height:44px}.link{min-width:48px;min-height:48px;padding:0 10px}.deck__menu-toggle{min-height:44px}.credit a{display:inline-block;padding:15px 0}}