*,:before,:after{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;background:#0d0d0d;margin:0}#root{min-height:100vh}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d0d0d;--surface:#161616;--border:#2a2a2a;--text:#e8e8e8;--muted:#666;--font-mono:"JetBrains Mono", "Fira Mono", monospace;--font-sans:"Inter", system-ui, sans-serif;--font-cinzel:"Cinzel", "Times New Roman", serif;--font-cinzel-deco:"Cinzel Decorative", "Times New Roman", serif}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);min-height:100vh}.app{flex-direction:column;min-height:100vh;display:flex}.shelf-page{width:100%;max-width:1100px;margin:0 auto;padding:64px 48px 80px;position:relative}.shelf-bg{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.shelf-bg-left,.shelf-bg-right{object-fit:cover;object-position:top;opacity:.28;width:35%;height:100%;position:absolute;top:0}.shelf-bg-left{left:0;-webkit-mask-image:linear-gradient(90deg,#000c 0%,#0000 100%);mask-image:linear-gradient(90deg,#000c 0%,#0000 100%)}.shelf-bg-right{right:0;-webkit-mask-image:linear-gradient(270deg,#000c 0%,#0000 100%);mask-image:linear-gradient(270deg,#000c 0%,#0000 100%)}.shelf-page>:not(.shelf-bg){z-index:1;position:relative}.shelf-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-end;margin-bottom:72px;padding-bottom:32px;display:flex}.shelf-header-left{align-items:center;gap:20px;display:flex}.shelf-logo{filter:saturate(.35)brightness(.7)contrast(1.15)drop-shadow(-1px -1px #b496648c)drop-shadow(1px 1px 1px #000000f2)drop-shadow(0 6px 18px #000000a6);opacity:.9;flex-shrink:0;width:auto;height:72px;display:block}.shelf-header-left h1{font-family:var(--font-cinzel-deco);letter-spacing:.06em;white-space:nowrap;color:#9a8a6a;text-shadow:-1px -1px #b4966480,1px 1px 1px #000000f2,0 4px 14px #0009;font-size:26px;font-weight:700;line-height:1}.shelf-header-right{font-family:var(--font-mono);color:var(--muted);letter-spacing:.1em;font-size:11px}.shelf{flex-direction:column;gap:0;display:flex}.shelf-section{position:relative}.shelf-row{grid-template-columns:repeat(4,1fr);gap:0 2px;padding-bottom:0;display:grid;position:relative}.shelf-plank{background:linear-gradient(#6b4420 0%,#4a2e12 18%,#311e0b 45%,#251508 70%,#1a0e05 100%);height:26px;margin-top:-14px;margin-bottom:56px;position:relative;box-shadow:0 8px 24px #000000d9,0 3px 8px #0009,inset 0 1px #ffbe5a2e,inset 0 -2px 4px #0009}.shelf-plank:before{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 38px,#0000001a 38px 40px,#0000 40px 72px,#ffa03c0a 72px 74px);position:absolute;inset:0}.shelf-plank:after{content:"";pointer-events:none;background:linear-gradient(#ffbe5a47 0%,#7a5228 25%,#5a3618 60%,#3d2410 100%);border-top:1px solid #ffc85a40;height:14px;position:absolute;top:-12px;left:0;right:0;box-shadow:0 -2px #ffc8642e,inset 0 1px #ffdc7859,0 3px 8px #00000080}.disc-wrapper{cursor:pointer;flex-direction:column;align-items:center;gap:10px;display:flex;position:relative}.disc-wrapper:before,.disc-wrapper:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(135deg,#1c1c1c 0%,#0e0e0e 100%);border:1px solid #ffffff0a;position:absolute;inset:0;box-shadow:1px 1px 4px #0009}.disc-wrapper:before{filter:brightness(.85);transform:translate(5px,4px)}.disc-wrapper:after{filter:brightness(.65);transform:translate(10px,8px)}.album-cover{aspect-ratio:1;background:var(--disc-color,#222);z-index:1;width:100%;transition:transform .38s cubic-bezier(.34,1.3,.64,1),box-shadow .35s;position:relative;overflow:hidden;box-shadow:4px 0 12px #00000080,-2px 0 8px #0000004d}.album-cover img{object-fit:cover;width:100%;height:100%;display:block}.album-cover-placeholder{width:100%;height:100%;font-family:var(--font-mono);color:#ffffff4d;justify-content:center;align-items:center;font-size:40px;font-weight:700;display:flex}.album-cover-shine{pointer-events:none;z-index:3;border-radius:inherit;transition:opacity .3s;position:absolute;inset:0}.album-cover-overlay{pointer-events:none;background:linear-gradient(#0000 50%,#00000080 100%);position:absolute;inset:0}.disc-wrapper:hover .album-cover{box-shadow:6px 12px 28px #000c,-2px 0 8px #0000004d}.disc-hover-actions{opacity:0;pointer-events:none;transition:opacity .2s;position:absolute;inset:0}.disc-hover-actions--visible{opacity:1;pointer-events:auto}.disc-play-btn{color:#ffffffbf;cursor:pointer;-webkit-backdrop-filter:blur(6px);opacity:0;background:radial-gradient(circle at 40% 35%,#ffffff1f 0%,#ffffff0a 60%,#0000002e 100%);border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;transition:all .25s cubic-bezier(.34,1.2,.64,1);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.88);box-shadow:0 2px 16px #00000059,inset 0 1px #ffffff24}.disc-hover-actions--visible .disc-play-btn{opacity:1;transform:translate(-50%,-50%)scale(1)}.disc-play-btn:hover{color:#fff;background:radial-gradient(circle at 40% 35%,#fff3 0%,#ffffff14 60%,#0000001a 100%);border-color:#ffffff61;transform:translate(-50%,-50%)scale(1.08);box-shadow:0 4px 24px #00000080,0 0 20px #ffffff14,inset 0 1px #ffffff38}.disc-play-btn svg{filter:drop-shadow(0 1px 3px #00000080);position:relative;left:1px}.disc-inspect-btn{color:#ffffff8c;width:22px;height:22px;font-family:var(--font-cinzel);cursor:pointer;-webkit-backdrop-filter:blur(6px);opacity:0;background:#00000061;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-style:italic;font-weight:700;line-height:1;transition:all .2s;display:flex;position:absolute;bottom:9px;left:9px;transform:scale(.8);box-shadow:0 1px 6px #0006,inset 0 1px #ffffff14}.disc-hover-actions--visible .disc-inspect-btn{opacity:1;transition-delay:60ms;transform:scale(1)}.disc-inspect-btn:hover{color:#ffffffe6;background:#0009;border-color:#ffffff80;transform:scale(1.15)}.album-cover-placeholder-slot{border:1px dashed var(--border);background:var(--surface)!important}.album-cover-placeholder-slot .album-cover-placeholder{letter-spacing:.1em;color:var(--muted);font-size:10px;font-family:var(--font-mono);font-weight:400}.turntable-page{flex-direction:column;width:100%;max-width:1000px;min-height:100vh;margin:0 auto;padding:40px;display:flex;position:relative}.turntable-render{object-fit:contain;object-position:bottom right;opacity:.75;pointer-events:none;z-index:0;width:auto;height:92vh;position:fixed;bottom:0;right:0;-webkit-mask-image:linear-gradient(270deg,#000 40%,#00000080 65%,#0000 85%);mask-image:linear-gradient(270deg,#000 40%,#00000080 65%,#0000 85%)}.turntable-page>:not(.turntable-render){z-index:1;position:relative}.back-btn{color:#ffffffa6;font-family:var(--font-mono);letter-spacing:.2em;cursor:pointer;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);background:linear-gradient(135deg,#ffffff12 0%,#ffffff05 100%);border:1px solid #ffffff1f;border-bottom-color:#ffffff0a;border-radius:3px;align-items:center;gap:10px;margin-bottom:60px;padding:10px 20px;font-size:10px;transition:all .25s;display:inline-flex;box-shadow:0 2px 12px #0000004d,inset 0 1px #ffffff0f}.back-btn svg{opacity:.7;transition:transform .25s}.back-btn:hover{color:#fffffff2;background:linear-gradient(135deg,#ffffff1f 0%,#ffffff0d 100%);border-color:#ffffff38;box-shadow:0 4px 20px #0006,inset 0 1px #ffffff1a}.back-btn:hover svg{opacity:1;transform:translate(-3px)}.turntable-layout{flex:1;align-items:center;gap:80px;display:flex}.turntable-disc-area{flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.turntable-disc-area:before{content:"";background:radial-gradient(circle at 40% 35%,#2a2a2a,#0a0a0a);border-radius:50%;width:320px;height:320px;position:absolute;box-shadow:0 12px 48px #000c,inset 0 1px #ffffff0a}.turntable-disc{z-index:1;background:#111;border-radius:50%;justify-content:center;align-items:center;width:290px;height:290px;display:flex;position:relative;box-shadow:0 2px #ffffff0a,0 8px 32px #000000b3}.turntable-disc.spinning{animation:2.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.turntable-disc .disc-ring{z-index:1;background:repeating-radial-gradient(circle,#ffffff08 0 1px,#0000 1px 4px);border-radius:50%;width:100%;height:100%;position:absolute}.turntable-disc:after{content:"";z-index:2;pointer-events:none;background:conic-gradient(from 200deg,#0000 0deg,#ffffff0f 40deg,#0000 80deg,#ffffff05 160deg,#0000 200deg);border-radius:50%;width:100%;height:100%;position:absolute}.turntable-disc .disc-center{background:var(--disc-color,#222);z-index:3;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 3px #0009,0 0 0 4px #ffffff0f}.turntable-disc .disc-center img{object-fit:cover;filter:brightness(.85)contrast(1.1);width:100%;height:100%}.turntable-disc .disc-center:after{content:"";z-index:1;background:#0a0a0a;border-radius:50%;width:8px;height:8px;position:absolute;box-shadow:inset 0 1px 2px #000c}.tonearm-wrapper{z-index:10;transform-origin:20px 20px;width:40px;transition:transform 1.2s cubic-bezier(.4,0,.2,1);position:absolute;top:-16px;right:-36px}.tonearm-pivot-ball{z-index:2;background:radial-gradient(circle at 35% 30%,#e8e8e8 0%,#b0b0b0 35%,#686868 70%,#2e2e2e 100%);border-radius:50%;width:40px;height:40px;position:absolute;top:0;left:0;box-shadow:0 4px 14px #000000d9,inset 0 1px #fff3}.tonearm-pivot-ball:after{content:"";background:radial-gradient(circle at 40% 35%,#444,#0f0f0f);border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 1px 4px #000}.tonearm-arm{background:linear-gradient(90deg,#00000040 0%,#b8b8b8 15%,#f0f0f0 40%,#e8e8e8 50%,#b0b0b0 75%,#0003 100%);border-radius:3px;width:7px;height:145px;position:absolute;top:20px;left:50%;transform:translate(-50%);box-shadow:2px 0 8px #0000008c,-1px 0 3px #ffffff12}.tonearm-headshell{background:linear-gradient(#d0d0d0,#888);border-radius:2px 2px 4px 4px;width:16px;height:10px;position:absolute;top:165px;left:50%;transform:translate(-50%);box-shadow:0 3px 6px #000000b3}.tonearm-needle{background:#ccc;border-radius:50%;width:4px;height:4px;position:absolute;top:175px;left:50%;transform:translate(-50%);box-shadow:0 0 5px #ffffff80}.disc-drop-wrapper{justify-content:center;align-items:center;animation:.7s cubic-bezier(.34,1.2,.64,1) both disc-drop-in;display:flex}@keyframes disc-drop-in{0%{opacity:0;filter:blur(6px);transform:scale(.65)translateY(-70px)}55%{opacity:1;filter:blur()}65%{transform:scale(1.05)translateY(6px)}82%{transform:scale(.97)translateY(-3px)}to{transform:scale(1)translateY(0)}}@keyframes needle-vibrate{0%{transform:translate(-50%)translate(0)}12%{transform:translate(-50%)translate(.5px,-.4px)}25%{transform:translate(-50%)translate(-.3px,.6px)}37%{transform:translate(-50%)translate(.4px,.3px)}50%{transform:translate(-50%)translate(-.5px,-.2px)}62%{transform:translate(-50%)translate(.3px,.5px)}75%{transform:translate(-50%)translate(-.4px,.1px)}87%{transform:translate(-50%)translate(.2px,-.5px)}to{transform:translate(-50%)translate(0)}}.tonearm-needle--playing{animation:90ms linear infinite needle-vibrate}.vinyl-shine{pointer-events:none;z-index:4;clip-path:circle(50%);background:conic-gradient(from 148deg,#0000 0deg,#ffffff08 10deg,#ffffff21 20deg,#ffffff38 27deg,#ffffff21 34deg,#ffffff08 44deg,#0000 56deg 185deg,#ffffff05 195deg,#ffffff12 205deg,#ffffff05 215deg,#0000 225deg 360deg);border-radius:50%;width:290px;height:290px;position:absolute;-webkit-mask-image:radial-gradient(circle,#0000 0 53px,#000 57px);mask-image:radial-gradient(circle,#0000 0 53px,#000 57px)}.dust-particles{pointer-events:none;z-index:5;opacity:0;border-radius:50%;width:290px;height:290px;transition:opacity 2s;position:absolute;overflow:hidden}.dust-particles.dust-active{opacity:1}.dust-particle{background:#d2be968c;border-radius:50%;animation:linear infinite dust-drift;position:absolute}@keyframes dust-drift{0%{opacity:.45;transform:translate(0)scale(1)}20%{opacity:.6;transform:translate(2px,-3px)scale(1.3)}40%{opacity:.3;transform:translate(-2px,-6px)scale(.8)}60%{opacity:.5;transform:translate(3px,-4px)scale(1.1)}80%{opacity:.4;transform:translate(-1px,-2px)scale(.9)}to{opacity:.45;transform:translate(0)scale(1)}}.turntable-info{flex-direction:column;flex:1;gap:32px;display:flex}.turntable-info h2{font-family:var(--font-cinzel);letter-spacing:.05em;font-size:38px;font-weight:700}.character-name-img{object-fit:contain;object-position:left;max-width:280px;max-height:80px}.character-description{color:#ffffff8c;letter-spacing:.02em;-webkit-backdrop-filter:blur(8px);background:#00000059;border-top:1px solid #ffffff0d;border-left:1px solid #ffffff14;padding:16px 20px;font-size:13px;font-style:normal;line-height:1.9;position:relative}.progress-bar-wrapper{flex-direction:column;gap:10px;display:flex}.progress-bar{cursor:pointer;background:linear-gradient(#0a0a0a,#1a1a1a);border-radius:3px;height:6px;position:relative;overflow:visible;box-shadow:inset 0 2px 4px #000c,inset 0 1px #00000080,0 1px #ffffff0a}.progress-bar:before{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(90deg,#0000 0 9.09%,#ffffff0f 9.09% calc(9.09% + 1px));border-radius:3px;position:absolute;inset:0}.progress-fill{pointer-events:none;z-index:0;height:100%;box-shadow:0 0 8px var(--fill-glow,transparent);border-radius:3px;transition:width .25s linear;position:relative}.progress-thumb{pointer-events:none;opacity:0;border-radius:50%;width:12px;height:12px;transition:opacity .15s;position:absolute;top:50%;transform:translate(-50%,-50%)}.progress-thumb--icon{object-fit:cover;z-index:10;filter:drop-shadow(0 2px 6px #000c);background:#0d0d0d;border:2px solid;border-radius:50%;width:30px;height:30px;transition:transform .2s,box-shadow .2s;opacity:1!important}.progress-bar:hover .progress-thumb--icon{transform:translate(-50%,-50%)scale(1.2)}.progress-bar:hover .progress-thumb{opacity:1}.progress-times{font-family:var(--font-mono);letter-spacing:.1em;color:var(--muted);justify-content:space-between;font-size:10px;display:flex}.controls-row{align-items:center;gap:14px;display:flex}.play-btn{background:var(--btn-color,#888);color:#fff;cursor:pointer;width:52px;height:52px;box-shadow:0 4px 20px color-mix(in srgb, var(--btn-color,#888) 45%, transparent), 0 2px 6px #00000080;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:17px;transition:transform .15s,box-shadow .15s,filter .15s;display:flex}.play-btn span{line-height:1;position:relative;left:1px}.play-btn:hover{box-shadow:0 6px 28px color-mix(in srgb, var(--btn-color,#888) 60%, transparent), 0 2px 8px #00000080;filter:brightness(1.1);transform:scale(1.08)}.play-btn:active{box-shadow:0 2px 10px color-mix(in srgb, var(--btn-color,#888) 35%, transparent), 0 1px 4px #00000080;transform:scale(.95)}.play-btn:has(span:not(:empty)) span{left:0}.loop-btn{color:#ffffff4d;cursor:pointer;background:0 0;border:1.5px solid #ffffff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.loop-btn:hover{color:#ffffffa6;background:#ffffff0d;border-color:#ffffff47}.loop-btn:active{transform:scale(.92)}.loop-btn--active{border-color:var(--btn-color,#888);color:var(--btn-color,#fff);background:color-mix(in srgb, var(--btn-color,#888) 12%, transparent);box-shadow:0 0 12px color-mix(in srgb, var(--btn-color,#888) 35%, transparent)}.volume-control{flex:1;align-items:center;gap:10px;display:flex}.volume-icon{opacity:.4;-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:13px}.volume-slider{appearance:none;cursor:pointer;background:#ffffff1a;border-radius:2px;outline:none;flex:1;max-width:140px;height:3px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:13px;height:13px;transition:transform .15s,box-shadow .15s;box-shadow:0 1px 4px #00000080}.volume-slider::-webkit-slider-thumb:hover{box-shadow:0 0 8px color-mix(in srgb, var(--vol-color,#fff) 60%, transparent);transform:scale(1.25)}.volume-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:13px;height:13px}.desire-overlay{z-index:1000;background:#050308f5;justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:fixed;inset:0}.desire-overlay--in{opacity:0}.desire-overlay--hold{opacity:1}.desire-overlay--out{opacity:0}.desire-inner{text-align:center;flex-direction:column;align-items:center;gap:20px;max-width:520px;padding:0 32px;display:flex}.desire-sigil{width:100px;height:100px;color:var(--char-color,#888);opacity:.6;animation:12s linear infinite sigil-rotate}@keyframes sigil-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.desire-label{font-family:var(--font-mono);letter-spacing:.45em;text-transform:uppercase;color:var(--muted);font-size:9px}.desire-text{font-family:var(--font-cinzel);color:#ffffffd9;font-size:17px;font-style:italic;font-weight:400;line-height:1.7}.desire-name{font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;opacity:.7;font-size:10px}.char-picker-sidebar{flex-direction:column;flex-shrink:0;align-items:flex-start;display:flex;position:relative}.char-picker-toggle{border:1px solid #ffffff1a;border-left:2px solid var(--btn-color,#555);color:#ffffffb3;font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(8px);white-space:nowrap;writing-mode:vertical-rl;text-orientation:mixed;background:linear-gradient(135deg,#ffffff0f 0%,#ffffff05 100%);border-radius:3px;align-items:center;gap:10px;padding:12px 18px;font-size:10px;transition:all .25s;display:inline-flex;transform:rotate(180deg);box-shadow:0 2px 12px #0000004d,inset 0 1px #ffffff0d}.char-picker-toggle:hover{border-color:#ffffff2e;border-left-color:var(--btn-color,#555);color:#fffffff2;background:linear-gradient(135deg,#ffffff1a 0%,#ffffff0a 100%);box-shadow:0 4px 20px #0006,inset 0 1px #ffffff1a}.char-picker-dropdown{-webkit-backdrop-filter:blur(16px);z-index:100;background:#0e0e0ef2;border:1px solid #ffffff1a;border-radius:4px;min-width:200px;animation:.18s picker-in;position:absolute;top:0;left:52px;overflow:hidden;box-shadow:0 16px 48px #000c,0 2px 8px #00000080}@keyframes picker-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.char-picker-item{color:#ffffffb3;width:100%;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;text-align:left;background:0 0;border:none;border-bottom:1px solid #ffffff0d;align-items:center;gap:12px;padding:10px 14px;font-size:11px;transition:background .15s,color .15s;display:flex}.char-picker-item:last-child{border-bottom:none}.char-picker-item:hover{color:#fff;background:#ffffff0f}.char-picker-thumb{border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;width:32px;height:32px;overflow:hidden}.char-picker-thumb img{object-fit:cover;width:100%;height:100%}.char-picker-empty{font-family:var(--font-mono);letter-spacing:.12em;color:var(--muted);text-transform:uppercase;text-align:center;padding:16px 18px;font-size:10px}.char-picker-dot{opacity:.7;border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-left:auto}.inspector-overlay{z-index:2000;background:#040306eb;justify-content:center;align-items:center;animation:.3s both inspector-overlay-in;display:flex;position:fixed;inset:0}@keyframes inspector-overlay-in{0%{opacity:0}to{opacity:1}}.inspector-modal{flex-direction:column;align-items:center;gap:24px;animation:.38s cubic-bezier(.34,1.2,.64,1) both inspector-modal-in;display:flex;position:relative}@keyframes inspector-modal-in{0%{opacity:0;transform:scale(.82)translateY(24px)}to{opacity:1;transform:scale(1)translateY(0)}}.inspector-stage{justify-content:center;align-items:flex-end;width:520px;height:720px;display:flex;position:relative}.inspector-vinyl{z-index:1;width:490px;height:490px;transition:transform .72s cubic-bezier(.34,1.15,.64,1);position:absolute;bottom:0;left:50%;transform:translate(-50%)translateY(20px)}.inspector-vinyl--out{z-index:3;transform:translate(-50%)translateY(-220px)}.inspector-vinyl-disc{background:#0e0e0e;border-radius:50%;justify-content:center;align-items:center;width:490px;height:490px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0a,0 16px 48px #000000e6}.inspector-vinyl-ring{background:repeating-radial-gradient(circle,#ffffff06 0 1px,#0000 1px 4px);border-radius:50%;position:absolute;inset:0}.inspector-vinyl-label{z-index:1;border-radius:50%;justify-content:center;align-items:center;width:175px;height:175px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 3px #000000b3,0 0 0 4px #ffffff0d}.inspector-vinyl-label img{object-fit:cover;filter:brightness(.75)saturate(.8);width:100%;height:100%}.inspector-vinyl-hole{z-index:2;background:#050505;border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:inset 0 1px 3px #000}.inspector-cover-flip{z-index:2;cursor:default;will-change:transform;flex-shrink:0;width:520px;height:520px;position:relative}.inspector-cover-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .68s cubic-bezier(.4,0,.2,1)}.inspector-cover-flip--back .inspector-cover-inner{transform:rotateY(180deg)}.inspector-cover-face{backface-visibility:hidden;position:absolute;inset:0;overflow:hidden;box-shadow:0 24px 64px #000000d9,0 8px 24px #0009,inset 0 1px #ffffff0f}.inspector-cover-face img{object-fit:cover;width:100%;height:100%;display:block}.inspector-cover-tilt-shine{pointer-events:none;z-index:3;transition:opacity .3s;position:absolute;inset:0}.inspector-cover-back{background:#0a0a0a;transform:rotateY(180deg)}.inspector-cover-back-overlay{background:linear-gradient(#0000 35%,#000000d9 100%);align-items:flex-end;padding:24px;display:flex;position:absolute;inset:0}.inspector-back-description{font-family:var(--font-cinzel);color:#ffffffa6;font-size:11px;font-style:italic;line-height:1.8}.inspector-cover-enter{z-index:2;animation:.52s cubic-bezier(.22,1,.36,1) both cover-enter;position:relative}@keyframes cover-enter{0%{opacity:0;filter:blur(4px);transform:perspective(900px)scale(.9)translateY(28px)}to{opacity:1;filter:blur();transform:perspective(900px)scale(1)translateY(0)}}.inspector-name{font-family:var(--font-cinzel-deco);letter-spacing:.12em;color:#9a8a6a;text-shadow:-1px -1px #b4966473,1px 1px 1px #000000f2,0 4px 14px #0009;text-align:center;font-size:22px;animation:.38s cubic-bezier(.22,1,.36,1) both name-slide-in}.inspector-name--slide-right{--name-from:32px}.inspector-name--slide-left{--name-from:-32px}@keyframes name-slide-in{0%{transform:translateX(var(--name-from,32px));opacity:0}to{opacity:1;transform:translate(0)}}.inspector-dots{justify-content:center;align-items:center;gap:6px;margin-top:-8px;display:flex}.inspector-dot{background:#ffffff26;border-radius:1px;width:16px;height:2px;transition:all .3s cubic-bezier(.34,1.2,.64,1)}.inspector-dot--active{background:#b49664b3;width:28px;box-shadow:0 0 6px #b4966466}.inspector-actions{align-items:center;gap:12px;display:flex}.inspector-btn{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;white-space:nowrap;color:#ffffffa6;background:linear-gradient(135deg,#ffffff12 0%,#ffffff05 100%);border:1px solid #ffffff1f;border-radius:3px;padding:11px 26px;font-size:11px;transition:all .2s;box-shadow:0 2px 12px #00000059,inset 0 1px #ffffff0d}.inspector-btn:hover{color:#fffffff2;background:linear-gradient(135deg,#ffffff1f 0%,#ffffff0d 100%);border-color:#ffffff38;box-shadow:0 4px 20px #00000080,inset 0 1px #ffffff1a}.inspector-btn--primary{color:#fffc;background:linear-gradient(135deg,#ffffff17 0%,#ffffff08 100%);border-color:#ffffff2e}.inspector-btn--play{background:linear-gradient(135deg, color-mix(in srgb, var(--btn-color,#888) 25%, transparent), color-mix(in srgb, var(--btn-color,#888) 10%, transparent));border-color:color-mix(in srgb, var(--btn-color,#888) 55%, transparent);color:#fff;box-shadow:0 4px 20px color-mix(in srgb, var(--btn-color,#888) 35%, transparent), inset 0 1px 0 #ffffff1a}.inspector-btn--play:hover{box-shadow:0 6px 28px color-mix(in srgb, var(--btn-color,#888) 55%, transparent), inset 0 1px 0 #ffffff26;filter:brightness(1.1)}.inspector-nav{color:#ffffff80;cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#0a0a0ab3;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.inspector-nav:hover{color:#fffffff2;background:#1e1e1ee6;border-color:#ffffff40;box-shadow:0 4px 20px #00000080}.inspector-nav--prev{left:-72px}.inspector-nav--next{right:-72px}.inspector-close{color:#ffffff59;font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:4px 8px;font-size:10px;transition:color .2s;display:inline-flex}.inspector-close:hover{color:#ffffffbf}@media (width<=700px){.turntable-layout{flex-direction:column;gap:40px}.turntable-disc{width:220px;height:220px}.shelf-page{padding:40px 20px}.turntable-page{padding:24px 20px}.inspector-nav--prev{left:-52px}.inspector-nav--next{right:-52px}}