@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");*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.border{border-width:1px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{color-scheme:dark;--bg:#090a0d;--surface:rgba(22,24,31,.76);--surface-2:#191b23;--line:rgba(255,255,255,.085);--text:#f4f5f8;--muted:#989daa;--accent:#a7b5ff;--accent-2:#d7dcff}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif}body{overflow:hidden}button,input{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled{opacity:.45;cursor:not-allowed}.app-shell{height:100dvh;min-height:620px;display:grid;grid-template-columns:228px minmax(0,1fr) 302px;gap:14px;padding:14px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 68% -20%,rgba(79,89,145,.12),transparent 45%),#090a0d}.ambient{position:absolute;filter:blur(100px);opacity:.16;pointer-events:none;z-index:-1;border-radius:50%}.ambient-one{width:340px;height:340px;background:#4d5bb3;top:-160px;right:16%}.ambient-two{width:300px;height:300px;background:#3a6e7a;bottom:-180px;left:38%}.glass-panel{background:linear-gradient(145deg,rgba(29,31,40,.82),rgba(16,18,24,.84));border:1px solid rgba(255,255,255,.09);box-shadow:0 18px 70px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.035);backdrop-filter:blur(28px) saturate(145%);-webkit-backdrop-filter:blur(28px) saturate(145%)}.sidebar{border-radius:22px;padding:23px 14px 15px;display:flex;flex-direction:column;min-height:0;z-index:2}.brand{display:flex;align-items:center;gap:10px;padding:0 8px 27px}.brand-mark{width:38px;height:38px;border-radius:13px;background:linear-gradient(145deg,#d4dcff,#7888df);display:grid;place-items:center;color:#10131f;box-shadow:0 5px 25px #8c9af52a}.brand strong{font:800 21px Manrope,sans-serif;letter-spacing:-1px;display:block}.brand span{display:block;font-size:8px;letter-spacing:3.7px;color:#a5abc0;margin-top:1px}.search-field{display:flex;align-items:center;gap:9px;width:100%;padding:11px 10px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.035);color:#b9bdc9;text-align:left;font-size:11px}.search-field kbd{margin-left:auto;font-size:9px;color:#727887;border:1px solid #ffffff16;border-radius:4px;padding:2px 4px}.eyebrow,.nav-label,.section-kicker{font-size:9px;letter-spacing:1.7px;color:#969cad;font-weight:700}.nav-label{margin:28px 9px 11px}.nav-item{height:41px;display:flex;align-items:center;gap:12px;padding:0 11px;border:0;border-radius:9px;background:transparent;color:#9fa4b2;font-size:12px;text-align:left;margin:2px 0;transition:background .2s,color .2s}.nav-item:hover{background:#ffffff08;color:#fff}.nav-item.active{color:#f1f2ff;background:linear-gradient(100deg,#a7b5ff22,#a7b5ff09);box-shadow:inset 2px 0 #a7b5ff}.nav-item.active svg{color:var(--accent)}.nav-count{margin-left:auto;font-size:10px;color:#7d8496}.sidebar-spacer{flex:1}.drive-status{display:flex;align-items:center;gap:9px;padding:12px 9px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:18px}.live-dot,.quality-dot,.status-dot{width:6px;height:6px;border-radius:50%;background:#d5b985;box-shadow:0 0 9px #d5b98550;flex:none}.drive-status div{min-width:0;display:flex;flex-direction:column;gap:4px}.drive-status strong{font-size:10px}.drive-status small{font-size:9px;color:#858b99;white-space:nowrap}.drive-status button{margin-left:auto;background:transparent;border:0;color:#9298a7;padding:4px}.sidebar-footer{display:flex;align-items:center;gap:7px;font-size:9px;color:#696f7e;padding:17px 6px 2px}.tiny-orb{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#e0c8ff,#8798ff);box-shadow:0 0 12px #a7b5ff80;display:inline-block}.main-area{min-width:0;display:flex;flex-direction:column;min-height:0;z-index:1}.topbar{height:55px;justify-content:space-between;padding:0 8px 0 12px;flex:none}.breadcrumbs,.topbar{display:flex;align-items:center}.breadcrumbs{gap:10px;font-size:11px}.breadcrumbs>span:first-child{font-size:9px;letter-spacing:1.4px;color:#6f7584}.crumb-dot{color:#4f5461}.breadcrumbs strong{font-weight:600;color:#e0e2eb}.top-actions{display:flex;align-items:center;gap:12px}.icon-button{width:33px;height:33px;border:1px solid var(--line);border-radius:50%;background:#ffffff05;display:grid;place-items:center;color:#adb2c0}.profile-chip{display:flex;align-items:center;gap:8px;padding:5px 9px 5px 5px;border:1px solid var(--line);border-radius:30px;background:#ffffff04;font-size:10px;color:#c5c8d2}.profile-avatar{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#c2c9ff,#5d6aab);color:#111528;font-weight:800}.content-scroll{overflow:auto;min-height:0;padding:23px 18px 12px;scrollbar-width:thin;scrollbar-color:#373b47 transparent}.content-scroll::-webkit-scrollbar{width:5px}.content-scroll::-webkit-scrollbar-thumb{background:#343844;border-radius:9px}.welcome-row{justify-content:space-between;min-height:190px;padding:0 7px 20px}.eyebrow,.welcome-row{display:flex;align-items:center}.eyebrow{gap:8px;font-size:9px;letter-spacing:1.9px}.live-dot{background:#b8c2ff;box-shadow:0 0 10px #a7b5ff90}.welcome-row h1{font:700 clamp(32px,3.5vw,49px)/1.12 Manrope,sans-serif;letter-spacing:-2.4px;margin:16px 0 12px}.welcome-row h1 em{font-style:normal;color:#aab6ff}.welcome-row p{font-size:11px;color:#858b9a;margin:0}.welcome-orb{width:124px;height:124px;position:relative;display:grid;place-items:center;margin-right:6%;flex:none}.orb-ring{position:absolute;border:1px solid #a7b5ff2e;border-radius:50%;transform:rotate(-25deg)}.ring-a{inset:8px 0}.ring-b{inset:0 20px;transform:rotate(55deg)}.orb-core{width:65px;height:65px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#bcc7ff,#5d6da8 54%,#232b49);color:#e9ecff;box-shadow:0 0 42px #7788e633,inset 0 1px #ffffff75}.featured-card{position:relative;overflow:hidden;min-height:246px;border-radius:18px;border:1px solid #ffffff16;background:linear-gradient(112deg,#1b1d2b,#171925 45%,#25233b);display:flex;align-items:center;padding:27px 30px;margin:0 0 34px;box-shadow:0 18px 50px #0003}.featured-backdrop{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 80% 45%,#7786d51d,transparent 42%),linear-gradient(90deg,transparent,#0b0c1444)}.feature-glow{position:absolute;width:250px;height:250px;right:6%;top:-35%;border-radius:50%;background:#7c8bf51a;filter:blur(40px)}.featured-copy{z-index:1;position:relative}.featured-copy .section-kicker{font-size:8px}.featured-copy h2{font:700 31px/1.13 Manrope,sans-serif;letter-spacing:-1.1px;margin:12px 0 9px}.featured-copy p{font-size:10px;color:#a5a8b8;margin:0 0 18px}.primary-button{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:9px;padding:10px 14px;background:linear-gradient(135deg,#d8ddff,#9aa9f8);color:#171a2b;font-size:10px;font-weight:700;box-shadow:0 5px 22px #8493f52a;transition:transform .2s,filter .2s}.primary-button:hover{transform:translateY(-1px);filter:brightness(1.06)}.featured-art{position:absolute;right:9%;top:50%;transform:translateY(-50%);width:185px;height:185px;display:grid;place-items:center}.feature-disc{width:152px;height:152px;border-radius:50%;background:repeating-radial-gradient(circle,#222432 0 2px,#101118 3px 5px);border:1px solid #ffffff20;box-shadow:0 15px 35px #0007,0 0 35px #9ba7ff18;display:grid;place-items:center;transform:rotate(-15deg)}.disc-label{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:2px;background:linear-gradient(135deg,#d7dcff,#6574bc);color:#1c2039;font:700 12px Manrope}.disc-label span{font-size:8px}.floating-note{position:absolute;color:#c4cbff;font-size:30px;text-shadow:0 0 20px #a7b5ff77}.note-one{right:5px;top:8px;transform:rotate(12deg)}.note-two{left:0;bottom:12px;font-size:24px;transform:rotate(-13deg)}.featured-caption{position:absolute;bottom:13px;left:30px;right:30px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.4px;color:#6f758b}.section-block{margin-bottom:35px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:0 0 17px;padding:0 2px}.section-heading h2{font:700 20px Manrope,sans-serif;letter-spacing:-.65px;margin:5px 0 0}.section-kicker{font-size:8px;letter-spacing:1.5px}.text-button{border:0;background:transparent;color:#aeb8ff;font-size:10px;padding:6px}.text-button span{padding-left:4px}.song-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.song-card{min-width:0}.cover-button{display:block;border:0;padding:0;background:none;text-align:left}.cover,.cover-button{width:100%;position:relative;border-radius:12px;overflow:hidden}.cover{aspect-ratio:1/1;display:grid;place-items:center;border:1px solid #ffffff12;box-shadow:inset 0 1px #ffffff22,0 7px 20px #0002}.cover>span{font-size:clamp(25px,3vw,42px);filter:drop-shadow(0 5px 10px #0004);z-index:1;transition:transform .5s}.cover i{position:absolute;inset:0;background:linear-gradient(145deg,#ffffff22,transparent 44%,#0004)}.art-blue{background:radial-gradient(circle at 25% 20%,#7c9fb8,#3a506f 44%,#111b35)}.art-violet{background:radial-gradient(circle at 70% 25%,#b2a1da,#625b9c 45%,#262444)}.art-orange{background:radial-gradient(circle at 70% 20%,#f4bf83,#b66d68 45%,#3a294c)}.art-rose{background:radial-gradient(circle at 30% 20%,#edc2cf,#b77f9e 45%,#45334e)}.art-teal{background:radial-gradient(circle at 60% 25%,#9dd1c8,#477f83 45%,#172f48)}.art-gold{background:radial-gradient(circle at 30% 20%,#f4dc9c,#c18c55 45%,#5c454d)}.cover-play{position:absolute;right:9px;bottom:9px;width:32px;height:32px;border-radius:50%;background:#e2e5ff;color:#20233c;display:grid;place-items:center;opacity:0;transform:translateY(5px);transition:.2s;z-index:2}.cover-button:hover .cover-play{opacity:1;transform:translateY(0)}.cover-button:hover .cover>span{transform:scale(1.08)}.song-card-info{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:10px}.song-card-info>div{min-width:0;display:flex;flex-direction:column;gap:4px}.playlist-info strong,.song-card-info strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.playlist-info span,.song-card-info span{font-size:9px;color:#858b9a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.heart-button{display:grid;place-items:center;border:0;background:transparent;color:#656b7b;padding:5px;flex:none}.heart-button.liked,.heart-button:hover{color:#d4a9d7}.outline-button{display:flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid #ffffff18;background:#ffffff05;border-radius:8px;color:#c5c9d7;font-size:10px}.outline-button:hover{background:#ffffff0b}.playlist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.playlist-card{display:flex;align-items:center;gap:12px;min-width:0;padding:9px;border:1px solid #ffffff0c;border-radius:12px;background:#ffffff03;text-align:left;transition:background .2s,border .2s}.playlist-card:hover{background:#ffffff08;border-color:#ffffff18}.playlist-card>.cover{width:61px;flex:none}.playlist-info{display:flex;flex-direction:column;gap:5px;min-width:0}.playlist-info small{font-size:8px;color:#73798a;margin-top:2px}.playlist-more{margin-left:auto;flex:none;color:#697080}.library-search{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#ffffff04;color:#7e8492}.library-search input{width:145px;border:0;outline:0;background:transparent;color:#f0f1f6;font-size:10px}.library-search input::-moz-placeholder{color:#6f7584}.library-search input::placeholder{color:#6f7584}.track-table{width:100%}.track-head,.track-row{display:grid;grid-template-columns:minmax(170px,1.7fr) minmax(90px,1fr) minmax(90px,.9fr) 40px 26px;align-items:center;gap:12px}.track-head{padding:0 10px 10px;color:#666d7d;font-size:8px;letter-spacing:1.2px;border-bottom:1px solid var(--line)}.track-row{min-height:59px;padding:6px 10px;border-bottom:1px solid #ffffff07;border-radius:8px;color:#9ca2b0;font-size:10px;transition:background .2s}.track-row.is-current,.track-row:hover{background:#ffffff05}.track-main{display:flex;align-items:center;gap:10px;min-width:0;border:0;background:transparent;text-align:left;padding:0}.track-main .cover{width:40px;flex:none;border-radius:7px}.track-main .cover>span{font-size:18px}.track-text{min-width:0;display:flex;flex-direction:column;gap:4px}.track-text strong{color:#e0e2ea;font-size:10px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-text small{font-size:9px;color:#828897}.track-album,.track-duration{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quality-tag{font-size:8px;color:#aab6ff;background:#a7b5ff0d;border:1px solid #a7b5ff18;padding:4px 6px;border-radius:5px;width:-moz-max-content;width:max-content;max-width:100%;white-space:nowrap}.empty-state{padding:30px;text-align:center;color:#7c8290;font-size:12px}.page-footer{display:flex;justify-content:space-between;gap:12px;padding:15px 2px 4px;border-top:1px solid var(--line);color:#555b6a;font-size:8px;letter-spacing:.3px}.now-playing{border-radius:22px;padding:19px 17px 13px;display:flex;flex-direction:column;min-height:0;overflow:auto;z-index:2;scrollbar-width:thin;scrollbar-color:#383c48 transparent}.player-topline{display:flex;align-items:center;justify-content:space-between;color:#8b91a0;font-size:8px;letter-spacing:1.6px;margin-bottom:13px}.expand-glyph{font-size:16px}.player-art-button{border:0;background:none;padding:0;width:100%;margin-bottom:17px}.cover-large{border-radius:15px;box-shadow:0 16px 40px #0005;aspect-ratio:1/1}.cover-large>span{font-size:78px}.now-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.now-meta h3{font:700 17px Manrope,sans-serif;letter-spacing:-.4px;margin:0 0 5px}.now-meta p{font-size:10px;color:#9a9fad;margin:0}.quality-line{display:flex;align-items:center;gap:6px;margin-top:12px;color:#aab0bf;font-size:9px}.quality-dot{background:#9fbdab;box-shadow:0 0 8px #9fbdab55}.quality-line button{margin-left:auto;display:flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid #ffffff12;background:#ffffff05;border-radius:6px;font-size:9px;color:#c9cde0}.progress-area{margin-top:19px}.progress-area input,.volume-row input{width:100%;height:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(90deg,#b7c1ff 0,#b7c1ff var(--range,28%),#4a4d59 var(--range,28%),#4a4d59 100%);border-radius:4px;display:block;cursor:pointer}.progress-area input::-webkit-slider-thumb,.volume-row input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:8px;height:8px;border-radius:50%;background:#e4e7ff;box-shadow:0 0 0 3px #a7b5ff22}.time-row{margin-top:8px;color:#777e8e;font-size:8px}.player-controls,.time-row{display:flex;justify-content:space-between}.player-controls{align-items:center;margin:19px 4px 14px}.player-controls button{display:grid;place-items:center;border:0;background:transparent}.control-muted{color:#777e91;padding:6px}.control-button{color:#d2d5e1;padding:6px}.play-button{width:44px;height:44px;border-radius:50%;background:linear-gradient(145deg,#e0e4ff,#a6b4ff)!important;color:#171a2c;box-shadow:0 5px 22px #a7b5ff2c}.volume-row{display:flex;align-items:center;gap:9px;color:#818797;padding:0 3px}.volume-row input{flex:1;background:linear-gradient(90deg,#a7b5ff,#a7b5ff 72%,#454955 0,#454955)}.player-note{display:flex;align-items:center;gap:7px;margin:17px 0 15px;padding:10px;border:1px solid #ffffff0a;border-radius:9px;background:#ffffff03;color:#9ca2b1;font-size:9px}.note-wave{margin-left:auto;color:#a7b5ff;letter-spacing:2px}.queue-preview{border-top:1px solid var(--line);padding-top:14px}.queue-preview>div{display:flex;flex-direction:column;gap:5px;margin-bottom:8px}.queue-preview>div strong{font-size:11px;font-weight:600}.queue-item{display:flex;align-items:center;gap:9px;width:100%;padding:7px 3px;border:0;background:transparent;text-align:left;border-radius:7px}.queue-item:hover{background:#ffffff06}.queue-item .cover{width:35px;border-radius:6px;flex:none}.queue-item .cover>span{font-size:17px}.queue-item>span:nth-child(2){display:flex;flex-direction:column;gap:4px;min-width:0}.queue-item strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.queue-item small{font-size:8px;color:#7e8493}.queue-time{margin-left:auto;color:#777e8d;font-size:8px;flex:none}.mobile-player,.mobile-tabs{display:none}.modal-backdrop{position:fixed;inset:0;z-index:20;background:#030407b8;backdrop-filter:blur(10px);display:grid;place-items:center;padding:20px}.create-modal{width:min(420px,100%);border-radius:20px;padding:27px;box-shadow:0 25px 100px #0009}.create-modal h2{font:700 26px Manrope,sans-serif;letter-spacing:-1px;margin:10px 0 7px}.create-modal p{font-size:11px;color:#9298a7;margin:0 0 22px}.create-modal>input{width:100%;padding:12px 13px;border:1px solid #ffffff18;border-radius:9px;background:#ffffff07;color:#fff;font-size:12px}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:13px;margin-top:22px}.now-playing.expanded{box-shadow:0 0 0 1px #a7b5ff30,0 18px 70px #0005}.now-playing.expanded .cover-large{box-shadow:0 0 45px #9ba8ff25}@media(min-width:1600px){.app-shell{grid-template-columns:245px minmax(0,1fr) 330px;padding:18px;gap:18px}.content-scroll{padding:27px 26px}.featured-card{min-height:280px}.featured-art{right:13%;transform:translateY(-50%) scale(1.1)}.cover-large{max-height:340px}.now-playing{padding:22px}.song-grid{gap:18px}}@media(max-width:1250px){.app-shell{grid-template-columns:205px minmax(0,1fr) 275px;gap:10px;padding:10px}.sidebar{padding:18px 11px}.now-playing{padding:15px 13px}.content-scroll{padding:20px 12px}.song-grid{gap:10px}.track-head,.track-row{grid-template-columns:minmax(145px,1.6fr) minmax(70px,.8fr) minmax(75px,.8fr) 35px 24px;gap:8px}.quality-tag{font-size:7px;padding:4px}}@media(max-width:980px){body{overflow:auto}.app-shell{height:auto;min-height:100dvh;overflow:visible;display:block;padding:12px 12px 105px}.sidebar{display:none}.main-area{min-height:calc(100dvh - 130px)}.topbar{height:48px}.content-scroll{overflow:visible;padding:18px 5px}.now-playing{display:none}.welcome-row{min-height:180px}.welcome-orb{margin-right:5%;transform:scale(.85)}.featured-card{min-height:225px}.featured-art{right:5%;transform:translateY(-50%) scale(.8)}.song-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.mobile-player{position:fixed;display:flex;align-items:center;gap:10px;z-index:10;left:12px;right:12px;bottom:69px;padding:9px 11px;border-radius:14px;min-height:60px}.mobile-player>.cover{width:41px;border-radius:8px;flex:none}.mobile-player>.cover>span{font-size:20px}.mobile-track{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1;text-align:left;background:transparent;border:0;padding:0}.mobile-track strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-track span{font-size:9px;color:#969cab}.mobile-next,.mobile-play{display:grid;place-items:center;border:0;background:transparent;padding:5px}.mobile-progress{position:absolute;bottom:0;left:0;height:2px;background:#b5c0ff;border-radius:0 2px 0 14px}.mobile-tabs{position:fixed;bottom:0;left:0;right:0;z-index:9;display:flex;justify-content:space-around;padding:9px 12px calc(9px + env(safe-area-inset-bottom));background:#101116eF;border-top:1px solid #ffffff12;backdrop-filter:blur(28px)}.mobile-tabs button{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:56px;border:0;background:transparent;color:#767d8e;font-size:8px;padding:2px}.mobile-tabs button.selected{color:#b7c2ff}.mobile-tabs svg{stroke-width:1.8}.page-footer{padding-bottom:15px}}@media(max-width:620px){.app-shell{padding:8px 10px 105px}.topbar{padding:0 2px}.breadcrumbs>span:first-child{display:none}.breadcrumbs{gap:6px}.profile-chip{font-size:0;padding:4px}.profile-chip svg{display:none}.profile-avatar{width:25px;height:25px}.top-actions{gap:7px}.content-scroll{padding:14px 0}.welcome-row{min-height:190px;padding:0 6px 18px}.welcome-row h1{font-size:37px;letter-spacing:-1.8px}.welcome-row p{max-width:245px;font-size:10px;line-height:1.6}.welcome-orb{width:80px;height:80px;margin:0;transform:scale(.75)}.orb-core{width:48px;height:48px}.featured-card{min-height:245px;padding:22px 20px;margin-bottom:29px}.featured-copy h2{font-size:29px}.featured-copy p{max-width:165px;line-height:1.5}.featured-art{right:-25px;opacity:.56;transform:translateY(-50%) scale(.72)}.featured-caption{left:20px;right:20px}.section-block{margin-bottom:29px}.section-heading h2{font-size:18px}.section-kicker{font-size:7px}.song-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 12px}.song-card:nth-child(n+5){display:none}.cover-button .cover{border-radius:10px}.song-card-info strong{font-size:10px}.playlist-grid{grid-template-columns:1fr}.playlist-card>.cover{width:56px}.library-block .section-heading{align-items:flex-start;gap:12px;flex-direction:column}.library-search,.library-search input{width:100%}.track-head{grid-template-columns:minmax(0,1fr) 38px 23px}.track-head span:nth-child(2),.track-head span:nth-child(3){display:none}.track-row{grid-template-columns:minmax(0,1fr) 38px 23px;gap:7px;padding:7px 4px;min-height:58px}.track-row>.quality-tag,.track-row>.track-album{display:none}.track-main .cover{width:39px}.track-duration{text-align:right}.page-footer{flex-wrap:wrap;line-height:1.6}.page-footer span:nth-child(2){display:none}.create-modal{padding:23px}.modal-actions{gap:7px}.outline-button{font-size:9px;padding:8px}.section-heading>.text-button{font-size:9px}}@media(prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.player-top-actions{display:flex;align-items:center;gap:6px}.lyrics-open-button{color:#b7c2ff!important}.lyrics-screen{position:fixed;inset:0;z-index:80;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(145deg,#10121df7,#17182af7 52%,#102329f7);color:#f4f5fb}.lyrics-haze{position:absolute;inset:-15%;pointer-events:none;background:radial-gradient(ellipse at 18% 18%,#8d7cff32,transparent 38%),radial-gradient(ellipse at 85% 75%,#76e6d528,transparent 40%);filter:blur(35px)}.lyrics-body,.lyrics-footer,.lyrics-header{position:relative;z-index:1}.lyrics-header{display:flex;align-items:center;gap:15px;padding:24px clamp(16px,5vw,64px);border-bottom:1px solid #ffffff13}.lyrics-close{width:40px;height:40px;display:grid;place-items:center;border:1px solid #ffffff1b;border-radius:50%;background:#ffffff0a;color:white}.lyrics-track{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.lyrics-mini-art{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#b4a6ff,#7de5d6);color:#121522}.lyrics-track>div:last-child{display:flex;flex-direction:column;gap:4px;min-width:0}.lyrics-track small{font-size:8px;letter-spacing:2px;color:#b7c2ff;font-weight:800}.lyrics-track strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lyrics-track span{font-size:10px;color:#9ba2b7}.lyrics-refresh{border:1px solid #8de7d844;border-radius:99px;background:#8de7d610;color:#a7f3e7;padding:10px 14px;font-size:10px;white-space:nowrap}.lyrics-body{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ffffff24 transparent;padding:clamp(24px,6vh,65px) 20px;text-align:center;-webkit-mask-image:linear-gradient(transparent,black 5%,black 95%,transparent);mask-image:linear-gradient(transparent,black 5%,black 95%,transparent)}.lyrics-lines{max-width:880px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.lyrics-line{display:block;width:100%;border:0;background:transparent;text-align:center;color:#7a8298;font:800 clamp(23px,4vw,46px)/1.23 Manrope,system-ui,sans-serif;letter-spacing:-1.4px;padding:5px 0;cursor:pointer;transition:color .3s,opacity .3s,transform .3s,text-shadow .3s;opacity:.5}.lyrics-line:hover{color:#d7dbeb;opacity:.85}.lyrics-line.active{color:#f8f8ff;opacity:1;transform:scale(1.02);text-shadow:0 0 32px #8de7d62c}.lyrics-line.past{opacity:.23}.lyrics-plain{white-space:pre-wrap;max-width:720px;margin:0 auto;text-align:left;font:700 clamp(16px,2.5vw,24px)/1.9 Manrope,system-ui,sans-serif;color:#d8dced}.lyrics-empty{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:450px;margin:auto}.lyrics-wave{width:80px;height:80px;display:grid;place-items:center;border:1px solid #ffffff20;border-radius:27px;background:linear-gradient(145deg,#ffffff16,#ffffff04);color:#a7f3e7;box-shadow:0 0 65px #8de7d61a;margin-bottom:22px}.lyrics-empty h2{font:700 clamp(24px,4vw,36px) Manrope,sans-serif;letter-spacing:-1px;margin:0 0 10px}.lyrics-empty p{color:#a5abc0;font-size:12px;line-height:1.7}.lyrics-empty small{font-size:9px;color:#737b91;margin-top:15px}.lyrics-footer{padding:12px clamp(16px,5vw,64px) 19px;border-top:1px solid #ffffff12;background:#0c0e18a8}.lyrics-footer>span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#858da4;font-size:9px;margin-bottom:8px}.lyrics-footer>div{display:flex;align-items:center;gap:12px;font-size:10px;color:#a2a9bc}.lyrics-footer input{flex:1;min-width:0;accent-color:#a7b5ff;height:3px}@media(max-width:600px){.lyrics-header{padding:14px 12px;gap:9px;flex-wrap:wrap}.lyrics-close{width:36px;height:36px}.lyrics-mini-art{width:39px;height:39px}.lyrics-track strong{font-size:11px}.lyrics-refresh{margin-left:auto;padding:9px 11px}.lyrics-body{padding:27px 16px}.lyrics-lines{gap:14px}.lyrics-line{letter-spacing:-.7px}.lyrics-footer{padding:10px 13px 17px}}.lyrics-header-actions{display:flex;align-items:center;gap:9px;flex:none}.lyrics-fullscreen{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #ffffff20;border-radius:99px;background:#ffffff09;color:#e6e9f8;padding:10px 12px;font-size:10px;white-space:nowrap}.lyrics-fullscreen:hover{background:#ffffff14;border-color:#8de7d855}.lyrics-screen:fullscreen{width:100vw;height:100dvh;inset:0;background:linear-gradient(145deg,#10121df7,#17182af7 52%,#102329f7)}.lyrics-screen:fullscreen .lyrics-header{padding-top:max(12px,env(safe-area-inset-top))}.lyrics-screen:fullscreen .lyrics-footer{padding-bottom:max(12px,env(safe-area-inset-bottom))}@media (max-width:700px){.lyrics-header{gap:10px;padding:14px 12px}.lyrics-header-actions{gap:6px}.lyrics-fullscreen{padding:9px 10px}.lyrics-fullscreen span{font-size:9px}.lyrics-refresh{padding:9px 10px}.lyrics-track{gap:8px}.lyrics-mini-art{width:38px;height:38px;border-radius:11px}.lyrics-track small{font-size:7px;letter-spacing:1.4px}.lyrics-track strong{font-size:11px}.lyrics-track span{font-size:9px}}@media (max-width:700px) and (orientation:landscape){.lyrics-header{padding:8px 14px;min-height:56px}.lyrics-close,.lyrics-mini-art{width:34px;height:34px}.lyrics-body{padding:10px 18px}.lyrics-lines{max-width:850px;gap:7px}.lyrics-line{font-size:clamp(18px,4.2vh,30px);line-height:1.12;padding:2px 0;letter-spacing:-.6px}.lyrics-plain{font-size:clamp(14px,3vh,19px);line-height:1.45}.lyrics-empty{min-height:auto}.lyrics-wave{width:52px;height:52px;margin-bottom:8px}.lyrics-empty h2{font-size:21px;margin:4px 0}.lyrics-empty p{font-size:11px;margin:5px 0}.lyrics-empty small{font-size:9px}.lyrics-footer{padding:6px 14px 8px}.lyrics-footer>span{font-size:9px;margin-bottom:4px}.lyrics-footer>div{gap:8px;font-size:9px}}@media (display-mode:standalone) and (orientation:landscape){.lyrics-screen{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}