.light-player{background:radial-gradient(ellipse at 25% 35%,#46493233,transparent 65%),#131914;border-block:1px solid var(--line)}.player-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:35px}.player-stage{border:1px solid #cfb47944;background:#101610;overflow:hidden}.player-art{height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse,#b69a5433,transparent 65%),linear-gradient(140deg,#253729,#0b150e)}.player-art[hidden]{display:none}.player-art>span{font-size:90px;color:var(--gold);line-height:1.2;text-shadow:0 0 60px #dfbd7377}.player-art p{font:21px Georgia;letter-spacing:4px;margin:20px 0 12px}.player-art small{font-size:8px;letter-spacing:4px;color:var(--gold)}#oal-media{width:100%;height:54px;display:block;background:#111811}#oal-media.is-video{height:auto;aspect-ratio:16/9;max-height:480px;background:#000}.now-playing{padding:25px}.now-playing .eyebrow{margin-bottom:12px}.now-playing h3{overflow-wrap:anywhere;font-size:34px}#player-status{font-size:11px;color:var(--muted);min-height:22px}.player-transport{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.player-transport>button:not(.button){border:1px solid var(--line);padding:9px 13px;font-size:12px;min-height:42px}.player-transport button:disabled{opacity:.35;cursor:default}.player-transport [aria-pressed=true]{color:var(--gold);border-color:var(--gold)!important}.player-library{padding:25px;background:#1c241b;border:1px solid var(--line)}.library-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.library-head span{font-size:10px;color:var(--gold)}.file-picker{position:relative;cursor:pointer;width:100%;margin:15px 0 8px}.file-picker input{position:absolute;width:100%;height:100%;inset:0;opacity:0;cursor:pointer}.file-picker:focus-within{outline:2px solid var(--gold);outline-offset:5px}.library-note{font-size:10px;line-height:1.8;color:var(--muted);margin:12px 0}.media-list{max-height:330px;overflow:auto;margin:22px 0;border-top:1px solid var(--line)}.media-row{display:grid;grid-template-columns:25px 1fr auto;gap:12px;align-items:center;text-align:left;width:100%;padding:15px 8px;border-bottom:1px solid var(--line)}.media-row>span:nth-child(2){font-size:12px;overflow-wrap:anywhere;min-width:0}.track-index,.media-row small{font-size:9px;color:var(--muted)}.media-row[aria-current=true]{color:var(--gold);background:#cfb47912}.media-row:hover{background:#ffffff08}.empty-library{font-family:Georgia;font-size:23px;line-height:1.5;color:#b4bea8;padding:25px 5px}#media-clear{font-size:10px;color:var(--gold)}#media-clear:disabled{opacity:.35;cursor:default}@media(max-width:1000px){header nav{gap:14px}header nav a{font-size:10px}}@media(max-width:760px){.player-layout{grid-template-columns:1fr;gap:20px}.player-art{height:240px}.player-library,.now-playing{padding:22px}.media-list{max-height:280px}}
/* Cinematic listening room */
.player-layout{grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:24px}.player-stage{box-shadow:0 20px 60px #0005;border-color:#cfb47955}.player-art{height:360px;position:relative;isolation:isolate;display:block;background:#252321}.cinema-images{position:absolute;inset:0;display:flex}.cinema-images img{width:50%;height:100%;object-fit:cover;object-position:center 27%;filter:sepia(.25) saturate(.65) brightness(.65)}.cinema-shade{position:absolute;inset:0;background:linear-gradient(0deg,#101610,transparent 80%),linear-gradient(90deg,#101610aa,transparent 80%)}.cinema-top,.cinema-bottom{position:absolute;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;color:#d9c89f;font:7px Manrope,Arial;letter-spacing:2px}.cinema-top{top:22px}.cinema-top span{font-size:25px}.cinema-title{position:absolute;left:30px;bottom:57px}.cinema-title small{font-size:7px;letter-spacing:3px;color:var(--gold)}.player-art .cinema-title p{font:54px/1.02 'Cormorant Garamond',Georgia,serif;letter-spacing:-1px;margin:17px 0}.cinema-bottom{bottom:20px}.cinema-bottom span{font-size:6px;border:1px solid #cfb47955;padding:6px;letter-spacing:1px}#oal-media{display:none}#oal-media.is-video{display:block}#oal-media:fullscreen{height:100%;max-height:none;object-fit:contain}.now-playing{position:relative;padding:25px 30px}.now-playing .eyebrow{margin-right:65px;font-size:8px}.now-playing h3{font-size:35px;line-height:1.1;margin:10px 0}.playback-motion{position:absolute;right:30px;top:24px;display:flex;gap:2px;align-items:center;height:24px}.playback-motion i{width:2px;height:5px;background:var(--gold);opacity:.3}.is-playing .playback-motion i{opacity:.8;animation:ember-level .8s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.13s)}@keyframes ember-level{from{height:4px}to{height:var(--h)}}.player-timeline{margin:23px 0 10px}.player-timeline>div{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:var(--muted);margin-top:8px}.light-player input[type=range]{appearance:none;-webkit-appearance:none;height:3px;background:#ffffff24;accent-color:var(--gold);cursor:pointer}.light-player input[type=range]::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:50%;background:var(--gold)}.light-player input[type=range]::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:var(--gold)}#media-seek{width:100%;margin:0;background:linear-gradient(to right,var(--gold) var(--progress,0%),#ffffff24 var(--progress,0%))}#media-seek:disabled{opacity:.3;cursor:default}.player-transport{justify-content:center;gap:22px;position:relative;padding:10px 0;flex-wrap:nowrap}.player-transport>button:not(.button){border:0;font-size:17px;padding:8px;min-height:44px}.player-transport #media-toggle{border-radius:50%;width:64px;height:64px;min-width:64px;padding:0;font-size:22px;box-shadow:0 0 32px #cfb47922}.player-transport #media-repeat{font-size:9px;color:var(--muted);position:absolute;right:0;max-width:55px;line-height:1.5}.player-extras{display:flex;align-items:center;gap:10px;margin-top:10px}.player-extras button{font-size:8px;letter-spacing:.5px;padding:8px 0;min-height:32px}.player-extras input{width:80px}#media-fullscreen{margin-left:auto;font-size:22px}.player-library{background:linear-gradient(155deg,#222820,#171c17);padding:28px;display:flex;flex-direction:column;min-width:0}.library-head h3{font-size:30px}.library-head>span{white-space:nowrap;font-size:9px}.file-picker{font-size:10px;text-align:center;padding:15px 12px}.library-note{font-size:9px}.media-list{flex:1}.media-row[aria-current=true]{border-left:2px solid var(--gold)}.empty-library{text-align:center;font-size:27px;line-height:1.2;padding:28px 5px}.empty-mark{display:block;font-size:40px;color:var(--gold);margin:10px 0 24px}.empty-library strong{display:block;font-weight:400}.empty-library small{display:block;font:10px/1.9 Manrope,Arial;color:var(--muted);margin-top:18px}@media(max-width:1000px){.player-layout{grid-template-columns:minmax(0,1.25fr) minmax(250px,1fr)}.player-art .cinema-title p{font-size:44px}.player-library{padding:22px}.cinema-top,.cinema-bottom{left:20px;right:20px}.cinema-bottom span{display:none}}@media(max-width:760px){.player-layout{grid-template-columns:1fr}.player-art{height:340px}.player-art .cinema-title p{font-size:52px}.now-playing{padding:24px}.cinema-title{left:24px}.cinema-bottom span{display:block}.player-library{padding:25px}}@media(max-width:380px){.player-transport{justify-content:flex-start;gap:12px}.cinema-bottom span{display:none}.player-art .cinema-title p{font-size:45px}}@media(prefers-reduced-motion:reduce){.is-playing .playback-motion i{animation:none;height:12px}}
.player-art.has-album-cover{height:auto;aspect-ratio:1/1;background:#101610}.player-art .playing-album-cover{display:block;width:100%;height:100%;object-fit:contain}