/* Static excerpts on the approved graphite surface. Two levels, never an overlay. */
.listen.preview-listen{top:auto;bottom:18px;left:18.2%;right:22.5%;color:#f5f3ef;text-shadow:0 1px 1px #0008}
.preview-listen [hidden]{display:none!important}
.preview-listen .player{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;align-items:center;background:none;padding:0;border-radius:0;box-shadow:none}
.preview-listen .preview-cover{height:82px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:7px 4px;box-sizing:border-box;background:#e6e3dc;border-radius:2px;color:#111;text-shadow:none;box-shadow:inset 1px 1px 3px #0005}
.preview-cover .preview-cover-brand{font:700 9px/1 Oswald,sans-serif}
.preview-listen .preview-cover img{width:29px;height:29px;object-fit:contain;filter:none;mix-blend-mode:normal;opacity:1}
.preview-listen .preview-cover figcaption{position:static;inset:auto;text-align:center;font:500 7px/1.12 Inter,Arial,sans-serif;text-transform:none;overflow-wrap:normal}
.preview-listen .preview-cover::after{background:none;box-shadow:inset 1px 1px 3px #0003;pointer-events:none}
.preview-listen .player-kicker{font:400 10px/1.2 Inter,Arial,sans-serif;margin:3px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#bbbcb8;order:2}
.preview-listen .track{display:flex;flex-direction:column;min-width:0}
.preview-title-row{order:1;min-width:0}
.preview-listen .track h2{font:500 16px/1.15 Inter,Arial,sans-serif;letter-spacing:-.02em;margin:0;white-space:nowrap}
.preview-listen .track .timeline,.preview-listen .track .controls{width:100%}
.preview-listen .timeline{order:3;gap:8px;margin-top:3px;min-width:0}
.preview-seek-wrap{position:relative;flex:1;min-width:0;height:25px}
.preview-listen .wave{display:block;width:100%;height:25px;overflow:visible}
.preview-listen .wave rect{fill:#b8b9b5;opacity:.85}
.preview-listen .wave rect.heard{fill:var(--red);opacity:1}
#preview-seek{position:absolute;inset:-5px 0;width:100%;height:35px;margin:0;opacity:0;cursor:pointer}
.preview-seek-wrap:focus-within{outline:none}
#preview-seek:focus{outline:none;box-shadow:none}
/* Keyboard focus lights the waveform without drawing a rectangular frame. */
.preview-seek-wrap:has(#preview-seek:focus-visible) .wave{filter:drop-shadow(0 0 2px #f3eee580)}
.preview-listen .timeline #time{flex:none;min-width:57px;color:#d8d6d0;font:400 8px/1 Inter,sans-serif;text-align:right}
.preview-listen .controls{order:4;margin-top:2px;gap:12px}
.preview-listen .controls .control{width:24px;height:30px;flex:none}
.preview-listen .controls .control svg{width:17px;height:17px}
.preview-listen .controls .play{width:32px;height:32px}
.preview-listen .controls .play svg{fill:currentColor;width:17px;height:17px}
.preview-listen .volume{margin-left:auto;display:flex;gap:7px}
.preview-listen .volume input{width:53px}
.preview-picker{position:relative;margin-top:18px}
.preview-picker-head{display:flex;align-items:center;justify-content:space-between;min-height:16px;margin-bottom:7px}
.preview-picker-head>p{font:400 10px/1.3 Inter,Arial,sans-serif;color:#c8c8c4;margin:0}
.preview-venues{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
.preview-venues button{min-width:0;min-height:25px;padding:3px 4px;border:1px solid #ffffff2e;border-radius:3px;background:#10131455;color:#eeeae5;cursor:pointer;font:400 9px/1.15 Inter,Arial,sans-serif;text-align:center;transition:color .15s,border-color .15s,background .15s}
.preview-venues button[aria-pressed=true]{border-color:#ffffff60}
.preview-venues button:hover{border-color:#fff;background:#ffffff12}
.preview-listen[data-view=playlists] .preview-picker-head{position:absolute;right:0;top:0;margin:0;min-height:25px}
#preview-back{border:0;background:none;padding:4px 0 4px 8px;color:#d2d2cd;font:400 10px/1.3 Inter,Arial,sans-serif;cursor:pointer;text-shadow:inherit;min-height:25px}
#preview-back:hover{color:#fff}
#preview-back span{margin-right:3px}
.preview-branch-root{display:flex;align-items:center;min-height:25px;gap:10px}
#preview-selected{display:inline-flex;align-items:center;min-height:25px;max-width:calc(100% - 104px);padding:4px 10px;border:1px solid #ff303b99;background:#a016211f;border-radius:3px;font:500 11px/1.2 Inter,Arial,sans-serif;box-sizing:border-box}
.branch-caption{display:none}
.preview-playlists{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:13px}
.preview-playlists::before{content:"";position:absolute;top:-7px;left:16.5%;right:16.5%;height:1px;background:#a5aaa34d}
.preview-playlists::after{content:"";position:absolute;top:-13px;left:16.5%;height:6px;width:1px;background:#a5aaa34d}
.preview-playlists button{position:relative;min-width:0;min-height:48px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;padding:7px 8px;border:1px solid #ffffff30;border-radius:3px;background:#11161960;color:#f0efeb;text-align:left;cursor:pointer;text-shadow:inherit}
.preview-playlists button:nth-child(-n+3)::before{content:"";position:absolute;top:-8px;left:50%;height:7px;width:1px;background:#a5aaa34d}
.preview-playlists button[aria-pressed=true]{border-color:var(--red);background:#82151b35}
.preview-playlists button:hover{border-color:#f2f0e9;background:#ffffff0e}
.playlist-name{font:500 10px/1.22 Inter,Arial,sans-serif;letter-spacing:-.015em}
.playlist-description{font:400 8px/1.3 Inter,Arial,sans-serif;color:#bfc1bc}
.preview-listen button:focus-visible{outline:2px solid #f8eee5;outline-offset:2px}
.preview-listen .audio-message{font:400 10px/1.35 Inter,sans-serif;margin:5px 0 0;min-height:0;color:#f5d9d9}
.preview-listen .audio-message:empty{display:none}
.preview-noscript{font:400 12px/1.5 Inter,sans-serif}
@media(min-width:1500px) and (min-height:851px){
 .listen.preview-listen{bottom:30px}
 .preview-listen .player{grid-template-columns:74px minmax(0,1fr);gap:16px}
 .preview-listen .preview-cover{height:106px;padding:10px 5px}
 .preview-listen .preview-cover img{width:40px;height:40px}
 .preview-cover .preview-cover-brand{font-size:11px}
 .preview-listen .preview-cover figcaption{font-size:9px}
 .preview-listen .track h2{font-size:22px}
 .preview-listen .player-kicker{font-size:12px;margin-top:5px}
 .preview-listen .wave,.preview-seek-wrap{height:30px}
 .preview-listen .timeline #time{font-size:10px;min-width:70px}
 .preview-listen .controls .play{width:40px;height:40px}
 .preview-listen .controls{margin-top:5px;gap:16px}
 .preview-listen .volume input{width:74px}
 .preview-picker{margin-top:26px}
 .preview-picker-head{margin-bottom:10px}
 .preview-picker-head>p{font-size:12px}
 .preview-venues{gap:6px}
 .preview-venues button{min-height:34px;font-size:11px}
 #preview-back{font-size:12px;min-height:30px}
 #preview-selected{min-height:30px;font-size:13px;max-width:calc(100% - 130px)}
 .preview-playlists{gap:9px;margin-top:17px}
 .preview-playlists button{min-height:63px;padding:10px}
 .playlist-name{font-size:13px}
 .playlist-description{font-size:10px}
 .preview-playlists::before{top:-9px}
 .preview-playlists::after{top:-17px;height:8px}
 .preview-playlists button:nth-child(-n+3)::before{top:-10px;height:9px}
}
@media(min-width:901px) and (max-width:1150px){
 .listen.preview-listen{left:17.8%;right:21%}
 .preview-listen .track h2{font-size:14px}
 .preview-listen .player{grid-template-columns:45px minmax(0,1fr);gap:8px}
 .preview-listen .volume input{width:32px}
 .preview-venues button{font-size:8px}
 .playlist-name{font-size:9px}
 .playlist-description{font-size:7px}
}
@media(max-width:900px){
 /* Keep the M artwork undistorted. Compact, scrollable choices stay in its recess. */
 .homepage .right{container-type:inline-size;height:auto;min-height:0;background:var(--paper)}
 .homepage .sculpture{position:relative;inset:auto;width:calc(100% - 18px);height:auto;aspect-ratio:1286/1223;margin:17px 9px 0}
 .homepage .sculpture img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
 .homepage .niche-lighting{top:17px;left:9px;right:auto;bottom:auto;width:calc(100% - 18px);height:auto;aspect-ratio:1286/1223}
 .listen.preview-listen{position:absolute;left:18.2%;right:19.5%;bottom:12px;top:auto;padding:0;margin:0;background:none}
 .preview-listen .player{position:relative;inset:auto;grid-template-columns:43px minmax(0,1fr);gap:8px}
 .preview-listen .preview-cover{height:68px;padding:6px 3px}
 .preview-cover .preview-cover-brand{font-size:7px}
 .preview-listen .preview-cover img{height:25px;width:25px}
 .preview-listen .preview-cover figcaption{font-size:6px}
 .preview-listen .track h2{font-size:13px}
 .preview-listen .player-kicker{font-size:8px;margin-top:2px}
 .preview-listen .timeline{gap:5px;margin-top:1px}
 .preview-listen .timeline #time{font-size:7px;min-width:48px}
 .preview-listen .wave,.preview-seek-wrap{height:19px}
 .preview-listen .controls{margin-top:1px;gap:15px}
 .preview-listen .controls .play{height:29px;width:29px}
 .preview-listen .controls .control{width:26px;height:29px}
 .preview-listen .volume{display:none}
 .preview-picker{margin-top:13px}
 .preview-picker-head{min-height:16px;margin-bottom:6px}
 .preview-picker-head>p{font-size:11px}
 .preview-venues{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;max-height:124px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#767974 #252827;padding-right:4px;overscroll-behavior:contain}
 .preview-venues button{font-size:10px;min-height:38px;padding:4px}
 .preview-listen[data-view=venues] .player{display:none}
 .preview-listen[data-view=venues] .preview-picker{margin-top:0}
 .preview-listen[data-view=playlists] .preview-picker-head{min-height:21px}
 #preview-back{font-size:9px;min-height:21px;padding:3px 0 3px 6px}
 #preview-selected{font-size:10px;min-height:21px;max-width:calc(100% - 90px);padding:3px 6px}
 .preview-branch-root{min-height:21px}
 .preview-playlists{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:8px;max-height:73px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#767974 #252827;padding-right:4px;overscroll-behavior:contain}
 .preview-playlists::before,.preview-playlists::after,.preview-playlists button::before{display:none}
 .preview-playlists button{min-height:34px;padding:5px 6px;gap:0}
 .playlist-name{font-size:10px}
 .playlist-description{display:none}
 .preview-listen .audio-message{font-size:9px}
}
/* Stable player position: changing the number of choices cannot push it down. */
@media(min-width:901px){
 .listen.preview-listen{top:calc(50% + 44px);bottom:auto}
}
#preview-selected{position:relative;isolation:isolate}
#preview-selected::before,#preview-selected::after{content:"";position:absolute;z-index:-1;inset:0;border:1px solid #ffffff26;border-radius:3px;background:#222626;pointer-events:none}
#preview-selected::before{transform:translate(5px,5px)}
#preview-selected::after{transform:translate(3px,3px)}
@media(min-width:901px) and (max-height:750px){
 .preview-listen .player-kicker{display:none}
 .preview-listen .preview-cover{height:76px}
 .preview-picker{margin-top:13px}
 .preview-venues button{min-height:24px;font-size:9px}
 .preview-playlists button{min-height:45px;padding:6px 7px}
}
@media(max-width:900px){
 .listen.preview-listen{bottom:6px}
 .preview-listen .preview-cover{height:59px;padding:5px 3px}
 .preview-listen .preview-cover img{height:21px;width:21px}
 .preview-listen .player-kicker{display:none}
 .preview-listen .track h2{font-size:12px;line-height:1.15}
 .preview-listen .wave,.preview-seek-wrap{height:17px}
 .preview-listen .controls .play{height:26px;width:26px}
 .preview-listen .controls .control{height:26px}
 .preview-picker{margin-top:8px}
 .preview-playlists{grid-template-columns:repeat(3,minmax(0,1fr));max-height:64px;gap:4px;margin-top:8px;padding:0}
 .preview-playlists button{min-height:30px;padding:4px;font-size:9px}
 .playlist-name{font-size:9px;line-height:1.2}
 .preview-venues{max-height:124px}
 .preview-listen[data-view=venues] .preview-picker-head{margin-bottom:8px}
}
@media(min-width:600px) and (max-width:900px){
 .listen.preview-listen{bottom:25px}
 .preview-listen .player{grid-template-columns:70px minmax(0,1fr);gap:14px}
 .preview-listen .preview-cover{height:95px;padding:10px 5px}
 .preview-listen .preview-cover img{height:32px;width:32px}
 .preview-listen .preview-cover figcaption{font-size:8px}
 .preview-listen .preview-cover-brand{font-size:10px}
 .preview-listen .track h2{font-size:20px}
 .preview-listen .wave,.preview-seek-wrap{height:28px}
 .preview-listen .controls .play{height:38px;width:38px}
 .preview-listen .timeline #time{font-size:10px}
 .preview-picker{margin-top:25px}
 .preview-venues{grid-template-columns:repeat(3,minmax(0,1fr));max-height:255px;gap:6px}
 .preview-venues button{font-size:12px}
 #preview-back,#preview-selected{font-size:12px;min-height:28px}
 .preview-playlists{max-height:140px;gap:7px;margin-top:14px}
 .preview-playlists button{min-height:60px;padding:8px;gap:4px}
 .playlist-name{font-size:12px}
 .playlist-description{display:block;font-size:10px}
}
/* Collection cards: editorial hierarchy, no diagram wires. */
.preview-playlists::before,.preview-playlists::after,.preview-playlists button::before{display:none!important}
.preview-playlists{margin-top:13px;gap:7px}
.preview-playlists button{background:linear-gradient(135deg,#ffffff0d,#0c0f106b);border:1px solid #ffffff24;border-radius:5px;padding:8px;min-height:58px;gap:4px;box-shadow:inset 0 1px 0 #ffffff05;transition:background .18s,border-color .18s,transform .18s,color .18s}
.preview-playlists button:hover{transform:translateY(-2px);background:#ffffff14;border-color:#ffffff70}
.preview-playlists button[aria-pressed=true]{background:#eeeae2;color:#181b1c;border-color:#eeeae2;text-shadow:none;box-shadow:0 2px 6px #0002}
.preview-playlists button[aria-pressed=true] .playlist-description{color:#505453}
.playlist-name{font-size:11px;font-weight:500;line-height:1.18}
.playlist-description{font-size:9px;line-height:1.3;color:#c3c5c0}
#preview-selected{border-color:#e0e1d963;background:#252929;border-radius:4px;color:#eeeae4;font-weight:500}
#preview-selected::before,#preview-selected::after{border-color:#8188827a;background:#202525}
/* Typographic sleeves react to the selected collection. Logo geometry stays intact. */
.preview-listen .player{grid-template-columns:82px minmax(0,1fr);gap:13px}
.preview-listen .preview-cover{position:relative;width:82px;height:82px;aspect-ratio:1;display:block;padding:9px 8px;background:#eae5db;color:#181b1c;box-shadow:inset 0 1px 1px #ffffff25,0 2px 5px #0002;border-radius:3px;border:1px solid #ffffff2b;overflow:hidden}
.preview-listen .preview-cover::after{display:none}
.preview-cover .preview-cover-brand{position:absolute;top:8px;left:8px;font:700 9px/1 Oswald,sans-serif;letter-spacing:.02em}
.preview-listen .preview-cover img{position:absolute;top:7px;right:7px;width:12px;height:12px;filter:none}
.preview-cover-title{position:absolute;left:8px;right:6px;top:28px;font:600 14px/1.03 Oswald,sans-serif;letter-spacing:-.01em;overflow-wrap:normal;text-align:left;text-shadow:none}
.preview-listen .preview-cover figcaption{position:absolute;left:8px;right:5px;bottom:7px;font:500 6.5px/1.15 Inter,Arial,sans-serif;text-align:left}
.preview-listen .preview-cover[data-tone=red]{background:var(--red);color:#fff;border-color:#ffffff1f}
.preview-listen .preview-cover[data-tone=ink]{background:#101516;color:#f1ede5;border-color:#a4aaa057}
.preview-listen .preview-cover[data-tone=red] img{filter:brightness(0) invert(1)}
.preview-listen .preview-cover[data-tone=ink] .preview-cover-title{color:var(--red)}
@media(min-width:1500px) and (min-height:851px){
 .preview-listen .player{grid-template-columns:106px minmax(0,1fr);gap:18px}
 .preview-listen .preview-cover{width:106px;height:106px}
 .preview-cover .preview-cover-brand{font-size:12px;top:10px;left:10px}
 .preview-listen .preview-cover img{width:17px;height:17px;right:10px;top:8px}
 .preview-cover-title{font-size:19px;top:36px;left:10px;right:9px}
 .preview-listen .preview-cover figcaption{font-size:8px;left:10px;bottom:9px}
 .preview-playlists{gap:9px;margin-top:16px}
 .preview-playlists button{padding:10px;min-height:67px;gap:5px}
 .playlist-name{font-size:14px}
 .playlist-description{font-size:11px}
}
@media(min-width:901px) and (max-height:750px){
 .preview-listen .player{grid-template-columns:76px minmax(0,1fr);gap:11px}
 .preview-listen .preview-cover{width:76px;height:76px}
 .preview-cover-title{font-size:13px;top:26px}
 .preview-listen .preview-cover figcaption{bottom:6px;font-size:6px}
 .preview-playlists button{min-height:53px;padding:6px 7px;gap:3px}
 .playlist-name{font-size:10px}
 .playlist-description{font-size:8.5px}
}
@media(max-width:900px){
 .preview-listen .player{grid-template-columns:59px minmax(0,1fr);gap:8px}
 .preview-listen .preview-cover{width:59px;height:59px;padding:5px}
 .preview-cover .preview-cover-brand{left:5px;top:5px;font-size:6px}
 .preview-listen .preview-cover img{right:5px;top:4px;width:9px;height:9px}
 .preview-cover-title{left:5px;right:4px;top:18px;font-size:10px}
 .preview-listen .preview-cover figcaption{left:5px;bottom:4px;font-size:5px}
 .preview-playlists{gap:4px;margin-top:8px;max-height:66px}
 .preview-playlists button{min-height:31px;padding:4px;gap:0;border-radius:3px}
 .playlist-name{font-size:9px;line-height:1.22}
 .playlist-description{display:none}
 .preview-playlists button:hover{transform:none}
}
@media(min-width:600px) and (max-width:900px){
 .preview-listen .player{grid-template-columns:95px minmax(0,1fr);gap:14px}
 .preview-listen .preview-cover{width:95px;height:95px}
 .preview-cover .preview-cover-brand{left:9px;top:9px;font-size:10px}
 .preview-listen .preview-cover img{right:8px;top:8px;width:15px;height:15px}
 .preview-cover-title{left:9px;top:31px;font-size:17px}
 .preview-listen .preview-cover figcaption{left:9px;bottom:8px;font-size:7px}
 .preview-playlists{max-height:140px;margin-top:15px;gap:6px}
 .preview-playlists button{min-height:60px;padding:8px;gap:4px}
 .playlist-name{font-size:12px}
 .playlist-description{display:block;font-size:10px}
}
@media(prefers-reduced-motion:reduce){.preview-listen *{transition:none!important;animation:none!important}}
@media(max-width:599px){
 .preview-playlists{max-height:none;overflow:visible}
 .preview-playlists button{min-height:31px;padding:3px}
 .playlist-name{font-size:10px;line-height:1.1}
}
.preview-fold{position:absolute;inset:0;pointer-events:none;z-index:8;overflow:visible}
.preview-fold-card{position:absolute;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:3px;border:1px solid #ffffff30;border-radius:3px;background:#242a29;color:#f1ede5;text-align:center;font:400 9px/1.15 Inter,sans-serif}
@media(min-width:901px) and (max-height:750px){
 .preview-venues{grid-template-columns:repeat(6,minmax(0,1fr))}
 .preview-listen[data-view=playlists] .preview-picker{margin-top:10px}
 .preview-playlists button{padding:5px 7px;gap:2px}
 .playlist-name{line-height:1.16}
 .playlist-description{line-height:1.24}
}
/* Image sleeves: artwork and the mark only; names live in the player. */
.preview-listen .preview-cover{padding:0;background:#191e1e!important;border-color:#ffffff26!important;color:#fff;box-shadow:0 2px 7px #0003,inset 0 1px 0 #ffffff1f}
.preview-listen .preview-cover #preview-cover-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 43%;filter:grayscale(1) brightness(1.14);opacity:1;mix-blend-mode:normal}
.preview-listen .preview-cover .preview-cover-mark{position:absolute;top:auto;left:6px;bottom:6px;right:auto;width:16px;height:16px;object-fit:contain;filter:brightness(0) invert(1);z-index:2;opacity:.96}
.preview-listen .preview-cover::after{display:block;content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0005,transparent 36%);pointer-events:none;box-shadow:inset 1px 1px 3px #0003}
.preview-picker-head:empty{display:none}
.preview-listen[data-view=playlists] .preview-picker-head{display:none}
.preview-branch-root{padding:0 0 6px;min-height:28px}
#preview-selected{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:16px;max-width:100%;min-height:28px;padding:6px 10px;border:1px solid #c5c9c45c;border-radius:4px;background:linear-gradient(150deg,#424848,#242929);color:#fff;cursor:pointer;box-shadow:0 3px 7px #0005,inset 0 1px 0 #ffffff13;text-shadow:0 1px 1px #0008;font:500 11px/1.2 Inter,sans-serif;isolation:isolate;transition:background .18s,transform .18s}
#preview-selected::before,#preview-selected::after{content:"";z-index:-1;position:absolute;top:5px;bottom:-4px;left:4px;right:4px;transform:none;border:1px solid #c0c5c454;border-radius:4px;background:#272e2e;box-shadow:0 2px 3px #0004}
#preview-selected::before{left:8px;right:8px;top:8px;bottom:-7px;border-color:#8f999446;background:#1c2323}
#preview-selected svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.5}
#preview-selected:hover{background:linear-gradient(150deg,#515958,#313838);transform:translateY(-1px)}
.preview-playlists{margin-top:9px}
.preview-venues{grid-template-columns:repeat(5,minmax(0,1fr))}
.preview-venues button{border-radius:4px;background:linear-gradient(135deg,#ffffff0c,#0f131359);box-shadow:inset 0 1px 0 #ffffff05}
@media(max-width:900px){
 /* Remove the framing strip, preserve the artwork's width/height ratio. */
 .homepage .right{background:#080809;border:0}
 .homepage .sculpture{width:100%;margin:0;aspect-ratio:1286/1223;overflow:hidden;background:#080809}
 .homepage .sculpture img{transform:scale(1.035);transform-origin:center;clip-path:polygon(0 0,25.9% 0,50% 27%,74.1% 0,100% 0,100% 100%,0 100%)}
 .homepage .niche-lighting{top:0;left:0;width:100%;height:100%;aspect-ratio:1286/1223}
 .listen.preview-listen{left:18%;right:18%;bottom:10px}
 .preview-venues{grid-template-columns:repeat(2,minmax(0,1fr));max-height:130px}
 .preview-listen .preview-cover .preview-cover-mark{width:12px;height:12px;bottom:4px;left:4px}
 .preview-branch-root{min-height:20px;padding-bottom:5px}
 #preview-selected{font-size:10px;min-height:20px;padding:3px 7px;gap:10px}
 #preview-selected svg{width:10px;height:10px}
 #preview-selected::after{bottom:-3px;top:4px}
 #preview-selected::before{bottom:-6px;top:6px}
 .preview-playlists{margin-top:7px}
}
@media(min-width:600px) and (max-width:900px){
 .listen.preview-listen{bottom:24px}
 .preview-venues{grid-template-columns:repeat(4,minmax(0,1fr));max-height:230px}
 #preview-selected{min-height:28px;font-size:12px;padding:6px 10px}
 .preview-playlists{margin-top:14px}
}
@media(min-width:1500px) and (min-height:851px){#preview-selected{font-size:13px;padding:8px 12px;min-height:34px}.preview-playlists{margin-top:12px}}
.preview-stack{position:relative;display:inline-block;padding-bottom:7px;max-width:100%}
#preview-selected{z-index:3;min-width:154px;max-width:100%;border-radius:5px;box-shadow:inset 0 1px 0 #ffffff1c,0 1px 3px #0005}
#preview-selected::before,#preview-selected::after{display:none}
.stack-card{position:absolute;height:calc(100% - 7px);border:1px solid #9da7a052;border-radius:5px;background:#272e2e;box-shadow:0 2px 3px #0006}
.stack-card-back{z-index:1;left:8px;right:8px;bottom:0;background:#192121}
.stack-card-middle{z-index:2;left:4px;right:4px;bottom:3px;background:#303737}
.preview-branch-root{padding-bottom:0}
@media(max-width:599px){#preview-selected{min-width:122px}.preview-stack{padding-bottom:5px}.stack-card{height:calc(100% - 5px)}.stack-card-middle{bottom:2px}.stack-card-back{bottom:0}.preview-branch-root{padding-bottom:0}}
/* Glass shares the graphite beneath it; selection is a lit edge, never a white block. */
.preview-venues button,.preview-playlists button{
 border:1px solid #e0ebe333;border-top-color:#edf4ee61;border-radius:7px;
 background:radial-gradient(ellipse at 18% 0%,#ffffff1c,transparent 70%),linear-gradient(145deg,#d9e4df0c,#11181829 65%,#e5ebe50a);
 -webkit-backdrop-filter:blur(4px) saturate(1.06);backdrop-filter:blur(4px) saturate(1.06);
 box-shadow:inset 0 1px 0 #ffffff15,inset 0 -1px 0 #ffffff07,0 3px 7px #0002;
 color:#f3f2ed;text-shadow:0 1px 1px #0006;
 transition:background .2s,border-color .2s,box-shadow .2s,transform .2s;
}
.preview-venues button:hover,.preview-playlists button:hover{
 background:radial-gradient(ellipse at 70% 0%,#ffffff2c,transparent 75%),linear-gradient(145deg,#e6f0ea12,#141d1c30);
 border-color:#e4ece681;box-shadow:inset 0 1px 0 #ffffff26,0 4px 10px #0003;color:#fff;
}
.preview-playlists button[aria-pressed=true]{
 background:radial-gradient(ellipse at 25% 0%,#ffffff35,transparent 75%),linear-gradient(145deg,#cedfd524,#25302c66);
 border-color:#e6eee487;border-top-color:#f3f7efa6;color:#fff;text-shadow:0 1px 1px #0005;
 box-shadow:inset 2px 0 0 var(--red),inset 0 1px 0 #ffffff30,0 3px 9px #0004;
}
.preview-playlists button[aria-pressed=true] .playlist-description,.playlist-description{color:#d0d5ce}
#preview-selected{
 background:radial-gradient(ellipse at 15% 0%,#ffffff45,transparent 75%),linear-gradient(155deg,#dfe9e125,#26322dbb);
 -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
 border:1px solid #d6e5da79;border-top-color:#f4f8efad;border-radius:7px;
 box-shadow:inset 0 1px 0 #ffffff30,inset 0 -1px 0 #ffffff0d,0 4px 10px #0005;
}
#preview-selected:hover{background:radial-gradient(ellipse at 60% 0%,#ffffff55,transparent 75%),linear-gradient(155deg,#dfe9e131,#26322dbb);border-color:#f0f3e8aa}
.stack-card{border-radius:7px;box-shadow:inset 0 1px 0 #f5fff51a,0 3px 5px #0005;border-color:#bfcfc564}
.stack-card-middle{background:linear-gradient(160deg,#7c88804d,#1b2523b8)}
.stack-card-back{background:linear-gradient(160deg,#798a7c2b,#101b17b8)}
.preview-listen .preview-cover #preview-cover-art{filter:grayscale(.8) brightness(1.08)}
@media(max-width:599px){
 .preview-venues button,.preview-playlists button{border-radius:5px}
 .preview-venues button,.preview-playlists button,#preview-selected{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
}

/* Pricing: one baseline, one font for both choices, clear annual condition. */
.homepage .commerce .offer{display:grid;grid-template-rows:30px minmax(0,1fr);align-items:stretch;gap:2px;padding:8px 12px 9px;}
.homepage .commerce .billing{position:static;justify-self:end;align-self:start;display:flex;align-items:stretch;gap:2px;width:max-content;max-width:100%;height:30px;padding:2px;border:1px solid #ffffff24;border-radius:7px;background:#1a1a1c;box-shadow:none;}
.homepage .commerce .billing button{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:24px;padding:0 8px;border:0;border-radius:4px;font:500 12px/1 Inter,Arial,sans-serif;letter-spacing:0;white-space:nowrap;color:#c2c2c6;}
.homepage .commerce .billing button[aria-pressed=true]{background:#f2f0e9;color:#141416;box-shadow:0 1px 3px #0004;}
.homepage .commerce .billing button span{display:block;margin:0;padding:0;font:750 12px/1 Inter,Arial,sans-serif;letter-spacing:-.02em;color:#ff3340;}
.homepage .commerce .billing button[aria-pressed=true] span{color:#bb1722;}
.homepage .commerce .offer-top{display:flex;width:100%;height:auto;min-height:0;align-items:center;justify-content:center;margin:0;padding:0;transform:none;}
.homepage .commerce .price{display:flex;align-items:center;justify-content:center;gap:12px;margin:0;transform:none;width:max-content;max-width:100%;}
.homepage .commerce .price strong{font-size:46px;line-height:1;}
.homepage .commerce .price .currency{font-size:.57em;margin-left:4px;}
.homepage .commerce .price .unit{display:flex;flex-direction:column;align-items:flex-start;gap:4px;font:400 18px/1 ReferenceUI,Arial,sans-serif;letter-spacing:0;white-space:nowrap;}
.homepage .commerce .price .unit small{display:block;font:400 9px/1.2 Inter,Arial,sans-serif;color:#bdbdc2;letter-spacing:0;}
.homepage .facts .fact:first-child .fact-icon::after{display:none;}
/* A shallow stack: just two closely nested edges below the selected venue. */
.preview-stack{padding-bottom:3px;}
.stack-card{height:calc(100% - 3px);box-shadow:0 1px 2px #0004;border-color:#c4ceca40;}
.stack-card-middle{left:2px;right:2px;bottom:1px;}
.stack-card-back{left:4px;right:4px;bottom:0;}
#preview-selected{box-shadow:inset 0 1px 0 #ffffff20,0 2px 5px #0003;}
.preview-listen .preview-cover{border:0!important;border-radius:3px;box-shadow:0 2px 6px #0003!important;}
.preview-listen .preview-cover::after{box-shadow:none;background:linear-gradient(0deg,#0003,transparent 22%);}
.preview-listen .preview-cover #preview-cover-art{filter:saturate(.88);object-position:center;}
@media(min-width:1500px){
 .homepage .commerce .offer{grid-template-rows:34px minmax(0,1fr);padding:10px 16px 12px;}
 .homepage .commerce .billing{height:34px;}
 .homepage .commerce .billing button{font-size:14px;padding-inline:10px;}
 .homepage .commerce .billing button span{font-size:14px;}
 .homepage .commerce .price strong{font-size:58px;}
 .homepage .commerce .price .unit{font-size:22px;}
 .homepage .commerce .price .unit small{font-size:11px;}
}
@media(max-width:599px){
 .homepage .commerce .offer{grid-template-rows:32px minmax(0,1fr);padding:9px 12px 10px;}
 .homepage .commerce .billing{height:32px;}
 .homepage .commerce .billing button{font-size:13px;padding-inline:9px;}
 .homepage .commerce .billing button span{font-size:13px;}
 .homepage .commerce .price strong{font-size:48px;}
 .homepage .commerce .price .unit{font-size:20px;}
 .homepage .commerce .price .unit small{font-size:10px;}
 .preview-stack{padding-bottom:3px;}.stack-card{height:calc(100% - 3px);}.stack-card-middle{bottom:1px;}
}

.homepage .commerce .billing{grid-row:1;order:0;}
.homepage .commerce .offer-top{grid-row:2;order:0;}

@media(min-width:901px) and (max-width:1499px){
 .homepage .commerce .offer{container-type:inline-size;}
 .homepage .commerce .price{gap:clamp(6px,4cqw,12px);}
 .homepage .commerce .price strong{font-size:clamp(30px,20cqw,46px);}
 .homepage .commerce .price .unit{font-size:clamp(13px,8cqw,18px);}
 .homepage .commerce .price .unit small{font-size:clamp(8px,4cqw,9px);}
}

/* Clear edges, almost no fill: let the actual graphite remain visible. */
.preview-venues button,.preview-playlists button,#preview-selected{
 background:linear-gradient(155deg,#ffffff06 0%,#ffffff00 30%,#ffffff00 76%,#ffffff03 100%);
 -webkit-backdrop-filter:none;backdrop-filter:none;
 border:1px solid #ffffff30;border-top-color:#ffffff61;
 box-shadow:inset 0 1px 0 #ffffff09,0 1px 3px #0002;
 color:#f5f4ef;text-shadow:0 1px 2px #0009;
}
.preview-venues button:hover,.preview-playlists button:hover,#preview-selected:hover{
 background:linear-gradient(155deg,#ffffff0b,#ffffff00 50%,#ffffff03);
 border-color:#ffffff65;border-top-color:#ffffff8c;
 box-shadow:inset 0 1px 0 #ffffff10,0 0 5px #ffffff08;
}
.preview-playlists button[aria-pressed=true]{
 background:linear-gradient(155deg,#ffffff09,#ffffff00 40%,#ffffff02);
 border:1px solid #ffffffe0;
 box-shadow:0 0 5px #ffffff21,inset 0 0 3px #ffffff0a;
 color:#fff;
}
.preview-playlists button[aria-pressed=true] .playlist-description{color:#e2e3dd;}
.stack-card,.stack-card-middle,.stack-card-back{
 background:transparent;border-color:#ffffff2a;border-top-color:#ffffff30;
 box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;
}
#preview-selected{border-color:#ffffff50;border-top-color:#ffffff85;}

.homepage .commerce .offer{justify-content:stretch;}

/* Soft illumination on graphite: no continuous white frame. */
.preview-venues button,.preview-playlists button,#preview-selected{
 border:0;background:linear-gradient(145deg,#ffffff0a,#ffffff02 42%,#00000009);
 box-shadow:inset 0 .5px 0 #ffffff14,inset 0 -.5px 0 #0004,0 2px 4px #0003;
 -webkit-backdrop-filter:none;backdrop-filter:none;
}
.preview-venues button:hover,.preview-playlists button:hover,#preview-selected:hover{
 border:0;background:radial-gradient(ellipse at 45% 0%,#ffffff13,transparent 78%),linear-gradient(145deg,#ffffff05,#00000006);
 box-shadow:inset 0 .5px 0 #ffffff24,0 1px 7px #ffffff07;
}
.preview-playlists button[aria-pressed=true]{
 border:0;background:radial-gradient(ellipse at 50% 0%,#ffffff24,transparent 86%),linear-gradient(145deg,#ffffff0b,#ffffff02);
 box-shadow:0 0 12px #ffffff14,inset 0 1px 0 #ffffff28,inset 0 -1px 0 #ffffff08;
}
.preview-venues button::after,.preview-playlists button::after{
 content:"";position:absolute;top:0;left:15%;right:15%;height:1px;
 background:linear-gradient(90deg,transparent,#ffffff28,transparent);pointer-events:none;
}
.preview-venues button{position:relative;}
.preview-playlists button[aria-pressed=true]::after{background:linear-gradient(90deg,transparent,#ffffff65,transparent);}
/* Two offset surfaces read as cards, rather than parallel rules beneath a button. */
.preview-branch-root{padding-top:5px;}
.preview-stack{padding:0 6px 0 0;}
.stack-card-back{display:none;}
.stack-card-middle{
 display:block;left:5px;right:0;top:-4px;bottom:4px;height:auto;
 transform:rotate(1.8deg);transform-origin:80% 60%;border:0;border-radius:8px;
 background:linear-gradient(145deg,#ffffff13,#ffffff04 60%,#00000010);
 box-shadow:inset 0 .75px 0 #ffffff30,1px 1px 3px #0004;
}
#preview-selected{
 border:0;border-radius:8px;min-height:30px;padding:7px 11px;
 background:radial-gradient(ellipse at 18% 0%,#ffffff20,transparent 78%),linear-gradient(150deg,#ffffff0c,#14141433);
 box-shadow:inset 0 1px 0 #ffffff25,inset 0 -.75px 0 #0005,0 3px 5px #0004;
}
#preview-selected:hover{background:radial-gradient(ellipse at 62% 0%,#ffffff25,transparent 85%),#ffffff08;box-shadow:inset 0 1px 0 #ffffff32,0 3px 6px #0004;}
.homepage .commerce .billing{height:32px;padding:2px;border:0;background:#ffffff09;border-radius:7px;gap:3px;box-shadow:inset 0 1px 3px #0006;}
.homepage .commerce .billing button{font:550 13px/1 Inter,Arial,sans-serif;min-height:28px;padding:0 9px;border-radius:5px;gap:7px;}
.homepage .commerce .billing button[aria-pressed=true]{background:var(--red);color:#fff;box-shadow:inset 0 1px 0 #ffffff21,0 1px 4px #0004;}
.homepage .commerce .billing button span,.homepage .commerce .billing button[aria-pressed=true] span{font:750 13px/1 Inter,Arial,sans-serif;color:inherit;}
.homepage .commerce .offer{grid-template-rows:32px minmax(0,1fr);}
.homepage .facts .fact .fact-icon::after{display:none;}
.homepage .facts .fact:nth-child(2) .fact-icon::after,.homepage .facts .fact:nth-child(4) .fact-icon::after{display:block;content:"";position:absolute;right:-3px;bottom:0;width:8px;height:8px;border:2px solid var(--paper);border-radius:50%;background:var(--red);}
@media(min-width:1500px){
 .homepage .commerce .offer{grid-template-rows:36px minmax(0,1fr);}
 .homepage .commerce .billing{height:36px;}
 .homepage .commerce .billing button,.homepage .commerce .billing button span{font-size:14px;}
}
@media(max-width:599px){
 .preview-branch-root{padding-top:4px;}
 #preview-selected{min-height:22px;padding:4px 8px;}
 .stack-card-middle{top:-3px;bottom:3px;left:4px;}
}