/* User's three Aether music references, 2026-10-19. Shared by design and live UI. */
#listen-island{--li-cover-sea:url('/sea-dawn.webp');--li-text:#24264e;--li-muted:#696a98;--li-accent:#8272df;--li-radius:25px;--li-panel:rgba(255,255,255,.56);--li-paper:rgba(255,255,255,.65);--li-line:rgba(255,255,255,.93);--li-shadow:0 12px 30px #7071ac0c,inset 0 1px 1px #ffffffb0}
#listen-island .li-window{background:linear-gradient(140deg,#eeecff,#dbe1f9 54%,#e2dff5);border-color:#ffffffb0;box-shadow:none}
#listen-island .li-window:before{background:radial-gradient(ellipse at 3% 96%,#f6d9ef 0,transparent 53%),radial-gradient(ellipse at 90% 8%,#b5c0f355 0,transparent 55%),radial-gradient(ellipse at 43% 0,#f9f7ffb0 0,transparent 45%)}
#listen-island .li-brand strong{font-weight:500;font-size:23px}#listen-island h1{font-weight:600}#listen-island .li-panel{backdrop-filter:blur(24px);border-width:1.5px}#listen-island .li-greeting{padding:12px 0 26px}#listen-island .li-greeting h1{font-size:34px;font-weight:500;letter-spacing:1px}#listen-island .li-greeting>span{font-size:10px;letter-spacing:4px}#listen-island .li-greeting>p{display:none}
#listen-island .li-art{position:relative;overflow:hidden;background:#d4c9ec;border:1.5px solid #ffffffe8;border-radius:16px;aspect-ratio:1;box-shadow:0 7px 14px #7d76ab1b}#listen-island .li-art .li-art-scene{position:absolute;inset:0;background-image:var(--li-cover-sea);background-size:cover;background-position:center;opacity:.86;transform:none;border:0;border-radius:0;box-shadow:none}#listen-island .li-art .li-art-scene:before,#listen-island .li-art .li-art-scene:after{content:none}#listen-island .li-art .li-art-label{display:none}#listen-island .li-art-night .li-art-scene{filter:hue-rotate(12deg) brightness(.78) saturate(.7)}#listen-island .li-art-warm .li-art-scene{filter:sepia(.18) saturate(.6) brightness(1.07)}#listen-island .li-art-orbit .li-art-scene{filter:hue-rotate(18deg) saturate(.5) brightness(1.1)}#listen-island .li-art-open{display:block;padding:0;width:100%}
#listen-island .li-home-grid{grid-template-columns:1fr 1.23fr 1.06fr;max-width:none;gap:24px;align-items:stretch}#listen-island .li-collection-panel,#listen-island .li-up-next{transform:none;margin-top:0}#listen-island .li-focus-panel{padding:24px 26px;text-align:left}#listen-island .li-focus-orbit{border:0;border-radius:0;padding:0;width:100%;max-width:300px;margin:20px auto 23px}#listen-island .li-focus-orbit:after{content:none}#listen-island .li-focus-orbit .li-art{border-radius:22px;transform:rotate(-2deg);box-shadow:0 16px 24px #7774b42b;border:2px solid #fff}#listen-island .li-focus-panel h2{font-size:25px;margin-bottom:4px;font-weight:600}#listen-island .li-focus-controls{gap:22px;margin:18px 0 8px}#listen-island .li-focus-controls .li-main-play{background:linear-gradient(145deg,#ab8bf0,#7865dc);width:66px;height:66px;box-shadow:0 10px 18px #8374c82b}#listen-island .li-focus-controls .li-main-play svg{width:27px;height:27px}#listen-island .li-focus-controls .li-icon{color:var(--li-text)}#listen-island .li-progress{display:grid;grid-template-columns:1fr 1fr;gap:4px 0;font-size:11px}#listen-island .li-progress input{grid-column:1/-1;grid-row:1;width:100%;margin:3px 0 6px;accent-color:var(--li-accent);border:0}#listen-island .li-progress>span:last-child{text-align:right}#listen-island input[type=range]{appearance:none;background:transparent;min-height:22px;accent-color:var(--li-accent)}#listen-island input[type=range]::-webkit-slider-runnable-track{height:4px;background:#b7b4d84d;border-radius:8px;border:0}#listen-island input[type=range]::-webkit-slider-thumb{appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:var(--li-accent);box-shadow:0 2px 6px #8271c940;border:0}
#listen-island .li-focus-title{display:flex;justify-content:space-between;gap:10px;align-items:center}#listen-island .li-focus-bottom{display:none}#listen-island .li-sectionhead h2{font-size:18px}#listen-island .li-mini-track{width:100%;grid-template-columns:48px minmax(0,1fr) 28px;gap:12px;padding:10px 0;border-bottom:0}#listen-island .li-mini-track .li-art{width:48px;border-radius:9px}#listen-island .li-mini-track h3,#listen-island .li-mini-track strong{font-size:14px;font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#listen-island .li-mini-track p,#listen-island .li-mini-track small{font-size:12px;color:var(--li-muted);display:block;margin-top:4px}#listen-island .li-mini-track.li-selected{background:#9a8de719;border-radius:13px;padding-inline:10px}#listen-island .li-ref-list{border-bottom:1px solid var(--li-hairline);padding-bottom:16px;margin-bottom:16px}#listen-island .li-ref-tabs{display:flex;border-radius:22px;background:#d1cdfb38;margin:16px 0;padding:3px}#listen-island .li-ref-tabs button{font-size:12px;flex:1;border-radius:20px;padding:7px}#listen-island .li-ref-tabs button[aria-pressed=true]{background:#c9c0ff66;color:var(--li-accent)}#listen-island .li-ref-playlists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#listen-island .li-ref-playlist{min-width:0;text-align:left;background:#ffffff52;border:1px solid #ffffffbb;border-radius:16px;overflow:hidden;padding:0 0 11px}#listen-island .li-ref-playlist .li-art{border:0;border-radius:14px 14px 9px 9px;aspect-ratio:1.5;box-shadow:none;width:100%}#listen-island .li-ref-playlist h3{font-size:14px;margin:8px 11px 0}#listen-island .li-ref-playlist p{font-size:11px;margin:3px 11px 0;color:var(--li-muted)}#listen-island .li-ref-playlist span{display:block;font-size:11px;color:var(--li-muted);margin:3px 11px}
#listen-island .li-ref-lyrics{background:linear-gradient(145deg,#ffffffb3,#fff8f2b8);display:flex;flex-direction:column;min-height:520px;padding:26px 30px}#listen-island .li-ref-lyrics .li-sectionhead{margin-bottom:0}#listen-island .li-ref-lines{flex:1;display:flex;flex-direction:column;justify-content:center;gap:30px;font-size:20px;color:#7c7b9e;text-align:center;line-height:1.8;padding:35px 0}#listen-island .li-ref-lines strong{font-size:23px;font-weight:600;color:#6e60d1}#listen-island .li-ref-lyrics>.li-button{align-self:center}#listen-island .li-dock{gap:8px;padding:7px 12px;border-radius:32px;background:#ffffff7a;border:1.5px solid #fff}#listen-island .li-dock button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:70px;min-height:59px;padding:7px 10px;border-radius:23px;color:var(--li-muted);font-size:11px}#listen-island .li-dock button[aria-current=page]{color:var(--li-accent);background:#ffffffaa}#listen-island .li-dock button>svg{width:21px;height:21px}#listen-island .li-home-bottom{display:none}#listen-island .li-track{padding:10px 6px;border-bottom-color:#9e99cf22}#listen-island .li-track.li-active{border-radius:16px;background:#b9aafc30}#listen-island .li-player{border-radius:30px;background:#ffffff7d;border:1.5px solid #fff}#listen-island .li-player-controls .li-play-main{background:linear-gradient(145deg,#ad8cf0,#7865db);width:46px;height:46px}#listen-island .li-full-cover .li-art{border-radius:24px;transform:rotate(-2deg)}#listen-island .li-full-player{background:transparent;border:0;box-shadow:none;max-width:900px;padding:25px 30px}#listen-island .li-full-info h1{font-size:32px}#listen-island .li-full-tools{border:1px solid #ffffffaa;background:#ffffff66;border-radius:30px;padding:12px}#listen-island .li-lyrics-preview{font-size:16px}#listen-island .li-sidebar{display:none}#listen-island .li-ref-pc-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}#listen-island .li-ref-pc-card{display:flex;text-align:left;align-items:center;gap:10px;padding:0;border:1px solid #ffffffc2;background:#ffffff62;border-radius:16px;overflow:hidden;min-width:0}#listen-island .li-ref-pc-card .li-art{width:72px;border-radius:14px;flex:none;border:0;box-shadow:none}#listen-island .li-ref-pc-card>span{min-width:0;padding:8px 5px;font-size:13px}#listen-island .li-ref-pc-card small{display:block;font-size:11px;color:var(--li-muted);margin-top:5px}#listen-island .li-ref-pc-list{display:none}#listen-island .li-ref-mobile{display:none}
@container aether (min-width:1000px){#listen-island.li-pc .li-workspace{display:grid;grid-template-columns:184px minmax(0,1fr) 255px;gap:18px;padding-top:22px}#listen-island.li-pc .li-apphead{display:none}#listen-island.li-pc .li-sidebar{display:flex;flex-direction:column;border:1.5px solid #ffffffd0;background:#ffffff6b;border-radius:26px;padding:22px 12px}#listen-island.li-pc .li-sidebar h2{padding:4px 10px 23px;letter-spacing:2px;font-weight:400}#listen-island.li-pc .li-sidebar button{display:flex;align-items:center;gap:13px;text-align:left;padding:11px 12px;border-radius:12px;width:100%;font-size:13px;color:var(--li-muted);min-height:43px}#listen-island.li-pc .li-sidebar button[aria-current=page]{background:#b3a5fa40;color:var(--li-accent)}#listen-island.li-pc .li-sidebar hr{width:100%;border:0;border-top:1px solid var(--li-hairline);margin:20px 0}#listen-island.li-pc .li-sidebar .li-ref-sidebar-bottom{margin-top:auto}#listen-island.li-pc .li-content{padding:23px 20px;background:#ffffff68;border:1.5px solid #fff;border-radius:26px;min-height:590px}#listen-island.li-pc .li-greeting{padding:0;text-align:left}#listen-island.li-pc .li-greeting>span{display:none}#listen-island.li-pc .li-greeting h1{font-size:25px;letter-spacing:0}#listen-island.li-pc .li-ref-web{display:none}#listen-island.li-pc .li-ref-pc-list{display:block}#listen-island.li-pc .li-pc-context{display:block}#listen-island.li-pc .li-pc-context>.li-panel{min-height:100%;text-align:center;padding:22px}#listen-island.li-pc .li-pc-context .li-art{margin:22px 0;border-radius:22px;width:100%}#listen-island.li-pc .li-pc-context h3{font-size:24px;font-weight:600}#listen-island.li-pc .li-pc-context .li-ref-lines{font-size:15px;gap:16px;padding:35px 0 0}#listen-island.li-pc .li-pc-context .li-ref-lines strong{font-size:16px}#listen-island.li-pc .li-dock{display:none}#listen-island.li-pc .li-is-home .li-player,#listen-island.li-pc .li-player{display:grid;margin-top:18px}#listen-island.li-pc .li-track-album{display:none}#listen-island.li-pc .li-track{grid-template-columns:22px 34px minmax(75px,1fr) 36px 32px;gap:7px}#listen-island.li-pc .li-ref-pc-cards{grid-template-columns:repeat(2,minmax(0,1fr))}#listen-island.li-pc .li-ref-pc-cards>:last-child{display:none}}
@container aether (max-width:999px){#listen-island .li-home-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:18px}#listen-island .li-ref-lyrics{display:none}#listen-island .li-focus-panel{grid-column:auto;grid-row:auto}#listen-island .li-collection-panel{grid-column:auto;grid-row:auto}}
@container aether (max-width:620px){#listen-island .li-ref-web,#listen-island .li-greeting{display:none}#listen-island .li-ref-mobile{display:block}#listen-island .li-apphead{min-height:65px}#listen-island .li-brand strong{font-size:20px}#listen-island .li-brand strong span{display:none}#listen-island .li-content{padding-top:0;min-height:0}#listen-island .li-ref-mobile h1{font-size:27px;letter-spacing:-.5px}#listen-island .li-ref-mobile>span{font-size:16px;color:#9592b9;letter-spacing:1px}#listen-island .li-ref-mobile .li-searchbox{margin:14px 0;border-radius:28px;padding:11px 14px;font-size:12px;color:var(--li-muted)}#listen-island .li-ref-mobile .li-searchbox button{width:100%;text-align:left;display:flex;gap:10px;align-items:center}#listen-island .li-ref-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px}#listen-island .li-ref-stat{display:flex;align-items:center;gap:11px;padding:14px;border:1px solid #fff;border-radius:18px;background:#ffffff77;text-align:left;min-width:0}#listen-island .li-ref-stat>svg{color:var(--li-accent);width:24px;height:24px}#listen-island .li-ref-stat h3{font-size:13px}#listen-island .li-ref-stat small{font-size:11px;color:var(--li-muted)}#listen-island .li-ref-mobile .li-sectionhead{margin:18px 0 12px}#listen-island .li-ref-mobile .li-ref-playlists{margin-bottom:18px}#listen-island .li-ref-mobile .li-mini-track{background:#ffffff4d;border:1px solid #ffffff80;padding:7px;border-radius:14px;margin-bottom:7px;grid-template-columns:46px minmax(0,1fr) 28px}#listen-island .li-ref-mobile .li-mini-track .li-art{width:46px}#listen-island .li-mobile-nav{border:1.5px solid #fff;background:#ffffff7d;border-radius:28px;padding:5px;gap:0;position:relative;bottom:auto}#listen-island .li-mobile-nav button{min-width:0;flex:1;min-height:49px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:5px;border-radius:22px;font-size:10px}#listen-island .li-mobile-nav button[aria-current=page]{background:#ffffffa3;color:var(--li-accent)}#listen-island .li-player{padding:8px 12px;border-radius:24px;margin:16px 0 7px}#listen-island .li-player .li-now .li-art{width:42px}#listen-island .li-player .li-player-controls{gap:6px}#listen-island .li-player .li-player-controls .li-play-main{width:42px;height:42px}#listen-island .li-full-player{padding:12px 5px;display:block}#listen-island .li-full-cover{max-width:none;margin:0 auto 28px;width:95%}#listen-island .li-full-cover .li-art{width:100%;transform:rotate(-2deg);border-radius:21px}#listen-island .li-full-info{width:100%;text-align:center}#listen-island .li-full-info h1{font-size:29px;margin-top:20px}#listen-island .li-full-info .li-progress{text-align:left;margin-top:25px}#listen-island .li-full-info .li-focus-controls{gap:22px;margin:18px 0 30px}#listen-island .li-full-info .li-focus-controls .li-main-play{width:72px;height:72px}#listen-island .li-full-tools{display:flex;justify-content:center;gap:20px;margin:10px auto 20px}#listen-island .li-full-tools button{font-size:13px;min-height:40px}#listen-island .li-ref-lines{font-size:20px;gap:25px}#listen-island .li-ref-lines strong{font-size:23px}#listen-island .li-ref-mobile .li-mini-track .li-icon{min-width:36px;min-height:44px}#listen-island .li-home-indicator{padding-top:12px}}

@container aether (max-width:620px){#listen-island .li-is-home .li-player{display:grid}#listen-island .li-mobile-nav{display:flex}#listen-island .li-mobile-nav button{min-width:0;flex:1}}

#listen-island .li-focus-controls .li-main-play{color:#fff}
@container aether (max-width:620px){#listen-island .li-player .li-progress{display:none}#listen-island .li-player{grid-template-columns:minmax(0,1fr) auto}#listen-island .li-player .li-player-center{display:block}#listen-island .li-ref-mobile .li-ref-playlist h3{margin-inline:10px}}

@container aether (min-width:1000px){#listen-island.li-pc #li-product .li-workspace{display:grid;grid-template-columns:184px minmax(0,1fr) 255px;gap:18px}#listen-island.li-pc #li-product.li-is-nowplaying .li-workspace{grid-template-columns:184px minmax(0,1fr)}#listen-island.li-pc #li-product.li-is-nowplaying .li-pc-context{display:none}}
@container aether (max-width:620px){#listen-island .li-full-cover .li-art{max-width:none;width:100%;margin-bottom:0}#listen-island .li-is-nowplaying .li-mobile-nav,#listen-island .li-is-nowplaying .li-apphead{display:none}#listen-island .li-full-info .li-focus-controls{gap:9px}#listen-island .li-full-info .li-focus-controls .li-icon{min-width:40px;min-height:44px}#listen-island .li-full-info .li-focus-controls .li-main-play{width:72px;min-width:72px;height:72px}}
#listen-island .li-focus-controls .li-icon[aria-pressed=true]{color:var(--li-accent)}#listen-island .li-current-lyric{font-size:17px;color:var(--li-muted);text-align:center;margin:22px 0}#listen-island .li-focus-controls{gap:14px}

#listen-island .li-art .li-art-scene{width:100%;height:100%}#listen-island .li-full-info .li-focus-controls .li-main-play{color:#fff}#listen-island .li-full-tools button{flex-direction:row;align-items:center;justify-content:center;gap:8px}