#private-player #now-title.private-crossfade{width:100%;text-overflow:clip}#private-player #now-title .motion-text.has-overflow.is-current>span{animation-play-state:paused}#private-player.private-title-playing #now-title .motion-text.has-overflow.is-current>span{animation-play-state:running} .private-home-only,.private-mini-expand{display:none} #private-home-explore{display:none} .private-queue-dialog{box-sizing:border-box;width:min(620px,calc(100% - 28px));max-height:calc(100dvh - 40px);padding:24px;border:1px solid #ffffff24;border-radius:24px;background:#141316;color:#f7f5f8;box-shadow:0 24px 90px #0009;overflow:auto}.private-queue-dialog::backdrop{background:#000a;backdrop-filter:blur(10px)} .private-queue-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap;margin:0 0 14px;padding:0}.private-queue-dialog h2{font-size:25px;letter-spacing:-.6px;margin:3px 0}.private-queue-eyebrow{font-size:10px;letter-spacing:.13em;color:#df8fa4;margin:0}.private-queue-dialog button{color:inherit}.private-queue-dialog [data-queue-close],.private-queue-row>[data-queue-remove]{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:11px;background:transparent;border:0;border-radius:50%}.private-queue-dialog svg{width:22px;height:22px;flex:none}.private-queue-dialog [data-queue-summary]{font-size:13px;line-height:1.5;color:#b9b0bd;margin:0 0 20px}.private-queue-list{min-height:70px;max-height:50dvh;overflow:auto;overscroll-behavior:contain}.private-queue-row{display:flex;align-items:center;min-width:0;border-top:1px solid #ffffff12}.private-queue-row>[data-queue-play]{display:flex;align-items:center;gap:10px;flex:1;min-width:0;min-height:72px;padding:10px 0;margin:0;background:transparent;border:0;text-align:left}.private-queue-row [aria-current=true]{color:#ff8aa4}.private-queue-row .queue-art{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#ed627b16;color:#e982a0;flex:none;overflow:hidden}.private-queue-row .queue-art canvas,.private-queue-row .queue-art img{width:100%;height:100%;object-fit:cover}.private-queue-copy{flex:1;min-width:0}.private-queue-copy strong{display:block;font-size:14px;line-height:1.4;overflow-wrap:anywhere}.private-queue-copy small{display:block;font-size:12px;line-height:1.4;color:#b0a4b4;margin-top:3px}.private-queue-number{flex:none;width:18px;font-size:11px;color:#918595}.private-queue-play-icon{display:grid;place-items:center;color:#ff8ba5}.private-queue-dialog>footer{margin-top:20px;padding-top:16px;border-top:1px solid #ffffff19}.private-queue-dialog .private-queue-save{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:48px;margin:0;background:#d94b6e;border:1px solid #ed7895;border-radius:14px;font-weight:650}.private-queue-dialog button:disabled{opacity:.4;cursor:default}.private-queue-dialog footer>p{font-size:12px;color:#ab9fb0;line-height:1.5;text-align:center;margin:12px 0 0}.private-queue-dialog button:focus-visible{outline:2px solid #ff9db5;outline-offset:2px} @media(max-width:700px), (max-width:900px) and (max-height:500px){ /* Hide before JS initializes, including on a slow connection or refresh. */ .private-site-footer{display:none!important} .private-home-mobile.private-home-overview #private-home-explore:not([hidden]){display:block;margin-top:30px;border-top:1px solid #ffffff20} #private-home-explore>summary{display:flex;align-items:center;gap:12px;min-height:72px;padding:14px 0;box-sizing:border-box;list-style:none;cursor:pointer;color:#efedf2} #private-home-explore>summary::-webkit-details-marker{display:none} #private-home-explore>summary>svg{width:24px;height:24px;flex:none;color:#b9b5c2} #private-home-explore>summary>span:not(.private-explore-chevron){flex:1;min-width:0;font-size:17px;font-weight:550} #private-home-explore>summary small{display:block;margin-top:5px;font-size:12px;line-height:1.4;font-weight:400;color:#9f9ba7} #private-home-explore .private-explore-chevron{display:grid;place-items:center;flex:none;width:32px;height:32px;color:#aaa5b3} #private-home-explore .private-explore-chevron svg{width:20px;height:20px} #private-home-explore[open] .private-explore-chevron{transform:rotate(180deg)} #private-home-explore>summary:focus-visible,.private-home-context-slot>[data-home-mark]:focus-visible{outline:2px solid #eee;outline-offset:2px;border-radius:8px} .private-home-mobile #private-home-explore>.private-site-footer{display:block!important;margin:0;padding:10px 0 4px;border:0} #private-home-explore .private-site-footer>.eyebrow{display:none} #private-home-explore .private-footer-grid{gap:24px 18px} #private-home-explore .private-footer-grid h3{font-size:14px;margin-bottom:8px} #private-home-explore .private-footer-grid nav{gap:0} #private-home-explore .private-footer-grid a{display:inline-flex;align-items:center;min-height:44px;font-size:13px} #private-home-explore .site-footer-links{gap:0} #private-home-explore .site-footer-social-links{gap:8px;margin-top:8px} #private-home-explore .site-footer-social-link{flex-basis:44px;width:44px;max-width:44px;height:44px;min-height:44px;max-height:44px} body.private-home-mobile{background:#050505;color:#f4f3f5;--private-mobile-player-height:88px} body.private-home-mobile>.player#private-player{transition:transform 160ms ease,opacity 160ms ease} body.private-home-mobile.private-bottom-playback>.player#private-player.private-player-switching{transform:translateY(calc(100% + 24px))!important;opacity:0!important;pointer-events:none} body.private-home-mobile main{margin-left:0!important;padding:18px max(18px,env(safe-area-inset-right,0px)) calc(98px + env(safe-area-inset-bottom,0px)) max(18px,env(safe-area-inset-left,0px))!important} .private-home-mobile main>header:not(#private-home-header),.private-home-mobile #workspace>.toolbar,.private-home-mobile:not(.private-nav-open):not(.private-nav-slim) .private-sidebar,.private-home-mobile .private-site-footer{display:none!important} .private-home-mobile #private-mobile-library-tools:not([open]){display:none!important} .private-home-mobile .private-home-only{display:block}.private-home-mobile .private-home-only[hidden]{display:none!important} .private-home-context-slot [data-home-back] span{display:block;box-sizing:border-box;width:12px;height:12px;margin:auto;border-left:2.5px solid currentColor;border-bottom:2.5px solid currentColor;transform:rotate(45deg)}.private-home-action-pill>button+button{border-left:1px solid #ffffff1c;border-radius:0 25px 25px 0} #private-home-header{display:flex!important;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:8px;margin:0 0 18px;padding:0;border:0;min-width:0} .private-home-title{min-width:0;flex:1;display:flex;align-items:center;gap:4px;overflow:hidden}.private-home-title h1{min-width:0;flex:1;font-size:clamp(18px,5vw,24px);line-height:1.15;letter-spacing:-.5px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #private-home-header h1:focus{outline:0} #private-home-page-heading{margin:0 0 22px;padding:0;min-width:0}#private-home-page-heading>p{margin:0 0 7px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#b8a4ae}#private-home-page-heading h2{margin:0;font-size:clamp(23px,5.8vw,30px);line-height:1.22;font-weight:650;letter-spacing:-.6px;overflow-wrap:anywhere} .private-home-mobile #album-back{display:none!important}.private-home-mobile .private-home-header-actions{margin-left:auto;flex-shrink:0} .private-home-mobile .private-page-navigation>button{display:inline-grid;place-items:center;box-sizing:border-box;width:40px;min-width:40px;height:40px;padding:0;border-radius:50%;font-size:23px;line-height:1} .private-home-mobile #album-panel-full svg{width:26px;height:26px;max-width:none;max-height:none}.private-home-mobile #album-panel-full{padding:9px} [data-private-track-time].is-live{font-variant-numeric:tabular-nums;white-space:nowrap;color:#f2c2cf;font-size:11px}#album-detail .album-track-play:has([data-private-track-time].is-live){grid-template-columns:26px minmax(0,1fr)auto} #cards[data-view=list] .private-compact-card:has(>.private-card-duration.is-live)>h3{padding-right:96px} .private-home-mobile.private-player-detailed>#private-player .transport{position:relative;box-sizing:border-box;padding-left:44px}.private-home-mobile.private-player-detailed>#private-player .transport #player-theater{position:absolute;left:0;top:0;margin:0} .private-home-title button{font-size:30px;border:0;background:none;padding:0;width:44px;min-width:44px;height:44px}.private-home-context-slot{display:grid;place-items:center;width:44px;height:44px;min-width:44px;flex:none}.private-home-context-slot>[hidden]{display:none!important}.private-home-context-slot>[data-home-mark]{display:grid;place-items:center;width:44px;height:44px;cursor:pointer;text-decoration:none}.private-home-context-slot img{display:block;width:30px;height:30px;object-fit:contain} .private-home-header-actions{display:flex;align-items:center;gap:8px;flex:none}.private-home-action-pill{display:flex;padding:1px 3px;border:1px solid #ffffff1c;background:#1d1d1f;border-radius:28px} .private-home-header-actions .private-account{position:relative!important;inset:auto!important;margin:0!important;flex:none} .private-home-action-pill button{display:grid;place-items:center;min-width:44px;width:44px;height:44px;padding:10px;border:0;background:transparent}.private-home-action-pill svg{width:24px;height:24px} #private-home-header #private-account-button{width:44px;height:44px;min-width:44px;border-color:#444;border-radius:50%;background:#29272c}#private-home-header #private-account-button .brand-bars{transform:none} .private-home-landing #workspace>:not(#private-home-content),.private-home-overview:not(.private-nav-open):not(.private-nav-slim) .private-panel-edge,.private-home-usage #workspace>:not(#library-usage):not(#storage-options){display:none!important} .private-home-mobile:not(.private-home-usage) #library-usage,.private-home-mobile:not(.private-home-usage) #storage-options,.private-home-mobile #owner-test-controls{display:none!important} .private-home-directories{display:flex;flex-direction:column}.private-home-directories>button{display:flex;align-items:center;gap:14px;background:none;border:0;border-radius:0;border-bottom:1px solid #ffffff19;padding:15px 0;min-height:61px;text-align:left;width:100%;margin:0} .private-home-directories>button>svg{width:25px;height:25px;flex:none;color:#ed627b}.private-home-directories>button>span{font-size:20px;flex:1;min-width:0;overflow-wrap:anywhere}.private-home-directories>button small{display:block;font-size:12px;color:#929095;margin-top:4px}.private-home-directories>button b{font-size:24px;color:#747277;font-weight:400;padding-right:2px} .private-home-recent{margin-top:25px}.private-home-recent h2{font-size:23px;letter-spacing:-.4px;margin:0 0 17px}.private-home-recent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px} .private-home-tile{display:block;min-width:0;padding:0;margin:0;border:0;border-radius:0;background:none;text-align:left}.private-home-tile-art{display:grid;place-items:center;width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden;background:linear-gradient(145deg,#25252a,#151516);position:relative}.private-home-tile-art>svg{width:40px;height:40px;color:#8d858f}.private-home-tile-art canvas,.private-home-tile-art img{width:100%;height:100%;object-fit:cover} .private-home-tile>strong,.private-home-tile>small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.private-home-tile>strong{font-size:14px;font-weight:500;margin-top:9px}.private-home-tile>small{font-size:12px;color:#9a969e;margin-top:4px}.private-home-tile:focus-visible{outline:2px solid #fff;outline-offset:4px;border-radius:12px} #private-home-navigation{position:fixed;z-index:85;left:max(12px,env(safe-area-inset-left,0px));right:max(12px,env(safe-area-inset-right,0px));bottom:calc(10px + env(safe-area-inset-bottom,0px));height:64px;display:flex;gap:10px;max-width:600px;margin:auto;pointer-events:none} .private-home-nav-pill{display:flex;justify-content:space-evenly;gap:2px;flex:1;min-width:0;padding:4px;border-radius:36px;background:#252527ed;border:1px solid #ffffff25;box-shadow:0 4px 18px #0007;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);pointer-events:auto} .private-home-nav-pill>a,.private-home-nav-pill>button{display:flex;flex:1;min-width:44px;align-items:center;justify-content:center;flex-direction:column;gap:2px;padding:4px 5px;border:0;border-radius:30px;background:none;color:#eee;text-decoration:none;line-height:1.1;font-size:10px}.private-home-nav-pill svg{width:24px;height:24px}.private-home-nav-pill [aria-current=page]{background:#414144;color:#ff7d91} .private-home-search-button{display:grid;place-items:center;width:64px;min-width:64px;height:64px;padding:18px;background:#252527ed;border:1px solid #ffffff25;border-radius:50%;pointer-events:auto}.private-home-search-button svg{width:27px;height:27px} #private-home-search{margin:0 0 12px}#private-home-search>span{display:block;font-size:13px;color:#aaa;margin-bottom:8px}#private-home-search input{width:100%;min-height:48px;background:#1b1b1d;border:1px solid #444;border-radius:12px;padding:12px;color:#fff;box-sizing:border-box;font-size:16px}#private-home-notice{font-size:13px;line-height:1.5;color:#b0adb3} .private-home-mobile:not(.private-home-usage) .usage{display:none!important} .private-home-mobile:not(.private-home-usage) #addons{display:none!important}.private-home-usage #workspace>#addons{display:block!important} .private-home-mobile:not(.private-player-detailed)>.player#private-player{left:max(12px,env(safe-area-inset-left,0px))!important;right:max(12px,env(safe-area-inset-right,0px))!important;bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;top:auto!important;width:auto!important;height:64px!important;min-height:64px!important;border-radius:18px!important;display:flex!important;align-items:center;gap:4px;padding:8px!important;background:#252529ed!important;border:1px solid #ffffff25;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 4px 18px #0007;z-index:84;max-width:600px;margin:auto;transform:none!important;opacity:1!important} .private-home-mobile.private-bottom-playback #private-home-navigation{display:none!important} .private-close-playback{width:100%;min-height:44px;background:#252525;border-color:#555;margin:18px 0} .private-home-mobile>.player#private-player.private-mini-empty{display:none!important} .private-home-mobile:not(.private-player-detailed)>#private-player .now-playing{display:flex!important;align-items:center;gap:10px;flex:1;min-width:0}.private-home-mobile:not(.private-player-detailed)>#private-player .now-copy{display:flex!important;flex-direction:column;gap:3px;min-width:0;position:relative;justify-content:center;height:44px;flex:1}.private-home-mobile:not(.private-player-detailed)>#private-player #now-title{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.private-home-mobile:not(.private-player-detailed)>#private-player #now-subtitle{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#bdb8c4}.private-home-mobile:not(.private-player-detailed)>#private-player #player-cover,.private-home-mobile:not(.private-player-detailed)>#private-player #player-art{width:44px;height:44px;min-width:44px;border-radius:8px} .private-home-mobile:not(.private-player-detailed)>#private-player .player-center{display:contents}.private-home-mobile:not(.private-player-detailed)>#private-player .transport{display:flex!important;flex:none;gap:0}.private-home-mobile:not(.private-player-detailed)>#private-player #player-previous,.private-home-mobile:not(.private-player-detailed)>#private-player .player-timeline{display:none!important}.private-home-mobile:not(.private-player-detailed)>#private-player #player-toggle{background:transparent!important}.private-home-mobile:not(.private-player-detailed)>#private-player .transport .icon-button{width:44px;min-width:44px;height:44px;padding:10px} .private-home-mobile:not(.private-player-detailed)>#private-player .private-mini-expand{display:block;position:absolute;inset:0;width:100%;height:44px;padding:0;background:transparent;border:0} #private-home-player-dialog[open]{background:#080808}.private-home-mobile #private-home-player-dialog>#private-player{position:static!important;display:flex!important;flex-direction:column;gap:22px;height:auto!important;width:100%!important;margin:20px 0;padding:0!important;border:0;background:none;transform:none!important;opacity:1!important} #private-home-player-dialog #private-player .now-playing{display:flex;width:100%;align-items:center;gap:12px}#private-home-player-dialog #private-player .now-copy{display:flex!important;flex-direction:column;min-width:0}#private-home-player-dialog #now-title{overflow-wrap:anywhere}#private-home-player-dialog #private-player .player-center{display:flex;flex-direction:column;gap:22px;width:100%}#private-home-player-dialog #private-player .transport{display:flex;justify-content:center}#private-home-player-dialog #private-player .player-timeline{display:flex;width:100%}#private-home-player-dialog #private-player #player-progress{height:44px;min-height:44px;background:linear-gradient(to right,#eee var(--position,0%),#555 var(--position,0%)) center/100% 4px no-repeat!important}#private-home-player-dialog #private-player #player-cover{width:44px;height:44px;min-width:44px}#private-home-player-dialog #private-player #player-toggle{background:#d9405c!important}#private-home-player-dialog #private-player .player-tools{display:flex;justify-content:center;gap:16px;width:100%}#private-home-player-dialog #private-player #private-mobile-volume{display:inline-flex!important} #private-home-sheet>header,#private-home-player-dialog>header{background:#080808}#private-home-sheet,#private-home-player-dialog{background:#080808}#private-home-sheet>header>button,#private-home-player-dialog>header>button{width:44px;min-width:44px;height:44px;padding:0;font-size:24px;background:#262626;border:0;border-radius:50%} #private-home-sheet[data-library-options=true]>.private-mobile-sheet-body{box-sizing:border-box;width:100%;max-width:620px;margin-inline:auto;padding:18px 0 12px} #private-home-sheet .private-options-storage{padding:17px 16px;margin:0 0 18px;border:0;border-radius:18px;background:#18171c;box-sizing:border-box} #private-home-sheet .private-options-storage-title{display:flex;align-items:center;gap:9px;font-size:16px}#private-home-sheet .private-options-storage-title>svg{width:22px;height:22px;flex:none}#private-home-sheet .private-options-storage-title>span{margin-left:auto;color:#e5e5eb;font-weight:600;font-variant-numeric:tabular-nums} #private-home-sheet .private-options-storage>p{font-size:13px;line-height:1.5;color:#beb3c2;margin:13px 0 10px}#private-home-sheet .private-options-meter{height:8px;overflow:hidden;border-radius:8px;background:#3b3039}#private-home-sheet .private-options-meter>span{display:block;height:100%;border-radius:inherit;background:#dedee3} #private-home-sheet .private-options-storage>button{display:flex;align-items:center;gap:6px;margin:7px 0 -4px;padding:8px 0;min-height:44px;border:0;border-radius:0;background:transparent;color:#e2d8e7;font-size:13px;text-align:left}#private-home-sheet .private-options-storage>button svg{width:17px;height:17px} #private-home-sheet .private-options-row{display:flex;align-items:center;gap:13px;width:100%;min-height:60px;box-sizing:border-box;margin:0;padding:12px 8px;border:0;border-radius:13px;background:transparent;color:#f5f1f6;text-align:left}#private-home-sheet .private-options-row:hover{background:#18171c}#private-home-sheet .private-options-row>svg{width:22px;height:22px;color:#fa839f;flex:none}#private-home-sheet .private-options-row>span:not(.private-options-row-end){flex:1;min-width:0}#private-home-sheet .private-options-row strong{display:block;font-size:15px;font-weight:500;line-height:1.35;overflow-wrap:anywhere}#private-home-sheet .private-options-row small{display:block;margin-top:4px;font-size:12px;line-height:1.4;color:#b5a7bb}#private-home-sheet .private-options-row-end{display:grid;place-items:center;width:22px;flex:none;color:#a89dae}#private-home-sheet .private-options-row-end svg{width:17px;height:17px}#private-home-sheet .private-options-row[aria-checked=true]{background:#2e1d27}#private-home-sheet .private-options-row[role=switch] .private-options-row-end{color:#ff8ba9} #private-home-sheet .private-options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:6px 0 16px}#private-home-sheet .private-options-grid>button{display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-width:0;min-height:128px;box-sizing:border-box;margin:0;padding:16px;border:1px solid #ffffff16;border-radius:17px;background:#18171c;color:#f5f1f6;text-align:left}#private-home-sheet .private-options-grid>button>svg{width:25px;height:25px;color:#fa839f;flex:none}#private-home-sheet .private-options-grid strong{font-size:16px;font-weight:500;line-height:1.35;overflow-wrap:anywhere}#private-home-sheet .private-options-grid small{font-size:12px;line-height:1.4;color:#b2a5b9;overflow-wrap:anywhere} #private-home-sheet .private-options-show-all,#private-home-sheet .private-options-back{display:flex;align-items:center;gap:8px;box-sizing:border-box;min-height:48px;margin:0;padding:10px 8px;border:0;border-radius:12px;background:transparent;color:#f196af;font-size:14px}#private-home-sheet .private-options-show-all{width:100%;justify-content:center;margin-top:6px;border-top:1px solid #ffffff13;border-radius:0}#private-home-sheet .private-options-show-all svg,#private-home-sheet .private-options-back svg{width:20px;height:20px}#private-home-sheet .private-options-back{margin-bottom:10px} #private-home-sheet .private-options-group{margin:14px 0 0;padding:8px 0 0;border:0;border-top:1px solid #ffffff17;border-radius:0;background:transparent}#private-home-sheet .private-options-group>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;margin:0;padding:3px 7px;list-style:none;color:#b2a3ba;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}#private-home-sheet .private-options-group>summary::-webkit-details-marker{display:none}#private-home-sheet .private-options-group>summary svg{width:17px;height:17px}#private-home-sheet .private-options-group[open]>summary svg{transform:rotate(180deg)}#private-home-sheet .private-options-group-title{font-size:19px;line-height:1.3;font-weight:600;margin:10px 7px 15px} #private-home-sheet .private-options-status{font-size:13px;line-height:1.5;color:#d8c2d3;margin:12px 7px 0}#private-home-sheet .private-options-status:empty{display:none}#private-home-sheet[data-library-options=true] button:focus-visible,#private-home-sheet[data-library-options=true] summary:focus-visible{outline:2px solid #ff9bb7;outline-offset:-2px} .private-home-mobile .private-queue-count{right:0!important;top:0!important;max-width:28px!important;min-width:16px;font-size:10px!important;box-sizing:border-box} .private-home-mobile :is(button,a,input):focus-visible{outline:2px solid #f4b4c0;outline-offset:-2px} body.private-home-mobile dialog[open].itunes-mode,body.private-home-mobile .private-iphone-import-guide{background:#080808!important}.private-iphone-import-guide{border-color:#333;background:#0a0a0a}.native-import-option{border-color:#333;background:#141414}.native-prototype-label{color:#bbb}.private-iphone-import-guide a{color:#f5acb7}.private-iphone-import-guide .primary{background:#d9405c!important;color:#fff}.iphone-guide-illustration{background:#171717}.iphone-guide-illustration>span{color:#f0657d}.iphone-guide-open{background:#171717;border-color:#333}.iphone-guide-open span{color:#aaa} #upload-dialog.itunes-mode :is(.quality-choice,.private-quality-best-card,.itunes-find-actions>button,.transfer-destination,.transfer-current,.transfer-service-card,.transfer-result-preview){background:#191919!important;border-color:#3b3b3b!important;color:#f4f4f4} #upload-dialog.itunes-mode .quality-choice:has(input:checked){background:#292929!important;border-color:#aaa!important;box-shadow:inset 0 0 0 1px #ffffff15} #upload-dialog.itunes-mode :is(.quality-heading,.quality-choice strong){color:#f4f4f4}#upload-dialog.itunes-mode .quality-heading em{background:#333;border-color:#555;color:#ddd}#upload-dialog.itunes-mode input{accent-color:#ef7189} #upload-dialog.itunes-mode :is(.primary,#quality-upgrade){background:#d9405c!important;color:#fff!important;border-color:#d9405c}#upload-dialog.itunes-mode .dialog-actions{background:#080808f5!important} #upload-dialog.itunes-mode .transfer-steps [aria-current=step] span{background:#d9405c;border-color:#f18ca0}#upload-dialog.itunes-mode .itunes-find-actions button:hover{background:#252525!important;border-color:#aaa!important} @media(prefers-reduced-motion:reduce){.private-home-mobile *{scroll-behavior:auto!important}.private-home-mobile .private-home-tile{transition:none!important}} } @media(max-width:700px), (max-width:900px) and (max-height:500px){ .private-theater-picker h2{font-size:22px;margin:6px 0 12px} .private-theater-picker>p{font-size:14px;line-height:1.5;color:#b0adb3;margin:0 0 24px} .private-theater-album{min-width:0;align-self:start;scroll-margin-top:calc(108px + env(safe-area-inset-top,0px))}.private-theater-album>.private-home-tile{width:100%;color:inherit}.private-theater-album>.private-home-tile:hover{background:transparent} .private-theater-album>.private-home-tile>small{display:flex;align-items:center;justify-content:space-between;gap:6px;white-space:normal}.private-theater-album-toggle{display:flex;align-items:center;gap:3px;font-size:10px;color:#c0b8c2;flex:none}.private-theater-album-toggle svg{width:14px;height:14px}.is-expanded .private-theater-album-toggle svg{transform:rotate(180deg)} .private-theater-album.is-expanded{grid-column:1/-1;padding:12px;box-sizing:border-box;border:1px solid #ed627b55;border-radius:22px;background:linear-gradient(155deg,#281a22 0%,#171419 46%,#121214 100%);box-shadow:0 12px 32px #0004} .private-theater-album.is-expanded>.private-home-tile>strong{font-size:clamp(19px,4.8vw,24px);line-height:1.25;font-weight:650;white-space:normal;overflow-wrap:anywhere;margin:16px 4px 8px}.private-theater-album.is-expanded>.private-home-tile>small{margin:0 4px;color:#b8adb8}.private-theater-album.is-expanded .private-theater-album-toggle{color:#ff91a5;font-size:12px} .private-theater-tracks{margin-top:18px;border-top:1px solid #ffffff14}.private-theater-tracks[hidden]{display:none}.private-theater-tracks-heading{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#b6a8b5;margin:16px 6px 8px}.private-theater-tracks ol{list-style:none;margin:0;padding:0}.private-theater-tracks li+li{border-top:1px solid #ffffff0c} .private-theater-tracks button{display:flex;align-items:center;gap:10px;box-sizing:border-box;width:100%;min-height:70px;margin:0;padding:13px 6px;border:0;border-radius:12px;background:transparent;color:inherit;text-align:left}.private-theater-tracks button:active{background:#ffffff0c}.private-theater-tracks button:focus-visible{outline:2px solid #ff91a5;outline-offset:-2px}.private-theater-track-number{width:22px;flex:none;font-size:12px;text-align:center;color:#a396a3;font-variant-numeric:tabular-nums}.private-theater-track-copy{flex:1;min-width:0}.private-theater-track-copy strong{display:block;font-size:15px;line-height:1.4;font-weight:500;overflow-wrap:anywhere}.private-theater-track-copy small{display:block;font-size:12px;color:#a99eab;margin-top:4px;overflow-wrap:anywhere}.private-theater-track-open{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:12px;background:#ed627b17;color:#ff859c}.private-theater-track-open svg{width:22px;height:22px} @media(max-height:500px){.private-theater-album.is-expanded .private-home-tile-art{aspect-ratio:3/1}.private-theater-album.is-expanded .private-home-tile-art canvas,.private-theater-album.is-expanded .private-home-tile-art img{object-fit:contain}} .private-home-mobile .private-panel-edge.is-left{z-index:90} .private-home-mobile.private-nav-open .private-sidebar,.private-home-mobile.private-nav-slim .private-sidebar{display:block!important} .private-home-mobile.private-nav-open #private-home-navigation{visibility:hidden} } @media(max-width:700px), (max-width:900px) and (max-height:500px){ body.private-home-mobile main{padding-top:calc(104px + env(safe-area-inset-top,0px))!important} .private-home-mobile #private-home-header{position:fixed;z-index:91;inset:0 0 auto;box-sizing:border-box;height:calc(80px + env(safe-area-inset-top,0px));margin:0;padding:calc(12px + env(safe-area-inset-top,0px)) max(18px,env(safe-area-inset-right,0px)) 12px max(18px,env(safe-area-inset-left,0px));background:#050505f5;box-shadow:0 6px 20px #0004;transition:transform .22s ease} .private-home-mobile #private-home-header-toggle{position:fixed;z-index:92;left:50%;top:calc(66px + env(safe-area-inset-top,0px));transform:translateX(-50%);display:grid;place-items:center;width:76px;min-width:76px;height:44px;padding:0;border:0;border-radius:22px;background:transparent;touch-action:manipulation;transition:top .22s ease} #private-home-header-toggle>span{display:block;width:62px;height:16px;border:1px solid #ffffff24;border-radius:12px;background:#18181cf2;box-shadow:0 2px 8px #0005;position:relative} #private-home-header-toggle>span:after{content:'';position:absolute;inset:5px 16px;border-radius:4px;background:#d6d6da} .private-home-mobile.private-home-header-hidden #private-home-header{transform:translateY(-110%);pointer-events:none} .private-home-mobile.private-home-header-hidden #private-home-header-toggle{top:env(safe-area-inset-top,0px)} .private-home-mobile:is(.private-nav-open,.private-preview-open) #private-home-header-toggle,.private-home-mobile:has(dialog[open]) #private-home-header-toggle{visibility:hidden;pointer-events:none} .private-home-mobile.private-preview-open #private-home-header{visibility:hidden;pointer-events:none} .private-home-mobile:not(.private-player-detailed)>#private-player .player-tools{display:flex!important;width:44px!important;min-width:44px;flex:none;gap:0} .private-home-mobile:not(.private-player-detailed)>#private-player .player-tools>:not(#private-mobile-player-more){display:none!important} .private-home-mobile.private-player-detailed{--private-mobile-player-height:82px} .private-home-mobile.private-player-detailed>.player#private-player{display:grid!important;position:fixed;left:0;right:0;top:auto;bottom:0;width:100%;height:calc(82px + env(safe-area-inset-bottom,0px));min-height:0;max-width:none;margin:0;transform:none!important;opacity:1!important;background:#08080bf5;z-index:84;border:0;border-top:1px solid #ffffff20;border-radius:0} .private-home-mobile.private-player-detailed>#private-player .player-tools{display:flex!important} .private-home-mobile.private-player-detailed>#private-player #player-previous{display:inline-flex!important} @media(prefers-reduced-motion:reduce){.private-home-mobile #private-home-header,.private-home-mobile #private-home-header-toggle{transition:none}} } /* Search replaces the mobile dock; results stay above the keyboard-aware input. */ @media(max-width:700px), (max-width:900px) and (max-height:500px){ body.private-home-mobile.private-home-searching #private-home-navigation.is-searching{display:flex!important;visibility:visible;z-index:95;bottom:calc(var(--private-search-keyboard,0px) + 10px + env(safe-area-inset-bottom,0px))} body.private-home-mobile.private-home-searching #private-home-navigation.is-searching.private-search-keyboard-open{bottom:calc(var(--private-search-keyboard,0px) + 8px)} #private-home-navigation.is-searching>.private-home-nav-pill,#private-home-navigation.is-searching>.private-home-search-button{display:none} #private-home-navigation #private-home-search{display:flex;align-items:center;gap:4px;width:100%;height:64px;margin:0;padding:4px 7px 4px 16px;box-sizing:border-box;border-radius:36px;background:#252527f5;border:1px solid #ffffff32;box-shadow:0 4px 18px #0007;pointer-events:auto;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)} #private-home-navigation #private-home-search[hidden],#private-home-navigation [hidden]{display:none!important} #private-home-search .private-search-glyph{display:grid;place-items:center;flex:none;width:23px;height:24px;margin:0;color:#ff7d91} #private-home-search .private-search-glyph svg{width:22px;height:22px} #private-home-navigation #private-home-search input{flex:1;min-width:0;width:auto;border:0;border-radius:0;background:transparent;padding:8px;box-shadow:none;color:#fff;font-size:16px;height:48px;outline:0} #private-home-navigation #private-home-search:focus-within{border-color:#f4b4c0;box-shadow:0 0 0 1px #f4b4c040,0 4px 18px #0007} #private-home-search input::-webkit-search-cancel-button{display:none} #private-home-search>button{display:grid;place-items:center;flex:none;width:44px;min-width:44px;height:44px;padding:10px;border:0;border-radius:50%;background:transparent;color:#ddd;font-size:25px} #private-home-search>button[data-search-close]{background:#3e3e42}#private-home-search>button svg{width:22px;height:22px} #private-home-search-panel{position:absolute;bottom:calc(100% + 10px);left:0;right:0;max-height:min(560px,calc(var(--private-search-visible-height,100dvh) - 178px));overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;pointer-events:auto;background:#18181bf5;border:1px solid #ffffff1f;border-radius:24px;box-shadow:0 -8px 36px #0005;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:4px 10px 8px} .private-search-results-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:13px 8px 10px;font-size:13px;color:#ddd}.private-search-results-heading>span{color:#999;font-size:11px;white-space:nowrap} .private-search-types{display:flex;gap:6px;padding:0 8px 12px}.private-search-types button{min-height:36px;padding:7px 15px;margin:0;border:1px solid #ffffff16;border-radius:24px;background:#ffffff07;color:#bfb7c4;font-size:12px}.private-search-types button[aria-pressed=true]{background:#e3e1e5;border:0;color:#242328;box-shadow:none} .private-search-section+.private-search-section{margin-top:15px;padding-top:8px;border-top:1px solid #ffffff12}.private-search-section h3{margin:8px 8px 4px;font-size:12px;font-weight:600;color:#b2a6ba;letter-spacing:.01em}.private-search-row{display:flex;align-items:center;min-width:0;gap:0}.private-search-row>button[data-search-result]{display:flex;align-items:center;gap:10px;flex:1;min-width:0;min-height:68px;margin:0;padding:10px 6px;text-align:left;background:transparent;border:0;border-radius:13px;color:#f7f5f7}.private-search-row>button[data-search-result]:hover{background:#ffffff0e}.private-search-row button:focus-visible,.private-search-types button:focus-visible,.private-search-open-album:focus-visible{outline:2px solid #ff9db5;outline-offset:-2px} .private-search-result-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;background:#ed627b18;color:#f17d94}.private-search-result-icon svg{width:21px;height:21px}.private-search-result-copy{flex:1;min-width:0}#private-home-search-results strong{display:block;font-size:14px;line-height:1.3;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#private-home-search-results small{display:block;margin-top:4px;font-size:11px;color:#ada9b2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.private-search-row>button>span:last-child{color:#888;font-size:20px;flex:none}.private-search-row-actions{display:flex;align-items:center;flex:none}.private-search-row-actions>button{display:grid;place-items:center;min-width:40px;width:40px;height:44px;margin:0;padding:10px;border:0;border-radius:12px;background:transparent;color:#ed96ac}.private-search-row-actions svg{width:21px;height:21px}.private-search-row-actions>button:disabled{opacity:.4;cursor:default}.private-search-action-status{font-size:12px;color:#ff9bb2;line-height:1.5;margin:8px;padding:0 2px}.private-search-action-status:empty{display:none} .private-search-album-tracks{margin:4px 3px 10px 12px;padding:8px 6px;border-left:2px solid #ed627b66;border-radius:0 14px 14px 0;background:#ffffff04}.private-search-open-album{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;margin:0 0 3px;padding:8px;border:0;border-radius:10px;background:#ed627b15;color:#ff9bb2;font-size:12px;text-align:left}.private-search-open-album svg{width:18px;height:18px}.private-search-open-album>span{margin-left:auto}.is-album-track .private-search-result-icon{width:25px;height:25px;background:transparent}.is-album-track .private-search-result-icon svg{width:19px;height:19px}.is-album-track>button[data-search-result]{gap:6px;padding-left:2px}.is-album-track .private-search-row-actions>button{width:36px;min-width:36px;padding:9px}.private-queue-dialog{padding:18px} .private-search-empty{padding:12px 8px 18px;margin:0;color:#bcb7c3;font-size:14px;line-height:1.5} .private-home-searching #workspace{visibility:hidden}.private-home-searching>.player#private-player,.private-home-searching .private-panel-edge{visibility:hidden!important;pointer-events:none} #private-home-navigation.is-searching{animation:private-search-enter .16s ease-out} @keyframes private-search-enter{from{opacity:.6}to{opacity:1}} @media(prefers-reduced-motion:reduce){#private-home-navigation.is-searching{animation:none}} } @media(prefers-reduced-motion:reduce){body.private-home-mobile>.player#private-player{transition:none}} /* Full uses solid red; Light retains the original softer icon palette. */ body.private-home-mobile[data-private-icon-tone="full"] :is( .private-home-directories>button>svg, .private-home-nav-pill [aria-current=page]>svg, #private-home-sheet .private-options-row>svg, #private-home-sheet .private-options-grid>button>svg, #private-home-sheet .private-options-row[aria-checked=true] .private-options-row-end>svg, #private-home-search .private-search-glyph>svg, .private-search-result-icon>svg, .private-search-row-actions>button>svg, .private-search-open-album>svg, .private-theater-track-open>svg, .private-theater-album.is-expanded .private-theater-album-toggle>svg, .private-queue-play-icon>svg, .private-queue-row [aria-current=true]>svg ){color:#e51e2f;stroke:currentColor;filter:none} body.private-home-mobile[data-private-icon-tone="full"] :is( .private-home-directories>button>svg, .private-home-nav-pill [aria-current=page]>svg, #private-home-sheet .private-options-row>svg, #private-home-sheet .private-options-grid>button>svg, #private-home-sheet .private-options-row[aria-checked=true] .private-options-row-end>svg, #private-home-search .private-search-glyph>svg, .private-search-result-icon>svg, .private-search-row-actions>button>svg, .private-search-open-album>svg, .private-theater-track-open>svg, .private-theater-album.is-expanded .private-theater-album-toggle>svg, .private-queue-play-icon>svg, .private-queue-row [aria-current=true]>svg ) [fill="currentColor"]{fill:currentColor} body.private-home-mobile[data-private-icon-tone="full"] .private-search-result-icon{background:#d31d291a} @media (forced-colors:active){ body.private-home-mobile[data-private-icon-tone="full"] :is( .private-home-directories>button>svg, .private-home-nav-pill [aria-current=page]>svg, #private-home-sheet .private-options-row>svg, #private-home-sheet .private-options-grid>button>svg, #private-home-sheet .private-options-row[aria-checked=true] .private-options-row-end>svg, #private-home-search .private-search-glyph>svg, .private-search-result-icon>svg, .private-search-row-actions>button>svg, .private-search-open-album>svg, .private-theater-track-open>svg, .private-theater-album.is-expanded .private-theater-album-toggle>svg, .private-queue-play-icon>svg, .private-queue-row [aria-current=true]>svg ){color:ButtonText;stroke:currentColor;filter:none} body.private-home-mobile[data-private-icon-tone="full"] :is( .private-home-directories>button>svg, .private-home-nav-pill [aria-current=page]>svg, #private-home-sheet .private-options-row>svg, #private-home-sheet .private-options-grid>button>svg, #private-home-sheet .private-options-row[aria-checked=true] .private-options-row-end>svg, #private-home-search .private-search-glyph>svg, .private-search-result-icon>svg, .private-search-row-actions>button>svg, .private-search-open-album>svg, .private-theater-track-open>svg, .private-theater-album.is-expanded .private-theater-album-toggle>svg, .private-queue-play-icon>svg, .private-queue-row [aria-current=true]>svg ) [fill="currentColor"]{fill:currentColor} } #private-home-sheet .private-icon-preferences{min-width:0;margin:18px 0 0;padding:0;border:0} #private-home-sheet .private-icon-preferences legend{font-size:16px;font-weight:600;margin:0 0 14px;padding:0} #private-home-sheet .private-icon-tone-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} #private-home-sheet .private-icon-tone-choice{display:flex;align-items:center;flex-wrap:wrap;gap:12px;min-width:0;min-height:108px;padding:16px;box-sizing:border-box;border:1px solid #ffffff24;border-radius:16px;background:#18171c;cursor:pointer} #private-home-sheet .private-icon-tone-choice:has(input:checked){border-color:#e51e2f;background:#29151a;box-shadow:inset 0 0 0 1px #e51e2f} #private-home-sheet .private-icon-tone-choice:has(input:focus-visible){outline:2px solid #fff;outline-offset:3px} #private-home-sheet .private-icon-tone-choice input{flex:none;width:18px;height:18px;min-height:0;margin:0;padding:0;accent-color:#e51e2f} #private-home-sheet .private-icon-tone-sample{display:flex;margin-left:auto;color:#ed627b} #private-home-sheet .private-icon-tone-sample[data-tone-sample=full]{color:#e51e2f} #private-home-sheet .private-icon-tone-sample svg{width:27px;height:27px} #private-home-sheet .private-icon-tone-choice>span:last-child{flex-basis:100%;min-width:0} #private-home-sheet .private-icon-tone-choice strong{display:block;font-size:16px;font-weight:600} #private-home-sheet .private-icon-tone-choice small{display:block;color:#c1b6c5;font-size:12px;line-height:1.5;margin-top:4px} #private-home-sheet .private-icon-preferences>p{margin:16px 0;color:#b5a7bb;font-size:13px;line-height:1.5} @media(forced-colors:active){#private-home-sheet .private-icon-tone-choice:has(input:checked){border-color:Highlight;box-shadow:none}#private-home-sheet .private-icon-tone-sample{color:ButtonText}} /* Search additions are totals for the current visit, shown only after success. */ .private-search-results-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:baseline} .private-search-added{grid-column:1/-1;justify-self:end;max-width:100%;font-size:11px;line-height:1.5;color:#c8c2ce;text-align:right;overflow-wrap:anywhere} .private-search-added[hidden]{display:none} /* Home can show navigation or the current session without stopping playback. */ #private-dock-navigation{display:none} @media(max-width:700px), (max-width:900px) and (max-height:500px){ .private-home-mobile.private-home-overview.private-bottom-playback:not(.private-player-expanded)>#private-player #private-dock-navigation:not([hidden]){display:grid;place-items:center;flex:none;width:36px;min-width:36px;height:44px;padding:7px;border:0;background:transparent;color:inherit} #private-dock-navigation svg{width:22px;height:22px} .private-home-mobile.private-home-overview.private-home-dock-navigation:not(.private-player-expanded)>#private-player{display:none!important} .private-home-mobile.private-home-overview.private-home-dock-navigation #private-home-navigation{display:flex!important} #private-home-navigation [data-home-player][hidden]{display:none!important} .private-home-mobile.private-home-overview :is(#private-home-navigation,#private-player){touch-action:pan-y} .private-home-mobile .private-theater.has-library-chrome #private-home-header-toggle{visibility:visible;pointer-events:auto} .private-home-mobile .private-theater.has-library-chrome #private-home-header{visibility:visible} .private-home-mobile .private-theater.has-library-chrome .theater-shell{padding-top:112px} .private-home-mobile .private-theater.has-library-chrome .theater-header-actions{display:none} .private-home-mobile .private-theater.has-library-chrome #private-home-header button{min-height:44px} .private-home-mobile .private-theater.has-library-chrome #private-home-header [data-home-back]{padding:0;background:transparent;border:0} .private-home-mobile .private-theater.has-library-chrome .theater-mobile-back{display:none} .private-home-mobile.private-home-header-hidden .private-theater.has-library-chrome .theater-mobile-back{display:grid;place-items:center;position:fixed;left:12px;top:4px;z-index:92;width:44px;height:44px;padding:12px;border:0;border-radius:50%;background:#17171bd9;color:#eee;backdrop-filter:blur(12px)} .theater-mobile-back svg{width:20px;height:20px} } #private-home-sheet .private-options-storage[data-pressure="high"] .private-options-storage-title>span{color:#ff829f} #private-home-sheet .private-options-storage[data-pressure="high"] .private-options-meter>span{background:#f77d9c} /* A separate cover control starts the album; the surrounding tile opens tracks. */ @media(max-width:700px), (max-width:900px) and (max-height:500px){ .private-home-card{position:relative;min-width:0} .private-home-card>.private-home-tile{width:100%;color:inherit} .private-home-card>.private-home-tile:hover{background:transparent} .private-home-play-layer{position:absolute;inset:0 0 auto;aspect-ratio:1;display:grid;place-items:center;pointer-events:none} .private-home-card .private-home-cover-play{display:grid;place-items:center;width:48px;height:48px;min-width:48px;min-height:48px;margin:0;padding:12px;border:1px solid #ffffff65;border-radius:50%;background:#17191edb;color:#fff;box-shadow:0 3px 14px #0005;opacity:0;pointer-events:none;transition:opacity .15s ease,background .15s ease} .private-home-card .private-home-cover-play svg{display:block;width:24px;height:24px} .private-home-card:is(:hover,:focus-within,.is-selected) .private-home-cover-play{opacity:1;pointer-events:auto} .private-home-card .private-home-cover-play:hover{background:#363840ed} .private-home-card .private-home-cover-play:focus-visible{outline:2px solid #fff;outline-offset:4px} } @media(hover:none), (pointer:coarse){.private-home-card .private-home-cover-play{opacity:1;pointer-events:auto}} @media(prefers-reduced-motion:reduce){.private-home-card .private-home-cover-play{transition:none}} .private-home-context-slot .private-home-brand{width:38px;height:38px;display:block;color:#fff} .private-playlist-menu-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #ffffff12}.private-playlist-menu-row>.private-mobile-option{flex:1;min-width:0;display:grid;gap:6px;text-align:left}.private-playlist-menu-row strong{overflow-wrap:anywhere}.private-playlist-menu-row small{font-size:13px;color:#b0afba}.private-playlist-menu-edit{width:42px;height:42px;flex:none;border:0;border-radius:50%;background:#ffffff0b;color:inherit}.private-playlist-menu-edit svg{width:19px;height:19px} /* Theater entrance: image-led shelves, warm ambient light, native sideways scrolling. */ body.private-cinema-landing{background:radial-gradient(ellipse 100% 750px at 16% 0,#70523a80,transparent 85%),radial-gradient(ellipse 75% 1000px at 100% 25%,#25454b55,transparent 85%),#101012;background-attachment:fixed} .private-cinema-landing main{background:transparent} #private-home-content .private-cinema-intro{position:relative;padding:40px 0 22px;max-width:820px} #private-home-content .private-cinema-intro>span{display:block;font-size:11px;color:#dcc8ae;letter-spacing:.2em;font-weight:650} #private-home-content .private-cinema-intro h1{font-size:clamp(38px,4.3vw,68px);line-height:1.06;letter-spacing:-.045em;margin:20px 0;color:#fff8ef;font-weight:700} #private-home-content .private-cinema-intro p{max-width:540px;color:#c9c4bc;font-size:16px;line-height:1.65;margin:0} #private-home-content .private-cinema-section{margin:22px 0 48px;min-width:0} #private-home-content .private-cinema-section>header{display:flex;align-items:end;justify-content:space-between;flex-wrap:nowrap;gap:16px;padding:0;margin:0 0 8px} #private-home-content .private-cinema-section h2{font-size:27px;margin:0;color:#f8f4ed;letter-spacing:-.025em} #private-home-content .private-cinema-section header p{margin:8px 0 0;color:#bbb8b3;font-size:14px;line-height:1.5} #private-home-content .private-cinema-shelf{position:relative;min-width:0;--cinema-control-top:200px} #private-home-content .private-cinema-carousel{display:flex;align-items:stretch;gap:24px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:6px;scrollbar-width:none;padding:18px 6px 24px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch} #private-home-content .private-cinema-carousel::-webkit-scrollbar{display:none} #private-home-content .private-cinema-card{flex:0 0 clamp(210px,21vw,300px);max-width:none;min-width:0;display:flex;flex-direction:column;align-items:stretch;scroll-snap-align:start;scroll-snap-stop:always;padding:0;margin:0;border:1px solid #ffffff24;border-radius:24px;overflow:hidden;text-align:left;background:linear-gradient(155deg,#3a3530,#232426 65%,#1d1e20);color:#faf8f4;box-shadow:0 12px 24px #0003;transition:transform .2s ease,border-color .2s ease} #private-home-content .private-cinema-card:hover,#private-home-content .private-cinema-card.is-current{border-color:#deceb85c;transform:translateY(-8px)} #private-home-content .private-cinema-art{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:3/4;flex-shrink:0;align-self:stretch;background:linear-gradient(145deg,#55534a,#2c3a40);overflow:hidden;isolation:isolate} #private-home-content .private-cinema-art :is(img,canvas.private-art-canvas),#private-home-content .private-cinema-art>.private-art-frame{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;border-radius:0} #private-home-content .private-cinema-art>svg{width:64px;height:64px;color:#eee8dc} #private-home-content .private-cinema-watch{position:absolute;z-index:2;bottom:16px;left:16px;display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #fff7;border-radius:10px;background:#f4eee2ed;color:#212326;font-size:12px;font-weight:650;box-shadow:0 3px 12px #0002} #private-home-content .private-cinema-watch svg{width:17px;height:17px} #private-home-content .private-cinema-copy{display:flex;flex-direction:column;gap:10px;padding:20px 20px 22px;flex:1;min-width:0} #private-home-content .private-cinema-copy strong{font-size:19px;line-height:1.35;letter-spacing:-.015em;overflow-wrap:anywhere} #private-home-content .private-cinema-copy small{color:#c1beb7;font-size:13px;line-height:1.5;overflow-wrap:anywhere} #private-home-content .private-cinema-card-footer{display:flex;align-items:center;gap:14px;justify-content:space-between;margin-top:auto;padding-top:10px;border-top:1px solid #ffffff12} #private-home-content .private-cinema-card-footer>span{font-size:21px;color:#e9dfce;flex:none} #private-home-content .private-cinema-arrow{position:absolute;z-index:3;top:var(--cinema-control-top);transform:translateY(-50%);display:grid;place-items:center;width:46px;min-width:46px;height:54px;padding:10px;background:#333333ef;border:1px solid #ffffff40;border-radius:13px;color:#fff;box-shadow:0 4px 15px #0005} #private-home-content .private-cinema-arrow svg{width:26px;height:26px} #private-home-content .private-cinema-arrow.is-previous{left:-8px} #private-home-content .private-cinema-arrow.is-next{right:-8px} #private-home-content .private-cinema-arrow:disabled{opacity:0;pointer-events:none} #private-home-content .private-cinema-arrow:hover{background:#4a4742} #private-home-content .private-cinema-shelf[data-overflow=false] .private-cinema-arrow{visibility:hidden} #private-home-content .private-cinema-pagination{display:flex;justify-content:flex-end;gap:20px;padding:0 8px;color:#b8b1a6;font-size:12px;letter-spacing:.04em;font-variant-numeric:tabular-nums} #private-home-content .private-cinema-swipe{display:none} #private-home-content .private-cinema-section.is-wide .private-cinema-card{flex-basis:clamp(280px,31vw,430px)} #private-home-content .private-cinema-section.is-wide .private-cinema-art{aspect-ratio:16/9} #private-home-content :is(.private-cinema-card,.private-cinema-arrow,.private-cinema-carousel):focus-visible{outline:2px solid #eee1cc;outline-offset:2px} #private-home-content .private-theater-picker{padding-top:24px;border-top:1px solid #ffffff1c} #private-home-content .private-theater-picker>h2{font-size:27px;color:#f8f4ed;margin:0 0 10px} #private-home-content .private-theater-picker>p{color:#bbb8b3;font-size:14px;line-height:1.5;margin:0 0 24px} .private-cinema-desktop #private-home-content{display:block!important;max-width:1500px;margin:auto} .private-cinema-desktop #workspace>.toolbar,.private-cinema-desktop #workspace>.browse-tools,.private-cinema-desktop #private-browse-layout,.private-cinema-desktop #library-usage,.private-cinema-desktop #addons{display:none!important} .private-cinema-intro [data-cinema-close]{display:block;margin:0 0 30px;background:#ffffff0b;border:1px solid #ffffff25;color:#ddd7ce;border-radius:12px;padding:10px 14px} .private-home-mobile #private-desktop-theater,.private-home-mobile [data-cinema-close]{display:none} .private-cinema-desktop .private-theater-albums{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px} .private-cinema-desktop .private-theater-album.is-expanded{grid-column:1/-1} .private-cinema-desktop .private-home-tile{width:100%;text-align:left;display:grid;gap:10px;background:#282727;color:#eee;border:1px solid #fff2;border-radius:18px;padding:16px} .private-cinema-desktop .private-home-tile-art{display:block;aspect-ratio:1;max-width:280px;overflow:hidden;border-radius:12px} .private-cinema-desktop .private-home-tile-art :is(img,canvas.private-art-canvas){width:100%;height:100%;object-fit:cover} .private-cinema-desktop .private-home-tile-art>svg{width:100%;height:100%;padding:30%} .private-cinema-desktop .private-theater-tracks ol{list-style:none;padding:0} .private-cinema-desktop .private-theater-tracks button{display:flex;align-items:center;gap:16px;text-align:left;width:100%;padding:14px;background:#ffffff08;color:#eee;border:1px solid #fff1} .private-cinema-desktop .private-theater-track-copy{display:grid;flex:1;gap:7px} .private-cinema-desktop .private-theater-track-open svg{width:24px;height:24px} .private-cinema-desktop .private-theater-album-toggle{display:flex;align-items:center;gap:12px;margin-top:8px} .private-cinema-desktop .private-theater-album-toggle svg{width:18px;height:18px} @media(max-width:700px),(max-width:900px) and (max-height:500px){ body.private-cinema-landing{background:radial-gradient(ellipse 120% 650px at 10% 0,#7b583d88,transparent 85%),radial-gradient(ellipse 100% 900px at 100% 40%,#34535c66,transparent 85%),#111214} #private-home-content .private-cinema-intro{padding:22px 4px 18px} #private-home-content .private-cinema-intro h1{font-size:clamp(36px,10vw,45px);margin:16px 0;line-height:1.08} #private-home-content .private-cinema-intro p{font-size:14px;max-width:340px} #private-home-content .private-cinema-intro>span{font-size:10px;letter-spacing:.16em} #private-home-content .private-cinema-section{margin:18px 0 38px} #private-home-content .private-cinema-section>header{padding:0 4px;margin-bottom:4px} #private-home-content .private-cinema-section h2{font-size:25px} #private-home-content .private-cinema-section header p{font-size:13px;margin-top:7px} #private-home-content .private-cinema-carousel{gap:18px;padding:18px 4px 18px;scroll-padding-inline:4px} #private-home-content .private-cinema-card,#private-home-content .private-cinema-section.is-wide .private-cinema-card{flex-basis:calc(100% - 28px);border-radius:23px} #private-home-content .private-cinema-card.is-current,#private-home-content .private-cinema-card:hover{transform:none} #private-home-content .private-cinema-art{aspect-ratio:1} #private-home-content .private-cinema-copy{padding:18px;gap:9px} #private-home-content .private-cinema-copy strong{font-size:20px} #private-home-content .private-cinema-copy small{font-size:12px} #private-home-content .private-cinema-arrow{width:42px;min-width:42px;height:48px;padding:9px;border-radius:12px} #private-home-content .private-cinema-arrow.is-previous{left:-5px} #private-home-content .private-cinema-arrow.is-next{right:-5px} #private-home-content .private-cinema-pagination{justify-content:space-between;padding:0 5px} #private-home-content .private-cinema-swipe{display:block} } @media(prefers-reduced-motion:reduce){#private-home-content .private-cinema-card{transition:none}} @media(min-width:901px),(min-width:701px) and (min-height:501px){ .private-cinema-desktop main>header:not(#private-home-header){margin-bottom:8px} .private-cinema-desktop #collection-title{font-size:34px} .private-cinema-desktop #private-home-content .private-cinema-intro{max-width:none;padding:18px 0 16px} .private-cinema-desktop #private-home-content .private-cinema-intro h1{font-size:46px;margin:13px 0} .private-cinema-desktop .private-cinema-intro [data-cinema-close]{position:absolute;top:18px;right:0;margin:0} } /* Responsive circular shelves: full cards framed by dimmed previous/next artwork. */ .private-cinema-desktop #private-home-content{max-width:1700px} #private-home-content .private-cinema-carousel{--cinema-columns:4;--cinema-gap:26px;--cinema-peek:96px;box-sizing:border-box;gap:var(--cinema-gap);padding:24px var(--cinema-peek);scroll-padding-inline:var(--cinema-peek);mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent)} #private-home-content .private-cinema-card,#private-home-content .private-cinema-section.is-wide .private-cinema-card{box-sizing:border-box;flex-basis:calc((100% - (var(--cinema-columns) - 1)*var(--cinema-gap))/var(--cinema-columns));padding:0 12px;border:0;border-radius:26px;overflow:visible;background:linear-gradient(to bottom,transparent 10%,#25252566 45%,#242425 76%,#1c1d1f);box-shadow:none;transform:none;transition:opacity .2s ease} #private-home-content .private-cinema-section.is-wide .private-cinema-carousel{--cinema-columns:3} #private-home-content .private-cinema-art{border-radius:25px;aspect-ratio:2/3;transition:transform .32s cubic-bezier(.2,.8,.25,1.25);transform-origin:center bottom;isolation:isolate} #private-home-content .private-cinema-art :is(img,canvas.private-art-canvas),#private-home-content .private-cinema-art>.private-art-frame{border-radius:inherit} #private-home-content .private-cinema-card.is-peek{opacity:.28} #private-home-content .private-cinema-copy{padding:20px 12px 24px;gap:9px} #private-home-content .private-cinema-copy strong{font-size:20px} #private-home-content .private-cinema-card-footer{border:0;padding-top:16px} #private-home-content .private-cinema-watch{border:0} #private-home-content .private-cinema-arrow{width:52px;min-width:52px;height:64px;border:0;border-radius:12px;padding:10px;background:#343334dd;box-shadow:none;backdrop-filter:blur(8px)} #private-home-content .private-cinema-arrow svg{width:32px;height:36px;stroke-width:2.5} #private-home-content .private-cinema-arrow.is-previous{left:0} #private-home-content .private-cinema-arrow.is-next{right:0} #private-home-content .private-cinema-section>header{padding-inline:96px} #private-home-content .private-cinema-all{flex:none;display:flex;align-items:center;gap:9px;padding:8px 0;border:0;background:transparent;color:#d3ceca;font:inherit;font-size:14px;text-decoration:underline;text-underline-offset:4px} #private-home-content .private-cinema-all span{font-size:21px;text-decoration:none} #private-home-content .is-showing-all .private-cinema-carousel{display:grid;grid-template-columns:repeat(var(--cinema-columns),minmax(0,1fr));mask-image:none;overflow:visible} #private-home-content .is-showing-all :is([data-cinema-clone],.private-cinema-arrow,.private-cinema-pagination){display:none} #private-home-content .is-showing-all .private-cinema-card{opacity:1} @media(hover:hover) and (prefers-reduced-motion:no-preference){ #private-home-content .private-cinema-card:hover{transform:none} #private-home-content .private-cinema-card:hover .private-cinema-art{transform:translateY(-8px) scale(1.075)} } @media(max-width:1300px){ #private-home-content .private-cinema-carousel{--cinema-columns:3;--cinema-gap:22px;--cinema-peek:80px} #private-home-content .private-cinema-section.is-wide .private-cinema-carousel{--cinema-columns:2} #private-home-content .private-cinema-section>header{padding-inline:80px} } @media(max-width:900px){#private-home-content .private-cinema-carousel{--cinema-columns:2}} @media(max-width:700px),(max-width:900px) and (max-height:500px){ #private-home-content .private-cinema-carousel,#private-home-content .private-cinema-section.is-wide .private-cinema-carousel{--cinema-columns:1;--cinema-gap:16px;--cinema-peek:26px;padding-block:18px} #private-home-content .private-cinema-card{padding-inline:8px} #private-home-content .private-cinema-art{border-radius:22px;aspect-ratio:3/4} #private-home-content .private-cinema-section>header{padding-inline:8px;align-items:center} #private-home-content .private-cinema-section h2{font-size:23px} #private-home-content .private-cinema-all{font-size:12px;gap:5px} #private-home-content .private-cinema-arrow{width:38px;min-width:38px;height:50px;padding:6px;border-radius:10px} #private-home-content .private-cinema-arrow svg{width:26px;height:30px} #private-home-content .private-cinema-copy{padding:18px 10px 22px} #private-home-content .private-cinema-copy strong{font-size:19px} } @media(prefers-reduced-motion:reduce){#private-home-content .private-cinema-art{transition:none}} #private-home-content .private-cinema-carousel[data-cinema-count="1"] .private-cinema-card{flex-basis:350px;max-width:100%} /* Proportional neighboring artwork and room for the spotlight lift. */ .private-cinema-desktop #private-home-content{max-width:2040px} #private-home-content .private-cinema-carousel{padding-top:var(--cinema-headroom,56px);mask-image:linear-gradient(to right,transparent,#000 16px,#000 calc(100% - 16px),transparent);touch-action:pan-x pan-y pinch-zoom;cursor:grab} #private-home-content .private-cinema-section>header{padding-inline:var(--cinema-heading-inset,24px)} #private-home-content .private-cinema-carousel.is-dragging{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing;user-select:none} #private-home-content .private-cinema-carousel.is-dragging *{cursor:grabbing;user-select:none} #private-home-content .private-cinema-carousel.is-dragging .private-cinema-art,#private-home-content .private-cinema-section.is-wide .private-cinema-card:hover .private-cinema-art{transform:none} #private-home-content .private-cinema-section.is-wide .private-cinema-art{transition:none} #private-home-content .is-showing-all .private-cinema-carousel{cursor:auto;padding-top:24px} @media(max-width:700px),(max-width:900px) and (max-height:500px){#private-home-content .private-cinema-section>header{padding-inline:8px}#private-home-content .private-cinema-carousel{mask-image:linear-gradient(to right,transparent,#000 8px,#000 calc(100% - 8px),transparent)}} /* Sharp dimmed neighbors and compact text; the page width is unchanged. */ #private-home-content .private-cinema-carousel{align-items:stretch;mask-image:none;-webkit-mask-image:none} #private-home-content .private-cinema-card.is-peek{opacity:.18} #private-home-content .is-showing-all .private-cinema-card{opacity:1} #private-home-content .private-cinema-copy{flex:1;padding:18px 10px;gap:7px} #private-home-content .private-cinema-card-footer{margin-top:auto;padding-top:9px;min-height:39px} #private-home-content .private-cinema-copy>small,#private-home-content .private-cinema-card-footer>small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden} #private-home-content .private-cinema-title{display:block;max-height:2.7em;overflow:hidden;line-height:1.35;position:relative} #private-home-content .private-cinema-title-preview{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden} #private-home-content .private-cinema-title-full{display:block;position:absolute;inset:0 0 auto;visibility:hidden;pointer-events:none} @keyframes private-cinema-title-scroll{0%{transform:translateY(0);opacity:0}5%,20%{transform:translateY(0);opacity:1}80%,92%{transform:translateY(var(--title-travel));opacity:1}97%{transform:translateY(var(--title-travel));opacity:0}100%{transform:translateY(0);opacity:0}} @media(prefers-reduced-motion:no-preference){ #private-home-content .private-cinema-card:is(:hover,:focus-visible,.is-center) .private-cinema-title.is-overflowing>.private-cinema-title-preview{visibility:hidden} #private-home-content .private-cinema-card:is(:hover,:focus-visible,.is-center) .private-cinema-title.is-overflowing>.private-cinema-title-full{visibility:visible;animation:private-cinema-title-scroll var(--title-duration,12s) linear infinite} } #private-home-content .private-cinema-carousel.is-dragging .private-cinema-title-preview,#private-home-content .is-showing-all .private-cinema-card:not(:hover):not(:focus-visible) .private-cinema-title-preview{visibility:visible} #private-home-content .private-cinema-carousel.is-dragging .private-cinema-title-full,#private-home-content .is-showing-all .private-cinema-card:not(:hover):not(:focus-visible) .private-cinema-title-full{visibility:hidden;animation:none} /* Keep each Theater row flush while preserving content-driven row height. */ #private-home-content .private-cinema-art{flex-shrink:0} #private-home-content .private-theater-albums{align-items:stretch} #private-home-content .private-theater-album:not(.is-expanded){align-self:stretch;display:flex} #private-home-content .private-theater-album:not(.is-expanded)>.private-home-tile{display:flex;flex:1;flex-direction:column;align-items:stretch} #private-home-content .private-theater-album:not(.is-expanded) .private-home-tile-art{flex-shrink:0} #private-home-content .private-theater-album:not(.is-expanded)>.private-home-tile>small{margin-top:auto} /* A bounded two-row album shelf; vertical page scrolling remains native. */ #private-home-content .private-album-shelf{--album-card-width:200px;--album-rows:2} #private-home-content .private-album-shelf-viewport{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;touch-action:pan-x pan-y pinch-zoom;overscroll-behavior-x:contain;cursor:grab} #private-home-content .private-album-shelf-viewport::-webkit-scrollbar{display:none} #private-home-content .private-album-shelf-track{position:relative;height:calc(var(--album-rows)*(var(--album-card-width) + 122px) + (var(--album-rows) - 1)*16px)} #private-home-content .private-album-shelf-column{position:absolute;top:0;height:100%;display:grid;grid-template-rows:repeat(var(--album-rows),minmax(0,1fr));gap:16px} #private-home-content .private-album-shelf .private-theater-album{display:flex;min-width:0;min-height:0;align-self:stretch} #private-home-content .private-album-shelf .private-home-tile{box-sizing:border-box;display:flex;flex:1;flex-direction:column;align-items:stretch;gap:10px;padding:14px;min-width:0;width:100%;border:0;border-radius:22px;background:#262627;text-align:left;color:#efefef;overflow:hidden;transform:none} #private-home-content .private-album-shelf .private-home-tile-art{width:100%;max-width:none;aspect-ratio:1;flex-shrink:0;border-radius:14px;overflow:hidden} #private-home-content .private-album-shelf .private-home-tile>strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:16px;line-height:1.35;max-height:2.7em} #private-home-content .private-album-shelf .private-home-tile>small{margin-top:auto;font-size:13px;line-height:1.4} #private-home-content .private-album-shelf .private-theater-album-toggle{display:flex;align-items:center;gap:8px;margin-top:8px} #private-home-content .private-album-shelf .private-theater-album-toggle svg{width:18px;height:18px} #private-home-content .private-album-shelf-controls{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding-top:14px} #private-home-content .private-album-shelf-controls>span{margin-right:auto;color:#b9b5b4;font-size:13px} #private-home-content .private-album-shelf-controls button{width:40px;height:44px;padding:8px;border:0;border-radius:12px;background:#343334;color:white} #private-home-content .private-album-shelf-controls svg{width:24px;height:28px} #private-home-content .private-album-shelf-controls button:disabled{opacity:.3;cursor:default} #private-home-content .private-album-shelf-viewport.is-dragging,#private-home-content .private-album-shelf-viewport.is-dragging *{cursor:grabbing;user-select:none} #private-home-content #private-theater-selected-tracks{padding:22px;margin-top:20px;border-radius:22px;background:#242426;scroll-margin-top:110px} /* Place each arrow across the inner edge of the dimmed neighboring artwork. */ #private-home-content .private-cinema-arrow.is-previous{left:max(26px,var(--cinema-arrow-inset,26px));transform:translate(-50%,-50%)} #private-home-content .private-cinema-arrow.is-next{right:max(26px,var(--cinema-arrow-inset,26px));transform:translate(50%,-50%)} #private-home-content :is(.private-cinema-arrow,.private-discovery-nav button,.private-album-shelf-controls button){background:rgb(62 59 57 / 50%);border:0;box-shadow:none;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);transition:background-color .18s ease;color:#fff} #private-home-content :is(.private-cinema-arrow,.private-discovery-nav button,.private-album-shelf-controls button):is(:hover,:focus-visible){background:rgb(62 59 57 / 94%)} #private-home-content :is(.private-cinema-arrow,.private-discovery-nav button,.private-album-shelf-controls button):focus-visible{outline:2px solid #eee1cc;outline-offset:2px} @media(max-width:700px),(max-width:900px) and (max-height:500px){ #private-home-content .private-cinema-arrow.is-previous{left:max(19px,var(--cinema-arrow-inset,19px))} #private-home-content .private-cinema-arrow.is-next{right:max(19px,var(--cinema-arrow-inset,19px))} } @media(prefers-reduced-motion:reduce){#private-home-content :is(.private-cinema-arrow,.private-discovery-nav button,.private-album-shelf-controls button){transition:none}} /* One Theater heading and one shared text edge; retain the existing ambient background. */ .private-cinema-desktop main>header:not(#private-home-header)>div:first-child{display:none} .private-cinema-desktop main>header:not(#private-home-header){justify-content:flex-end;min-height:46px;margin-bottom:8px} .private-cinema-desktop main>header:not(#private-home-header) .header-links{flex-direction:row;flex-wrap:wrap;justify-content:flex-end} #private-home-content .private-cinema-intro{max-width:none;box-sizing:border-box;padding-inline:var(--theater-heading-inset,24px)} #private-home-content .private-cinema-section>header{padding-inline:var(--theater-heading-inset,24px)} #private-home-content .private-theater-picker{margin-inline:var(--theater-heading-inset,24px)} #private-home-content .private-theater-public-discovery{margin-inline:var(--theater-heading-inset,24px)} .private-cinema-desktop #private-home-content .private-cinema-intro{padding-inline:var(--theater-heading-inset,24px)} .private-cinema-desktop .private-cinema-intro [data-cinema-close]{right:var(--theater-heading-inset,24px)} @media(max-width:1100px){.private-cinema-desktop .private-cinema-intro [data-cinema-close]{position:static;width:fit-content;margin:0 0 22px}} @media(max-width:700px),(max-width:900px) and (max-height:500px){ #private-home-content .private-cinema-intro,#private-home-content .private-cinema-section>header{padding-inline:8px} #private-home-content .private-theater-picker,#private-home-content .private-theater-public-discovery{margin-inline:8px} }