:root{font-family:Avenir Next,Avenir,Montserrat,ui-sans-serif,system-ui,sans-serif;color:#f0f7f1;background:#09110f;font-synthesis:none;color-scheme:dark;--bg: #101918;--panel: #182624;--panel-raised: #20322d;--line: #30463f;--text: #f0f7f1;--muted: #9eb5ab;--accent: #d9ff70;--on-accent: #172514}*{box-sizing:border-box}html{background:#09110f}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% -20%,#243f34 0,#101918 45rem)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}svg{width:1.1rem;height:1.1rem}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.shell{width:min(100%,1440px);min-height:100vh;margin:0 auto;background:var(--bg);border-inline:1px solid #ffffff08;overflow:hidden}.chrome{height:76px;padding:0 30px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;width:max-content;text-transform:uppercase;letter-spacing:.22em;font-size:18px;font-weight:650}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:var(--on-accent);background:var(--accent)}.chrome nav{display:flex;gap:4px}.chrome nav a{min-width:76px;padding:10px 14px;border-radius:8px;text-align:center;color:var(--muted);font-size:13px}.chrome nav a.active{color:var(--text);background:var(--panel)}.personal{justify-self:end;color:var(--muted);text-transform:uppercase;letter-spacing:.13em;font-size:10px}.view{animation:enter .4s ease both}@keyframes enter{0%{opacity:0;transform:translateY(5px)}}.library{padding:42px clamp(26px,5vw,76px) 140px}.heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:30px}.eyebrow{margin:0 0 10px;color:var(--muted);text-transform:uppercase;letter-spacing:.17em;font-size:10px;font-weight:650}h1,h2,p{margin-top:0}.heading-row h1{margin:0;font-size:clamp(30px,4vw,48px);line-height:1.05;letter-spacing:-.055em;font-weight:520}.search{width:min(260px,100%);height:44px;display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid var(--line);border-radius:10px;color:var(--muted)}.search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:13px}.search input::placeholder{color:var(--muted)}.hero{position:relative;min-height:300px;overflow:hidden;padding:clamp(28px,5vw,56px);display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:center;border-radius:20px;background:linear-gradient(120deg,#294937,#1d342b);box-shadow:inset 0 1px #ffffff0c}.hero:after{content:"";position:absolute;inset:auto auto -55% 20%;width:65%;aspect-ratio:1;border:1px solid #d9ff7012;border-radius:50%}.hero>div:first-child{position:relative;z-index:2}.hero h2{margin:0;max-width:670px;text-transform:uppercase;font-size:clamp(39px,6vw,72px);line-height:.92;letter-spacing:-.065em;font-weight:700}.hero-song{margin:20px 0 25px;color:#bfd0c8;font-size:13px}.primary{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;border:0;border-radius:999px;background:var(--accent);color:var(--on-accent);font-size:12px;font-weight:700}.record{justify-self:end;width:245px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;transform:rotate(-13deg);background:repeating-radial-gradient(circle,#080c0b 0 3px,#1c2623 4px 5px);box-shadow:20px 26px 40px #0007}.record-label{width:88px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:var(--on-accent);text-align:center;text-transform:uppercase}.record-label span{font-size:12px;font-weight:800;letter-spacing:.2em}.record-label small{display:block;font-size:7px;line-height:1.3;letter-spacing:.13em}.collection-heading{margin:35px 0 18px;display:flex;align-items:center;justify-content:space-between}.filters{display:flex;gap:5px}.filter,.text-button{min-height:42px;padding:0 13px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:12px}.filter.active{background:var(--panel);color:var(--text)}.song-count{color:var(--muted);font-size:11px}.songs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.song-card{position:relative;grid-column:span 1}.song-select{width:100%;padding:0;border:0;background:transparent;color:var(--text);text-align:left}.cover{position:relative;aspect-ratio:1.55;display:block;overflow:hidden;border-radius:13px;background:linear-gradient(145deg,#aebbb0,#718278);color:#14231e;isolation:isolate}.cover:before{content:"";position:absolute;width:75%;aspect-ratio:1;left:-20%;top:12%;border:1px solid #233f34;border-radius:50%;box-shadow:0 0 0 14px #92a198,0 0 0 15px #233f34,0 0 0 30px #92a198,0 0 0 31px #233f34;opacity:.55;z-index:-1}.cover-type{position:absolute;inset:15% 10%;display:flex;flex-direction:column;align-items:flex-end}.cover-type small{font-size:9px;letter-spacing:.2em;text-transform:uppercase}.cover-type strong{margin-top:auto;font-size:clamp(28px,4vw,56px);line-height:.82;letter-spacing:-.13em}.cover-type em{margin-top:8px;font-family:Georgia,serif;font-size:12px}.cover-orbit{position:absolute;right:-7%;bottom:-28%;width:48%;aspect-ratio:1;border-radius:50%;background:var(--accent);box-shadow:0 0 40px #d9ff7040}.song-info{display:flex;flex-direction:column;gap:5px;padding-top:12px}.song-info strong{font-size:14px;font-weight:600}.song-info strong small{color:var(--muted);font-size:11px;font-weight:500}.song-info>span{color:var(--muted);font-size:11px}.card-favorite{position:absolute;right:10px;top:10px;width:42px;height:42px;display:grid;place-items:center;border:1px solid #ffffff22;border-radius:50%;background:#0b1512a8;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card-favorite[aria-pressed=true],.favorite[aria-pressed=true]{color:var(--accent)}.card-favorite[aria-pressed=true] svg,.favorite[aria-pressed=true] svg{fill:currentColor}.empty{padding:50px 20px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);text-align:center}.bottom-player{position:fixed;z-index:5;left:50%;bottom:0;transform:translate(-50%);width:min(100%,1440px);min-height:82px;padding:12px 28px;display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-bottom:0;background:#182624f2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mini-cover{width:48px;flex:none;aspect-ratio:1;display:grid;place-items:center;border-radius:8px}.mini-cover:before,.mini-cover .cover-type,.mini-cover .cover-orbit{display:none}.mini-cover>span{font-size:22px;font-weight:700}.playing-meta{width:min(220px,24vw);display:flex;flex-direction:column;gap:4px;overflow:hidden}.playing-meta strong,.playing-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playing-meta strong{font-size:12px}.playing-meta span{color:var(--muted);font-size:10px}.icon-button{width:42px;height:42px;flex:none;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:var(--text)}.round-play{background:var(--accent);color:var(--on-accent)}.mini-timeline{min-width:80px;flex:1}.mini-time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:10px}.player{min-height:calc(100vh - 76px);display:grid;grid-template-columns:minmax(0,1fr) 280px}.singing{min-width:0;height:calc(100vh - 76px);padding:28px clamp(24px,4vw,60px) 24px;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto}.track-heading{display:flex;align-items:center;gap:13px}.track-heading h1{margin:0 0 4px;font-size:17px;letter-spacing:-.02em;font-weight:600}.track-heading p{margin:0;color:var(--muted);font-size:11px}.track-heading .favorite{margin-left:auto;color:var(--muted)}.status{min-height:25px;padding-top:8px;color:var(--muted);font-size:10px}.lyrics{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-block:min(18vh,120px);scroll-behavior:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent;-webkit-mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent)}.lyric-line{max-width:900px;margin:20px 0;color:#789086;opacity:.2;font-size:clamp(21px,3.3vw,44px);line-height:1.22;letter-spacing:-.045em;font-weight:650;transition:color .25s,opacity .25s,transform .25s}.lyric-line.seekable{display:block;width:fit-content;padding:0;border:0;background:transparent;text-align:left}.lyric-line.seekable:not(.current):hover{color:#a8c4b8;opacity:.82;transform:translate(4px)}.lyric-line.credit{opacity:.2}.lyric-line.nearby{opacity:.62}.lyric-line.current{color:var(--accent);opacity:1;text-transform:uppercase;font-size:clamp(29px,4.5vw,58px);transform:translate(8px)}.transport-block{padding-top:15px}input[type=range]{accent-color:var(--accent);cursor:pointer}.timeline{width:100%;display:block}.times{display:flex;justify-content:space-between;margin-top:4px;color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}.player-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:10px}.player-controls .round-play{width:50px;height:50px}.text-button{display:inline-flex;align-items:center;gap:7px}.repeat[aria-pressed=true]{color:var(--accent);background:#d9ff700d}.queue{padding:30px 24px;display:flex;flex-direction:column;justify-content:space-between;border-left:1px solid var(--line);background:var(--panel)}.queue h2{margin:0 0 25px;font-size:15px;font-weight:600}.queue h2 span{color:var(--muted);font-weight:400}.queue-empty{padding:20px;border:1px dashed var(--line);border-radius:11px}.queue-empty strong{font-size:12px}.queue-empty p{margin:6px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.settings{padding-top:35px;border-top:1px solid var(--line)}.settings label{display:block;margin-top:22px;color:var(--muted);font-size:11px}.settings label>span{display:flex;justify-content:space-between;margin-bottom:10px}.settings output{color:var(--text);font-variant-numeric:tabular-nums}.settings input{width:100%}.focus-mode .player{grid-template-columns:1fr}.focus-mode .queue{display:none}.focus-mode .lyric-line{max-width:1050px;margin-inline:auto;text-align:center}@media(max-width:700px){.chrome{height:68px;padding:0 16px;grid-template-columns:auto 1fr}.brand{font-size:15px;letter-spacing:.16em}.brand-mark{width:32px;height:32px}.chrome nav{justify-self:end}.chrome nav a{min-width:auto;padding:10px 12px}.personal{display:none}.library{padding:28px 17px 125px}.heading-row{align-items:stretch;flex-direction:column;gap:22px}.heading-row h1{font-size:34px}.search{width:100%}.hero{min-height:250px;padding:27px 22px;grid-template-columns:minmax(0,1fr) 80px}.hero h2{font-size:38px}.hero-song{max-width:195px}.record{width:135px;transform:translate(38px) rotate(-13deg)}.record-label{width:51px}.record-label span{font-size:8px}.record-label small{font-size:5px}.songs{grid-template-columns:1fr}.cover{aspect-ratio:1.38}.cover-type strong{font-size:47px}.bottom-player{min-height:76px;padding:10px 13px;gap:9px}.bottom-player .mini-cover{width:42px}.playing-meta{width:min(128px,36vw)}.mini-timeline,.mini-time{display:none}.bottom-player .round-play{margin-left:auto}.open-lyrics{padding-inline:13px;white-space:nowrap}.player{min-height:calc(100vh - 68px);grid-template-columns:1fr}.singing{height:calc(100svh - 68px);min-height:555px;padding:20px 18px 16px}.track-heading .mini-cover{width:42px}.track-heading h1{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.lyrics{padding-block:min(14vh,90px)}.lyric-line{margin:17px 0;font-size:23px}.lyric-line.current{font-size:33px;transform:translate(3px)}.player-controls{justify-content:space-between;gap:5px}.player-controls .text-button{width:42px;padding:0;justify-content:center}.player-controls .text-button span{display:none}.queue{min-height:410px;padding:27px 20px;border-top:1px solid var(--line);border-left:0}.focus-mode .queue{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}