:root{color-scheme:dark;--room-cream:#f1e4cf;--room-muted:#bbb3a7;--room-line:#645b4d}*{box-sizing:border-box}html{background:#0b1015;scroll-behavior:smooth}body{margin:0;color:var(--room-cream);background:radial-gradient(ellipse at 85% 10%,#52412a44,transparent 55%),#0b1015;font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100svh}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #eed6ae;outline-offset:5px}button:disabled{opacity:.5;cursor:wait}h1:focus{outline:none}.skip{position:absolute;left:16px;top:-100px;z-index:200;background:#10151b;padding:12px}.skip:focus{top:12px}.site-header{max-width:1100px;margin:auto;padding:22px max(22px,env(safe-area-inset-right)) 20px max(22px,env(safe-area-inset-left));border-bottom:1px solid #ede0cb23;display:flex;justify-content:space-between;align-items:center;gap:16px}.site-header .wordmark{font:500 18px/1.25 -apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI",sans-serif;letter-spacing:.1em;max-width:none;white-space:nowrap}.site-header .room-home{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--room-muted)}main{width:min(100% - 44px,940px);margin:36px auto 0;padding-bottom:18px}.room-record{display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,1fr);gap:40px;align-items:center}.room-cover,.song-art img,.song-art video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#101820;box-shadow:0 18px 50px #0006;border:1px solid #e0c18d22;border-radius:5px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:#d6bf9e;margin:0 0 16px}h1{font:400 clamp(40px,5.5vw,67px)/1.04 Georgia,serif;letter-spacing:-.035em;margin:0 0 14px;overflow-wrap:anywhere}.volume{font:italic 25px/1.3 Georgia,serif;color:#d5c2a4;margin:0 0 19px}.curator{font-size:13px;color:#d7c6af;margin:0 0 26px}.description{font-size:16px;line-height:1.8;color:#d1c9bc;margin:0 0 24px}.count{color:var(--room-muted);font-size:12px}.room-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:22px 0 16px}.room-actions button{min-height:46px;border:1px solid #d6bb91;border-radius:999px;padding:10px 18px;background:#ebd4b0;color:#16202a;cursor:pointer;font-size:13px;font-weight:650}.room-actions .secondary{background:transparent;color:#e9d7ba;border-color:#77664c}.source-note{font-size:12px;line-height:1.7;color:#a59e95;margin:24px 0 0}.room-back{display:inline-flex;min-height:44px;align-items:center;font-size:13px;color:#c3b7a7;margin:0 0 20px}.song-art,.song-copy{max-width:600px;margin:0 auto}.song-art{max-width:440px;margin-bottom:28px}.song-art[data-artwork-ratio="original"] img,.song-art[data-artwork-ratio="original"] video{aspect-ratio:auto}.song-heading{display:flex;gap:15px;align-items:flex-start;justify-content:space-between}.song-heading h1{font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:700;font-size:clamp(32px,5.5vw,52px)}.duration{font-size:14px;white-space:nowrap;color:#c3b7a7;padding-top:9px}.song-artist{font-size:20px;color:#e0d8ce;margin:0 0 9px}.song-album{font-size:14px;color:#aaa195;margin:0}.room-footer{max-width:940px;margin:20px auto 0;padding:26px 22px 260px;color:#a59e95;font-size:12px;text-align:center}.room-footer a{text-decoration:underline;text-underline-offset:3px}.room-footer p{margin:6px 0}.room-status{margin:0;min-height:0}.room-status:empty{display:none}.room-notice{position:fixed;z-index:200;bottom:180px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);padding:10px 18px;background:#eee1cb;color:#1d242b;border-radius:12px;font-size:13px;box-shadow:0 5px 24px #0006}.room-notice:empty{display:none}.room-song-link{flex:0 0 44px;width:44px;min-height:44px;display:grid;place-items:center;color:#d4c4b0}.room-song-link svg{width:18px;height:18px}.dsj-tracks li{display:flex;align-items:center}.dsj-tracks li>button{flex:1;min-width:0}.dsj-tracks li>a:focus-visible{outline-offset:-3px}.dsj-sheet .dsj-heading h2{font-family:inherit}.dsj-tracks button strong,.dsj-tracks button span{overflow-wrap:anywhere}.dsj-sheet{z-index:64}.dsj-tracks>li{scroll-margin-bottom:20px}#jukebox-dock{position:fixed;inset:auto 0 0;z-index:65;background:linear-gradient(160deg,#242429,#09090b);border-top:1px solid #4a4749;box-shadow:0 -12px 45px #000a;color:#f6f5f3;padding:8px max(12px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));font:14px/1.4 -apple-system,BlinkMacSystemFont,system-ui,sans-serif}#native-player:empty{min-height:0}@media(max-width:700px){main{width:calc(100% - 36px);margin-top:24px}.room-record{grid-template-columns:1fr;gap:28px;max-width:560px;margin:auto}.room-copy{padding:0 6px}.site-header{padding:18px;gap:12px}.site-header .wordmark{font-size:15px}.site-header .room-home{font-size:10px;letter-spacing:.08em}h1{font-size:clamp(40px,11vw,60px)}.description{font-size:15px}.room-actions{gap:9px}.room-actions button{padding:10px 15px}.room-footer{padding-bottom:260px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{scroll-behavior:auto!important}}



.volume-nav{width:min(100% - 44px,940px);margin:24px auto 0;display:flex;gap:10px;border-bottom:1px solid #ede0cb23;padding-bottom:20px}
.volume-nav a{display:flex;flex-direction:column;flex:1;gap:3px;min-height:64px;padding:10px 17px;border:1px solid #77706355;border-radius:7px;color:#c3b7a7;font:400 22px/1.25 Georgia,serif}
.volume-nav a span{font:500 10px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-transform:uppercase;letter-spacing:.12em;color:#a59e95}
.volume-nav a[aria-current=page]{border-color:#d6bb91;background:#d6bb9110;color:#f1e4cf}
.volume-nav a[aria-current=page] span{color:#d6bf9e}
.description p{margin:0 0 14px}.description p:last-child{margin-bottom:0}
.listening-notes{max-width:730px;margin:58px auto 46px;padding-top:34px;border-top:1px solid #ede0cb23}
.listening-notes h2,.listener-support h2{font:400 clamp(29px,4.6vw,41px)/1.14 Georgia,serif;letter-spacing:-.025em;margin:0 0 21px}
.listening-notes>p:not(.eyebrow),.song-story p{color:#d1c9bc;font-size:16px;line-height:1.85;margin:0 0 20px}
.volume-songs{max-width:730px;margin:0 auto 38px}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px}
.section-heading h2{font:400 27px/1.3 Georgia,serif;letter-spacing:-.02em;margin:0}.section-heading>span{font-size:12px;color:var(--room-muted);white-space:nowrap}
.volume-songs ol{list-style:none;padding:0;margin:0;border-top:1px solid #ede0cb23}.volume-songs li{border-bottom:1px solid #ede0cb18}
.volume-songs li>a{display:flex;align-items:center;gap:13px;min-height:65px;padding:14px 6px;border-radius:3px}.volume-songs li>a:hover{background:#f1e4cf08}
.song-number{flex:0 0 22px;color:#a59e95;font-size:12px;font-variant-numeric:tabular-nums}.song-row-title{flex:1;min-width:0;font-size:15px;line-height:1.45}.song-row-duration{color:#a59e95;white-space:nowrap;font-size:12px;font-variant-numeric:tabular-nums}.song-arrow{color:#c8bca9;font-size:18px;margin-left:4px}
.song-story{margin-top:35px;padding-top:26px;border-top:1px solid #ede0cb23}.song-story h2{font:400 27px/1.25 Georgia,serif;margin:0 0 18px}.song-lyrics,.song-video,.song-visuals{margin-top:25px;border-top:1px solid #ede0cb23;padding-top:12px}
.song-lyrics summary,.song-video summary,.song-visuals summary{cursor:pointer;padding:10px 0;color:#e0d8ce;font-size:15px;min-height:44px}.song-lyrics>div{color:#c3b7a7;line-height:1.9;margin:14px 0 20px;overflow-wrap:anywhere}.song-video video,.song-visuals video{display:block;width:100%;max-height:70svh;margin:14px auto;background:#050607;border-radius:5px}.song-video-link a{display:inline-flex;align-items:center;min-height:44px;color:#d6bf9e;text-decoration:underline;text-underline-offset:4px}
.listener-support{width:min(100% - 44px,730px);margin:54px auto 0;padding:38px 0 36px;border-top:1px solid #ede0cb45}.listener-support .eyebrow{margin-bottom:24px;color:#bbb3a7;font-size:11px;letter-spacing:.23em}.listener-support>p:not(.eyebrow){font:400 clamp(19px,2.7vw,24px)/1.6 Georgia,serif;color:#c9c4ba;margin:0 0 28px}.support-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px}.support-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border:1px solid #a39e92;border-radius:2px;padding:10px 20px;font-size:15px;color:#e0ddd6}.support-actions a:hover{background:#ffffff08}.support-actions span{font-size:14px;color:#a9a69f}
.room-footer{margin-top:6px;padding-bottom:210px}.room-footer .publishing-credit{margin-top:33px;font-size:12px;color:#918f89}.install-link{display:inline-flex;align-items:center;min-height:44px;margin-top:10px;border:0;padding:4px 10px;color:#b6b0a4;background:none;text-decoration:underline;text-underline-offset:4px;font-size:12px;cursor:pointer}.no-script{max-width:730px;margin:20px auto 200px;padding:0 22px}
.jukebox-loading{max-width:840px;min-height:70px;margin:0 auto;padding:22px 12px;color:#bbb6ad;font-size:13px}.jukebox-loading[hidden]{display:none}#native-player[data-preparing=true]{display:none}
.dsj-tracks li>button.room-song-link{flex:0 0 44px;width:44px;min-width:44px;display:grid;place-items:center;padding:0;color:#d4c4b0;background:transparent;border:0}.dsj-tracks li>button.room-song-link svg{width:17px;height:17px}.dsj-tracks li>button.room-song-link:focus-visible{outline-offset:-4px}
@media(max-width:700px){.site-header .room-home{max-width:72px;text-align:right}.volume-nav{width:calc(100% - 36px);margin-top:18px;gap:9px;padding-bottom:18px}.volume-nav a{font-size:21px;padding:9px 13px;min-height:60px}.listening-notes{margin-top:44px;padding-top:28px;margin-bottom:35px}.listening-notes>p:not(.eyebrow),.song-story p{font-size:15px;line-height:1.8}.volume-songs li>a{gap:11px;padding:13px 3px}.song-row-title{font-size:14px}.listener-support{width:calc(100% - 42px);margin-top:38px;padding-top:32px}.listener-support h2{font-size:32px;line-height:1.2}.listener-support>p:not(.eyebrow){font-size:21px}.support-actions{gap:20px}.support-actions a{padding:10px 17px}.room-footer{padding-bottom:210px}.song-story{margin-top:29px}}
@media(max-width:360px){.site-header .wordmark{font-size:13px}.site-header .room-home{font-size:9px}.song-row-duration{font-size:11px}.song-number{flex-basis:18px}.support-actions{gap:15px}.support-actions a{font-size:14px}.support-actions span{font-size:13px}}

#jukebox-dock .tn-player-identity img{width:27px;height:48px;aspect-ratio:9/16;object-fit:contain;border-radius:3px}#jukebox-dock #native-player[data-artwork-ratio="original"] .tn-player-identity img{width:auto;max-width:42px;aspect-ratio:auto}

.room-artwork{min-width:0}
[data-room-artwork-surface]{touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}

/* Preserve portrait artwork when the shared compact transport narrows. */
#jukebox-dock #native-player .tn-persistent-player .tn-player-identity img{width:27px!important;height:48px!important;aspect-ratio:9/16;object-fit:contain;border-radius:3px}
#jukebox-dock #native-player[data-artwork-ratio="original"] .tn-persistent-player .tn-player-identity img{width:auto!important;max-width:42px;aspect-ratio:auto}


/* The artwork itself is the gesture surface; audio controls stay in the footer. */
[data-room-artwork-viewport]{position:relative;overflow:hidden;border-radius:5px;touch-action:pan-y pinch-zoom;isolation:isolate}
[data-room-artwork-viewport] > [data-room-artwork-surface]{backface-visibility:hidden}
[data-room-artwork-viewport].is-swiping > [data-room-artwork-surface],[data-room-artwork-viewport].is-swiping > .artwork-swipe-preview{will-change:transform}
[data-room-artwork-viewport].is-dragging{cursor:grabbing}
[data-room-artwork-viewport] > .artwork-swipe-preview{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;aspect-ratio:auto;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none;background:#101820;border:0;box-shadow:none;border-radius:5px;backface-visibility:hidden}
[data-room-artwork-viewport]:focus-visible{outline:2px solid #dec79f;outline-offset:5px}
[data-room-artwork-viewport] > [data-room-artwork-surface]{pointer-events:none}
.song-art video::-webkit-media-controls,.song-art video::-webkit-media-controls-enclosure,.song-art video::-webkit-media-controls-panel,.song-art video::-webkit-media-controls-start-playback-button{display:none!important}


/* Immersive artwork overlays the room, never the verified player. */
body.ss-imm-open{overflow:hidden}.song-art[data-room-artwork-viewport]{cursor:zoom-in}
#ss-immersive[hidden]{display:none!important}#ss-immersive{position:fixed;inset:0;z-index:60;background:#030405;color:#f5f1e9;isolation:isolate}
.ss-imm-background{position:absolute;inset:0;overflow:hidden;opacity:.24;pointer-events:none}.ss-imm-background img{width:100%;height:100%;object-fit:cover;filter:blur(55px);transform:scale(1.25)}
.ss-imm-stage{position:absolute;inset:0 0 var(--ss-imm-dock,130px);overflow:hidden}
.ss-imm-cover,.ss-imm-stage>video{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;background:transparent;border:0;border-radius:0;box-shadow:none;padding:58px 0 8px}
.ss-imm-stage>video{opacity:0;pointer-events:none;transition:opacity .2s}.ss-imm-ready .ss-imm-stage>video{opacity:1}
.ss-imm-glow{position:absolute;inset:10%;opacity:0;pointer-events:none;background:radial-gradient(ellipse at center,#e5c69355,transparent 65%);mix-blend-mode:screen;animation:ss-imm-breathe 8s ease-in-out infinite}
#ss-immersive[data-mode=glow] .ss-imm-glow{opacity:.8}.ss-imm-stars{position:absolute;inset:0;opacity:0;pointer-events:none}
#ss-immersive[data-mode=stars] .ss-imm-stars{opacity:1}.ss-imm-stars i{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff2d9;box-shadow:0 0 7px #ffdfa8;animation:ss-imm-star 7s ease-in-out infinite alternate}
.ss-imm-bar{position:absolute;inset:0 0 auto;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));background:linear-gradient(#020305df,transparent)}
.ss-imm-bar button,.ss-imm-bar select{min-height:44px;color:#f6f1e9;background:#131515df;border:1px solid #ffffff44;border-radius:999px;padding:8px 12px;font:500 13px/1.2 -apple-system,BlinkMacSystemFont,system-ui,sans-serif}
.ss-imm-bar button{cursor:pointer}.ss-imm-bar label{display:flex;gap:8px;align-items:center;color:#e2d6c4;font:500 12px/1 -apple-system,BlinkMacSystemFont,system-ui,sans-serif}.ss-imm-bar select{max-width:50vw}.ss-imm-bar :focus-visible{outline:2px solid #e5c99e;outline-offset:3px}
.ss-imm-stage>video::-webkit-media-controls,.ss-imm-stage>video::-webkit-media-controls-enclosure,.ss-imm-stage>video::-webkit-media-controls-panel,.ss-imm-stage>video::-webkit-media-controls-start-playback-button{display:none!important}
@keyframes ss-imm-breathe{0%,100%{transform:scale(.85);opacity:.3}50%{transform:scale(1.12);opacity:1}}
@keyframes ss-imm-star{0%{transform:translateY(4px) scale(.5);opacity:.15}100%{transform:translate(5px,-8px) scale(1.5);opacity:.85}}
@media(prefers-reduced-motion:reduce){.ss-imm-glow,.ss-imm-stars i{animation:none!important}}
@media(max-width:420px){.ss-imm-bar select{max-width:52vw}.ss-imm-bar{gap:6px}.ss-imm-bar label{gap:4px}}

#jukebox-dock .tn-player-track{overflow:hidden}
#jukebox-dock .tn-player-track strong.room-title-glide{width:max-content;max-width:none;overflow:visible;text-overflow:clip}
@media(prefers-reduced-motion:reduce){#jukebox-dock .tn-player-track strong.room-title-glide{width:auto;max-width:100%;overflow:hidden;text-overflow:ellipsis;transform:none!important}}

.song-art[data-artwork-fit="cover"] > video{object-fit:cover}

html[data-room-service="down"] :is(.listener-support,.song-video,.song-video-link),
html[data-room-service="down"]:is([data-room-issue="timeout"],[data-room-issue="failed"],[data-room-issue="service-unconfigured"]) :is(.tn-player-status,.tn-player-help){display:none}


/* The album introduces the rooms before the cover or support invitation. */
.experience-arrival{max-width:730px;margin:0 auto 42px;padding:4px 0 30px;border-bottom:1px solid #ede0cb23}
.experience-arrival .eyebrow{margin-bottom:14px;color:#e3c99f;font-size:11px;letter-spacing:.16em}
.experience-arrival h1{font-size:clamp(30px,5vw,48px);margin-bottom:20px}
.experience-arrival h2{font:400 clamp(25px,4vw,40px)/1.18 Georgia,serif;letter-spacing:-.025em;margin:0 0 18px;color:#f6ead5}
.experience-invitation{max-width:560px;margin:0;color:#c9c2b7;font-size:15px;line-height:1.65}
.experience-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;margin-top:22px}
.experience-enter{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:48px;padding:12px 22px;border-radius:999px;background:#ebd4b0;color:#16202a;font-size:14px;font-weight:650}
.experience-enter:hover{background:#f5e3c9}.experience-enter span{font-size:20px;line-height:1}
.experience-browse{display:inline-flex;align-items:center;min-height:44px;font-size:13px;text-decoration:underline;text-underline-offset:5px;color:#d6c7ae}
.album-story-title{font:400 clamp(30px,4vw,48px)/1.1 Georgia,serif;letter-spacing:-.025em;margin:0 0 14px}
#songs-heading{scroll-margin-top:24px}
@media(max-width:700px){.experience-arrival{margin-bottom:30px;padding-bottom:26px}.experience-arrival h1{font-size:34px;margin-bottom:16px}.experience-arrival h2{font-size:28px}.experience-arrival .eyebrow{font-size:10px;letter-spacing:.12em}.experience-invitation{font-size:14px}.experience-actions{margin-top:18px;gap:8px 18px}.experience-enter{padding:10px 19px}}
@media(max-width:360px){.experience-arrival h1{font-size:30px;margin-bottom:12px}.experience-arrival h2{font-size:24px;margin-bottom:12px}.experience-invitation{font-size:13px;line-height:1.5}.experience-actions{gap:3px;margin-top:12px;align-items:flex-start;flex-direction:column}.experience-enter{min-height:44px}.experience-browse{font-size:12px}}
