.shelf{--cover: 76px;--plank: 10px;--row: calc(var(--cover) + var(--plank) + 10px);display:flex;flex-wrap:wrap;gap:0 10px;margin:0;padding:0 12px var(--plank);list-style:none;border-radius:8px;background:repeating-linear-gradient(to bottom,transparent 0 calc(var(--row) - var(--plank)),var(--shelf-wood) calc(var(--row) - var(--plank)) calc(var(--row) - 3px),var(--shelf-wood-dark) calc(var(--row) - 3px) var(--row)),var(--shelf-back);max-height:calc(var(--row) * 3);overflow-y:auto}.shelf__slot{position:relative;display:flex;align-items:flex-end;height:calc(var(--row) - var(--plank))}.shelf__disc{width:var(--cover);height:var(--cover);padding:0;border:0;border-radius:2px;background:var(--placeholder);box-shadow:2px -2px 6px var(--shadow-soft);cursor:pointer;overflow:hidden;transition:transform .2s ease}.shelf__disc img{display:block;width:100%;height:100%;object-fit:cover}.shelf__disc:hover,.shelf__disc:focus-visible{transform:translateY(-6px)}.shelf__disc:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.shelf__slot--selected .shelf__disc{transform:translateY(-8px);outline:2px solid var(--accent);outline-offset:2px}.shelf .play-overlay{left:50%;bottom:calc(var(--cover) / 2 + 8px - 20px);transform:translate(-50%)}.shelf__spine{display:flex;align-items:center;justify-content:center;height:100%;padding:6px;color:var(--text);font-size:.7rem;text-align:center}.shelf__remove{position:absolute;top:2px;right:-6px;width:20px;height:20px;padding:0;border:0;border-radius:50%;background:var(--panel);color:var(--muted);font-size:.8rem;line-height:1;cursor:pointer;opacity:0;transition:opacity .15s}.shelf__slot:hover .shelf__remove,.shelf__remove:focus-visible{opacity:1}.importer{margin-top:12px}.importer__open,.importer__confirm{padding:6px 14px;border:1px solid var(--border);border-radius:999px;background:var(--panel);color:var(--muted);font-size:.85rem;cursor:pointer}.importer__confirm{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.importer__open:disabled,.importer__confirm:disabled{opacity:.4;cursor:not-allowed}.importer__search{margin-bottom:10px}.importer__list{max-height:200px;margin:0 0 12px;padding:0;list-style:none;overflow-y:auto}.importer__list label{display:flex;gap:8px;align-items:center;padding:4px 0;cursor:pointer}.importer__actions{display:flex;gap:8px}.importer__note{margin:0 0 12px;color:var(--muted);font-size:.9rem}.importer__error{margin:8px 0 0;color:var(--danger);font-size:.85rem}.shelf__empty{margin:0;padding:16px;border:1px dashed var(--border);border-radius:8px;color:var(--muted);font-size:.9rem;text-align:center}.shelf-panel{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)}.shelf-panel__dialog{width:min(1100px,100%);max-height:100%;padding:24px;overflow-y:auto;border-radius:16px;background:var(--panel);box-shadow:0 30px 80px var(--shadow)}.shelf-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.shelf-panel__header h2{margin:0;font-family:Georgia,serif;font-size:1.5rem;font-weight:400}.shelf-panel__close{width:36px;height:36px;border:1px solid var(--border);border-radius:50%;background:none;font-size:1.2rem;cursor:pointer}.shelf-panel__close:hover{background:var(--hover)}.carousel{display:flex;flex-direction:column;gap:10px}.carousel__chips{display:flex;flex-wrap:wrap;gap:6px}.carousel__chip{padding:4px 12px;border:1px solid var(--border);border-radius:999px;background:none;color:var(--muted);font-size:.8rem;cursor:pointer}.carousel__chip:hover{background:var(--hover)}.carousel__chip[aria-pressed=true]{border-color:var(--accent);background:var(--selected-bg);color:var(--accent)}.carousel__row{display:flex;gap:6px;align-items:center}.carousel__track{display:flex;flex:1;gap:8px;min-width:0;margin:0;padding:10px 2px 8px;list-style:none;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;cursor:grab;-webkit-user-select:none;user-select:none}.carousel__track li{flex:0 0 auto;scroll-snap-align:start}.carousel__disc{display:block;width:64px;height:64px;padding:0;border:0;border-radius:3px;background:var(--placeholder);box-shadow:2px 3px 6px var(--shadow-soft);overflow:hidden;cursor:pointer;transition:transform .15s ease}.carousel__disc img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.carousel__disc:hover,.carousel__disc:focus-visible{transform:translateY(-4px)}.carousel__disc:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.carousel__disc--selected{outline:2px solid var(--accent);outline-offset:2px}.carousel__spine{display:flex;align-items:center;justify-content:center;height:100%;padding:4px;color:var(--text);font-size:.6rem;text-align:center;overflow:hidden}.carousel__arrow{flex:0 0 auto;width:28px;height:28px;padding:0;border:1px solid var(--border);border-radius:50%;background:none;color:var(--muted);font-size:1rem;line-height:1;cursor:pointer}.carousel__arrow:hover{background:var(--hover);color:var(--text)}.carousel__expand{align-self:flex-start}@media(max-width:767px){.shelf-panel{z-index:30;padding:12px}.shelf-panel__dialog{padding:16px}}@media(max-width:767px),(pointer:coarse){.shelf-panel__close{width:44px;height:44px}.shelf__remove{opacity:1}.shelf__remove:before{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px}.importer__open,.importer__confirm,.importer__list label,.carousel__chip,.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__actions .disc-dialog__remove{min-height:44px}}.shelf-panel .shelf__disc{cursor:grab;touch-action:manipulation}.shelf__slot--dragging{opacity:.35}.shelf-drag{display:flex;align-items:flex-end;width:100%;height:100%;cursor:grabbing}.shelf-drag img,.shelf-drag .shelf__spine{width:100%;aspect-ratio:1;border-radius:2px;background:var(--placeholder);object-fit:cover;box-shadow:8px 14px 24px var(--shadow);transform:rotate(-3deg) scale(1.04)}@media(prefers-reduced-motion:reduce){.shelf-drag img,.shelf-drag .shelf__spine{transform:none}}.shelf-panel__count{color:var(--muted);font-family:ui-sans-serif,system-ui,sans-serif;font-size:.9rem}.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:6px}.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}.shelf-panel__note{margin:0 0 10px;color:var(--muted);font-size:.8rem}.bookcase{--plank-h: 18px;--headroom: 22px;position:relative;margin:8px 6px 0;filter:drop-shadow(0 18px 22px var(--bookcase-shadow))}.bookcase__cornice{height:30px;margin:0 -8px;border-radius:3px 3px 0 0;background:linear-gradient(to bottom,var(--bookcase-wood-light) 0 3px,var(--bookcase-wood) 3px 10px,var(--bookcase-wood-dark) 10px 12px,var(--bookcase-wood) 12px 21px,var(--bookcase-wood-dark) 21px 23px,var(--bookcase-wood) 23px 100%)}.bookcase__body{position:relative;padding:0 0 var(--headroom);border-inline:var(--frame) solid var(--bookcase-wood);background:repeating-linear-gradient(90deg,transparent 0 85px,var(--bookcase-joint) 85px 87px),repeating-linear-gradient(90deg,transparent 0 147px,var(--bookcase-joint) 147px 149px),repeating-linear-gradient(90deg,var(--bookcase-grain) 0 1px,transparent 1px 6px),repeating-linear-gradient(90deg,var(--bookcase-back) 0 87px,var(--bookcase-back-alt) 87px 174px);box-shadow:inset 0 14px 20px var(--bookcase-shadow),inset 12px 0 16px var(--bookcase-shadow),inset -12px 0 16px var(--bookcase-shadow)}.bookcase--double .bookcase__body:before{content:"";position:absolute;top:0;bottom:0;left:50%;z-index:1;width:var(--divider);transform:translate(-50%);background:linear-gradient(90deg,var(--bookcase-wood-dark),var(--bookcase-wood) 25%,var(--bookcase-wood-light) 45%,var(--bookcase-wood) 65%,var(--bookcase-wood-dark));box-shadow:6px 0 10px var(--bookcase-shadow);pointer-events:none}.bookcase__shelf{display:flex;gap:var(--divider)}.bookcase__bay{position:relative;display:flex;flex:1;gap:var(--gap);align-items:flex-end;min-width:0;min-height:calc(var(--cover) + var(--headroom) + var(--plank-h));padding:var(--headroom) var(--bay-padding) var(--plank-h);overflow-x:clip;overflow-y:visible}.bookcase__bay:after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--plank-h);background:linear-gradient(to bottom,var(--bookcase-wood-light) 0 3px,var(--bookcase-wood) 3px 13px,var(--bookcase-wood-dark) 13px 100%);box-shadow:0 10px 14px var(--bookcase-shadow);pointer-events:none}.bookcase .shelf__slot{height:auto;z-index:0}.bookcase .shelf__disc{box-shadow:3px 0 6px var(--bookcase-shadow),-1px 0 2px var(--bookcase-shadow)}.bookcase .shelf__slot:after{content:"";position:absolute;left:6%;right:6%;bottom:-5px;z-index:-1;height:10px;border-radius:50%;background:radial-gradient(ellipse at center,var(--bookcase-shadow),transparent 70%);pointer-events:none}.bookcase .play-overlay{left:50%;bottom:calc(var(--cover) / 2 + 8px - 20px);transform:translate(-50%)}.bookcase__plinth{height:34px;margin:0 -4px;background:linear-gradient(to bottom,var(--bookcase-wood-light) 0 2px,var(--bookcase-wood) 2px 8px,var(--bookcase-wood-dark) 8px 10px,var(--bookcase-wood) 10px 100%);-webkit-mask-image:radial-gradient(ellipse 30% 42% at 50% 100%,transparent 97%,#000 100%);mask-image:radial-gradient(ellipse 30% 42% at 50% 100%,transparent 97%,#000 100%)}.turntable{position:relative;width:100%;max-width:calc((100vh - 150px)/.8);aspect-ratio:1250 / 1000;flex-shrink:0;filter:var(--turntable-filter);-webkit-user-select:none;user-select:none}.turntable__photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;filter:drop-shadow(12px 20px 24px var(--shadow))}.turntable__record{position:absolute;left:32.2%;top:44.35%;width:18.56%;aspect-ratio:1;border-radius:50%;will-change:transform}.turntable__label{position:absolute;top:0;right:0;bottom:0;left:0;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__spindle{position:absolute;left:41.48%;top:55.95%;width:1.15%;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:76.04% 23.14%}.tonearm__lift{left:57.92%;top:20.1%;width:30.72%;height:63.3%;filter:drop-shadow(7px 10px 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(-14deg);transition:transform .9s cubic-bezier(.45,0,.25,1) .3s}.turntable--playing .tonearm__swing{transform:rotate(0);transition-delay:0s}.turntable--playing .tonearm__lift{transform:scale(.992);filter:drop-shadow(3px 4px 2px 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:42;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}}.turntable{container-type:inline-size}.knob{position:absolute;left:80.48%;top:73.6%;width:6.08%;aspect-ratio:1;border-radius:50%;cursor:grab;touch-action:none}.knob:active{cursor:grabbing}.knob[aria-disabled=true]{cursor:not-allowed}.knob:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.knob__cap{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 38% 32%,#2c2c2c,#171717 62%,#0e0e0e);box-shadow:inset 1px 1px 1px #ffffff24,inset -1px -2px 3px #0009;transition:transform .12s ease-out}.knob__cap:after{content:"";position:absolute;left:50%;top:7%;width:3.5%;min-width:1.5px;height:24%;transform:translate(-50%);border-radius:1px;background:#ebe4d8}.knob__mark{position:absolute;color:#ebe4d8;font-size:max(1.15cqw,8px);letter-spacing:.04em;opacity:.85;white-space:nowrap;pointer-events:none}.knob__mark--min{right:88%;top:92%}.knob__mark--max{left:88%;top:92%}@media(prefers-reduced-motion:reduce){.knob__cap{transition:none}}@media(max-width:767px){.turntable{max-width:none}}@media(max-width:767px),(pointer:coarse){.knob:before{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border-radius:50%}}:root,:root[data-theme=dark]{color-scheme:dark;--bg: #17120f;--bg-glow: #2a201a;--panel: #211a16;--text: #f1e6d8;--muted: #a8998a;--accent: #e35634;--on-accent: #1e1b18;--danger: #ff7a5c;--danger-bg: rgb(255 122 92 / .12);--border: rgb(255 255 255 / .13);--input-bg: #15100d;--hover: rgb(255 255 255 / .05);--selected-bg: rgb(227 86 52 / .16);--track-bg: rgb(255 255 255 / .1);--placeholder: #333;--focus: #f0c674;--backdrop: rgb(0 0 0 / .6);--shadow: rgb(0 0 0 / .55);--turntable-filter: brightness(.9);--shadow-soft: rgb(0 0 0 / .4);--shelf-back: #1a1411;--shelf-wood: #5a4030;--shelf-wood-dark: #3b2a1f;--bookcase-wood: #4b3022;--bookcase-wood-dark: #2a1910;--bookcase-wood-light: #7a5236;--bookcase-back: #2b1b12;--bookcase-back-alt: #342217;--bookcase-joint: rgb(0 0 0 / .5);--bookcase-grain: rgb(255 214 170 / .035);--bookcase-shadow: rgb(0 0 0 / .6)}:root[data-theme=light]{color-scheme:light;--bg: #f4ece1;--bg-glow: #fffaf3;--panel: #fbf6ef;--text: #2b211a;--muted: #7a6b5d;--accent: #e35634;--on-accent: #1e1b18;--danger: #b3361b;--danger-bg: rgb(179 54 27 / .1);--border: rgb(0 0 0 / .12);--input-bg: #ffffff;--hover: rgb(0 0 0 / .04);--selected-bg: rgb(227 86 52 / .13);--track-bg: rgb(0 0 0 / .1);--placeholder: #ddd3c6;--focus: #e35634;--backdrop: rgb(40 28 18 / .45);--shadow: rgb(60 40 20 / .32);--turntable-filter: none;--shadow-soft: rgb(60 40 20 / .22);--shelf-back: #ece2d4;--shelf-wood: #b48a5c;--shelf-wood-dark: #8f6a43;--bookcase-wood: #6a4530;--bookcase-wood-dark: #412818;--bookcase-wood-light: #9b6c4a;--bookcase-back: #3f2a1d;--bookcase-back-alt: #4a3223;--bookcase-joint: rgb(0 0 0 / .4);--bookcase-grain: rgb(255 220 180 / .05);--bookcase-shadow: rgb(40 24 12 / .45)}:root{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(ellipse at top,var(--bg-glow),var(--bg) 60%) fixed}*{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)}.theme-toggle{width:36px;height:36px;margin-left:16px;border:1px solid var(--border);border-radius:50%;background:var(--panel);color:var(--text);cursor:pointer}.theme-toggle:hover{background:var(--hover)}.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,7fr) minmax(300px,3fr);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:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.deck__menu-toggle{padding:6px 14px;border:1px solid var(--border);border-radius:999px;background:var(--panel);color:var(--muted);font-size:.85rem;cursor:pointer}.deck__menu-toggle:hover{background:var(--hover)}.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;gap:12px;height:100vh;padding:24px;overflow-y:auto;border-left:1px solid var(--border);background:var(--panel)}.deck__menu[hidden]{display:none}.deck__menu h2{margin:16px 0 0;font-size:.8rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}.deck__section-toggle{display:flex;gap:8px;align-items:center;width:100%;padding:0;border:0;background:none;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;cursor:pointer}.deck__section-toggle:hover{color:var(--text)}.player-row{display:flex;gap:16px;align-items:center;justify-content:center}.shelf-toggle{width:40px;height:40px;border:1px solid var(--border);border-radius:50%;background:none;color:var(--accent);font-size:1.15rem;cursor:pointer}.shelf-toggle:hover{background:var(--hover)}.shelf-toggle:disabled{opacity:.4;cursor:not-allowed}.deck__menu .controls{justify-content:center}.deck__user{display:flex;align-items:center;justify-content:flex-end;color:var(--muted)}.sounds{display:flex;flex-direction:column;gap:10px}.sounds .crackle__toggle{min-width:140px}.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{width:44px;height:44px;padding:0;border:1px solid var(--border);border-radius:6px;background:var(--placeholder);box-shadow:0 4px 10px var(--shadow-soft);overflow:hidden;cursor:pointer}.details__toggle img,.details__nocover{display:block;width:100%;height:100%;object-fit:cover}.details__toggle[aria-expanded=true]{outline:2px solid var(--accent);outline-offset:2px}.details__body{display:flex;flex-wrap:wrap;gap:24px;width:100%;padding:20px;border-radius:14px;background:var(--panel)}.details__cover{width:min(240px,100%);aspect-ratio:1;border-radius:6px;object-fit:cover;box-shadow:0 10px 24px var(--shadow)}.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 .details__cover{width:min(200px,100%)}.deck__menu .details__tracks{min-width:0;width:100%}.now-playing{width:100%;margin:0}.now-playing p{margin:0}.now-playing--idle{color:var(--muted)}.now-playing__track{font-family:Georgia,serif;font-size:1.3rem;min-height:1.6rem}.now-playing__artist{color:var(--accent)}.now-playing__album{color:var(--muted);font-size:.85rem}.now-playing .now-playing__device{margin-top:8px;color:var(--muted);font-size:.8rem}.now-playing__bar{height:3px;margin-top:12px;border-radius:2px;background:var(--track-bg);overflow:hidden}.now-playing__bar span{display:block;height:100%;background:var(--accent);transition:width 1s linear}.controls{display:flex;gap:16px;align-items:center}.controls__button{width:48px;height:48px;border:1px solid var(--border);border-radius:50%;background:var(--panel);cursor:pointer}.controls__button--main{width:64px;height:64px;background:var(--accent);color:var(--on-accent);border:0;font-size:1.2rem}.controls__button:disabled{opacity:.4;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)}.crackle{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.85rem}.crackle__toggle{padding:6px 14px;border:1px solid var(--border);border-radius:999px;background:var(--panel);color:var(--muted);cursor:pointer}.crackle__toggle[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.crackle__volume{width:120px;accent-color:var(--accent)}.album-search__input{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:8px;background:var(--input-bg);color:var(--text);font:inherit}.album-search__status{margin:12px 0 0;color:var(--muted);font-size:.9rem}.album-search__status--error{color:var(--danger)}.album-search__list{margin:12px 0 0;padding:0;list-style:none;max-height:60vh;overflow-y:auto}.album-search__row{position:relative;display:flex;align-items:center}.album-search__fav{flex-shrink:0;width:36px;height:36px;border:0;border-radius:50%;background:none;color:var(--accent);font-size:1.1rem;cursor:pointer}.album-search__fav:hover{background:var(--hover)}.album-search__item{display:flex;flex:1;min-width:0;gap:12px;align-items:center;padding:8px;border:0;border-radius:8px;background:none;text-align:left;cursor:pointer}.album-search__item:hover{background:var(--hover)}.album-search__item--selected{background:var(--selected-bg)}.album-search__row .play-overlay{left:12px;top:50%;transform:translateY(-50%)}.album-search__item img,.album-search__nocover{width:48px;height:48px;flex-shrink:0;border-radius:4px;background:var(--placeholder);object-fit:cover}.album-search__text{display:flex;flex-direction:column;min-width:0}.album-search__text strong,.album-search__text span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.album-search__text span{color:var(--muted);font-size:.85rem}.album-search__badge{margin-right:6px;padding:1px 6px;border-radius:4px;background:var(--selected-bg);color:var(--accent);font-size:.7rem;font-style:normal;text-transform:uppercase;letter-spacing:.05em}.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){.theme-toggle,.shelf-toggle,.carousel__arrow,.play-overlay,.album-search__fav{width:44px;height:44px}.link{min-width:48px;min-height:48px;padding:0 10px}.deck__menu-toggle,.deck__section-toggle,.crackle__toggle,.album-search__input{min-height:44px}input[type=range]{height:44px}.album-search__item{min-height:56px}.credit a{display:inline-block;padding:15px 0}}