:root{color-scheme:dark;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif;--bg: #0d0b09;--surface: #17130f;--surface-raised: #211a14;--walnut: #4a2b18;--walnut-dark: #28160d;--burgundy: #6f1f1d;--burgundy-active: #8c2d27;--brass: #c39a55;--brass-light: #e1bf79;--ivory: #eadfc8;--muted: #a99a82;--line: rgba(195, 154, 85, .24);--serif: "Noto Serif SC", "Songti SC", STSong, serif;--shadow: 0 20px 60px rgba(0, 0, 0, .48);background:var(--bg);color:var(--ivory);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 18% 20%,rgba(89,48,24,.15),transparent 36%),linear-gradient(125deg,#0b0907,#12100d 42%,#090807)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--brass-light);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{min-height:100vh;padding-bottom:126px;background-image:repeating-linear-gradient(90deg,transparent 0,transparent 100px,rgba(255,255,255,.008) 101px),radial-gradient(ellipse at center top,rgba(207,151,69,.045),transparent 58%)}.app-header{position:relative;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:72px;padding:0 34px;border:1px solid rgba(195,154,85,.42);border-left-color:#c39a552e;border-right-color:#c39a552e;background:#0d0b09ed;box-shadow:0 4px 26px #0000005c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:inline-flex;gap:13px;align-items:center;width:max-content;color:var(--ivory);text-decoration:none;font-family:var(--serif);font-size:clamp(20px,2vw,27px);letter-spacing:.08em}.brand-mark{position:relative;display:inline-block;width:34px;height:35px}.brand-horn{position:absolute;left:0;top:1px;width:28px;height:21px;border:2px solid var(--brass);border-radius:75% 15% 64% 18%;transform:rotate(-25deg);clip-path:polygon(0 0,100% 25%,100% 78%,0 100%)}.brand-base{position:absolute;left:9px;bottom:1px;width:24px;height:13px;border:2px solid var(--brass);border-radius:2px}.app-header nav{display:flex;align-items:stretch;height:100%;gap:42px}.app-header nav a{position:relative;display:grid;place-items:center;color:#c8bca9;font-family:var(--serif);font-size:16px;letter-spacing:.18em;text-decoration:none}.app-header nav a:after{position:absolute;content:"";left:0;right:0;bottom:9px;height:2px;border-radius:3px;background:var(--burgundy-active);transform:scaleX(0);transition:transform .18s ease}.app-header nav a:hover,.app-header nav a.active{color:var(--ivory)}.app-header nav a:hover:after,.app-header nav a.active:after{transform:scaleX(1)}.header-tools{display:flex;justify-content:flex-end;align-items:center;gap:18px}.needle-toggle,.icon-button{border:0;background:transparent;cursor:pointer}.needle-toggle{display:flex;align-items:center;gap:9px;min-height:44px;color:#d4c5ae}.switch{position:relative;width:48px;height:26px;margin-left:2px;border:1px solid var(--brass);border-radius:20px;background:#2a2119;transition:background .2s ease}.switch i{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--ivory);box-shadow:0 1px 4px #000;transition:transform .2s ease}.switch.on{background:var(--burgundy)}.switch.on i{transform:translate(21px)}.icon-button{display:grid;place-items:center;width:44px;height:44px;color:var(--brass-light)}.album-stage{display:grid;grid-template-columns:minmax(0,58fr) minmax(440px,42fr);height:calc(100vh - 198px);min-height:650px;overflow:hidden;border-bottom:1px solid var(--line)}.gramophone-scene{position:relative;min-width:0;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.5)),radial-gradient(circle at 76% 22%,rgba(220,155,72,.27),transparent 23%),linear-gradient(130deg,#17100b,#24170f 45%,#0b0907)}.gramophone-scene:before{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;content:"";opacity:.32;background-image:repeating-radial-gradient(ellipse at 50% 50%,transparent 0 16px,rgba(255,255,255,.018) 17px),linear-gradient(90deg,rgba(0,0,0,.25),transparent 30%,rgba(0,0,0,.2));mix-blend-mode:overlay}.lamp-glow{position:absolute;z-index:0;right:5%;top:2%;width:170px;height:210px;filter:drop-shadow(0 0 55px rgba(229,159,76,.24))}.lamp-glow:before{position:absolute;content:"";left:32px;top:0;width:110px;height:82px;clip-path:polygon(25% 0,75% 0,100% 100%,0 100%);background:linear-gradient(90deg,#4a2816,#b17a3d 50%,#422112);border-bottom:4px solid #2b160c}.lamp-glow:after{position:absolute;content:"";left:83px;top:80px;width:5px;height:85px;background:linear-gradient(90deg,#5b371d,#d0a35e,#3a2013);box-shadow:0 78px 0 17px #4b2b18}.horn{position:absolute;z-index:1;left:-10%;top:-10%;width:min(51vw,690px);aspect-ratio:1.2;transform:rotate(-13deg);filter:drop-shadow(22px 25px 24px rgba(0,0,0,.56))}.horn-rim{position:absolute;top:2%;right:18%;bottom:10%;left:0;border:clamp(8px,1vw,16px) solid #8a6738;border-radius:58% 45%;background:radial-gradient(circle at 73% 57%,#160e09 0 8%,#6c4825 9% 16%,transparent 17%),repeating-conic-gradient(from 5deg at 73% 57%,#c4944e,#c4944e 3deg,#50351e,#50351e,#9f7440 6deg,#9f7440 12deg);box-shadow:inset 0 0 0 6px #2e1d11,inset 0 0 44px #000000d1,0 0 0 2px #d4ad68;clip-path:polygon(0 0,100% 28%,100% 74%,2% 100%,11% 72%,8% 28%)}.horn-lines{position:absolute;top:12%;right:30%;bottom:20%;left:8%;border:1px solid rgba(232,194,126,.55);border-radius:50%;background:repeating-radial-gradient(circle at 76% 54%,transparent 0 34px,rgba(54,30,14,.65) 35px 39px);mix-blend-mode:multiply}.horn-neck{position:absolute;right:2%;bottom:28%;width:32%;height:13%;border-radius:0 60% 60% 0;background:linear-gradient(#422816,#c1904c 35%,#5a361d 65%,#1d120b);transform:rotate(21deg)}.cabinet{position:absolute;z-index:3;left:8%;right:7%;bottom:8%;height:56%;min-height:355px;border:3px solid #29150b;border-radius:8px 8px 24px 24px;background:linear-gradient(90deg,rgba(0,0,0,.3),transparent 12%,transparent 86%,rgba(0,0,0,.35)),repeating-linear-gradient(4deg,#eeae620d 0,#eeae620d 2px,#230f0514 3px,#230f0514 6px),linear-gradient(150deg,#6a3a1d,#3c1e0e 58%,#231109);box-shadow:inset 0 0 0 4px #c1824238,inset 0 -45px 40px #00000061,0 35px 45px #0009;transform:perspective(900px) rotateX(2deg)}.wood-inlay{position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1px solid rgba(213,154,78,.34);border-radius:4px 4px 18px 18px;pointer-events:none}.turntable{position:absolute;left:50%;top:-24%;width:min(72%,590px);aspect-ratio:1;transform:translate(-50%) perspective(850px) rotateX(57deg) rotate(-4deg);transform-style:preserve-3d}.turntable:before{position:absolute;content:"";top:2%;right:2%;bottom:2%;left:2%;border-radius:50%;background:#171310;box-shadow:0 22px 24px #000,0 0 0 8px #291b12}.vinyl-record{position:absolute;z-index:2;top:4%;right:4%;bottom:4%;left:4%;width:92%;padding:0;border:1px solid #070605;border-radius:50%;cursor:pointer;overflow:hidden;background:radial-gradient(circle,transparent 0 5%,#1f1715 5.2% 16%,#080808 16.2% 100%);box-shadow:inset 0 0 14px #ffffff17,inset 0 0 0 2px #000,0 6px 10px #000;will-change:transform}.vinyl-shine{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from -30deg,transparent 0 19%,rgba(255,255,255,.1) 22%,transparent 34% 55%,rgba(255,255,255,.045) 63%,transparent 74%)}.vinyl-grooves{position:absolute;top:2%;right:2%;bottom:2%;left:2%;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 4px,rgba(195,154,85,.12) 5px,rgba(255,255,255,.025) 6px,transparent 7px)}.record-label{position:absolute;top:34%;right:34%;bottom:34%;left:34%;display:grid;place-items:center;overflow:hidden;border:2px solid #a6783d;border-radius:50%;background:var(--burgundy);box-shadow:0 0 0 2px #36100f,0 0 0 5px #c39a558c}.record-label img{width:100%;height:100%;object-fit:cover;opacity:.35;filter:sepia(.4) contrast(1.2) brightness(.6)}.record-label:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:radial-gradient(circle,transparent 0 15%,rgba(91,22,20,.22) 16% 100%)}.record-label-text{position:absolute;z-index:2;display:grid;gap:5px;width:85%;color:#e2bd76;font-family:var(--serif);text-align:center;text-shadow:0 1px 2px #2b0a08}.record-label-text strong{font-size:clamp(8px,1.1vw,14px);font-weight:500;letter-spacing:.13em}.record-label-text small{font-size:clamp(6px,.8vw,10px);letter-spacing:.16em}.spindle{position:absolute;z-index:4;left:calc(50% - 5px);top:calc(50% - 5px);width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff0b6,#a97633 50%,#31200f);box-shadow:0 0 3px #000}.tonearm{--tonearm-angle: -22deg;position:absolute;z-index:8;right:-5%;top:3%;width:50%;height:56%;pointer-events:none;transform-origin:80% 18%;transform:rotate(var(--tonearm-angle));transition:transform .52s cubic-bezier(.23,.8,.32,1),filter .22s ease;filter:drop-shadow(5px 8px 5px rgba(0,0,0,.75))}.tonearm.lifted{filter:drop-shadow(9px 13px 8px rgba(0,0,0,.8))}.tonearm-pivot{position:absolute;right:5%;top:2%;width:30%;aspect-ratio:1;border:3px solid #5a3a1c;border-radius:50%;background:radial-gradient(circle at 42% 32%,#e1bd78,#85602e 38%,#2c1b0d 68%,#a77d3d);box-shadow:inset 0 0 0 5px #2c1a0e,0 6px 8px #000}.tonearm-pivot span{position:absolute;top:25%;right:25%;bottom:25%;left:25%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f1d39c,#6f4b24 70%)}.tonearm-bar{position:absolute;right:22%;top:15%;width:66%;height:10%;border-radius:12px;background:linear-gradient(#5d3c1c,#e0b36a 28%,#765128 65%,#2b190c);transform-origin:right center;transform:rotate(-57deg);box-shadow:0 2px 3px #000}.tonearm-bar i{position:absolute;left:2%;top:-24%;width:18%;height:150%;border-radius:2px;background:linear-gradient(#bd8a45,#3a2210)}.tonearm-head{position:absolute;left:1%;bottom:4%;width:29%;height:18%;border:2px solid #2b170a;border-radius:3px;background:linear-gradient(145deg,#a57a3e,#3a2412);transform:rotate(10deg)}.tonearm-head:after{position:absolute;content:"";left:18%;bottom:-12px;width:2px;height:14px;background:#d7b368}.cabinet-play{position:absolute;z-index:10;left:50%;bottom:19%;display:grid;place-items:center;width:58px;height:58px;border:2px solid #d6ae67;border-radius:50%;color:#241309;cursor:pointer;background:radial-gradient(circle at 35% 25%,#f1d38e,#b57b37 58%,#4c2b13);box-shadow:0 0 0 4px #2b160b,0 7px 12px #000;transform:translate(-50%);transition:transform .16s ease,filter .16s ease}.cabinet-play:hover{filter:brightness(1.12);transform:translate(-50%) scale(1.05)}.cabinet-play svg{width:25px}.cabinet-plaque{position:absolute;left:50%;bottom:4%;padding:8px 23px;border:1px solid #a57a3e;color:#1c1009;font-family:var(--serif);font-size:14px;letter-spacing:.18em;white-space:nowrap;background:linear-gradient(90deg,#76501f,#c18d43 50%,#6c451d);box-shadow:inset 0 0 0 3px #3c230f,0 3px 5px #000;transform:translate(-50%)}.scene-paper{position:absolute;z-index:2;right:-2%;bottom:-8%;width:35%;height:27%;background:linear-gradient(145deg,#e0c796b3,#634828a6);box-shadow:-10px -4px 25px #00000061;transform:rotate(-8deg);opacity:.58}.album-panel{position:relative;z-index:4;display:flex;flex-direction:column;min-width:0;padding:clamp(28px,3.2vw,54px) clamp(28px,3.2vw,52px) 22px;background:radial-gradient(circle at 100% 0,rgba(111,31,29,.09),transparent 35%),linear-gradient(120deg,#1f1914fa,#0d0c0afc);box-shadow:-14px 0 32px #00000047}.album-summary{display:grid;grid-template-columns:clamp(130px,12vw,188px) minmax(0,1fr);gap:clamp(24px,2.5vw,40px);align-items:center}.album-cover{width:100%;aspect-ratio:1;object-fit:cover;border:1px solid rgba(195,154,85,.42);box-shadow:0 15px 32px #00000080,inset 0 0 0 4px #0000004d}.album-copy h1{margin:0 0 12px;color:var(--ivory);font-family:var(--serif);font-size:clamp(27px,2.5vw,42px);font-weight:500;letter-spacing:.11em;line-height:1.2}.album-artist{margin:0 0 20px;color:var(--brass-light);font-family:Georgia,serif;font-size:19px;letter-spacing:.09em}.album-description{max-width:37ch;margin:0;color:#c9baa4;font-family:var(--serif);font-size:15px;line-height:1.9}.gold-rule{position:relative;height:36px;flex:0 0 auto}.gold-rule:before{position:absolute;content:"";left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,var(--line) 8%,var(--line) 92%,transparent)}.gold-rule span{position:absolute;left:50%;top:50%;padding:0 12px;color:var(--brass);background:#15120f;font-size:8px;transform:translate(-50%,-50%)}.lyrics-panel{position:relative;flex:0 0 auto;min-height:132px;margin:0 0 12px;overflow:hidden;border-block:1px solid rgba(195,154,85,.22);background:linear-gradient(90deg,transparent,rgba(111,31,29,.11) 18%,rgba(111,31,29,.11) 82%,transparent),#0807063b;animation:lyrics-reveal .32s cubic-bezier(.22,.74,.24,1) both;pointer-events:none}.lyrics-heading{display:grid;grid-template-columns:auto minmax(18px,1fr) auto;align-items:center;gap:10px;height:27px;padding:0 12px;color:#c39a55c7;font-size:10px;letter-spacing:.16em}.lyrics-heading i{height:1px;background:linear-gradient(90deg,rgba(195,154,85,.42),transparent)}.lyrics-heading span:last-child{max-width:22ch;overflow:hidden;color:#a99a82ad;letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap}.lyrics-viewport{position:relative;height:104px;overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(transparent,#000 22%,#000 78%,transparent)}.lyrics-lines{height:100%;overflow:hidden;padding:40px 18px}.lyrics-lines p{display:grid;place-items:center;min-height:31px;margin:0;padding:3px 8px;color:#c9baa494;font-family:var(--serif);font-size:13px;line-height:1.55;letter-spacing:.08em;text-align:center;transition:color .26s ease,font-size .26s ease,opacity .26s ease,transform .26s ease}.lyrics-lines p[data-distance="1"]{color:#dccdb5c7}.lyrics-lines p[data-distance="2"],.lyrics-lines p[data-distance="3"]{opacity:.68}.lyrics-lines p.active{color:var(--ivory);font-size:17px;text-shadow:0 0 18px rgba(225,191,121,.24);transform:scale(1.015)}.lyrics-message{display:grid;place-items:center;height:104px;color:#a99a82b3;font-family:var(--serif);font-size:13px;letter-spacing:.1em}@keyframes lyrics-reveal{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.track-list{flex:1 1 auto;min-height:0;margin:0;padding:0 8px 0 0;list-style:none;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#796247 transparent}.track-list li{margin:0;border-bottom:1px solid rgba(195,154,85,.14)}.track-list button{display:grid;grid-template-columns:50px minmax(0,1fr) auto 22px;gap:10px;align-items:center;width:100%;min-height:52px;padding:6px 13px;border:1px solid transparent;border-radius:5px;color:#cfc2ae;text-align:left;cursor:pointer;background:transparent;transition:color .15s ease,background .15s ease,border .15s ease,transform .15s ease}.track-list button:hover{color:var(--ivory);background:#c39a550e}.track-list li.active button{border-color:#c39a5575;color:var(--ivory);background:linear-gradient(90deg,#6f1f1df5,#4a1816cc);box-shadow:0 5px 18px #00000040,inset 3px 0 0 var(--brass)}.track-order,.track-duration{color:var(--brass-light);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.track-main{display:grid;min-width:0;gap:3px}.track-main strong{overflow:hidden;font-family:var(--serif);font-size:15px;font-weight:500;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap}.track-main small{display:none;color:var(--muted);font-size:11px}.playing-mark{color:var(--brass-light)}.equalizer{display:inline-flex;align-items:end;justify-content:center;gap:2px;width:25px;height:17px}.equalizer i{width:3px;border-radius:1px;background:var(--brass-light);animation:equalize .78s ease-in-out infinite alternate}.equalizer i:nth-child(1){height:45%;animation-delay:-.15s}.equalizer i:nth-child(2){height:92%;animation-delay:-.48s}.equalizer i:nth-child(3){height:60%;animation-delay:-.3s}.equalizer i:nth-child(4){height:76%;animation-delay:-.62s}@keyframes equalize{to{height:23%}}.about-strip{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:112px;padding:24px clamp(24px,4vw,64px);border-bottom:1px solid var(--line);background:#12100d}.about-strip>div{display:flex;align-items:center;gap:20px}.about-strip p{max-width:68ch;margin:0;color:#b8aa95;font-family:var(--serif);line-height:1.8}.ornament{color:var(--brass)}.offline-button{display:flex;flex:0 0 auto;align-items:center;gap:12px;min-height:52px;padding:9px 18px;border:1px solid rgba(195,154,85,.48);border-radius:5px;color:var(--ivory);text-align:left;cursor:pointer;background:linear-gradient(#2a2119,#17120e)}.offline-button:disabled{cursor:default;opacity:.8}.offline-button svg{color:var(--brass-light)}.offline-button span{display:grid;gap:2px}.offline-button strong{font-size:13px;font-weight:500}.offline-button small{color:var(--muted);font-size:11px}.player-bar{position:fixed;z-index:30;left:0;right:0;bottom:0;display:grid;grid-template-columns:minmax(240px,1fr) minmax(410px,1.7fr) minmax(260px,1fr);align-items:center;min-height:126px;padding:14px 30px max(14px,env(safe-area-inset-bottom));border:1px solid rgba(195,154,85,.5);border-radius:12px 12px 0 0;background:linear-gradient(90deg,rgba(111,31,29,.035),transparent 30%,transparent 70%,rgba(111,31,29,.035)),#110e0bf7;box-shadow:0 -15px 40px #0000008c,inset 0 0 0 4px #c39a550a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.now-playing{display:grid;grid-template-columns:66px minmax(0,1fr) 44px;align-items:center;gap:16px;min-width:0}.now-playing img{width:66px;height:66px;object-fit:cover;border:1px solid rgba(195,154,85,.35);box-shadow:0 7px 15px #000}.now-playing>div{display:grid;min-width:0;gap:6px}.now-playing strong{overflow:hidden;font-family:var(--serif);font-size:17px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.now-playing span{color:var(--muted);font-size:12px;letter-spacing:.05em}.like-button,.transport button,.player-options button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;color:#cbb994;cursor:pointer;background:transparent;transition:color .15s ease,transform .15s ease}.like-button:hover,.like-button.liked,.transport button:hover,.player-options button:hover{color:var(--brass-light);transform:scale(1.06)}.like-button.liked{color:#b94d47}.transport{display:grid;justify-items:stretch;gap:9px;padding:0 28px}.transport-buttons{display:flex;justify-content:center;align-items:center;gap:29px}.transport .primary-play{width:60px;height:60px;border:2px solid var(--brass-light);border-radius:50%;color:#1c1008;background:radial-gradient(circle at 35% 24%,#f4da9b,#be873f 61%,#543015);box-shadow:0 0 0 4px #22130a,0 4px 9px #000}.transport .primary-play svg{width:25px;height:25px}.timeline{display:grid;grid-template-columns:46px minmax(120px,1fr) 46px;align-items:center;gap:12px;color:#c7b698;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-variant-numeric:tabular-nums}input[type=range]{--range-progress: 0%;width:100%;height:18px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:transparent}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:3px;background:linear-gradient(90deg,var(--burgundy-active) var(--range-progress),#494239 var(--range-progress))}input[type=range]::-moz-range-track{height:4px;border-radius:3px;background:#494239}input[type=range]::-moz-range-progress{height:4px;background:var(--burgundy-active)}input[type=range]::-webkit-slider-thumb{width:14px;height:14px;margin-top:-5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #f1d089;border-radius:50%;background:#b98542;box-shadow:0 2px 4px #000}input[type=range]::-moz-range-thumb{width:14px;height:14px;border:1px solid #f1d089;border-radius:50%;background:#b98542;box-shadow:0 2px 4px #000}.player-options{display:flex;justify-content:flex-end;align-items:center;gap:8px}.volume-range{max-width:120px}.player-options .loop-button{display:flex;flex-direction:column;gap:2px;width:82px;height:58px;margin-left:12px;border:1px solid rgba(195,154,85,.45);border-radius:5px;background:#6f1f1d40}.loop-button svg{width:21px}.loop-button span{font-size:10px}@media(max-width:1190px){.album-stage{grid-template-columns:minmax(0,46fr) minmax(420px,54fr)}.horn{left:-23%;width:61vw}.cabinet{left:4%;right:4%}.player-bar{grid-template-columns:minmax(210px,.8fr) minmax(380px,1.6fr) minmax(220px,.8fr);padding-inline:20px}.transport{padding-inline:15px}.needle-toggle>svg{display:none}}@media(max-width:900px){.app-header{grid-template-columns:1fr auto;padding:0 22px}.app-header nav{display:none}.album-stage{grid-template-columns:minmax(0,44fr) minmax(420px,56fr);min-height:680px}.horn{left:-44%;width:72vw}.turntable{width:96%}.album-summary{grid-template-columns:112px 1fr;gap:20px}.album-description{display:none}.player-bar{grid-template-columns:minmax(180px,.8fr) minmax(340px,1.6fr) auto}.volume-range,.player-options>button:first-child{display:none}}@media(max-width:767px){.app-shell{--mobile-player-height: 148px;--mobile-lyrics-height: 118px;padding-bottom:calc(var(--mobile-player-height) + 10px)}.app-shell:has(.lyrics-panel){padding-bottom:calc(var(--mobile-player-height) + var(--mobile-lyrics-height) + 18px)}.app-header{position:sticky;top:0;height:62px;padding:0 16px}.brand{gap:9px;font-size:19px}.brand-mark{width:29px;height:30px}.needle-toggle{gap:7px}.needle-toggle>span:not(.switch){display:none}.icon-button{display:none}.album-stage{display:flex;flex-direction:column;height:auto;min-height:0;overflow:visible}.gramophone-scene{flex:none;width:100%;height:min(94vw,510px);min-height:360px}.lamp-glow{right:-5%;transform:scale(.7);transform-origin:top right}.horn{left:-18%;top:-9%;width:70vw;opacity:.86}.cabinet{left:7%;right:7%;bottom:7%;height:59%;min-height:230px}.turntable{top:-24%;width:min(85%,380px)}.cabinet-play{bottom:17%;width:52px;height:52px}.cabinet-plaque{padding:6px 16px;font-size:11px}.album-panel{padding:25px 18px 20px;min-height:auto}.album-summary{grid-template-columns:92px minmax(0,1fr);gap:17px}.album-copy h1{margin-bottom:8px;font-size:25px}.album-artist{margin:0;font-size:16px}.gold-rule{height:27px}.lyrics-panel{position:fixed;z-index:29;left:10px;right:10px;bottom:var(--mobile-player-height);min-height:var(--mobile-lyrics-height);margin:0;border:1px solid rgba(195,154,85,.44);border-radius:9px 9px 0 0;background:linear-gradient(90deg,rgba(111,31,29,.16),transparent 32%,transparent 68%,rgba(111,31,29,.16)),#110e0bf5;box-shadow:0 -10px 32px #0000007a,inset 0 0 0 3px #c39a5509;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.lyrics-viewport,.lyrics-message{height:90px}.lyrics-lines{padding-inline:4px}.lyrics-lines p{padding-inline:8px;font-size:13px}.lyrics-lines p.active{font-size:16px}.track-list{max-height:none;overflow:visible}.track-list button{grid-template-columns:38px minmax(0,1fr) auto 18px;min-height:60px;padding-inline:8px}.track-main small{display:block}.about-strip{flex-direction:column;align-items:stretch;padding:28px 18px}.about-strip>div{align-items:flex-start}.offline-button{justify-content:center}.player-bar{grid-template-columns:1fr auto;grid-template-rows:auto auto;min-height:var(--mobile-player-height);padding:10px 15px max(10px,env(safe-area-inset-bottom))}.now-playing{grid-column:1;grid-row:1;grid-template-columns:46px minmax(0,1fr);gap:11px}.now-playing img{width:46px;height:46px}.now-playing strong{font-size:15px}.like-button{display:none}.transport{display:contents}.transport-buttons{grid-column:2;grid-row:1;gap:6px}.transport-buttons button:not(.primary-play){width:38px}.transport .primary-play{width:52px;height:52px}.timeline{grid-column:1 / -1;grid-row:2;width:100%;gap:8px}.player-options{display:none}}@media(max-width:767px)and (max-height:650px){.app-shell{--mobile-player-height: 126px;--mobile-lyrics-height: 90px}.lyrics-viewport,.lyrics-message{height:64px}.lyrics-lines{padding-block:20px}.lyrics-lines p{font-size:12px}.lyrics-lines p.active{font-size:15px}.player-bar{padding-block:7px max(7px,env(safe-area-inset-bottom))}}@media(max-width:390px){.brand{font-size:17px}.gramophone-scene{min-height:345px}.cabinet{left:4%;right:4%}.track-duration{font-size:11px}.transport-buttons button:not(.primary-play){display:none}}.gramophone-room-bg{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;pointer-events:none}.gramophone-scene .turntable{position:absolute;z-index:3;left:53%;top:52.5%;width:46%;height:auto;aspect-ratio:1;transform:translate(-50%,-50%) perspective(950px) rotateX(62deg) rotate(-1.5deg);transform-style:preserve-3d}.gramophone-scene .turntable:before{display:none}.gramophone-scene .vinyl-record{top:3%;right:3%;bottom:3%;left:3%;width:94%;box-shadow:inset 0 0 18px #ffffff1a,inset 0 0 0 2px #000,0 18px 21px #000000e0}.gramophone-scene .tonearm{position:absolute;z-index:6;left:54%;top:31%;right:auto;width:22%;height:39%;overflow:visible;transform-origin:79% 13%;transform:rotate(var(--tonearm-angle));transition:transform .52s cubic-bezier(.23,.8,.32,1),translate .22s ease;filter:none;pointer-events:none}.gramophone-scene .tonearm.lifted{filter:none;translate:0 -7px}.gramophone-scene .cabinet-plaque{z-index:5;left:59%;bottom:16.5%;padding:0;border:0;color:#241207;font-size:clamp(9px,.85vw,13px);font-weight:600;letter-spacing:.16em;background:transparent;box-shadow:none;text-shadow:0 1px rgba(225,190,122,.22)}@media(max-width:767px){.gramophone-scene .turntable{left:53%;top:52.5%;width:50%}.gramophone-scene .tonearm{left:53%;top:31%;width:24%;height:40%}.gramophone-scene .cabinet-plaque{left:59.5%;bottom:16.5%;font-size:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}