:root{color-scheme:dark;font-family:SF Pro Display,Helvetica Neue,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;--accent: #33ddf7;--accent-soft: rgba(51, 221, 247, .18);--ink: #f7fbff;--muted: #8f9daf;--line: rgba(255, 255, 255, .12);--panel: rgba(8, 13, 21, .78);--panel-strong: rgba(5, 9, 15, .92);--shadow: 0 36px 100px rgba(0, 0, 0, .48);--audio-bass: 0;--audio-energy: 0;--audio-pulse: 0;--audio-luminance: 0;background:#020407;color:var(--ink)}*{box-sizing:border-box}html,body{min-height:100%}body{background:#020407;margin:0;overflow-x:hidden}button,input{color:inherit;font:inherit}button,a,input[type=range]{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}.srOnly{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.appShell{background:#03070c;isolation:isolate;min-height:100svh;overflow:hidden;padding:max(18px,env(safe-area-inset-top)) clamp(18px,3.5vw,58px) max(16px,env(safe-area-inset-bottom));position:relative}.appShell:before{background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px) 0 0 / 72px 72px,linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px) 0 0 / 72px 72px,radial-gradient(circle at 24% 28%,var(--accent-soft),transparent 26%),linear-gradient(135deg,#03070cb3,#020407f5 72%);content:"";inset:0;pointer-events:none;position:absolute;z-index:-3}.appShell:after{background:linear-gradient(90deg,rgba(2,4,7,.25),transparent 45%,rgba(2,4,7,.4)),radial-gradient(ellipse at 50% 46%,transparent 24%,rgba(2,4,7,.62) 100%);content:"";inset:0;pointer-events:none;position:absolute;z-index:-2}.backdropArtwork{filter:blur(84px) saturate(1.35) contrast(.94);height:116%;inset:-8%;object-fit:cover;opacity:calc(.16 + var(--audio-luminance));pointer-events:none;position:absolute;transform:scale(calc(1.08 + var(--audio-pulse)));transition:opacity .5s ease,transform 90ms linear;width:116%;z-index:-4}.audioBackdrop{height:100svh;inset:0;mix-blend-mode:screen;opacity:0;pointer-events:none;position:fixed;transition:opacity .52s ease;width:100vw;z-index:-1}.appShell.isPlaying .audioBackdrop{opacity:.74}.appShell[data-period=daytime]{--accent: #4de2ff;--accent-soft: rgba(77, 226, 255, .16)}.appShell[data-period=nighttime]{--accent: #ffb04a;--accent-soft: rgba(255, 176, 74, .15)}.ambient{border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:50%;box-shadow:0 0 0 34px color-mix(in srgb,var(--accent) 3%,transparent),0 0 0 74px color-mix(in srgb,var(--accent) 2%,transparent);opacity:.28;pointer-events:none;position:absolute;transform:scale(calc(1 + var(--audio-pulse)));transition:opacity .12s linear,transform 90ms linear;z-index:-1}.appShell.isPlaying .ambient{opacity:calc(.24 + var(--audio-luminance))}.ambientOne{height:42vw;left:-25vw;top:19vh;width:42vw}.ambientTwo{bottom:-24vw;height:52vw;right:-19vw;width:52vw}.appHeader{align-items:center;-webkit-backdrop-filter:blur(26px) saturate(1.2);backdrop-filter:blur(26px) saturate(1.2);background:#05090f9e;border:1px solid rgba(255,255,255,.1);border-radius:999px;box-shadow:inset 0 1px #ffffff0d,0 20px 60px #0003;display:grid;grid-template-columns:1fr auto 1fr;margin:0 auto 22px;max-width:1480px;padding:8px 10px;position:relative;z-index:20}.appBrand{align-items:center;display:flex;gap:12px;justify-self:start;padding-left:2px}.appBrand img{border:1px solid rgba(255,255,255,.16);border-radius:50%;box-shadow:0 10px 28px #00000061}.appBrand span{display:grid;gap:1px}.appBrand strong{font-size:14px;font-weight:950;letter-spacing:.11em}.appBrand small{color:var(--muted);font-size:7px;font-weight:850;letter-spacing:.22em}.periodSwitch{background:#020509b3;border:1px solid var(--line);border-radius:999px;display:flex;gap:3px;padding:4px}.periodSwitch button{background:transparent;border:0;border-radius:999px;color:var(--muted);font-size:11px;font-weight:900;letter-spacing:.08em;min-width:92px;padding:9px 16px;transition:.18s ease}.periodSwitch button[aria-pressed=true]{background:var(--accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 50%,transparent),0 0 24px color-mix(in srgb,var(--accent) 9%,transparent);color:var(--accent)}.headerActions{display:flex;gap:8px;justify-self:end}.headerActionIcon{display:none}.quietButton,.clockButton{border:1px solid var(--line);border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.04em;min-height:38px;padding:9px 17px;transition:background .18s ease,border-color .18s ease,transform .18s ease}.quietButton{background:#ffffff0b}.clockButton{background:var(--accent);border-color:var(--accent);box-shadow:0 10px 26px color-mix(in srgb,var(--accent) 18%,transparent);color:#061016}.quietButton:hover,.clockButton:hover{transform:translateY(-1px)}.quietButton:hover{background:#ffffff17;border-color:#ffffff2e}.mobileLibraryButton{display:none}.playerLayout{align-items:stretch;display:grid;gap:clamp(24px,3.2vw,52px);grid-template-columns:minmax(390px,.88fr) minmax(500px,1.12fr);margin:0 auto;max-width:1390px}.playerCard{align-self:center;margin:0 auto;max-width:540px;min-width:0;padding:10px clamp(6px,1vw,14px) 0;width:100%}.artworkFrame{aspect-ratio:1;border:1px solid rgba(255,255,255,.14);border-radius:clamp(28px,4vw,46px);box-shadow:0 38px 94px #00000085,0 0 0 1px #00000052;isolation:isolate;margin:0 auto clamp(22px,3.4vh,32px);overflow:hidden;position:relative;width:min(100%,485px)}.artworkFrame:before{border:1px solid rgba(255,255,255,.1);border-radius:inherit;content:"";inset:7px;pointer-events:none;position:absolute;z-index:3}.artworkFrame:after{background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 20%),linear-gradient(180deg,transparent 48%,rgba(0,0,0,.68));content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.artworkFrame>img{height:100%;object-fit:cover;transition:opacity .24s ease,transform .9s cubic-bezier(.2,.7,0,1);width:100%}.artworkFrame:hover>img{transform:scale(1.025)}.artworkGlow{background:linear-gradient(120deg,rgba(255,255,255,.22),transparent 26% 74%,var(--accent-soft));inset:0;opacity:.72;pointer-events:none;position:absolute;z-index:2}.artworkHook{-webkit-backdrop-filter:blur(16px) saturate(1.15);backdrop-filter:blur(16px) saturate(1.15);background:linear-gradient(90deg,#020509d1,#0205098c 78%,#0205091a);border-left:2px solid var(--accent);bottom:70px;left:clamp(15px,4vw,28px);padding:13px 18px 14px;position:absolute;right:clamp(15px,4vw,28px);text-shadow:0 3px 18px rgba(0,0,0,.78);z-index:4}.artworkHook span{color:var(--accent);display:block;font-size:7px;font-weight:900;letter-spacing:.13em;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artworkHook strong{display:block;font-family:Hiragino Mincho ProN,Yu Mincho,YuMincho,serif;font-size:clamp(23px,2.7vw,34px);font-weight:700;letter-spacing:-.045em;line-height:1.2;text-wrap:balance}.playlistBadge{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#05090ead;border:1px solid rgba(255,255,255,.18);border-radius:999px;bottom:22px;font-size:9px;font-weight:900;left:22px;letter-spacing:.12em;padding:9px 12px;position:absolute;z-index:2}.equalizer{align-items:end;bottom:25px;display:flex;gap:3px;height:20px;position:absolute;right:27px;z-index:3}.equalizer i{animation:equalize .8s ease-in-out infinite alternate;background:var(--accent);border-radius:2px;height:30%;width:3px}.equalizer i:nth-child(2){animation-delay:-.42s;height:90%}.equalizer i:nth-child(3){animation-delay:-.21s;height:60%}.equalizer i:nth-child(4){animation-delay:-.58s;height:45%}.equalizer:not(.isPlaying) i{animation-play-state:paused}@keyframes equalize{to{height:100%}}.overline{color:var(--accent);font-size:9px;font-weight:950;letter-spacing:.17em;margin:0 0 9px;text-transform:uppercase}.trackCopy{margin-inline:auto;max-width:500px}.titleRow{align-items:center;display:grid;gap:20px;grid-template-columns:1fr auto}.titleRow h1{font-size:clamp(28px,3.1vw,42px);font-weight:760;letter-spacing:-.055em;line-height:1.04;margin:0;text-wrap:balance}.titleRow p{color:#b6c1ce;font-size:11px;font-weight:800;letter-spacing:.08em;margin:10px 0 0;text-transform:uppercase}.favoriteButton{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0e;border:1px solid var(--line);border-radius:50%;display:flex;box-shadow:inset 0 1px #ffffff0d;font-size:24px;height:52px;justify-content:center;width:52px}.favoriteButton[aria-pressed=true]{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 58%,transparent);color:var(--accent)}.saveIcon{display:block;height:16px;position:relative;width:16px}.saveIcon:before,.saveIcon:after{background:currentColor;border-radius:2px;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:.16s cubic-bezier(.2,.75,.2,1)}.saveIcon:before{height:2px;width:13px}.saveIcon:after{height:13px;width:2px}[aria-pressed=true]>.saveIcon:before{height:2px;left:43%;top:56%;transform:translate(-50%,-50%) rotate(45deg);width:7px}[aria-pressed=true]>.saveIcon:after{height:2px;left:59%;top:48%;transform:translate(-50%,-50%) rotate(-48deg);width:13px}.playlistDescription{color:#94a1b1;font-size:11px;line-height:1.72;margin:16px 0 0;max-width:44em}.timeline{margin:25px auto 0;max-width:500px}input[type=range]{accent-color:var(--accent);cursor:pointer}.timeline input{appearance:none;background:#ffffff21;border-radius:99px;display:block;height:4px;width:100%}.timeline input::-webkit-slider-thumb,.volumeControl input::-webkit-slider-thumb{appearance:none;background:var(--accent);border:3px solid rgba(4,8,13,.85);border-radius:50%;box-shadow:0 0 18px color-mix(in srgb,var(--accent) 42%,transparent);height:15px;width:15px}.timeline input::-moz-range-thumb,.volumeControl input::-moz-range-thumb{background:var(--accent);border:3px solid rgba(4,8,13,.85);border-radius:50%;box-shadow:0 0 18px color-mix(in srgb,var(--accent) 42%,transparent);height:9px;width:9px}.timeline>div{color:var(--muted);display:flex;font-size:10px;font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:9px}.transport{align-items:center;-webkit-backdrop-filter:blur(22px) saturate(1.18);backdrop-filter:blur(22px) saturate(1.18);background:linear-gradient(180deg,#ffffff13,#ffffff05),#03080dad;border:1px solid rgba(255,255,255,.105);border-radius:999px;box-shadow:inset 0 1px #ffffff14,inset 0 -12px 28px #00000029,0 22px 54px #0000003d;display:flex;gap:13px;justify-content:center;margin:14px auto 18px;padding:9px 11px;position:relative;width:min(100%,274px)}.transport:before{background:linear-gradient(90deg,transparent,var(--accent),transparent);content:"";height:1px;left:23%;opacity:calc(.22 + var(--audio-energy));pointer-events:none;position:absolute;right:23%;top:0}.transport button{align-items:center;display:flex;justify-content:center}.skipButton{background:linear-gradient(145deg,#ffffff12,#ffffff05);border:1px solid rgba(255,255,255,.1);border-radius:17px;box-shadow:inset 0 1px #ffffff0f,0 8px 18px #00000029;color:#cdd7e2;height:48px;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;width:48px}.skipButton:hover{background:color-mix(in srgb,var(--accent) 11%,rgba(255,255,255,.055));border-color:color-mix(in srgb,var(--accent) 32%,rgba(255,255,255,.12));color:var(--accent);transform:translateY(-1px)}.skipButton:active{transform:scale(.94)}.skipGlyph{align-items:center;display:flex;height:18px;justify-content:center;position:relative;width:22px}.skipGlyph.isPrevious{transform:rotate(180deg)}.skipChevron{background:currentColor;clip-path:polygon(0 0,100% 50%,0 100%);height:14px;margin-right:-1px;width:8px}.skipBar{background:currentColor;border-radius:2px;height:15px;margin-left:2px;width:2px}.playButton{background:radial-gradient(circle at 34% 24%,rgba(255,255,255,.72),transparent 30%),linear-gradient(145deg,color-mix(in srgb,var(--accent) 88%,white),var(--accent) 64%,color-mix(in srgb,var(--accent) 72%,black));border:1px solid color-mix(in srgb,var(--accent) 72%,white);border-radius:25px;box-shadow:0 18px 42px color-mix(in srgb,var(--accent) 27%,transparent),0 4px 12px #00000052,inset 0 1px #ffffff94,inset 0 -7px 15px #00000029;color:#051015;height:72px;isolation:isolate;overflow:visible;position:relative;transition:border-radius .22s ease,box-shadow .18s ease,filter .18s ease,transform .11s linear;width:72px;z-index:1}.playButton:before{border:1px solid rgba(255,255,255,.32);border-radius:21px;content:"";inset:4px;pointer-events:none;position:absolute;z-index:-1}.playButton:after{border:1px solid color-mix(in srgb,var(--accent) 62%,transparent);border-radius:30px;box-shadow:0 0 28px color-mix(in srgb,var(--accent) 24%,transparent);content:"";inset:-7px;opacity:0;pointer-events:none;position:absolute;transform:scale(.94);transition:opacity .26s ease,transform .12s linear;z-index:-2}.playButton:hover{box-shadow:0 21px 52px color-mix(in srgb,var(--accent) 37%,transparent),0 5px 14px #00000057,inset 0 1px #ffffffad,inset 0 -7px 15px #00000021;filter:saturate(1.08) brightness(1.04);transform:translateY(-1px)}.playButton:active{filter:brightness(.94);transform:scale(.94)}.playButton.isPlaying{border-radius:50%;transform:scale(calc(1 + var(--audio-pulse)))}.playButton.isPlaying:after{opacity:calc(.36 + var(--audio-energy));transform:scale(calc(1 + var(--audio-pulse)))}.playButton.isPlaying:hover{transform:scale(calc(1.02 + var(--audio-pulse)))}.playGlyph{display:block;height:26px;position:relative;width:28px;z-index:2}.playGlyph:before,.playGlyph:after{background:currentColor;content:"";position:absolute;transition:.17s cubic-bezier(.2,.75,.2,1)}.playGlyph:before{clip-path:polygon(0 0,100% 50%,0 100%);height:24px;left:7px;top:1px;width:19px}.playGlyph:after{border-radius:2px;height:20px;opacity:0;right:4px;top:3px;transform:scaleY(.5);width:6px}.playButton.isPlaying .playGlyph:before{border-radius:2px;clip-path:none;height:20px;left:4px;top:3px;width:6px}.playButton.isPlaying .playGlyph:after{opacity:1;transform:scaleY(1)}.playButton:focus-visible,.skipButton:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 72%,white);outline-offset:4px}.playerFoot{align-items:center;background:#ffffff06;border:1px solid rgba(255,255,255,.08);border-radius:999px;display:flex;justify-content:space-between;margin:19px auto 0;max-width:500px;padding:11px 16px}.textButton{background:transparent;border:0;color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.04em;padding:6px 4px}.textButton[aria-pressed=true]{color:var(--accent)}.volumeControl{align-items:center;color:var(--muted);display:flex;font-size:13px;gap:8px}.volumeIcon{border-bottom:5px solid transparent;border-right:7px solid currentColor;border-top:5px solid transparent;display:block;height:0;position:relative;width:0}.volumeIcon:before{background:currentColor;border-radius:2px 0 0 2px;content:"";height:6px;left:1px;position:absolute;top:-3px;width:4px}.volumeControl input{appearance:none;background:#ffffff21;border-radius:99px;height:3px;width:96px}.libraryPanel{align-self:stretch;-webkit-backdrop-filter:blur(42px) saturate(1.2);backdrop-filter:blur(42px) saturate(1.2);background:linear-gradient(155deg,#101926d6,#04080ed1),var(--panel);border:1px solid rgba(255,255,255,.12);border-radius:36px;box-shadow:inset 0 1px #ffffff0f,var(--shadow);display:flex;flex-direction:column;height:calc(100svh - 126px);max-height:790px;min-height:650px;overflow:hidden;padding:clamp(24px,2.4vw,34px);position:relative}.libraryPanel:after{background:linear-gradient(90deg,transparent,var(--accent),transparent);content:"";height:1px;left:14%;opacity:.34;position:absolute;right:14%;top:0}.libraryHead{align-items:center;display:flex;justify-content:space-between}.libraryHead h2{font-size:clamp(24px,2.2vw,32px);font-weight:760;letter-spacing:-.055em;margin:0}.closeLibrary{background:transparent;border:0;display:none;height:42px;padding:0;width:42px}.closeIcon{display:block;height:18px;margin:auto;position:relative;width:18px}.closeIcon:before,.closeIcon:after{background:currentColor;border-radius:2px;content:"";height:2px;left:1px;position:absolute;top:8px;width:16px}.closeIcon:before{transform:rotate(45deg)}.closeIcon:after{transform:rotate(-45deg)}.searchBox{align-items:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:16px;color:var(--muted);display:flex;gap:9px;margin:20px 0 10px;padding:13px 15px;transition:background .16s ease,border-color .16s ease}.searchIcon{border:1.5px solid currentColor;border-radius:50%;display:block;height:13px;position:relative;width:13px}.searchIcon:after{background:currentColor;border-radius:2px;bottom:-4px;content:"";height:1.5px;position:absolute;right:-4px;transform:rotate(45deg);width:6px}.searchBox:focus-within{background:#fff1;border-color:color-mix(in srgb,var(--accent) 50%,transparent)}.searchBox input{background:transparent;border:0;color:var(--ink);min-width:0;outline:0;width:100%}.searchBox input::placeholder{color:#687588}.libraryTabs{border-bottom:1px solid var(--line);display:flex;gap:24px}.libraryTabs button{background:transparent;border:0;color:var(--muted);font-size:11px;font-weight:850;padding:9px 0 12px;position:relative}.libraryTabs button[aria-selected=true]{color:var(--ink)}.libraryTabs button[aria-selected=true]:after{background:var(--accent);border-radius:99px;bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.genreCatalogHead{align-items:center;display:flex;justify-content:space-between;margin:15px 0 9px}.genreCatalogHead strong{font-size:10px;letter-spacing:.08em;text-transform:uppercase}.genreCatalogHead button{background:transparent;border:0;color:var(--accent);font-size:9px;font-weight:850;padding:2px 0}.genreRoutes{display:grid;gap:8px;grid-auto-columns:148px;grid-auto-flow:column;margin:0 -10px;min-height:61px;overflow-x:auto;overscroll-behavior-inline:contain;padding:0 10px 8px;scroll-snap-type:inline proximity;scrollbar-width:none}.genreRoutes::-webkit-scrollbar{display:none}.genreRoute{align-items:center;background:#ffffff09;border:1px solid rgba(255,255,255,.075);border-radius:15px;display:grid;gap:9px;grid-template-columns:33px 1fr;min-width:0;padding:8px 10px;scroll-snap-align:start;text-align:left;transition:background .16s ease,border-color .16s ease,transform .16s ease}.genreRoute:hover{background:#fff1;transform:translateY(-2px)}.genreRoute[aria-pressed=true]{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 44%,transparent)}.genreRouteSymbol{align-items:center;background:color-mix(in srgb,var(--accent) 12%,rgba(255,255,255,.035));border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);border-radius:11px;color:var(--accent);display:flex;font-size:15px;height:33px;justify-content:center;width:33px}.genreRoute>span:last-child,.genreRoute strong,.genreRoute small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.genreRoute strong{font-size:8px;font-weight:900;letter-spacing:.035em}.genreRoute small{color:var(--muted);font-size:6px;margin-top:4px}.playlistCatalogHead{align-items:baseline;display:flex;justify-content:space-between;margin:16px 0 10px}.playlistCatalogHead strong{font-size:10px;letter-spacing:.08em;text-transform:uppercase}.playlistCatalogHead span{color:var(--muted);font-size:8px;font-weight:900;letter-spacing:.1em}.playlistRail{display:grid;gap:12px;grid-auto-columns:156px;grid-auto-flow:column;margin:0 -10px;min-height:156px;overflow-x:auto;overscroll-behavior-inline:contain;padding:0 10px 12px;scroll-snap-type:inline proximity;scrollbar-color:rgba(255,255,255,.16) transparent}.playlistCard{min-width:0;position:relative;scroll-snap-align:start}.playlistCardSelect{background:transparent;border:0;color:var(--ink);display:block;min-width:0;padding:0;text-align:left;width:100%}.playlistCardImage{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:18px;display:block;height:94px;object-fit:cover;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;width:156px}.playlistCardSelect:hover .playlistCardImage{border-color:#ffffff2e;transform:translateY(-3px)}.playlistCardSelect[aria-pressed=true] .playlistCardImage{border-color:var(--accent);box-shadow:0 10px 28px var(--accent-soft),inset 0 0 0 2px #03070cb8}.playlistCardSelect strong,.playlistCardSelect span{display:block;overflow:hidden;text-overflow:ellipsis}.playlistCardSelect strong{display:-webkit-box;font-size:10px;font-weight:780;line-height:1.25;margin-top:7px;min-height:25px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.playlistCardSelect span{color:var(--muted);font-size:6px;font-weight:850;letter-spacing:.07em;margin-top:3px;white-space:nowrap}.playlistPin{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#03070cb8;border:1px solid rgba(255,255,255,.16);border-radius:50%;color:#ffffffb8;display:flex;height:26px;justify-content:center;padding:0;position:absolute;right:6px;top:6px;transition:background .16s ease,color .16s ease,transform .16s ease;width:26px}.playlistPin .saveIcon{height:12px;width:12px}.playlistPin .saveIcon:before{width:10px}.playlistPin .saveIcon:after{height:10px}.playlistPin:hover{transform:scale(1.08)}.playlistPin.isPinned{background:var(--accent);border-color:var(--accent);color:#071019}.playlistRailEmpty{color:var(--muted);font-size:10px;grid-column:1;margin:31px 0 0}.playlistSummary{align-items:center;display:flex;background:#ffffff07;border:1px solid rgba(255,255,255,.07);border-radius:16px;gap:13px;margin:6px 0 8px;padding:8px}.playlistSummary img{border-radius:11px;height:46px;object-fit:cover;width:46px}.playlistSummary div{display:grid;gap:3px}.playlistSummary strong{font-size:12px;font-weight:790}.playlistSummary span{color:var(--muted);font-size:8px;font-weight:850;letter-spacing:.12em}.trackList{flex:1;list-style:none;margin:0 -10px;max-height:none;min-height:138px;overflow:auto;padding:0 6px 24px;scrollbar-color:rgba(255,255,255,.16) transparent}.trackItem{align-items:center;border:1px solid transparent;border-radius:16px;display:grid;gap:10px;grid-template-columns:26px 1fr auto;margin:3px 0;padding:10px 11px;transition:background .15s ease,border-color .15s ease,transform .15s ease}.trackItem:hover{background:#ffffff0d;border-color:#ffffff0f;transform:translate(2px)}.trackItem.isCurrent{background:linear-gradient(90deg,var(--accent-soft),rgba(255,255,255,.025));border-color:color-mix(in srgb,var(--accent) 24%,transparent)}.trackNumber{color:var(--muted);font-size:9px;font-variant-numeric:tabular-nums;text-align:center}.trackItem.isCurrent .trackNumber{color:var(--accent)}.trackSelect{background:transparent;border:0;min-width:0;padding:0;text-align:left}.trackSelect strong,.trackSelect span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trackSelect strong{font-size:12px;font-weight:790}.trackSelect span{color:var(--muted);font-size:8px;margin-top:4px}.trackFavorite{align-items:center;background:#ffffff09;border:1px solid rgba(255,255,255,.07);border-radius:10px;color:#657184;display:flex;height:30px;justify-content:center;padding:0;width:30px}.trackFavorite.isFavorite{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 34%,transparent);color:var(--accent)}.trackFavorite .saveIcon{height:12px;width:12px}.trackFavorite .saveIcon:before{width:10px}.trackFavorite .saveIcon:after{height:10px}.emptyState{color:var(--muted);font-size:12px;padding:40px 10px;text-align:center}.appFooter{color:#657184;display:flex;font-size:8px;font-weight:850;justify-content:space-between;letter-spacing:.14em;margin:16px auto 0;max-width:1390px;opacity:.76}.focusOverlay{background:#000;inset:0;position:fixed;z-index:100}.focusOverlay[hidden]{display:none}.clockScene{background:#000;height:100%;inset:0;overflow:hidden;outline:none;position:absolute;touch-action:none;width:100%}.clockScene:after{background:radial-gradient(circle at 50% 44%,transparent 16%,rgba(0,0,0,.18) 80%);content:"";inset:0;pointer-events:none;position:absolute}.clockArtwork{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.dotMatrixFace{background:radial-gradient(circle,rgba(255,255,255,.44) 0 1px,transparent 1.3px) 0 0 / 13px 13px,radial-gradient(circle at 50% 42%,rgba(72,255,230,.18),transparent 34%),#020303;display:none;inset:0;position:absolute}.focusOverlay[data-face=dot] .clockArtwork{display:none}.focusOverlay[data-face=dot] .dotMatrixFace{display:block}.clockReadout{align-items:baseline;display:flex;gap:clamp(8px,2.4vw,22px);left:50%;position:absolute;top:47%;transform:translate(-50%,-50%);z-index:2}.clockReadout time{font-variant-numeric:tabular-nums;line-height:.85;text-shadow:0 0 42px currentColor;white-space:nowrap}#clockTime{font-size:clamp(74px,24vw,330px);font-weight:180;letter-spacing:-.085em}#clockSeconds{font-size:clamp(17px,4vw,54px);font-weight:650}.focusOverlay[data-face=cyan] .clockReadout,.focusOverlay[data-face=prism] .clockReadout{color:#d9fbff}.focusOverlay[data-face=amber] .clockReadout{color:#ffad26}.focusOverlay[data-face=monolith] .clockReadout{color:#f0f3f4}.focusOverlay[data-face=aurora] .clockReadout{color:#f8efff;top:48%}.focusOverlay[data-face=ceramic] .clockReadout,.focusOverlay[data-face=crystal] .clockReadout{color:#16202c;text-shadow:0 1px rgba(255,255,255,.9),0 12px 40px rgba(90,118,144,.18)}.focusOverlay[data-face=sand] .clockReadout{color:#5f4933;text-shadow:0 1px rgba(255,255,255,.58)}.focusOverlay[data-face=stone] .clockReadout{color:#171a1e;text-shadow:0 1px rgba(255,255,255,.7)}.focusOverlay[data-face=dot] .clockReadout{color:#f5ffff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-shadow:0 0 18px rgba(255,255,255,.72)}.focusOverlay[data-view=clock] .focusWorkspace{display:none}.focusOverlay[data-view=full] .clockScene{filter:blur(12px) brightness(.28);transform:scale(1.045)}.focusWorkspace{background:radial-gradient(circle at 50% 30%,var(--accent-soft),transparent 38%),#03060a61;display:grid;inset:0;place-items:center;position:absolute;z-index:4}.focusTop{align-items:center;display:flex;justify-content:space-between;left:0;padding:max(20px,env(safe-area-inset-top)) clamp(18px,4vw,50px);position:absolute;right:0;top:0}.focusTop p{color:#ffffff8c;font-size:9px;font-weight:900;letter-spacing:.18em;margin:0}.focusTop button{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:99px;font-size:11px;font-weight:800;padding:11px 16px}.focusContent{text-align:center}.focusEyebrow{color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.18em;margin:0 0 18px}.focusTimer{display:block;font-size:clamp(82px,19vw,240px);font-variant-numeric:tabular-nums;font-weight:160;letter-spacing:-.09em;line-height:.9}.focusNow{color:#ffffff9e;font-size:12px;margin:22px 0 32px}.presetRow{display:flex;gap:8px;justify-content:center}.presetRow button,.focusAdjust>button:not(.focusStart){background:#ffffff0f;border:1px solid rgba(255,255,255,.11);border-radius:99px;color:#ffffffb3;font-size:11px;font-weight:850;height:42px;min-width:54px}.presetRow button.isSelected{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.focusAdjust{align-items:center;display:flex;gap:17px;justify-content:center;margin-top:25px}.focusStart{background:var(--accent);border:0;border-radius:50%;color:#051015;font-size:11px;font-weight:950;height:82px;letter-spacing:.08em;width:82px}.focusReset{background:transparent;border:0;color:#ffffff7a;font-size:9px;font-weight:900;letter-spacing:.12em;margin-top:22px}.toast{background:#090f16eb;border:1px solid rgba(255,255,255,.12);border-radius:999px;bottom:max(20px,env(safe-area-inset-bottom));box-shadow:0 18px 52px #0000005c;font-size:11px;left:50%;max-width:calc(100vw - 40px);opacity:0;padding:12px 18px;pointer-events:none;position:fixed;transform:translate(-50%,20px);transition:.2s ease;z-index:200}.toast.isVisible{opacity:1;transform:translate(-50%)}.modalOpen,.libraryOpen{overflow:hidden}.libraryScrim{display:none}@media(max-width:960px){.appShell{padding-inline:18px}.appHeader{border-radius:24px;gap:8px;grid-template-areas:"brand actions" "period period";grid-template-columns:1fr auto;margin-bottom:20px;padding:8px}.appBrand{grid-area:brand}.periodSwitch{background:#020509a8;grid-area:period;position:static;transform:none;width:100%}.periodSwitch button{flex:1;min-width:0}.headerActions{grid-area:actions}.mobileLibraryButton{display:block}.playerLayout{display:block;max-width:600px}.playerCard{padding-bottom:24px}.libraryScrim{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000307a3;border:0;display:block;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .22s ease;z-index:60}.libraryScrim.isVisible{opacity:1;pointer-events:auto}.libraryPanel{border-radius:34px 34px 0 0;bottom:0;height:min(94dvh,850px);left:0;max-height:calc(100dvh - max(12px,env(safe-area-inset-top)));min-height:0;opacity:0;padding:27px 22px max(24px,env(safe-area-inset-bottom));pointer-events:none;position:fixed;right:0;transform:translateY(100%);transition:.26s cubic-bezier(.22,.7,0,1);z-index:70}.libraryPanel:before{background:#ffffff47;border-radius:99px;content:"";height:4px;left:50%;position:absolute;top:10px;transform:translate(-50%);width:42px}.libraryPanel.isOpen{opacity:1;pointer-events:auto;transform:translateY(0)}.closeLibrary{display:block}.trackList{flex:1;max-height:none;min-height:140px}.audioBackdrop{opacity:0}.appShell.isPlaying .audioBackdrop{opacity:.62}.appFooter{display:none}}@media(max-width:620px){.appShell{padding:max(16px,env(safe-area-inset-top)) 16px max(18px,env(safe-area-inset-bottom))}.appHeader{margin-bottom:20px}.appBrand{gap:8px}.appBrand img{height:34px;width:34px}.appBrand small,.appBrand span small{display:none}.quietButton,.clockButton{align-items:center;border-radius:13px;display:flex;height:40px;justify-content:center;min-height:40px;padding:0;width:40px}.headerActionText{display:none}.headerActionIcon{color:currentColor;display:block;height:17px;position:relative;width:17px}.libraryIcon{border-bottom:1.5px solid currentColor;border-top:1.5px solid currentColor;height:13px}.libraryIcon:after{background:currentColor;content:"";height:1.5px;left:0;position:absolute;top:4.25px;width:17px}.focusIcon{border:1.5px solid currentColor;border-radius:5px}.focusIcon:after{background:currentColor;border-radius:50%;content:"";height:3px;left:5.5px;position:absolute;top:5.5px;width:3px}.clockIcon{border:1.5px solid currentColor;border-radius:50%}.clockIcon:before,.clockIcon:after{background:currentColor;border-radius:2px;content:"";left:7px;position:absolute;transform-origin:left center}.clockIcon:before{height:5px;top:3px;width:1.5px}.clockIcon:after{height:1.5px;top:7px;transform:rotate(-28deg);width:5px}.headerActions{gap:5px}.artworkFrame{border-radius:30px;margin-bottom:26px;width:100%}.artworkHook{bottom:66px;padding:11px 14px 12px}.artworkHook strong{font-size:clamp(22px,6.8vw,29px)}.titleRow h1{font-size:clamp(27px,8vw,34px)}.favoriteButton{height:48px;width:48px}.playlistDescription{font-size:11px;line-height:1.62;margin-top:12px}.playerFoot{margin-top:18px}.volumeControl{display:none}.transport{margin-block:9px 13px;width:min(100%,264px)}.playButton{border-radius:23px;height:68px;width:68px}.playButton:before{border-radius:19px}.skipButton{height:46px;width:46px}.libraryPanel{padding-inline:17px}.genreRoutes{grid-auto-columns:142px}.playlistRail{grid-auto-columns:min(64vw,232px);min-height:176px}.playlistCardImage{height:122px;width:100%}.playlistPin{height:32px;right:6px;width:32px}.focusTop p{display:none}#clockTime{font-size:clamp(76px,25vw,128px)}}@media(max-width:380px){.appBrand span{display:none}.titleRow{gap:12px}}@media(min-width:1280px){.playerLayout{grid-template-columns:minmax(430px,.86fr) minmax(610px,1.14fr)}.libraryPanel{padding-inline:38px}}@media(min-width:961px)and (max-height:760px){.artworkFrame{width:min(100%,390px)}.libraryPanel{height:calc(100svh - 112px);min-height:590px}.playlistDescription{display:none}}@media(orientation:landscape)and (max-height:620px){.clockArtwork{object-position:50% 47%}#clockTime{font-size:26vh}.focusTimer{font-size:28vh}.focusNow{margin-block:10px 16px}.focusAdjust{margin-top:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.audioBackdrop{display:none}}