.warm-vinyl-page{background:radial-gradient(ellipse at 68% 12%,#fff9e8 0,transparent 58%),linear-gradient(135deg,#e9deca,#f5edda 48%,#e9ddc5);color:#443a2d;position:relative;isolation:isolate}.warm-vinyl-stage{color:#443a2d;background:linear-gradient(130deg,#f9f2df90,#f5ead260)}.warm-vinyl-stage:before{content:"";pointer-events:none;position:absolute;inset:0;background:url(/player/warm-vinyl/grain.webp);opacity:.055;mix-blend-mode:multiply}.warm-stage-content{padding:20px 22px 30px}.warm-record-scene{width:100%;max-width:815px;aspect-ratio:1020 / 805;position:relative;margin:-12px auto -8px}.warm-record-scene .turntable-art{display:block;width:100%;height:100%;overflow:visible}.warm-record-scene .vinyl-spin{transform-origin:0 0;animation:warm-vinyl-turn 9s linear infinite;animation-play-state:paused}.warm-record-scene[data-state=playing] .vinyl-spin{animation-play-state:running}@keyframes warm-vinyl-turn{to{transform:rotate(360deg)}}.warm-record-scene .vinyl-signature{font:italic 32px Georgia,serif;fill:#ffecd1}.warm-record-scene .vinyl-caption{font:9px system-ui,sans-serif;letter-spacing:3px;fill:#ffe1bf}.warm-record-scene .tonearm{transform-origin:958px 296px;transform:rotate(-21deg);transition:transform .95s cubic-bezier(.24,.05,.2,1)}.warm-record-scene[data-state=playing] .tonearm{transform:rotate(0)}.warm-record-scene .deck-small{font:12px system-ui,sans-serif;letter-spacing:4px;fill:#504736}.warm-record-scene .deck-signature{font:italic 34px Georgia,serif;fill:#8b7961}.warm-record-scene .deck-heart{font:27px Georgia,serif;fill:#937457}.warm-sleeve-space{position:absolute;top:0;left:0;width:1020px;height:805px;transform-origin:0 0;pointer-events:none}.warm-sleeve-plane{position:absolute;top:0;left:0;width:720px;height:720px;transform-origin:0 0;transform:matrix3d(.5646877755,-.03728570637,0,.000001714349055,-.006968711486,.4927161536,0,-.0001161451914,0,0,1,0,60,152,0,1)}.warm-cover-card{position:relative;border-radius:8px;width:720px;height:720px;padding:12px;background:#f7f0e4;box-shadow:0 5px 2px #706249,0 10px 5px #3f33243d,9px 20px 17px #38261038,18px 42px 47px #3927154f,inset 2px 2px 4px #fffef4;overflow:hidden}.warm-cover-photo{width:100%;height:100%;overflow:hidden;border-radius:5px;background:#e9ddc9}.warm-cover-photo img,.warm-cover-photo svg{width:100%;height:100%;object-fit:cover;display:block}.warm-cover-gloss{position:absolute;inset:0;background:linear-gradient(122deg,#fff7df13,transparent 44%,#452c1712);border-radius:8px;box-shadow:inset 0 0 4px 2px #fffdf054}.warm-song-heading{font-size:clamp(24px,4vw,34px);line-height:1.4;color:#332e26;overflow-wrap:anywhere}.warm-song-subtitle{color:#76664e;letter-spacing:.06em}.warm-playback{max-width:480px;margin-inline:auto;color:#564a37}.warm-seek{appearance:none;width:100%;height:28px;margin:0;cursor:pointer;background:transparent;padding:0}.warm-seek::-webkit-slider-runnable-track{height:4px;border-radius:6px;background:linear-gradient(to right,#51402d var(--warm-progress),#ae9d8294 var(--warm-progress))}.warm-seek::-moz-range-track{height:4px;border-radius:6px;background:#ae9d8294}.warm-seek::-moz-range-progress{height:4px;background:#51402d}.warm-seek::-webkit-slider-thumb{appearance:none;width:14px;height:14px;margin-top:-5px;border:1px solid #fff9e8;border-radius:50%;background:#fff9e8;box-shadow:0 2px 8px #60462830}.warm-seek::-moz-range-thumb{width:14px;height:14px;border:1px solid #fff9e8;border-radius:50%;background:#fff9e8}.warm-time-labels{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-variant-numeric:tabular-nums;color:#77664e}.warm-listening-hint{font-size:10px;letter-spacing:.04em}.warm-transport{display:flex;align-items:center;justify-content:space-between;gap:8px;max-width:410px;margin:18px auto 0}.warm-icon-button{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;cursor:pointer;transition:background .2s}.warm-icon-button>svg{width:20px;height:20px;stroke-width:1.5}.warm-icon-button:hover{background:#b8a48422}.warm-icon-button[aria-pressed=true]{color:#8c482d;background:#b68b5422}.warm-icon-button:disabled{opacity:.35;cursor:default}.warm-skip-label{position:absolute;font-size:7px;margin-top:1px}.warm-play-button{position:relative;display:flex;align-items:center;justify-content:center;width:72px;height:72px;flex-shrink:0;border-radius:50%;color:#3d3428;border:1px solid #fffaed;background:linear-gradient(140deg,#fbf3e1,#e6d8be);box-shadow:0 7px 16px #70553824,inset 0 1px 2px #fff9ed;cursor:pointer;transition:transform .2s,box-shadow .2s}.warm-play-button:hover{transform:translateY(-2px);box-shadow:0 9px 20px #70553835}.warm-play-button:disabled{opacity:.45;cursor:default}.warm-play-button>svg{width:26px;height:26px;fill:currentColor;stroke-width:1}.warm-play-button>.animate-spin{fill:none}.warm-attention-ring{position:absolute;inset:0;border-radius:50%;border:1px solid #9a785944}.warm-volume-wrap{position:relative}.warm-volume-popover{visibility:hidden;opacity:0;position:absolute;bottom:calc(100% - 1px);left:0;width:145px;padding:14px 12px;border:1px solid #e4d5be;background:#fff8e9;border-radius:12px;box-shadow:0 8px 25px #80613b20;transition:opacity .15s;z-index:5}.warm-volume-popover input{width:100%;accent-color:#766047}.warm-volume-wrap:hover .warm-volume-popover,.warm-volume-wrap:focus-within .warm-volume-popover{visibility:visible;opacity:1}.warm-playback button:focus-visible,.warm-playback input:focus-visible{outline:2px solid #76563a;outline-offset:4px}@media(max-width:480px){.warm-stage-content{padding:14px 12px 24px}.warm-record-scene{margin-top:0}.warm-transport{margin-top:14px;gap:4px}.warm-play-button{width:64px;height:64px}.warm-listening-hint{font-size:9px}}@media(prefers-reduced-motion:reduce){.warm-record-scene .vinyl-spin{animation:none}.warm-record-scene .tonearm,.warm-play-button{transition:none}}.warm-vinyl-page:before,.warm-vinyl-page:after{content:"";position:absolute;top:0;width:min(24vw,310px);height:360px;z-index:-1;pointer-events:none;background-repeat:no-repeat;background-size:contain;opacity:.65}.warm-vinyl-page:before{left:0;background-image:url(/player/warm-vinyl/plant.webp);-webkit-mask-image:radial-gradient(ellipse at 20% 5%,#000 37%,transparent 72%);mask-image:radial-gradient(ellipse at 20% 5%,#000 37%,transparent 72%)}.warm-vinyl-page:after{right:0;background-image:url(/player/warm-vinyl/frame.webp);-webkit-mask-image:linear-gradient(#000 50%,transparent);mask-image:linear-gradient(#000 50%,transparent)}@media(max-width:600px){.warm-vinyl-page:before,.warm-vinyl-page:after{opacity:.3;height:150px}}