@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#111312;--panel:#191c1a;--line:#ffffff12;--muted:#929b94;--green:#d0f991}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f3f5ef;font:14px 'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{opacity:.45;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--green);outline-offset:4px}button:hover{filter:brightness(1.15)}.sidebar{position:fixed;inset:0 auto 100px 0;width:238px;padding:34px 22px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:#141715}.brand{display:flex;align-items:center;gap:10px;font:800 25px Manrope,sans-serif;letter-spacing:-1px}.brand> :first-child{color:var(--green)}.brand small{display:block;font:8px 'DM Sans',sans-serif;letter-spacing:2px;color:var(--muted);margin-top:6px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--muted)}.sidebar>.eyebrow{margin:44px 12px 14px}.nav{display:flex;gap:14px;width:100%;padding:13px 15px;text-align:left;color:var(--muted);border-radius:9px;margin:3px 0}.nav.active{color:var(--green);background:#d0f99110}.sidebar-note{margin-top:auto;padding:23px 17px;border:1px solid #d0f99120;border-radius:12px;background:linear-gradient(145deg,#29332270,transparent)}.sidebar-note h3{font-size:17px;line-height:1.5}.sidebar-note p{font-size:12px;color:var(--muted);line-height:1.8}.sun{font-size:32px;color:var(--green)}.text-button{padding:12px 0 0;color:var(--green);font-size:12px}.help{font-size:10px;color:var(--muted);margin-top:25px}main{margin-left:238px;padding:0 42px 110px;max-width:1800px}header{height:89px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:12px}.breadcrumb{color:var(--muted)}.breadcrumb span{margin:0 15px}.breadcrumb b{color:#dfe4dc;font-weight:400}.connection{font-size:10px;color:var(--muted);border:1px solid var(--line);padding:8px 12px;border-radius:20px}.connection.online{color:var(--green)}.hero{position:relative;display:grid;grid-template-columns:1.2fr 1fr;overflow:hidden;margin:28px 0 37px;padding:42px;border:1px solid #c8e9ac14;border-radius:18px;background:radial-gradient(ellipse at 90% 40%,#61754938,transparent 65%),#1c231b}.hero .eyebrow{color:#c2d8ac;font-size:9px}h1{font:600 clamp(36px,4.3vw,65px)/1.12 Manrope,sans-serif;letter-spacing:-2.5px;margin:18px 0}h1 span{color:var(--green)}.hero p:not(.eyebrow),.intro{color:#a8b2a2;font-size:12px;line-height:1.9}.hero-actions{display:flex;gap:12px;margin-top:25px}.primary,.secondary{padding:12px 18px;border-radius:7px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary{background:var(--green);color:#1a2511}.secondary{background:#ffffff06;border:1px solid #ffffff20}.record-art{display:grid;place-items:center;position:relative;min-width:0}.record{width:255px;height:255px;border-radius:50%;background:repeating-radial-gradient(circle,#141813 0px,#141813 2px,#252b22 3px,#111610 4px);box-shadow:15px 20px 40px #0006;display:grid;place-items:center;transform:rotate(-18deg);z-index:1}.label{background:var(--green);width:94px;height:94px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#27351d;font:800 25px Manrope;letter-spacing:4px}.label:after{content:'';width:8px;height:8px;border-radius:50%;background:#14200e;margin-top:9px}.label small{font:6px sans-serif;letter-spacing:1px;margin-top:5px}.orbit{position:absolute;width:290px;height:290px;border:1px solid #cdeb9d26;border-radius:50%;transform:translate(35px,-16px)}.art-caption{position:absolute;bottom:-18px;font-size:7px;letter-spacing:3px;color:#9eaf91}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.section-heading .eyebrow{font-size:9px}h2{font:600 25px Manrope;margin:8px 0;letter-spacing:-.8px}h2 span{font:12px 'DM Sans';background:#242b23;padding:4px 8px;border-radius:6px;color:var(--muted);vertical-align:middle;margin-left:8px}.toolbar{display:flex;gap:10px;margin-bottom:24px}input:not([type=range]),select,textarea{background:#1b1e1b;border:1px solid #ffffff12;border-radius:7px;color:#e8ece5;padding:12px;min-width:0}input::placeholder,textarea::placeholder{color:#788276}.toolbar input{flex:1}.toolbar select{max-width:190px;font-size:11px}.list-heading,.track{display:grid;grid-template-columns:minmax(0,1fr) 150px 90px 85px;align-items:center;gap:15px}.list-heading{font-size:9px;letter-spacing:1.5px;color:#778272;padding:10px 16px;border-bottom:1px solid var(--line)}.track{padding:13px 16px;border-bottom:1px solid var(--line);border-radius:7px}.track:hover{background:#ffffff04}.track.playing{background:#d0f99109}.track-main{display:flex;align-items:center;gap:14px;min-width:0}.cover{width:46px;height:46px;flex-shrink:0;border-radius:7px;color:#fff;font-size:22px;display:grid;place-items:center;background:linear-gradient(135deg,hsl(var(--hue) 23% 34%),hsl(var(--hue) 32% 13%))}.track-title{overflow:hidden}.track-title b{display:block;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-title small{display:block;color:var(--muted);margin-top:6px;font-size:11px}.genre-tag{font-size:11px;color:#aab4a5}.duration{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.track-actions{display:flex;gap:15px;color:var(--muted)}.empty{text-align:center;padding:60px 20px;color:var(--muted);line-height:1.9}.empty b{display:block;font-size:19px;color:#e5ecdf}.groups{display:flex;gap:10px;flex-wrap:wrap}.group{border:1px solid var(--line);background:var(--panel);padding:12px 20px;border-radius:9px;margin-bottom:18px}.group.active{color:var(--green);border-color:var(--green)}footer{display:flex;justify-content:space-between;color:#697365;font-size:10px;margin-top:40px;border-top:1px solid var(--line);padding-top:22px}.player{position:fixed;bottom:0;left:0;right:0;background:#191d19ed;backdrop-filter:blur(20px);border-top:1px solid #ffffff16;height:100px;padding:14px 25px;display:grid;grid-template-columns:1fr 1.3fr 1fr;align-items:center;gap:25px;z-index:10}.now{display:flex;gap:12px;align-items:center;min-width:0}.now>div:last-child{min-width:0}.now b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now small{display:block;font-size:10px;color:var(--muted);margin-top:7px}.mini-cover{background:#303e27;border-radius:8px;display:grid;place-items:center;width:49px;height:49px;color:var(--green);flex-shrink:0;font-size:25px}.controls{display:flex;align-items:center;justify-content:center;gap:20px}.controls button{font-size:17px;color:#9aa693}.controls .play{color:#1b2712;background:var(--green);width:35px;height:35px;border-radius:50%;font-size:14px}.controls [aria-pressed=true]{color:var(--green)}.timeline{display:flex;align-items:center;gap:10px;margin-top:9px;font:9px monospace;color:var(--muted)}input[type=range]{accent-color:var(--green);height:3px;cursor:pointer}.timeline input{width:100%;min-width:0}.extras{display:flex;align-items:center;justify-content:flex-end;gap:14px;color:var(--muted)}.extras input{width:85px}.studio-card{max-width:800px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:28px;margin-top:30px}#studio{padding-top:35px}label{display:flex;flex-direction:column;gap:10px;margin-bottom:22px;font-size:12px}textarea{resize:vertical;min-height:110px;line-height:1.8}.form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.muted{color:var(--muted)}#genStatus{color:var(--green);line-height:1.8}dialog{width:440px;max-width:calc(100% - 30px);border:1px solid #ffffff20;border-radius:15px;background:var(--panel);color:white;padding:28px}dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}dialog p{color:var(--muted);overflow-wrap:anywhere}#toast{position:fixed;bottom:115px;left:50%;transform:translateX(-50%);padding:14px 23px;border:1px solid #ffffff20;border-radius:10px;background:#303c29;z-index:30;max-width:90vw}[hidden]{display:none!important}@media(min-width:1500px){main{padding-left:65px;padding-right:65px}.hero{padding:50px 60px}}@media(max-width:1100px){.sidebar{width:200px;padding:30px 15px}main{margin-left:200px;padding-left:25px;padding-right:25px}.hero{padding:30px}.record{width:195px;height:195px}.orbit{width:220px;height:220px}.list-heading,.track{grid-template-columns:minmax(0,1fr) 95px 55px 55px;gap:10px}.toolbar{flex-wrap:wrap}.toolbar input{flex-basis:100%}.sidebar-note{padding:14px}.extras{gap:5px}.player{grid-template-columns:1fr 1.3fr .6fr;gap:15px}.hero-actions{flex-wrap:wrap}}@media(max-width:760px){.sidebar{position:relative;inset:auto;width:auto;border-right:0;border-bottom:1px solid var(--line);padding:18px;display:block}.brand{font-size:22px}.brand small,.sidebar>.eyebrow,.sidebar-note,.help{display:none}.sidebar nav{display:flex;margin-top:18px;gap:5px}.nav{font-size:12px;padding:10px;gap:6px}.sidebar>.nav{position:absolute;right:16px;top:18px;width:auto}.sidebar>.nav span{display:none}main{margin:0;padding:0 18px 155px}header{height:60px}.hero{padding:25px;margin-top:18px;grid-template-columns:1fr}.hero h1{font-size:43px}.record-art{position:absolute;right:-65px;top:65px;opacity:.4;pointer-events:none}.record{width:185px;height:185px}.orbit{display:none}.hero>div:first-child{position:relative;z-index:2}.art-caption{display:none}.hero p{max-width:250px}.hero-actions{gap:8px}.primary,.secondary{font-size:11px;padding:12px}.section-heading h2{font-size:22px}.list-heading,.track{grid-template-columns:minmax(0,1fr) 45px 53px}.genre-tag,.list-heading>span:nth-child(2){display:none}.track{padding:12px 5px}.track-main{gap:10px}.cover{width:40px;height:40px}.track-title b{font-size:12px}.toolbar select{max-width:100%;flex:1;width:80px;padding:10px 6px;font-size:10px}.player{height:130px;grid-template-columns:1fr 1fr;padding:10px 18px;gap:5px 15px}.transport{display:contents}.controls{gap:13px;justify-content:flex-end}.timeline{grid-column:1/-1;order:3;margin:0}.extras{display:none}.now b{font-size:11px}.mini-cover{width:36px;height:36px}.controls button{font-size:15px}footer span{max-width:160px;text-align:right}.form-row{grid-template-columns:1fr}.studio-card{padding:20px}#toast{bottom:145px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.collection-options{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.view-switch{display:flex;padding:4px;background:#1b201a;border:1px solid var(--line);border-radius:8px;gap:3px}.view-switch button{padding:8px 13px;font-size:11px;color:var(--muted);border-radius:5px}.view-switch [aria-pressed=true]{background:#d0f99116;color:var(--green)}#likedOnly[aria-pressed=true],.like-button[aria-pressed=true]{color:var(--green)}.track-actions{gap:4px;justify-content:flex-end}.track-actions button,.track-actions a{padding:7px;font-size:17px;line-height:1}.list-heading,.track{grid-template-columns:minmax(0,1fr) 120px 70px 140px}[data-layout=grid] .list-heading{display:none}[data-layout=grid] #tracks{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}[data-layout=grid] .track{display:flex;flex-direction:column;align-items:stretch;padding:16px;background:var(--panel);border:1px solid var(--line);gap:12px}[data-layout=grid] .track-main{flex-direction:column;align-items:stretch;gap:15px}[data-layout=grid] .cover{width:100%;height:auto;aspect-ratio:1.25;font-size:35px}[data-layout=grid] .track-title b{font-size:14px}[data-layout=grid] .genre-tag{display:block}[data-layout=grid] .track-actions{justify-content:space-between;border-top:1px solid var(--line);padding-top:10px}[data-layout=compact] .track{padding-top:6px;padding-bottom:6px}[data-layout=compact] .cover{width:29px;height:29px;font-size:14px}[data-layout=compact] .track-title small{margin-top:3px;font-size:10px}[data-layout=compact] .track-title b{font-size:12px}@media(max-width:1100px){.list-heading,.track{grid-template-columns:minmax(0,1fr) 80px 45px 128px}}@media(max-width:760px){.list-heading,.track{grid-template-columns:minmax(0,1fr) 105px}.list-heading>span:nth-child(3),.track>.duration{display:none}.track-actions{gap:0}.track-actions button,.track-actions a{padding:6px;font-size:16px}.collection-options{gap:7px}.view-switch button{padding:8px;font-size:10px}#likedOnly{font-size:10px;padding:10px}[data-layout=grid] #tracks{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}[data-layout=grid] .track{padding:10px}[data-layout=grid] .track-title b{font-size:12px}[data-layout=grid] .track-title small{font-size:9px}[data-layout=grid] .track>.duration{display:block}[data-layout=grid] .track-actions button,[data-layout=grid] .track-actions a{padding:5px}}
.discovery{margin-bottom:40px}.discovery-heading{display:flex;justify-content:space-between;align-items:center;margin:30px 0 18px}.discovery-heading h2{font-size:23px}.discovery-heading>.muted{font-size:10px}.discovery-heading .eyebrow{font-size:9px}.popular-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.history-empty{grid-column:1/-1;display:flex;gap:22px;align-items:center;background:linear-gradient(120deg,#25302166,#191e19);border:1px solid var(--line);border-radius:13px;padding:26px}.history-empty>span{font-size:42px;color:var(--green)}.history-empty b{font-weight:500}.history-empty p{color:var(--muted);font-size:12px;line-height:1.7;margin-bottom:0}.popular-card{padding:12px;border:1px solid var(--line);border-radius:12px;background:#1a1e1a;min-width:0;transition:transform .2s,background .2s}.popular-card:hover{transform:translateY(-4px);background:#222922}.popular-art{width:100%;aspect-ratio:1.2;position:relative;overflow:hidden;background:radial-gradient(ellipse at 20% 15%,hsl(var(--card-hue) 40% 55%),transparent 60%),linear-gradient(145deg,hsl(var(--card-hue) 30% 28%),hsl(var(--card-hue) 30% 12%));border-radius:8px;display:grid;place-items:center}.small-record{width:76%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#111b 0 2px,#ffffff0c 3px,#111b 4px);box-shadow:10px 15px 20px #0005;transform:translate(22%,15%) rotate(-20deg);display:grid;place-items:center}.small-record:after{content:'SOL';color:#1b2718;background:hsl(var(--card-hue) 45% 73%);width:35%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font:800 12px Manrope;letter-spacing:2px}.rank{position:absolute;left:14px;top:10px;font:600 31px Manrope;color:#fff9;z-index:1}.card-play{position:absolute;bottom:13px;right:13px;width:35px;height:35px;background:var(--green);color:#1a2512;border-radius:50%;display:grid;place-items:center;font-size:12px;box-shadow:0 5px 15px #0005}.popular-card>b{display:block;margin-top:15px;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popular-card>small{display:block;font-size:11px;color:var(--muted);margin-top:6px}.popular-bottom{display:flex;align-items:center;justify-content:space-between;color:#9aa791;font-size:10px;margin-top:10px}.popular-bottom button{font-size:18px}.genre-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.genre-card{text-align:left;position:relative;overflow:hidden;padding:24px;border:1px solid #ffffff0c;border-radius:11px;background:linear-gradient(120deg,hsl(var(--card-hue) 24% 25%),hsl(var(--card-hue) 22% 14%));min-height:118px;transition:transform .2s}.genre-card:hover{transform:translateY(-3px)}.genre-card b{position:relative;display:block;font:600 21px Manrope;text-transform:capitalize;z-index:1;max-width:80%;overflow-wrap:anywhere}.genre-card small{position:relative;display:block;margin-top:11px;font-size:10px;color:#d5dfcbb0;z-index:1}.genre-symbol{position:absolute;font-size:105px;color:#ffffff18;right:-5px;top:-12px;transform:rotate(-20deg);line-height:1.4}.player{height:108px;background:linear-gradient(110deg,#20271ff5,#171c18f5);box-shadow:0 -12px 45px #0003;border-top:1px solid #d0f99120;padding-left:28px;padding-right:28px}.sidebar{bottom:108px}.player-like{margin-left:8px;font-size:23px;color:#8c9a85}.player-like[aria-pressed=true]{color:var(--green)}.mini-cover{width:55px;height:55px;border:1px solid #ffffff16;background:repeating-radial-gradient(circle,#10190d00 0 3px,#ffffff08 4px,#10190d00 5px),linear-gradient(135deg,hsl(var(--cover-hue,90) 30% 35%),hsl(var(--cover-hue,90) 30% 14%));box-shadow:0 4px 12px #0003}.mini-cover.is-playing{color:#ecffd1;box-shadow:0 0 20px #d0f99118}.controls{gap:24px}.controls .play{width:40px;height:40px;box-shadow:0 2px 15px #d0f99118}.timeline{margin-top:10px}.timeline input{height:4px}.extras button{font-size:20px}.now b{font-size:13px}.now small{font-size:11px}#collection[data-layout=grid] .track.playing{border-color:#d0f99166}@media(max-width:1100px){.popular-grid{gap:12px}.genre-grid{gap:10px}.genre-card{padding:18px}.genre-card b{font-size:18px}.now b{font-size:12px}}@media(max-width:760px){.discovery-heading{margin-top:25px;gap:10px}.discovery-heading h2{font-size:21px}.discovery-heading>.muted{font-size:9px;max-width:100px;text-align:right;line-height:1.6}.popular-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.popular-card{padding:10px}.popular-card>b{font-size:12px}.popular-card>small{font-size:10px}.genre-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.genre-card{min-height:110px;padding:17px}.genre-card b{font-size:17px}.history-empty{padding:20px;gap:15px}.history-empty p{font-size:11px}.history-empty b{font-size:12px}.player{height:130px;padding:12px 16px}.mini-cover{width:39px;height:39px}.now{gap:9px}.now b{font-size:10px}.now small{font-size:9px}.player-like{font-size:18px;padding:2px;margin-left:0}.controls{gap:12px}.controls .play{width:36px;height:36px}.sidebar{bottom:auto}.genre-symbol{font-size:90px}}
.reference-panel{border:1px solid var(--line);background:#11170f55;border-radius:12px;padding:20px;margin-bottom:22px}.reference-panel .discovery-heading{margin:0}.reference-panel h2{font-size:18px}.optional-badge{font-size:10px;padding:6px 10px;background:#d0f99112;color:var(--green);border-radius:20px}.field-help,.service-note{color:var(--muted);font-size:11px;line-height:1.8}.upload-label{display:block;padding:18px;background:#d0f99108;border:1px dashed #d0f99150;border-radius:8px;color:var(--green);cursor:pointer;margin:16px 0 10px;font-size:12px}.upload-label input{display:block;margin-top:15px;width:100%;font-size:11px}#referenceDetails p{font-size:11px;overflow-wrap:anywhere}#referencePreview{width:100%;height:40px;margin-top:8px}.advanced-settings{border:1px solid var(--line);border-radius:12px;margin-bottom:20px;overflow:hidden}.advanced-settings summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;padding:20px;background:#ffffff03;font-size:14px;font-weight:500}.advanced-settings summary::-webkit-details-marker{display:none}.advanced-settings summary small{display:block;font-size:10px;color:var(--muted);margin-top:8px;font-weight:400}.advanced-chevron{font-size:22px}.advanced-settings[open] .advanced-chevron{transform:rotate(180deg)}.advanced-body{padding:0 22px 10px}.advanced-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:15px}.advanced-heading .text-button{padding-top:0;white-space:nowrap}.advanced-body h3{font-size:13px;font-weight:500;border-top:1px solid var(--line);padding-top:22px;margin:20px 0}.advanced-body label small,.check-field small{font-size:10px;color:var(--muted);font-weight:400;line-height:1.7}.check-field{flex-direction:row;gap:12px;align-items:flex-start;line-height:1.6}.check-field input{accent-color:var(--green);margin:3px 0 0;width:15px;height:15px;flex-shrink:0}.check-field small{display:block;margin-top:5px}.planning-values{grid-template-columns:1fr 1fr}.advanced-body input:disabled{opacity:.4}.service-note{padding:12px;border-left:2px solid #d0f99144;margin-bottom:20px}#generate:disabled{cursor:wait}@media(max-width:760px){.reference-panel{padding:15px}.advanced-body{padding:0 15px 8px}.advanced-heading{align-items:flex-start}.advanced-heading .text-button{font-size:10px}.planning-values{grid-template-columns:1fr}.advanced-settings summary{padding:17px}}
.track-actions .like-button{white-space:nowrap;font-size:12px;min-width:40px}.player-like{white-space:nowrap;font-size:15px}.popular-bottom .like-button{font-size:12px}.popular-bottom .like-button[aria-pressed=true]{color:var(--green)}@media(max-width:760px){.track-actions .like-button{font-size:11px;min-width:36px}.player-like{font-size:11px}.track-actions{gap:0}}
.official-badge,.community-badge{display:inline-block;margin-top:7px;font-size:8px;letter-spacing:.3px;line-height:1.4;padding:2px 6px;border-radius:4px;white-space:nowrap}.official-badge{color:var(--green);background:#d0f99110;border:1px solid #d0f99120}.community-badge{color:#8d9a87;background:#ffffff06}.official-artist-link{cursor:pointer}.official-artist-link:hover{color:var(--green)}.artist-profile{padding:24px;margin:0 0 24px;background:linear-gradient(130deg,#303f26,#1a2018);border:1px solid #d0f99122;border-radius:12px}.artist-profile h2{font-size:29px;margin-top:15px}.artist-profile p{font-size:12px;color:var(--muted);line-height:1.8;max-width:800px}[data-layout=compact] .track-title .official-badge,[data-layout=compact] .track-title .community-badge{margin-top:3px;font-size:7px}
.header-account{display:flex;align-items:center;gap:10px}.header-account .primary,.header-account .secondary{font-size:11px;padding:9px 12px}.auth-dialog{width:490px;max-height:90vh;overflow-y:auto}.auth-dialog .section-heading{gap:20px}.auth-tabs{display:flex;background:#ffffff05;border-radius:8px;padding:4px;margin-bottom:22px}.auth-tabs button{flex:1;padding:10px;font-size:12px;border-radius:5px;color:var(--muted)}.auth-tabs button[aria-pressed=true]{background:#d0f99113;color:var(--green)}.auth-form{margin-top:20px}.auth-form label small{font-size:10px;line-height:1.7;color:var(--muted)}.auth-form .primary{width:100%;margin-bottom:12px}.auth-form>.text-button{display:block;margin:0 auto;padding:8px}.auth-form input:not([type=checkbox]){width:100%}.auth-form .check-field{font-size:11px;line-height:1.8}.recovery-warning{font-size:11px;line-height:1.8;border-left:2px solid #d0f99170;background:#d0f99108;border-radius:0 6px 6px 0;padding:12px 14px;color:#c3d2b7}.auth-message{font-size:12px;line-height:1.8;background:#e3b28015;border:1px solid #e3b28030;border-radius:7px;padding:12px;color:#e9c29b;overflow-wrap:anywhere}.auth-message.success{color:var(--green);background:#d0f9910a;border-color:#d0f99125}.account-identity{display:flex;align-items:center;gap:15px;margin:22px 0}.account-identity b{font-size:20px}.manual-key{margin:18px 0;font-size:12px;color:var(--muted)}.manual-key summary{cursor:pointer}.manual-key code{display:block;overflow-wrap:anywhere;color:var(--green);padding:12px 0}#totpQR{display:block;background:white;border-radius:10px;margin:20px auto;max-width:100%;padding:8px}#disableTwoFactor{border-top:1px solid var(--line);padding-top:15px}#signOutButton{width:100%;margin-top:20px}.creation-gate{margin-top:25px;padding:22px;background:#d0f99109;border:1px solid #d0f99125;border-radius:12px;max-width:800px}.creation-gate b{font:600 20px Manrope}.creation-gate p{font-size:12px;color:var(--muted);line-height:1.8}.auth-form input[type=checkbox]{flex-shrink:0}@media(max-width:760px){.header-account{gap:6px}.header-account .connection{display:none}.header-account .primary,.header-account .secondary{font-size:10px;padding:8px}.auth-dialog{padding:21px}.auth-dialog h2{font-size:23px}.breadcrumb{font-size:10px}.breadcrumb span{margin:0 6px}}
.auth-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:10px;margin:28px 0 18px}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:var(--line);flex:1}.wallet-sign-in{width:100%;padding:14px;background:linear-gradient(110deg,#9945ff30,#14f19518);border:1px solid #b38beb45;border-radius:8px;font-size:13px;font-weight:600}.wallet-sign-in:disabled{opacity:.5}.auth-dialog #walletAccess label{font-size:11px;line-height:1.7}#walletAvailability{margin-top:12px}#accountLoginMethod{overflow-wrap:anywhere}
.lyrics-toggle{position:absolute;right:24px;top:-36px;background:#263021;color:var(--green);border:1px solid #d0f99130;border-bottom:0;padding:9px 16px;border-radius:9px 9px 0 0;font-size:11px;letter-spacing:.3px}.lyrics-toggle[aria-expanded=true]{background:#d0f991;color:#213018}.lyrics-panel{position:fixed;right:22px;bottom:151px;width:470px;max-width:calc(100vw - 44px);height:min(640px,70vh);background:linear-gradient(160deg,#293a22f5,#151b14fb);border:1px solid #d0f99130;border-radius:18px;box-shadow:0 16px 80px #0008;z-index:30;display:flex;flex-direction:column;backdrop-filter:blur(22px)}.lyrics-header{display:flex;justify-content:space-between;gap:20px;padding:25px 26px 15px}.lyrics-header h2{font-size:22px;overflow-wrap:anywhere}.lyrics-header p:not(.eyebrow){font-size:11px;color:var(--muted);margin:8px 0 0}.lyrics-header button{align-self:flex-start;font-size:20px;padding:7px}.lyrics-header .eyebrow{font-size:8px;color:#c4d5b1}.lyrics-mode{padding:0 26px 18px;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;border-bottom:1px solid #ffffff0c;font-size:10px;color:#b1c2a2}.lyrics-mode label{display:flex;flex-direction:row;align-items:center;gap:6px;margin:0;font-size:10px}.lyrics-mode input{accent-color:var(--green)}.lyrics-lines{overflow-y:auto;position:relative;padding:25px 26px 70px;scrollbar-width:thin;scrollbar-color:#d0f99155 transparent;flex:1;min-height:0;overscroll-behavior:contain}.lyric-line{display:block;width:100%;text-align:left;font:700 24px/1.5 Manrope,sans-serif;color:#91a187;padding:9px 0;transition:color .2s;overflow-wrap:anywhere}.lyric-line:hover{color:#d9efca}.lyric-line.active{color:#ecffde;text-shadow:0 0 25px #d0f99125}.plain-lyrics{white-space:pre-wrap;font:500 17px/1.9 Manrope,sans-serif;color:#c4d4b7;overflow-wrap:anywhere;margin:0}@media(max-width:760px){.lyrics-toggle{right:16px;font-size:10px;top:-34px}.lyrics-panel{right:16px;bottom:173px;max-width:calc(100vw - 32px);height:min(550px,65vh)}.lyrics-header{padding:20px 20px 12px}.lyrics-header h2{font-size:20px}.lyrics-mode{padding:0 20px 14px}.lyrics-lines{padding:20px 20px 55px}.lyric-line{font-size:21px}.plain-lyrics{font-size:15px}}

.artist-link{color:inherit;text-decoration:none;cursor:pointer;border-radius:3px}.artist-link:hover{color:var(--green);text-decoration:underline;text-underline-offset:3px}.artist-link:focus-visible,.artist-card:focus-visible{outline:2px solid var(--green);outline-offset:4px}.groups.artist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px;margin:24px 0 32px}.artist-card{display:flex;flex-direction:column;min-width:0;position:relative;padding:17px;border:1px solid #ffffff10;border-radius:18px;background:linear-gradient(150deg,#ffffff06,#ffffff01);color:inherit;text-decoration:none;transition:transform .2s,border-color .2s,background .2s}.artist-card:hover{transform:translateY(-4px);border-color:#d0f99155;background:#d0f99108}.artist-card[aria-current=page]{border-color:#d0f99188}.artist-artwork{display:grid;place-items:center;aspect-ratio:1.25;overflow:hidden;position:relative;margin-bottom:18px;border-radius:12px;background:radial-gradient(ellipse at 20% 10%,hsl(var(--artist-hue) 65% 57% / .7),transparent 70%),repeating-radial-gradient(ellipse at 80% 85%,transparent 0 12px,#ffffff0c 13px 14px),linear-gradient(140deg,hsl(var(--artist-hue) 35% 23%),#121813)}.artist-artwork:after{content:'';position:absolute;width:58%;aspect-ratio:1;border:1px solid #ffffff30;border-radius:50%;box-shadow:0 0 0 15px #ffffff05,0 0 0 32px #ffffff04;transform:rotate(-25deg) scaleX(.65)}.artist-artwork>span{font:800 52px Manrope,sans-serif;letter-spacing:-4px;color:#ffffffe0;z-index:1;text-shadow:0 8px 30px #0005}.artist-card-badge{font-size:9px;letter-spacing:.6px;color:var(--green);margin-bottom:10px}.artist-card>b{font:700 18px/1.4 Manrope,sans-serif;overflow-wrap:anywhere}.artist-card-genre{font-size:11px;color:var(--muted);margin-top:7px}.artist-card-meta{font-size:10px;color:#9aa891;margin-top:17px}.artist-card-visit{font-size:10px;color:var(--green);padding-top:15px;margin-top:15px;border-top:1px solid #ffffff0c}.queue-toggle{position:absolute;right:127px;top:-36px;background:#263021;color:var(--green);border:1px solid #d0f99130;border-bottom:0;padding:9px 16px;border-radius:9px 9px 0 0;font-size:11px;letter-spacing:.3px}.queue-toggle[aria-expanded=true]{background:var(--green);color:#213018}.queue-mode{font-size:11px;color:var(--muted);padding:0 26px 16px;margin:0;border-bottom:1px solid #ffffff0c}.queue-tracks{padding:10px 15px 25px;overflow-y:auto;min-height:0;font-size:12px;color:var(--muted);overscroll-behavior:contain}.queue-track{display:flex;align-items:center;gap:13px;padding:14px 10px;border-radius:10px}.queue-track[aria-current=true]{background:#d0f9910d;color:var(--green)}.queue-play{flex-shrink:0;width:30px;height:36px;color:inherit;font-size:12px}.queue-track-info{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.queue-track-info>button{font-size:12px;text-align:left;color:#e6eddf;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0}.queue-track-info>small{font-size:8px;text-transform:uppercase;letter-spacing:1px}.queue-track-info>.artist-link{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-track>.duration{font-size:10px}.now>div{min-width:0}.now .artist-link{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:760px){.groups.artist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.artist-card{padding:12px;border-radius:14px}.artist-card>b{font-size:14px}.artist-artwork>span{font-size:38px}.artist-card-badge{font-size:8px}.artist-card-meta{font-size:9px}.queue-toggle{right:108px;top:-34px;font-size:10px}.queue-mode{padding:0 20px 14px}.queue-track{padding:12px 4px;gap:8px}}@media(prefers-reduced-motion:reduce){.artist-card{transition:none}.artist-card:hover{transform:none}}

#genProgress{width:100%;height:12px;accent-color:var(--accent,#d7fa6b);margin:0 0 16px}#genProgress[hidden]{display:none}

.delete-dialog{width:min(440px,calc(100vw - 32px));padding:28px;border:1px solid #ffffff20;border-radius:18px;background:var(--panel);color:#f3f5ef;box-shadow:0 24px 80px #0008}
.delete-dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}
.delete-dialog h2{margin:0;font:700 22px Manrope,sans-serif}
.delete-dialog .section-heading{margin:0 0 20px;gap:16px}
.delete-track-name{font-weight:700;overflow-wrap:anywhere;margin:0 0 12px}
#deleteDescription{color:var(--muted);line-height:1.7;margin:0}
.delete-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:28px;flex-wrap:wrap}
.danger{background:#e65353;color:#fff;padding:12px 18px;border-radius:7px;font-size:12px;font-weight:700}
.delete-error{color:#ffaaaa;line-height:1.6}

.now .player-genre{display:block;font-size:10px;line-height:1.3;color:var(--muted);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now .player-genre[hidden]{display:none}

.commerce-dialog{width:min(540px,calc(100vw - 24px));max-height:90vh;overflow-y:auto;padding:28px;border-radius:18px;border:1px solid #ffffff20;background:var(--panel);color:#f3f5ef;box-shadow:0 24px 80px #0008}
.commerce-dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}
.commerce-dialog h2{font:700 22px Manrope,sans-serif;margin:0}
.commerce-dialog form,.commerce-dialog section{margin-top:24px;padding-top:8px;border-top:1px solid var(--line)}
.commerce-dialog label{display:flex;flex-direction:column;gap:9px;margin:18px 0;font-size:12px}
.commerce-dialog input,.commerce-dialog select,.commerce-dialog textarea{width:100%;padding:12px;border-radius:7px;border:1px solid #ffffff20;background:#111512;color:inherit}
.commerce-dialog textarea{resize:vertical;min-height:90px}
.commerce-dialog .section-heading{gap:16px;margin-bottom:16px}
.quota-status{padding:14px 18px;color:var(--green);border:1px solid #d0f99122;border-radius:10px;max-width:860px;font-size:12px;line-height:1.7}
.checkout-amount{display:block;font:700 32px Manrope,sans-serif;color:var(--green);margin:16px 0}
.payment-qr{display:block;background:white;padding:10px;border-radius:10px;margin:20px auto;max-width:100%;height:auto}
.payment-details{font-size:11px;line-height:1.6}.payment-details dt{color:var(--muted);margin-top:14px}.payment-details dd{margin:4px 0;overflow-wrap:anywhere;user-select:all}
.pending-payments,.checkout-links{display:flex;flex-wrap:wrap;gap:10px}.pending-payments>button{text-align:left}
@media(max-width:760px){.header-account{gap:5px;flex-wrap:wrap;justify-content:flex-end}.header-account .connection{display:none}.track-actions{flex-wrap:wrap;justify-content:flex-end}.commerce-dialog{padding:20px}}