.mobile-experience{display:none}@media (max-width:700px),(max-height:520px){html,body{background:#05070c;height:100%;overflow:hidden}.jukebox-shell{display:none!important}.mobile-experience{background:#05070c;flex-direction:column;width:100%;min-width:0;max-width:100vw;height:100dvh;display:flex;overflow:hidden}.mobile-hero{touch-action:none;flex:1;min-width:0;min-height:0;position:relative;overflow:hidden}.mobile-poster,.mobile-hero .now-visual{aspect-ratio:auto;background:#070b13;border:0;border-radius:0;position:absolute;inset:0}.mobile-hero .now-visual:after{box-shadow:inset 0 -56px 40px #05070c55}.mobile-overlay{z-index:2;isolation:isolate;max-width:min(640px,100%);padding:72px 20px calc(16px + env(safe-area-inset-bottom));pointer-events:none;position:absolute;bottom:0;left:0;right:0}.mobile-overlay:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(95% 80% at 22% 58%,#05070cc2 0%,#0000 70%),linear-gradient(#0000 0%,#05070c26 22%,#05070c66 45%,#05070ca6 70%,#05070cdb 100%);position:absolute;inset:0}.mobile-overlay button{pointer-events:auto}.mobile-now{color:#5ce8e9;letter-spacing:.22em;text-shadow:0 1px 1px #000a,0 2px 10px #000c;margin:0 0 8px;font-size:10px;font-weight:800}.mobile-overlay h1{color:#fff;letter-spacing:-.05em;text-shadow:0 1px 1px #000e,0 2px 6px #000c,0 4px 14px #000a;filter:drop-shadow(0 1px 2px #000c);overflow-wrap:anywhere;margin:0;font-size:clamp(32px,8vw,64px);line-height:.95}.mobile-artist{color:#e8eef8;text-shadow:0 1px 1px #000c,0 2px 8px #000b;filter:drop-shadow(0 1px 2px #000a);margin:10px 0 0;font-size:clamp(16px,2.4vw,22px)}.mobile-request{color:#1d0b15;letter-spacing:.14em;background:#ff61ad;border:1px solid #ff61ad;border-radius:999px;min-height:44px;margin-top:16px;padding:0 16px;font-size:11px;font-weight:800}.mobile-request.is-requested{color:#ffd0e6;background:0 0}.mobile-hint{color:#d5dde8;text-shadow:0 1px 1px #000a,0 2px 8px #0009;margin:10px 0 0;font-size:11px}.mobile-rail{background:#070b13;flex-direction:column;min-width:0;min-height:0;display:flex}.mobile-nav{padding:4px 6px calc(6px + env(safe-area-inset-bottom));border-top:1px solid #243246;flex:none;grid-template-columns:1fr 1fr 1fr 1fr;display:grid}.mobile-nav button{color:#8b9bb0;letter-spacing:.1em;background:0 0;border:0;min-height:44px;font-size:9px;font-weight:800}.mobile-nav .is-active{color:#5ce8e9}.mobile-coach{z-index:4;pointer-events:none;color:#e8eef8;letter-spacing:.06em;text-shadow:0 1px 2px #000c,0 4px 16px #000a;margin:0;font-size:13px;font-weight:700;animation:4.2s forwards mobile-coach-fade;position:absolute;bottom:28%;left:16px;right:16px}@keyframes mobile-coach-fade{0%,55%{opacity:1}to{opacity:0}}.mobile-search,.mobile-shelves{overscroll-behavior:contain;touch-action:pan-y;flex:1;min-width:0;max-width:100%;min-height:0;padding:8px 16px 16px;overflow:hidden auto}.mobile-surface-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.mobile-surface-head p{color:#5ce8e9;letter-spacing:.2em;margin:0;font-size:10px;font-weight:800}.mobile-live-back{color:#d7dee8;letter-spacing:.12em;background:#070b13;border:1px solid #fff2;border-radius:999px;min-width:44px;min-height:36px;padding:0 10px;font-size:10px;font-weight:800}.mobile-search .search-panel{max-width:none;margin:0 0 12px}.mobile-search-box{min-height:56px;padding:0 14px}.mobile-search-box input{font-size:18px}.mobile-search-ui{flex-direction:column;min-width:0;max-width:100%;min-height:0;display:flex}.search-video-list{flex-direction:column;gap:18px;min-width:0;padding:0 0 20px;display:flex}.search-video{min-width:0;max-width:100%;overflow:hidden}.search-still{aspect-ratio:16/9;background:radial-gradient(circle at 22% 24%,#214f66 0,#0000 32%),linear-gradient(145deg,#19283c,#0b121d 68%);border-radius:4px;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.search-still img{object-fit:cover}.search-still .now-visual-placeholder{font-size:42px}.search-video-copy{min-width:0;padding-top:10px}.search-video-copy h3{color:#fff;letter-spacing:-.03em;overflow-wrap:anywhere;margin:0;font-size:20px;line-height:1.05}.search-video-copy p{color:#d5dde8;margin:6px 0 0;font-size:15px}.search-video .mobile-request,.search-video .wish{width:100%;min-height:48px;margin-top:12px}.search-empty,.search-status,.search-request-error{color:#d5dde8;margin:20px 4px 0;font-size:16px;line-height:1.4}.search-request-error{color:#ffd0e6}.search-confirm{min-width:0;padding:28px 8px 20px}.search-confirm p{color:#5ce8e9;letter-spacing:.2em;margin:0 0 10px;font-size:12px;font-weight:800}.search-confirm h2{color:#fff;letter-spacing:-.04em;overflow-wrap:anywhere;margin:0;font-size:clamp(26px,7vw,36px);line-height:1.05}.search-confirm-actions{flex-direction:column;gap:10px;margin-top:24px;display:flex}.search-confirm-keep,.search-confirm-live{letter-spacing:.12em;border-radius:999px;min-height:48px;font-size:11px;font-weight:800}.search-confirm-keep{color:#1d0b15;background:#ff61ad;border:1px solid #ff61ad}.search-confirm-live{color:#e8eef8;background:0 0;border:1px solid #fff3}.mobile-shelves .section{margin-top:8px}.mobile-shelves .section-heading{margin-bottom:10px}.mobile-shelves .shelf{touch-action:pan-x;scroll-snap-type:x proximity;flex-direction:row;gap:12px;padding:0 1px 14px;display:flex;overflow:auto hidden}.mobile-shelves .video-card{scroll-snap-align:start;flex-direction:column;flex:none;width:min(78vw,300px);min-width:min(78vw,300px);max-width:min(78vw,300px);display:flex}.mobile-shelves .thumb-wrap{aspect-ratio:16/9;width:100%;min-height:0}.mobile-shelves .card-copy{padding-top:10px}.mobile-shelves .card-copy h3{-webkit-line-clamp:2;line-clamp:2;white-space:normal;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0 0 4px;font-size:16px;font-weight:800;line-height:1.25;display:-webkit-box;overflow:hidden}.mobile-shelves .card-copy p{font-size:14px;font-weight:650}.mobile-shelves .video-card.is-tappable{cursor:pointer}.mobile-shelves .video-year{display:none}}@media (max-width:700px) and (orientation:portrait){.mobile-experience.is-search .mobile-hero,.mobile-experience.is-shelves .mobile-hero{display:none}.mobile-experience.is-search .mobile-rail,.mobile-experience.is-shelves .mobile-rail{flex:1}.mobile-experience.is-search .mobile-nav,.mobile-experience.is-shelves .mobile-nav{order:2}.mobile-experience.is-search .mobile-search,.mobile-experience.is-shelves .mobile-shelves{order:1}}@media (orientation:landscape) and (max-height:500px){.mobile-experience{display:block;position:relative}.mobile-hero{flex:none;position:absolute;inset:0}.mobile-hero .now-visual:after{box-shadow:inset 0 -32px 28px #05070c40}.mobile-overlay{left:max(16px, env(safe-area-inset-left));right:auto;bottom:max(12px, env(safe-area-inset-bottom));max-width:min(58vw,420px);padding:48px 16px 4px 4px}.mobile-overlay h1{font-size:clamp(26px,5.4vw,40px)}.mobile-artist{margin-top:6px;font-size:15px}.mobile-request{min-height:36px;margin-top:10px}.mobile-hint,.mobile-coach{display:none}.mobile-rail{top:max(8px, env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom));z-index:3;background:0 0;width:auto;position:absolute}.mobile-nav{border:0;flex-direction:column;gap:4px;width:92px;padding:0;display:flex}.mobile-nav button{background:#070b13cc;border:1px solid #fff2;border-radius:999px;min-height:34px;font-size:8px}.mobile-experience.is-search .mobile-rail{left:max(8px, env(safe-area-inset-left));right:max(8px, env(safe-area-inset-right));background:#070b13f2;border-radius:14px;flex-direction:column;width:auto;max-width:none;display:flex;overflow:hidden}.mobile-experience.is-shelves .mobile-rail{background:#070b13f2;border-radius:14px;width:min(78vw,560px);max-width:min(78vw,560px);overflow:hidden}.mobile-experience.is-search .search-video{grid-template-columns:minmax(140px,28%) minmax(0,1fr);align-items:center;gap:10px;display:grid}.mobile-experience.is-search .search-video-copy{padding-top:0}.mobile-experience.is-search .search-video-copy h3{font-size:16px}.mobile-experience.is-search .search-video-copy p{font-size:13px}.mobile-experience.is-search .search-video .mobile-request{min-height:36px;margin-top:6px}.mobile-experience.is-search .search-confirm-actions{flex-direction:row}.mobile-experience.is-search .search-confirm-keep,.mobile-experience.is-search .search-confirm-live{flex:1;min-height:40px}.mobile-experience.is-search .mobile-nav{display:none}.mobile-experience.is-search .mobile-surface-head{margin-bottom:4px}.mobile-experience.is-search .mobile-surface-head .mobile-live-back[aria-label=Close\ search]{display:none}.mobile-experience.is-search .mobile-live-back{min-height:32px}.mobile-experience.is-search .mobile-search{padding:4px 12px 8px}.mobile-experience.is-search .search-panel{margin-bottom:6px}.mobile-experience.is-search .mobile-search-box{min-height:44px}.mobile-experience.is-search .search-video-list{gap:8px}.mobile-experience.is-shelves .mobile-nav{border-bottom:1px solid #243246;flex-direction:row;width:100%;padding:6px}.mobile-search,.mobile-shelves{padding-top:8px}.mobile-experience.is-search .mobile-search{padding-top:4px}.mobile-shelves .video-card{width:min(36vw,280px);min-width:min(36vw,280px);max-width:min(36vw,280px)}}@media (min-width:701px) and (max-width:1366px) and (orientation:portrait){.mobile-overlay{max-width:70%;padding-top:80px;padding-bottom:22px;left:28px}.mobile-overlay h1{font-size:clamp(44px,7vw,72px)}.mobile-nav{padding:8px 24px calc(10px + env(safe-area-inset-bottom))}.mobile-experience.is-search .mobile-hero,.mobile-experience.is-shelves .mobile-hero{flex:0 0 38dvh;min-height:38dvh}.mobile-experience.is-search .mobile-rail,.mobile-experience.is-shelves .mobile-rail{flex:1}.mobile-experience.is-search .mobile-overlay h1,.mobile-experience.is-shelves .mobile-overlay h1{font-size:clamp(28px,4vw,40px)}.mobile-experience.is-search .search-video-copy h3{font-size:24px}.mobile-experience.is-search .search-still{border-radius:6px}.mobile-shelves .video-card{width:min(42vw,280px);min-width:min(42vw,280px);max-width:min(42vw,280px)}}@media (min-width:701px) and (max-width:1366px) and (orientation:landscape) and (min-height:501px){.mobile-experience{flex-direction:row}.mobile-hero{flex:1}.mobile-overlay{left:max(24px, env(safe-area-inset-left));max-width:min(46vw,520px);padding:56px 20px 8px 4px;bottom:24px;right:auto}.mobile-overlay h1{font-size:clamp(36px,4.6vw,58px)}.mobile-hint,.mobile-coach{display:none}.mobile-rail{background:#070b13;border-left:1px solid #243246;flex:0 0 72px;width:72px;max-width:72px;overflow:hidden}.mobile-nav{border:0;grid-template-columns:1fr;gap:6px;padding:12px 6px}.mobile-nav button{min-height:44px;font-size:8px}.mobile-experience.is-search .mobile-rail{flex:0 0 min(460px,44vw);width:min(460px,44vw);min-width:0;max-width:min(460px,44vw);overflow:hidden}.mobile-experience.is-shelves .mobile-rail{flex:0 0 min(380px,36vw);width:min(380px,36vw);min-width:0;max-width:min(380px,36vw);overflow:hidden}.mobile-experience.is-search .search-video-copy h3{font-size:18px}.mobile-experience.is-search .mobile-nav,.mobile-experience.is-shelves .mobile-nav{border-bottom:1px solid #243246;grid-template-columns:1fr 1fr 1fr 1fr}.mobile-search,.mobile-shelves{padding:10px 14px}.mobile-shelves .video-card{width:220px;min-width:220px;max-width:220px}}
.kiosk-search-trigger{cursor:pointer;text-align:left;width:100%;color:inherit;font:inherit}.kiosk-search-trigger-text{letter-spacing:.02em;color:#fff;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:clamp(17px,2vw,26px);font-weight:800;overflow:hidden}.kiosk-search-trigger .kiosk-search-trigger-text:empty{color:#8ec8d4}.kiosk-search-trigger:not(:has(.kiosk-search-trigger-text:not(:empty))) .kiosk-search-trigger-text{color:#8ec8d4}.jukebox-shell.is-kiosk-search{flex-direction:column;height:100vh;min-height:0;max-height:100vh;display:flex;overflow:hidden}.jukebox-shell.is-kiosk-search .kiosk-top{flex:none}.jukebox-shell.is-kiosk-search .kiosk-search-workspace{flex:1;min-height:0}.kiosk-search-workspace{grid-template-rows:minmax(0,1fr) auto;gap:8px;min-height:0;display:grid;overflow:hidden}.kiosk-search-results-wrap{scrollbar-width:thin;min-height:0;padding:0 2px 8px;overflow-y:auto}.kiosk-search-results-head{align-items:baseline;gap:12px;margin:4px 0 10px;display:flex}.kiosk-search-results-head h2{margin:0;font-size:clamp(20px,2.4vw,28px)}.kiosk-search-empty{color:#8aa0b8;margin:16px 4px;font-size:14px}.kiosk-artist-chips{scrollbar-width:none;gap:10px;padding:4px 2px 10px;display:flex;overflow-x:auto}.kiosk-artist-chips::-webkit-scrollbar{display:none}.kiosk-artist-chip{color:#eef4ff;cursor:pointer;background:#0c1421;border:2px solid #3d5a78;border-radius:999px;flex:none;min-height:44px;padding:0 18px;font-size:14px;font-weight:700}.kiosk-search-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:14px;width:100%;display:grid}@media (min-width:900px) and (orientation:landscape){.kiosk-search-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1200px) and (orientation:landscape){.kiosk-search-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:899px) and (orientation:portrait){.kiosk-search-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.kiosk-search-card{cursor:pointer;text-align:left;color:inherit;background:0 0;border:0;flex-direction:column;gap:8px;min-width:0;padding:0;display:flex}.kiosk-search-card-frame{aspect-ratio:16/9;background:#1a130e;border:3px solid #7a5a32;border-radius:4px;width:100%;position:relative;overflow:hidden}.kiosk-search-card h3{color:#f4f8ff;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:clamp(16px,1.8vw,20px);font-weight:800;line-height:1.25;display:-webkit-box;overflow:hidden}.kiosk-search-card p{color:#c5d4e8;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:clamp(13px,1.4vw,16px);font-weight:650;line-height:1.3;overflow:hidden}.kiosk-search-card .song-availability{letter-spacing:.1em;margin:0;font-size:11px;font-weight:800}.kiosk-search-bottom{background:linear-gradient(#060a16ee 0%,#060a16 100%);border-top:1px solid #2a3d62;flex:none;gap:8px;padding-top:4px;display:grid}.kiosk-search-query{background:#071018;border:2px solid #3d5a78;border-radius:10px;align-items:center;gap:12px;min-height:52px;padding:0 14px;display:flex}.kiosk-search-query input{color:#fff;pointer-events:none;background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:clamp(18px,2vw,24px);font-weight:800}.kiosk-keyboard{gap:8px;padding-bottom:4px;display:grid}.kiosk-keyboard-row{flex-wrap:nowrap;justify-content:center;gap:8px;display:flex}.kiosk-keyboard-row:nth-child(2){padding-left:16px}.kiosk-keyboard-row:nth-child(3){padding-left:32px}.kiosk-key{color:#eef4ff;letter-spacing:.04em;cursor:pointer;touch-action:manipulation;background:#121923;border:2px solid #3d5a78;border-radius:8px;min-width:clamp(44px,7vw,64px);min-height:clamp(44px,7vh,56px);padding:0 10px;font-size:clamp(16px,2vw,20px);font-weight:800}.kiosk-key:active{background:#1e2d42}.kiosk-keyboard-actions{flex-wrap:wrap;justify-content:stretch;padding-left:0!important}.kiosk-key-wide{flex:2;min-width:120px}.kiosk-key-close{color:#58e7eb;background:#1a2838;border-color:#58e7eb}
.kiosk-credit-chip{color:#f3ead8;letter-spacing:.08em;white-space:nowrap;cursor:default;background:#24180f;border:2px solid #c4a574;border-radius:10px;min-width:140px;min-height:64px;padding:0 18px;font-size:16px;font-weight:800}.kiosk-credit-chip.is-token{cursor:pointer;border-color:#3adbe0}.kiosk-credit-chip.is-flash{color:#c8f04c;border-color:#c8f04c}.kiosk-notice{z-index:90;pointer-events:none;padding:max(24px, env(safe-area-inset-top)) 24px max(24px, env(safe-area-inset-bottom));background:#100c08cc;place-items:center;display:grid;position:fixed;inset:0}.kiosk-notice p{color:#c8f04c;letter-spacing:.08em;text-align:center;text-shadow:0 4px 24px #000c;margin:0;font-size:clamp(42px,12vw,96px);font-weight:900}.kiosk-notice.is-error p{color:#f45aa6}.kiosk-scan-button,.kiosk-scanner-close,.kiosk-scanner-submit{letter-spacing:.12em;cursor:pointer;border-radius:8px;min-width:56px;min-height:56px;padding:0 22px;font-size:13px;font-weight:800}.kiosk-scan-button,.kiosk-scanner-submit{color:#071117;background:#3adbe0;border:1px solid #3adbe0}.kiosk-scanner-layer{z-index:80;background:#100c08f2;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.kiosk-scanner{gap:12px;width:min(560px,100%);display:grid}.kiosk-scanner h2{color:#f3ead8;margin:0;font-size:clamp(28px,4vw,40px)}.kiosk-scanner-close{color:#f3ead8;background:#1a130e;border:1px solid #7a5a32;justify-self:start}.kiosk-scanner-video{aspect-ratio:4/3;object-fit:cover;background:#1a130e;border:2px solid #7a5a32;width:100%}.kiosk-scanner-hint,.kiosk-scanner-error{color:#c4a574;margin:0}.kiosk-scanner-error{color:#f45aa6}.kiosk-scanner-manual{color:#c4a574;letter-spacing:.12em;gap:8px;font-size:11px;font-weight:800;display:grid}.kiosk-scanner-manual input{color:#f3ead8;background:#1a130e;border:1px solid #7a5a32;min-height:56px;padding:0 14px;font-size:18px}@media (min-width:701px){.jukebox-shell .queue-drawer .close,.jukebox-shell .search-box button,.song-detail-close{min-width:52px;min-height:52px}.jukebox-shell .request,.jukebox-shell .requested,.jukebox-shell .wish,.song-detail .song-action{min-height:48px}}
.shelf-style-switcher{z-index:80;border:1px solid var(--line,#5ce8e955);background:color-mix(in srgb, var(--panel,#07101e) 90%, transparent);max-width:calc(100vw - 20px);color:var(--text,#d7dee8);letter-spacing:.1em;pointer-events:auto;border-radius:10px;flex-direction:column;gap:6px;padding:8px 10px;font-size:9px;font-weight:800;display:flex;position:fixed;bottom:10px;left:10px}.shelf-style-switcher .proto-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.shelf-style-switcher span{color:var(--accent,#5ce8e9);margin-right:4px}.shelf-style-switcher button{min-height:28px;color:var(--muted,#c5ced8);letter-spacing:.08em;background:0 0;border:1px solid #fff2;border-radius:999px;padding:0 8px;font-size:8px;font-weight:800}.shelf-style-switcher button.is-on{border-color:var(--accent,#5ce8e9);color:var(--bg,#071117);background:var(--accent,#5ce8e9)}.shelf-wall[data-shelf-style=B] .video-card,.shelf-wall[data-shelf-style=C] .video-card,.shelf-wall .video-card.is-tappable{cursor:pointer}.shelf-wall[data-shelf-style=B] .video-card.is-selected .thumb-wrap,.shelf-wall[data-shelf-style=C] .video-card.is-selected .thumb-wrap{box-shadow:0 0 0 2px var(--accent,#5ce8e9)}.shelf-wall[data-shelf-style=B] .thumb-wrap{border-width:0;border-radius:3px}.shelf-wall[data-shelf-style=B] .card-overlay{z-index:1;pointer-events:none;background:linear-gradient(#0000 0%,#05070c99 55%,#05070cf2 100%);padding:36px 10px 10px;position:absolute;bottom:0;left:0;right:0}.shelf-wall[data-shelf-style=B] .card-overlay h3,.shelf-wall[data-shelf-style=B] .card-overlay p{color:#fff;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 2px #000c;margin:0;overflow:hidden}.shelf-wall[data-shelf-style=B] .card-overlay h3{letter-spacing:-.02em;font-size:14px}.shelf-wall[data-shelf-style=B] .card-overlay p{color:#d5dde8;margin-top:3px;font-size:12px}.shelf-wall[data-shelf-style=C] .video-card{content-visibility:auto}.shelf-wall[data-shelf-style=C] .thumb-wrap{border-width:2px;border-color:var(--frame,#f5f0e5);border-radius:2px}.shelf-wall[data-shelf-style=C] .card-copy{padding-top:8px}.shelf-wall[data-shelf-style=C] .card-copy h3{-webkit-line-clamp:2;line-clamp:2;white-space:normal;text-overflow:ellipsis;color:var(--text,#f4f8ff);letter-spacing:-.02em;-webkit-box-orient:vertical;margin:0 0 4px;font-size:15px;font-weight:800;line-height:1.25;display:-webkit-box;overflow:hidden}.shelf-wall[data-shelf-style=C] .card-copy p{color:var(--muted,#c5d4e8);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;font-weight:650;line-height:1.3;overflow:hidden}.jukebox-shell .shelf-row{--shelf-cols:4;--shelf-gap:14px;container:kiosk-shelf/inline-size}.jukebox-shell{max-width:none;padding:calc(8px + env(safe-area-inset-top)) calc(14px + env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) calc(14px + env(safe-area-inset-left))}.jukebox-shell .kiosk-top{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin:0 0 8px;display:grid}.jukebox-shell .search-panel{width:100%;max-width:none;margin:0}.jukebox-shell .search-box{background:#071018;border:3px solid #f3f7ff;border-radius:12px;gap:12px;min-height:72px;padding:0 16px;box-shadow:0 0 0 2px #0a0c10,0 10px 32px #000a}.jukebox-shell .request,.jukebox-shell .requested,.song-detail .song-action{touch-action:manipulation}.jukebox-shell .search-icon{color:#5ce8e9;flex:none;place-items:center;display:grid}.jukebox-shell .search-label{color:#5ce8e9;letter-spacing:.18em;flex:none;font-size:13px;font-weight:900}.jukebox-shell .search-box input{letter-spacing:.02em;color:#fff;font-size:26px;font-weight:800}.jukebox-shell .search-box input::placeholder{color:#8ec8d4;letter-spacing:.08em;opacity:1;font-weight:800}.jukebox-shell .shelf-wall .section{margin-top:10px}.jukebox-shell .shelf-wall .section:first-of-type{margin-top:4px}.jukebox-shell .shelf-wall .section-heading{justify-content:center;align-items:center;gap:0;margin-bottom:8px}.jukebox-shell .shelf-wall .section-heading>div{flex:1;min-width:0}.jukebox-shell .shelf-wall .section-heading h2{letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:16px;width:100%;font-size:22px;font-weight:800;display:flex}.jukebox-shell .shelf-wall .section-heading h2:before,.jukebox-shell .shelf-wall .section-heading h2:after{content:"";background:color-mix(in srgb, var(--accent,#e09a3e) 62%, var(--frame,#7a5a32));border-radius:999px;flex:1 1 0;min-width:20px;height:21px}.jukebox-shell .shelf-wall .catalog-count{display:none}.jukebox-shell .shelf-wall .shelf{grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--shelf-cols) - 1) * var(--shelf-gap)) / var(--shelf-cols));gap:var(--shelf-gap);scrollbar-width:none;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;width:100%;padding:2px 0 10px;scroll-padding-inline:0;display:grid;overflow-x:auto}.jukebox-shell .shelf-wall .shelf::-webkit-scrollbar{display:none}.jukebox-shell .shelf-wall .video-card,.jukebox-shell .shelf-wall[data-shelf-style=B] .video-card,.jukebox-shell .shelf-wall[data-shelf-style=C] .video-card{scroll-snap-align:start;scroll-snap-stop:always;content-visibility:visible;contain-intrinsic-size:auto;flex-direction:column;flex:none;width:auto;min-width:0;max-width:none;display:flex}.jukebox-shell .shelf-wall .thumb-wrap{flex:none;width:100%}@container kiosk-shelf (min-width:1020px){.shelf{--shelf-cols:5}}@container kiosk-shelf (min-width:1400px){.shelf{--shelf-cols:6}}.jukebox-shell .shelf-wall .card-copy,.jukebox-shell .shelf-wall[data-shelf-style=C] .card-copy{flex-direction:column;gap:2px;min-width:0;padding:12px 2px 0;display:flex}.jukebox-shell .shelf-wall .card-copy .video-details{min-width:0}.jukebox-shell .shelf-wall .card-copy h3,.jukebox-shell .shelf-wall[data-shelf-style=C] .card-copy h3{-webkit-line-clamp:2;line-clamp:2;white-space:normal;text-overflow:ellipsis;color:#f4f8ff;letter-spacing:-.02em;-webkit-box-orient:vertical;margin:0;font-size:18px;font-weight:800;line-height:1.25;display:-webkit-box;overflow:hidden}.jukebox-shell .shelf-wall .card-copy p,.jukebox-shell .shelf-wall[data-shelf-style=C] .card-copy p{color:#c5d4e8;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;font-weight:650;line-height:1.3;overflow:hidden}.shelf-wall .request{background:color-mix(in srgb, var(--request,var(--accent,var(--pink))) 16%, transparent);color:var(--request,var(--accent,var(--pink)));border:1px solid var(--request,var(--accent,var(--pink)))}.shelf-wall .request:hover,.shelf-wall .request:focus,.shelf-wall .request:focus-visible{background:color-mix(in srgb, var(--request,var(--accent,var(--pink))) 28%, transparent);border-color:var(--request,var(--accent,var(--pink)));color:var(--request,var(--accent,var(--pink)))}.shelf-wall .request:focus,.shelf-wall .request:focus-visible{outline:2px solid var(--request,var(--aqua));outline-offset:2px}.shelf-wall .request:disabled:not(.requested){opacity:.45;background:0 0}.shelf-wall .requested{background:color-mix(in srgb, var(--requested,var(--accent,var(--pink))) 18%, transparent);color:var(--requested,var(--accent,var(--pink)));border:1px solid var(--requested,var(--accent,var(--pink)));cursor:default}.shelf-wall .video-card.is-requested .thumb-wrap{box-shadow:0 0 0 2px var(--requested,var(--accent,#5ce8e9))}@media (max-width:700px){.shelf-style-switcher{bottom:62px}.mobile-shelves .shelf-wall[data-shelf-style=B] .video-card{width:min(86vw,340px);min-width:min(86vw,340px);max-width:min(86vw,340px)}.mobile-shelves .shelf-wall[data-shelf-style=C] .video-card{width:min(64vw,240px);min-width:min(64vw,240px);max-width:min(64vw,240px)}.mobile-shelves .shelf-wall[data-shelf-style=C] .card-copy h3{font-size:16px;line-height:1.25}.mobile-shelves .shelf-wall[data-shelf-style=C] .card-copy p{font-size:14px}}@media (min-width:701px) and (max-width:1366px){.mobile-shelves .shelf-wall .section{margin-top:6px}.mobile-shelves .shelf-wall .section-heading{margin-bottom:6px}.mobile-shelves .shelf-wall .section-heading h2{font-size:22px}.mobile-shelves .shelf-wall .shelf{gap:10px;padding-bottom:6px}.mobile-shelves .shelf-wall[data-shelf-style=B] .video-card{width:min(48vw,300px);min-width:min(48vw,300px);max-width:min(48vw,300px)}.mobile-shelves .shelf-wall[data-shelf-style=C] .video-card{width:min(30vw,210px);min-width:min(30vw,210px);max-width:min(30vw,210px)}.mobile-shelves .shelf-wall[data-shelf-style=C] .card-copy h3{font-size:17px}.mobile-shelves .shelf-wall[data-shelf-style=C] .card-copy p{font-size:14px}}html[data-color-theme=cinema]{--bg:#050506;--bg-glow:#16181f;--panel:#141416;--line:#2c2c32;--muted:#9aa0aa;--text:#f4f5f7;--accent:#73c9d8;--frame:#3a3b42;--aqua:#73c9d8}html[data-color-theme=warm]{--bg:#100c08;--bg-glow:#2a180c;--panel:#1a130e;--line:#3d2a18;--muted:#b8a48a;--text:#f3ead8;--accent:#e09a3e;--frame:#7a5a32;--aqua:#e09a3e;--request:#3adbe0;--requested:#c8f04c}html[data-color-theme=retroverse]{--bg:#060a16;--bg-glow:#1a1040;--panel:#0c1428;--line:#2a3d62;--muted:#8aa0c4;--text:#eef4ff;--accent:#5ce8e9;--frame:#3d5a78;--aqua:#5ce8e9;--pink:#ff61ad}html[data-color-theme]{background:var(--bg)}html[data-color-theme] body{background:radial-gradient(circle at 74% 8%, var(--bg-glow) 0, transparent 28rem), var(--bg);color:var(--text)}html[data-color-theme] .jukebox-shell{color:var(--text);background:0 0}html[data-color-theme] .topbar{border-color:var(--line)}html[data-color-theme] .brand-mark{border-color:var(--accent);color:var(--accent);box-shadow:inset 0 0 16px color-mix(in srgb, var(--accent) 12%, transparent)}html[data-color-theme] .home-link{color:var(--text)}html[data-color-theme] .home-link:hover{color:var(--accent)}html[data-color-theme] .queue-button{background:var(--panel);border-color:var(--line);color:var(--text)}html[data-color-theme] .queue-button b{background:var(--accent);color:var(--bg)}html[data-color-theme] .search-box kbd{border-color:var(--line);color:var(--muted)}html[data-color-theme=warm] .jukebox-shell .search-box{background:#071018;border:3px solid #f3f7ff;min-height:72px;box-shadow:0 0 0 2px #0a0c10,0 10px 32px #000a}html[data-color-theme=warm] .jukebox-shell .search-icon,html[data-color-theme=warm] .jukebox-shell .search-label{color:#5ce8e9}html[data-color-theme=warm] .jukebox-shell .search-box input{color:#fff;font-size:26px;font-weight:800}html[data-color-theme=warm] .jukebox-shell .search-box input::placeholder{color:#8ec8d4;letter-spacing:.08em;opacity:1;font-weight:800}html[data-color-theme] .message{color:var(--accent)}html[data-color-theme] .shelf-wall h2{color:var(--text)}html[data-color-theme] .catalog-count{color:var(--muted)}html[data-color-theme] .card-copy h3{color:var(--text)}html[data-color-theme] .card-copy p{color:var(--muted)}html[data-color-theme] .thumb-wrap{background:var(--panel);border-color:var(--frame)}html[data-color-theme] .shelf-wall[data-shelf-style=C] .thumb-wrap{border-color:var(--frame)}html[data-color-theme] .queue-drawer{background:var(--panel);border-color:var(--line);color:var(--text)}html[data-color-theme] .queue-item{border-color:var(--line)}html[data-color-theme] .queue-item>span{color:var(--accent)}html[data-color-theme=retroverse] .shelf-wall .shelf-row:nth-of-type(4n+1) h2{color:#5ce8e9}html[data-color-theme=retroverse] .shelf-wall .shelf-row:nth-of-type(4n+2) h2{color:#c6f04a}html[data-color-theme=retroverse] .shelf-wall .shelf-row:nth-of-type(4n+3) h2{color:#ff61ad}html[data-color-theme=retroverse] .shelf-wall .shelf-row:nth-of-type(4n+4) h2{color:#b57bff}html[data-color-theme=retroverse] .shelf-wall .shelf-row:nth-of-type(4n+2) .video-card.is-selected .thumb-wrap,html[data-color-theme=retroverse] .shelf-wall .shelf-row:nth-of-type(4n+2) .video-card.is-requested .thumb-wrap{box-shadow:0 0 0 2px #c6f04a}html[data-color-theme=retroverse] .shelf-wall .shelf-row:nth-of-type(4n+3) .video-card.is-selected .thumb-wrap,html[data-color-theme=retroverse] .shelf-wall .shelf-row:nth-of-type(4n+3) .video-card.is-requested .thumb-wrap{box-shadow:0 0 0 2px #ff61ad}html[data-color-theme=retroverse] .shelf-wall .shelf-row:nth-of-type(4n+4) .video-card.is-selected .thumb-wrap,html[data-color-theme=retroverse] .shelf-wall .shelf-row:nth-of-type(4n+4) .video-card.is-requested .thumb-wrap{box-shadow:0 0 0 2px #b57bff}@media (max-width:1366px),(max-height:520px){html[data-color-theme],html[data-color-theme] body,html[data-color-theme] .mobile-experience{background:var(--bg)}}
.song-detail-layer{z-index:70;background:#100c08cc;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0}.song-detail{color:#f3ead8;background:#100c08;border-left:1px solid #3d2a18;width:min(720px,100%);margin:0;padding:18px 16px 28px;position:relative;overflow-y:auto;box-shadow:-18px 0 60px #000a}.song-detail-close{z-index:2;color:#f3ead8;background:#100c08cc;border:0;width:44px;height:44px;font-size:28px;position:absolute;top:10px;right:10px}.song-detail-frame{aspect-ratio:16/9;background:#1a130e;border:2px solid #7a5a32;border-radius:2px;margin-bottom:14px;position:relative;overflow:hidden}.song-detail-empty{color:#7a5a32;place-items:center;height:100%;font-size:42px;display:grid}.song-availability{letter-spacing:.16em;margin:0 0 8px;font-size:10px;font-weight:800}.song-availability.is-in{color:#3adbe0}.song-availability.is-out{color:#e09a3e}.song-detail h2{letter-spacing:-.04em;color:#f3ead8;margin:0;font-size:clamp(26px,4vw,40px);line-height:1.05}.song-detail-head{flex-direction:column;align-items:flex-start;display:flex}.song-detail-artist{color:#b8a48a;min-height:1.2em;margin:8px 0 12px;font-size:16px}.song-detail .song-action{flex:none;margin-top:0;margin-bottom:18px}.song-detail-body{min-height:0}.song-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin:0 0 16px;display:grid}.song-meta dt{color:#8a7358;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:9px;font-weight:800}.song-meta dd{color:#f3ead8;margin:3px 0 0;font-size:13px}.song-story{color:#d9cbb6;margin:0 0 16px;font-size:14px;line-height:1.5}.song-detail-status,.song-detail-error,.song-wish-note{color:#3adbe0;font-size:12px}.song-action{letter-spacing:.12em;border-radius:999px;width:auto;min-height:40px;margin-top:4px;padding:0 16px;font-size:11px;font-weight:800}.song-detail .request{color:#3adbe0;background:#3adbe02e;border:1px solid #3adbe0}.song-detail .requested{color:#c8f04c;background:#c8f04c2e;border:1px solid #c8f04c}.wish{color:#e09a3e;background:0 0;border:1px solid #e09a3e}.wish:disabled{opacity:.7}.song-more{margin-top:28px}.song-more .eyebrow{color:#e09a3e;margin-bottom:10px}.song-more-list{flex-direction:column;gap:8px;display:flex}.song-more-item{text-align:left;color:#f3ead8;background:0 0;border:0;border-top:1px solid #3d2a18;justify-content:space-between;align-items:baseline;gap:12px;width:100%;padding:10px 0;font-size:14px;display:flex}.song-more-item small{letter-spacing:.12em;font-size:9px;font-weight:800}.song-more-item small.is-in{color:#3adbe0}.song-more-item small.is-out{color:#e09a3e}.search-hit-list{flex-direction:column;max-width:min(1120px,100%);display:flex}.search-video-open{text-align:left;width:100%;color:inherit;background:0 0;border:0;padding:0;display:block}.search-hit{cursor:pointer;border-top:1px solid #3d2a18;grid-template-columns:148px minmax(0,1fr);align-items:center;gap:12px;padding:10px 0;display:grid}.search-hit-still{aspect-ratio:16/9;background:#1a130e;border:2px solid #7a5a32;position:relative;overflow:hidden}.search-hit h3{color:#f3ead8;margin:0 0 4px;font-size:16px}.search-hit p{color:#b8a48a;margin:0;font-size:13px}.search-hit .song-availability{margin:8px 0}.search-hit .song-action{min-height:32px;margin-top:0;font-size:9px}@media (max-width:700px){.song-detail-layer{align-items:stretch}.song-detail{border-left:0;width:100%;padding-bottom:88px}}@media (min-width:701px) and (max-width:1366px){.song-detail-layer{background:#100c08b8;align-items:flex-start;padding:24px}.song-detail{border:1px solid #3d2a18;border-radius:4px;width:min(640px,92vw);max-height:90dvh}}@media (min-width:1367px){.song-detail-layer{background:#100c088f;justify-content:flex-end}.song-detail{width:min(560px,42vw);padding:22px 22px 36px}}
