:root{color:#edeef5;font-synthesis:none;--bg:#11121a;--panel:#171821;--line:#ffffff0d;--muted:#9293a6;--accent:#b8a5ff;--player-height:104px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#11121a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{opacity:.35;cursor:default}button,input,select{outline-offset:4px}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent)}button{touch-action:manipulation}input{min-width:0}svg{stroke-width:1.7px;flex-shrink:0;width:20px;height:20px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600}button{transition:background .18s,color .18s,opacity .18s,transform .18s}small{display:block}a{color:var(--accent)}.icon-button{color:#a2a2b4;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.icon-button:hover:not(:disabled){color:#fff;background:#ffffff0c}.icon-button.active,.icon-button.downloaded{color:var(--accent)}.primary,.secondary,.danger{border-radius:25px;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:12px 23px;font-size:14px;font-weight:600;display:inline-flex}.primary{background:var(--accent);color:#181329}.primary:hover:not(:disabled){background:#c9baff;transform:translateY(-1px)}.secondary{color:#dcdce7;background:#ffffff08;border:1px solid #ffffff14}.secondary:hover:not(:disabled){background:#ffffff10}.danger{color:#fff;background:#b94357}.full{width:100%}.text-button{color:var(--muted);align-items:center;gap:7px;padding:8px;font-size:13px;display:inline-flex}.text-button:hover{color:#fff}.text-button svg{width:16px}.muted,.dialog-copy{color:var(--muted);font-size:13px;line-height:1.8}.spin{animation:1.5s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app{min-height:100dvh;display:flex}.sidebar{border-right:1px solid var(--line);z-index:15;background:#13141c;flex-direction:column;width:244px;padding:30px 18px 18px;display:flex;position:fixed;inset:0 auto 0 0}.has-player .sidebar{bottom:var(--player-height)}.brand{letter-spacing:-1.5px;text-align:left;align-items:center;gap:9px;margin-bottom:48px;padding:0 8px;font-size:28px;font-weight:700;display:flex}.brand img{width:34px;height:34px}.brand>span{color:var(--accent);margin:8px 0 0 -6px;font-size:10px}.nav-caption{letter-spacing:1.9px;color:#767789;margin:0 14px 15px;font-size:9px;font-weight:600}.sidebar nav{flex-direction:column;gap:5px;display:flex}.nav-item{text-align:left;color:#9b9cad;border-radius:8px;align-items:center;gap:13px;padding:14px;font-size:13px;display:flex}.nav-item>span{color:#77768b;margin-left:auto;font-size:11px}.nav-item:hover{background:#ffffff05}.nav-item.selected{color:#c5b5ff;background:#b8a5ff12}.nav-item.selected:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;height:22px;position:absolute;left:0}.playlist-nav-heading{justify-content:space-between;align-items:center;margin-top:32px;display:flex}.playlist-nav-heading .nav-caption{margin-bottom:0}.playlist-nav-heading svg{width:16px}.playlist-nav{flex:1;min-height:50px;padding-top:9px;overflow:auto}.playlist-nav>p{color:#565767;padding:7px 14px;font-size:12px;line-height:1.9}.playlist-link{color:#9293a4;text-align:left;border-radius:8px;align-items:center;gap:12px;width:100%;padding:9px 12px;font-size:12px;display:flex}.playlist-link>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.playlist-link:hover,.playlist-link.selected{color:#e0d8ff;background:#ffffff05}.playlist-dot{color:#a295c5;background:#252332;border-radius:5px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.playlist-dot svg{width:14px}.sidebar-bottom{padding-top:20px}.private-note{color:#b5b5c2;align-items:center;gap:12px;padding:16px 10px 26px;font-size:11px;display:flex}.private-note>svg{color:#626277;width:24px;height:24px}.private-note small{color:#626374;margin-top:5px;font-size:10px}.install-button{color:#bdbdcd;border:1px solid #ffffff12;border-radius:7px;justify-content:center;align-items:center;gap:9px;width:100%;margin-bottom:20px;padding:11px 5px;font-size:11px;display:flex}.install-button svg{width:15px}.install-button:hover{background:#ffffff09}.account{border-top:1px solid var(--line);text-align:left;align-items:center;gap:10px;width:100%;padding:20px 7px 0;font-size:12px;display:flex}.account .avatar{color:#c0b1ed;background:#b8a5ff1a;border:1px solid #b8a5ff23;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.account small{color:#696a7b;margin-top:4px;font-size:10px}.account>svg{color:#696a7b;width:17px;margin-left:auto}main{width:calc(100% - 244px);min-width:0;margin-left:244px;padding:0 42px}.has-player main{padding-bottom:var(--player-height)}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;height:91px;display:flex}.search{color:#737487;align-items:center;gap:10px;width:min(390px,50%);display:flex}.search>svg{width:18px}.search input{color:#e2e2ed;background:0 0;border:0;flex:1;min-height:42px;font-size:13px}.search input::placeholder{color:#717284}.search .icon-button{width:28px;height:28px}.topbar-actions{align-items:center;gap:14px;display:flex}.connection{white-space:nowrap;color:#8a8b9a;align-items:center;gap:9px;font-size:11px;display:flex}.connection i{background:#b8a5ff;border-radius:50%;width:5px;height:5px;box-shadow:0 0 10px #b8a5ff40}.connection svg{width:15px}.connection.offline{color:#c8aa79}.mobile-brand,.mobile-settings,.mobile-nav,.mobile-transport{display:none}.hero{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:340px;display:flex;position:relative;overflow:hidden}.hero-copy{z-index:2;flex:1;min-width:0;padding:38px 0 34px;position:relative}.eyebrow{letter-spacing:2.1px;color:#9f96bb;align-items:center;gap:8px;font-size:9px;font-weight:600;display:flex}.eyebrow>span{background:var(--accent);border-radius:50%;width:5px;height:5px;display:inline-block}.hero h1{letter-spacing:-2.7px;overflow-wrap:anywhere;margin:22px 0 17px;font-size:clamp(38px,4.1vw,62px);font-weight:600;line-height:1.1}.hero h1 em,.login-card h1 em{color:var(--accent);font-style:normal}.hero-copy>p{color:#9293a5;font-size:13px;line-height:1.7}.hero-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:26px;display:flex}.hero-actions .primary,.hero-actions .secondary{min-height:43px;padding:11px 23px}.hero-actions .primary svg{width:16px;height:16px}.collection-stat{color:#c2bfcd;font-size:11px;line-height:1.5}.collection-stat span{color:#696a7e;font-size:10px;display:block}.hero-art{pointer-events:none;flex:0 0 330px;justify-content:center;align-items:center;height:330px;display:flex;position:relative}.record{z-index:1;background:repeating-radial-gradient(circle,#23232e 0 1px,#191a23 2px 4px);border-radius:50%;justify-content:center;align-items:center;width:251px;height:251px;display:flex;position:relative;transform:rotate(-17deg);box-shadow:0 20px 70px #0005,inset 0 0 0 3px #292934,inset 0 0 0 10px #181921}.record:before{content:"";background:conic-gradient(from 50deg, transparent 0 20%, #ffffff0c 25%, transparent 33% 65%, #ffffff06 72%, transparent 79%);border-radius:50%;position:absolute;inset:0}.record-label{color:#2f244b;z-index:1;background:linear-gradient(145deg,#c7b7ff,#9f89d4);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:110px;height:110px;display:flex;box-shadow:0 0 0 1px #332c4480}.record-label span{letter-spacing:3px;font-size:8px;font-weight:700}.record-label svg{width:24px;height:24px}.record-label small{letter-spacing:1px;font-size:5px}.orbit{border:1px solid #b8a5ff0b;border-radius:50%;width:300px;height:300px;position:absolute}.orbit-two{width:380px;height:380px}.floating-label{z-index:2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);letter-spacing:.3px;color:#d8d0ed;background:#292735bb;border:1px solid #ffffff12;border-radius:8px;align-items:center;gap:11px;padding:12px 17px;font-size:10px;display:flex;position:absolute;bottom:45px;right:0;transform:rotate(-6deg)}.art-coordinate{letter-spacing:2px;color:#4d4b61;font-size:7px;position:absolute;bottom:12px;right:18px}.soundwave{height:18px;color:var(--accent);justify-content:center;align-items:center;gap:3px;display:flex}.soundwave i{background:currentColor;border-radius:2px;width:2px;height:7px;animation:.9s ease-in-out infinite alternate wave}.soundwave i:nth-child(2n){height:15px;animation-delay:-.3s}.soundwave i:nth-child(3n){height:11px;animation-delay:-.6s}@keyframes wave{to{transform:scaleY(.4)}}.hero-art:not(.is-playing) .soundwave i{animation-play-state:paused}.is-playing .record{animation:24s linear infinite spin}.playlist-hero{min-height:300px}.playlist-hero h1{font-size:clamp(34px,4vw,55px)}.library-section{min-height:300px;padding-top:29px}.section-heading{justify-content:space-between;align-items:center;gap:15px;min-height:30px;margin-bottom:17px;display:flex}.section-heading h2{letter-spacing:-.4px;font-size:17px}.section-heading h2>span{color:#626375;margin-left:11px;font-size:12px;font-weight:400}.track-table-head,.track-row{grid-template-columns:30px minmax(160px,1.5fr) minmax(85px,1fr) 48px 80px;align-items:center;column-gap:12px;padding:0 9px;display:grid}.track-table-head{letter-spacing:1.4px;color:#666779;border-bottom:1px solid var(--line);height:35px;margin-bottom:5px;font-size:8px}.track-table-head>span:first-child,.track-table-head>span:nth-child(4){text-align:center}.track-row{border-radius:7px;min-height:69px}.track-row:hover{background:#ffffff04}.track-row.current{background:#b8a5ff08}.track-number{color:#707185;justify-content:center;align-items:center;width:30px;height:40px;padding:0;font-size:11px;display:flex}.track-number>svg,.track-row:hover .track-number>span:not(.soundwave){display:none}.track-row:hover .track-number>svg{display:block}.track-row.current .track-info strong{color:#c3b1ff}.track-info{text-align:left;align-items:center;gap:13px;min-width:0;padding:5px 0;display:flex}.cover{color:#ffffff6b;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:43px;height:43px;display:flex;position:relative;overflow:hidden}.cover>svg{stroke-width:.8px;width:25px;height:25px}.cover img{object-fit:cover;width:100%;height:100%}.cover-grain{mix-blend-mode:overlay;background:repeating-linear-gradient(30deg,#ffffff05 0 1px,#0000 1px 4px);position:absolute;inset:0}.track-info>span,.now-playing>span,.queue-list button>span{min-width:0;overflow:hidden}.track-info strong,.now-playing strong,.queue-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;line-height:1.6;display:block;overflow:hidden}.track-info small,.now-playing small,.queue-list small{color:#7d7e91;white-space:nowrap;text-overflow:ellipsis;font-size:10px;line-height:1.8;overflow:hidden}.track-album{color:#858698;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.track-duration{font-variant-numeric:tabular-nums;color:#7d7e91;text-align:center;font-size:10px}.track-actions{justify-content:flex-end;gap:1px;display:flex}.track-actions .icon-button{color:#686a7c;width:35px;height:35px}.track-actions .downloaded{color:#b8a5ff}.track-actions svg{width:16px;height:16px}.track-row:hover .track-actions .icon-button:not(.downloaded){color:#b3b1c3}.in-playlist .track-row,.in-playlist .track-table-head{grid-template-columns:30px minmax(150px,1.5fr) minmax(80px,1fr) 48px 138px}.reorder{display:flex}.reorder .icon-button{width:27px}.reorder svg{width:13px}.unavailable .track-info{opacity:.45}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:285px;padding:35px 20px;display:flex}.empty-icon{color:#a79cc4;background:#b8a5ff08;border:1px solid #b8a5ff16;border-radius:17px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:18px;display:flex}.empty-icon svg{width:25px;height:25px}.empty-state h3{margin-bottom:10px;font-size:16px;font-weight:500}.empty-state p{color:#7d7e91;max-width:360px;font-size:12px;line-height:1.8}.empty-state .secondary{min-height:39px;margin-top:22px;padding:9px 16px;font-size:11px}.empty-state .secondary svg{width:15px}.page-footer{border-top:1px solid var(--line);color:#505165;align-items:center;gap:18px;padding:24px 0 30px;font-size:9px;display:flex}.page-footer>span:first-child{letter-spacing:2px;color:#7b738e;font-size:8px;font-weight:600}.page-footer>span:last-child{margin-left:auto}.playlist-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px;padding-bottom:40px;display:grid}.playlist-card,.new-playlist-card{text-align:left;background:#191a24;border-radius:12px;min-height:230px;padding:15px;position:relative}.playlist-card:hover{background:#20212e;transform:translateY(-3px)}.playlist-card .cover{aspect-ratio:1;border-radius:8px;width:100%;height:auto;margin-bottom:16px}.playlist-card .cover svg{opacity:.4;width:60%;height:60%}.playlist-card h3,.new-playlist-card h3{overflow-wrap:anywhere;margin-bottom:7px;font-size:13px}.playlist-card p,.new-playlist-card p{color:#7b7c8f;font-size:10px}.card-play{background:var(--accent);color:#292138;opacity:0;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:absolute;bottom:65px;right:23px;box-shadow:0 3px 15px #0005}.card-play svg{width:15px}.playlist-card:hover .card-play{opacity:1}.new-playlist-card{text-align:center;background:#ffffff01;border:1px dashed #ffffff15;flex-direction:column;justify-content:center;align-items:center;display:flex}.new-playlist-card>span{color:#b8a5ff;background:#b8a5ff0c;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:19px;display:flex}.new-playlist-card:hover{background:#ffffff04}.notice,.download-status{color:#b7abc9;background:#b8a5ff09;border:1px solid #b8a5ff13;border-radius:9px;align-items:center;gap:13px;margin-top:16px;padding:13px 17px;font-size:11px;line-height:1.7;display:flex}.notice svg{width:16px}.notice button{color:var(--accent);margin-left:auto;text-decoration:underline}.download-status{color:#b5c9bf;background:#192521;border-color:#b6ffc512}.download-status>svg{color:#adceba}.download-status>div{flex:1;min-width:0}.download-status strong{font-size:11px;font-weight:500}.download-status span{color:#7f9f8d;text-overflow:ellipsis;white-space:nowrap;font-size:10px;display:block;overflow:hidden}.player-bar{height:var(--player-height);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);z-index:20;background:#1a1b25ed;border-top:1px solid #ffffff0b;align-items:center;gap:25px;padding:15px 27px;display:flex;position:fixed;bottom:0;left:0;right:0}.now-playing{text-align:left;flex:1;align-items:center;gap:13px;min-width:0;display:flex}.now-playing .cover{width:53px;height:53px}.now-playing strong{font-size:12px}.player-center{flex-direction:column;flex-shrink:0;align-items:center;gap:5px;width:min(42%,500px);display:flex}.transport{justify-content:center;align-items:center;gap:14px;display:flex}.transport .icon-button{width:28px;height:28px}.transport .icon-button svg{width:16px;height:16px}.transport .icon-button:first-child,.transport .icon-button:last-child{margin:0 7px}.transport .main-play{color:#17151f;background:#ede9f8;width:34px;height:34px}.transport .main-play:hover{color:#17151f;background:#fff}.transport .main-play svg{width:16px;height:16px}.transport .main-play svg.lucide-play{margin-left:2px}.timeline{color:#808195;font-variant-numeric:tabular-nums;align-items:center;gap:10px;width:100%;font-size:9px;display:flex}.timeline>span{min-width:27px}.timeline>span:last-child{text-align:right}input[type=range]{appearance:none;height:3px;accent-color:var(--accent);cursor:pointer;outline-offset:8px;background:#ffffff24;border-radius:3px}.timeline input{flex:1}input[type=range]::-webkit-slider-thumb{appearance:none;background:#c3b2fc;border-radius:50%;width:9px;height:9px}input[type=range]::-moz-range-thumb{background:#c3b2fc;border:0;border-radius:50%;width:9px;height:9px}.player-tools{color:#818296;flex:1;justify-content:flex-end;align-items:center;gap:14px;display:flex}.player-tools svg{width:16px}.player-tools input{width:75px}.player-tools .icon-button{margin-right:5px}.dialog{color:#eeeef6;background:#1b1c27;border:1px solid #ffffff16;border-radius:19px;width:min(430px,100vw - 28px);max-height:85dvh;padding:24px;overflow:auto;box-shadow:0 30px 100px #0008}.dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#06060bbd}.dialog.wide{width:min(470px,100vw - 28px)}.dialog-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.dialog-header h2{letter-spacing:-.3px;font-size:17px}.dialog-header .icon-button{margin:-6px -6px -6px 0}.field-label{color:#a6a5b9;flex-direction:column;gap:9px;margin-bottom:20px;font-size:12px;display:flex}.field-label input{color:#e8e6f2;background:#ffffff04;border:1px solid #ffffff15;border-radius:8px;height:47px;padding:0 14px;font-size:14px}.field-label input:focus{border-color:#b8a5ff66;outline:1px solid #b8a5ff66}.field-label input::placeholder{color:#6a697b;font-size:12px}.dialog-copy{margin-bottom:25px}.adding-track{border-bottom:1px solid var(--line);align-items:center;gap:13px;margin-bottom:10px;padding:0 0 20px;display:flex}.adding-track strong{font-size:13px}.adding-track small{color:var(--muted);margin-top:5px;font-size:11px}.dialog-playlists{max-height:300px;margin-bottom:20px;overflow:auto}.dialog-playlists button{text-align:left;align-items:center;gap:13px;width:100%;padding:14px 3px;font-size:13px;display:flex}.dialog-playlists button>span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.dialog-playlists button>svg{color:#9790b4;width:18px}.dialog-playlists button:hover{color:var(--accent)}.users-panel .account-form,.account-form{gap:14px;margin-top:24px;display:grid}.account-form h3,.account-form p,.account-form .field-label{margin:0}.users-list{gap:12px;display:grid}.user-entry{border:1px solid var(--border,#34313f);border-radius:12px;gap:10px;padding:16px;display:grid}.user-entry strong,.user-entry span{overflow-wrap:anywhere;display:block}.user-entry span{color:var(--muted,#aaa3bb);margin-top:4px;font-size:13px}.user-actions{flex-wrap:wrap;gap:12px;display:flex}.form-message{color:#c9baff;line-height:1.5}.form-message.error{color:#ffb4b4}.settings-section{margin-bottom:22px}.yandex-code{letter-spacing:3px;padding:12px 0;font-size:28px;display:block}.yandex-import>p{margin:12px 0;line-height:1.5}.yandex-import form{margin-top:20px}.yandex-import .settings-section{margin:20px 0 0}.yandex-import .settings-section p{margin:8px 0;line-height:1.5}.yandex-import details{margin-top:12px}.yandex-import li{margin:6px 0;line-height:1.5}.yandex-import a{color:#b7adff}.yandex-import ul{overflow-wrap:anywhere;padding-left:20px}.settings-section h3{letter-spacing:-1px;margin:20px 0 15px;font-size:28px}.settings-section h3 small{color:#6b6b80;letter-spacing:0;font-size:13px;font-weight:400;display:inline}.settings-section progress{appearance:none;background:#ffffff0c;border-radius:5px;width:100%;height:5px;overflow:hidden}.settings-section progress::-webkit-progress-bar{background:#ffffff0c}.settings-section progress::-webkit-progress-value{background:var(--accent)}.settings-section progress::-moz-progress-bar{background:var(--accent)}.setting-row{color:#bdbbce;justify-content:space-between;align-items:center;margin:20px 0;font-size:12px;display:flex}.setting-row select{color:#d1c7ee;background:#262535;border:1px solid #ffffff15;border-radius:6px;padding:8px 13px;font-size:12px}.settings-section .muted{margin-bottom:20px;font-size:11px;line-height:1.9}.settings-section .secondary{font-size:12px}.logout-button{color:#9b8896;border-top:1px solid var(--line);justify-content:center;align-items:center;gap:9px;width:100%;margin-top:22px;padding:21px 0 0;font-size:11px;display:flex}.logout-button svg{width:15px}.install-guide>img{width:70px;height:70px;margin:5px auto 20px;display:block}.install-guide>p{text-align:center;color:#b0aabd;margin-bottom:25px;font-size:13px;line-height:1.9}.install-guide ol{margin:0;padding-left:24px}.install-guide li{color:var(--accent);padding:0 0 20px 6px;font-size:12px}.install-guide li strong{color:#dfd9ee;margin-bottom:6px;font-weight:500;display:block}.install-guide li span{color:#8d899f;font-size:11px;line-height:1.9;display:block}.full-player>.cover{aspect-ratio:1;border-radius:12px;width:100%;height:auto;margin-bottom:23px}.full-player>.cover svg{opacity:.4;width:50%;height:50%}.full-player-title{justify-content:space-between;align-items:center;gap:10px;margin-bottom:24px;display:flex}.full-player-title>div{min-width:0}.full-player-title h2{letter-spacing:-.5px;overflow-wrap:anywhere;font-size:21px}.full-player-title p{color:#9b94ae;margin-top:7px;font-size:13px}.full-player .timeline{margin-bottom:24px;font-size:10px}.transport.large{gap:19px}.transport.large .icon-button{width:34px;height:34px}.transport.large .main-play{background:var(--accent);width:60px;height:60px}.transport.large .main-play svg{width:24px;height:24px}.player-format{color:#77718b;justify-content:space-between;align-items:center;margin-top:24px;font-size:10px;display:flex}.queue-list{flex-direction:column;gap:6px;display:flex}.queue-list button{text-align:left;border-radius:7px;align-items:center;gap:12px;padding:8px;display:flex}.queue-list button.current{background:#b8a5ff12}.queue-list button.current strong{color:var(--accent)}.queue-list button>span{flex:1}.queue-list button>svg{width:16px;color:var(--accent)}.toast{bottom:calc(var(--player-height) + 24px);z-index:100;background:#363144;border:1px solid #ffffff16;border-radius:12px;align-items:center;gap:13px;max-width:min(90vw,580px);padding:10px 12px 10px 18px;font-size:12px;line-height:1.7;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0005}.toast>span{min-width:0}.toast .icon-button{width:28px;height:28px}.loading-screen{min-height:100dvh;color:var(--muted);justify-content:center;align-items:center;gap:15px;font-size:13px;display:flex}.loading-screen svg{color:var(--accent)}.login-page{background:radial-gradient(at 10% 40%,#29233755,#0000 60%);justify-content:center;align-items:center;gap:min(12vw,180px);width:100%;min-height:100dvh;margin:0;padding:70px 30px;display:flex}.login-decoration{border:1px solid #b8a5ff0e;border-radius:50%;justify-content:center;align-items:center;width:min(40vw,470px);height:min(40vw,470px);display:flex;position:relative}.login-decoration:before{content:"";border:1px solid #b8a5ff0a;border-radius:50%;position:absolute;inset:30px}.login-decoration .record{width:85%;height:85%}.login-decoration .record-label{width:42%;height:42%}.login-decoration .record-label span{font-size:13px}.login-decoration .record-label svg{width:35px;height:35px}.login-decoration .record-label small{font-size:6px}.login-card{flex-shrink:0;width:330px}.login-card .brand{margin-bottom:45px;padding:0}.login-card .eyebrow{letter-spacing:1.6px;font-size:8px}.login-card h1{letter-spacing:-3px;margin:23px 0 22px;font-size:67px;line-height:1.02}.login-card>p{color:#9791a8;margin-bottom:33px;font-size:13px;line-height:1.9}.login-card .field-label{margin-bottom:16px;font-size:11px}.login-card .primary{margin-top:8px}.login-footnote{color:#625d74;text-align:center;margin-top:25px;font-size:10px;display:block}.form-error{color:#ed9da9;padding:10px 0;font-size:12px;line-height:1.7}@media (width>=1500px){main{padding-left:65px;padding-right:65px}.hero{min-height:400px}.hero-art{flex-basis:420px;height:380px}.hero-art>.record{width:290px;height:290px}.hero-art .orbit{width:340px;height:340px}.hero-art .orbit-two{width:420px;height:420px}.floating-label{bottom:50px;right:20px}.hero h1{font-size:70px}.library-section{padding-top:35px}.track-row{min-height:75px}}@media (width<=1100px){.sidebar{width:210px;padding-left:12px;padding-right:12px}.brand{font-size:26px}main{width:calc(100% - 210px);margin-left:210px;padding-left:25px;padding-right:25px}.hero-art{flex-basis:255px;height:290px}.hero-art>.record{width:215px;height:215px}.hero-art .record-label{width:90px;height:90px}.hero-art .orbit{width:250px;height:250px}.hero-art .orbit-two{width:320px;height:320px}.floating-label{padding:10px 12px;font-size:9px;bottom:30px;right:-8px}.hero h1{letter-spacing:-2px;font-size:45px}.hero{min-height:330px}.art-coordinate,.track-album{display:none}.track-table-head,.track-row{grid-template-columns:25px minmax(120px,1fr) 45px 76px;column-gap:8px}.track-table-head>span:nth-child(3){display:none}.in-playlist .track-row,.in-playlist .track-table-head{grid-template-columns:25px minmax(120px,1fr) 45px 130px}.player-bar{gap:15px;padding-left:20px;padding-right:20px}.player-tools{gap:6px}.player-tools input{width:55px}.now-playing{flex:1.2}.hero-actions{gap:9px}.hero-actions .secondary{padding:10px 17px}.hero-actions .icon-button{width:32px}.page-footer{font-size:8px}}@media (width<=760px){:root{--player-height:75px}.sidebar{display:none}main{width:100%;margin-left:0;padding:0 22px 85px}.has-player main{padding-bottom:160px}.topbar{border-bottom:0;gap:12px;height:75px}.mobile-brand{letter-spacing:-1.3px;align-items:center;gap:5px;font-size:25px;font-weight:650;display:flex}.mobile-brand img{width:30px;height:30px}.topbar>.search{display:none}.topbar-actions{gap:4px}.connection{margin-right:7px;font-size:9px}.mobile-settings{display:inline-flex}.topbar-actions .icon-button{width:34px;height:34px}.topbar-actions .icon-button svg{width:17px}.hero{gap:0;min-height:280px;overflow:hidden}.hero-copy{padding:20px 0 32px}.hero h1{letter-spacing:-1.9px;margin-top:18px;margin-bottom:14px;font-size:43px;line-height:1.1}.hero-copy>p{max-width:190px;font-size:11px;line-height:1.8}.hero-art{opacity:.83;flex-basis:185px;align-self:center;height:240px;margin-left:-25px;margin-right:-75px}.hero-art>.record{flex-shrink:0;width:190px;height:190px}.hero-art .record-label{gap:8px;width:80px;height:80px}.hero-art .record-label span{letter-spacing:2px;font-size:6px}.hero-art .record-label small{font-size:4px}.hero-art .record-label svg{width:20px;height:20px}.hero-art .orbit{flex-shrink:0;width:230px;height:230px}.hero-art .orbit-two{width:280px;height:280px}.floating-label{display:none}.hero .eyebrow{letter-spacing:1.7px;font-size:8px}.hero-actions{gap:16px;margin-top:22px}.hero-actions .primary{min-height:41px;padding:10px 20px;font-size:12px}.collection-stat{font-size:10px}.collection-stat>span{font-size:8px}.library-section{padding-top:24px}.section-heading{margin-bottom:13px}.section-heading h2{font-size:16px}.section-heading .text-button{padding-right:0;font-size:10px}.section-heading .text-button svg{width:13px}.track-table-head{display:none}.track-row,.in-playlist .track-row{grid-template-columns:minmax(80px,1fr) 34px 76px;column-gap:4px;min-height:70px;padding:0}.track-number{display:none}.track-info{gap:11px}.track-info strong{font-size:12px}.track-info small{font-size:10px}.track-info .cover{width:43px;height:43px}.track-duration{font-size:9px}.track-actions .icon-button{width:36px;height:42px}.track-actions svg{width:17px;height:17px}.in-playlist .track-row{grid-template-columns:minmax(100px,1fr) 32px 112px}.in-playlist .track-actions{flex-wrap:wrap;gap:0}.reorder{flex-direction:column;justify-content:center}.reorder .icon-button{width:26px;height:25px}.reorder .icon-button svg{width:13px;height:13px}.empty-state{min-height:290px;padding:30px 15px}.empty-state p{max-width:290px;font-size:11px}.empty-state h3{font-size:15px}.empty-icon{width:51px;height:51px}.page-footer{gap:12px;padding-bottom:20px;font-size:8px}.page-footer>span:last-child{display:none}.page-footer>span:first-child{font-size:7px}.mobile-nav{height:calc(67px + env(safe-area-inset-bottom));padding:8px 10px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);z-index:30;background:#14151ef5;border-top:1px solid #ffffff09;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:#77778e;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:60px;min-height:45px;display:flex}.mobile-nav svg{width:20px;height:20px}.mobile-nav span{font-size:9px}.mobile-nav .active{color:#c5b4ff}.player-bar{height:75px;bottom:calc(67px + env(safe-area-inset-bottom));background:#292534f5;border:1px solid #ffffff10;border-bottom:0;border-radius:12px 12px 0 0;gap:12px;padding:10px 16px;left:9px;right:9px;box-shadow:0 -8px 30px #0002}.now-playing .cover{width:45px;height:45px}.now-playing{gap:11px}.now-playing strong{font-size:12px}.now-playing small{font-size:10px}.player-center,.player-tools{display:none}.mobile-transport{gap:5px;display:flex}.mobile-transport .icon-button{color:#e3d9fa}.mobile-transport .icon-button svg{width:22px;height:22px}.toast{bottom:calc(163px + env(safe-area-inset-bottom));width:calc(100% - 30px);max-width:440px;padding-left:14px;font-size:11px}.dialog{border-radius:17px;padding:22px}.dialog-header h2{font-size:16px}.dialog .primary{font-size:13px}.full-player .timeline,.full-player .transport{display:flex}.playlist-hero .hero-art{display:none}.playlist-hero h1{font-size:38px}.playlist-hero .hero-copy>p{max-width:none}.playlist-hero .hero-actions{gap:10px}.playlist-hero .hero-actions .icon-button{width:34px}.playlist-hero .hero-actions .secondary{min-height:41px;padding:9px 15px;font-size:11px}.playlist-grid{grid-template-columns:repeat(2,minmax(100px,1fr));gap:13px}.playlist-card,.new-playlist-card{border-radius:9px;min-height:210px;padding:12px}.playlist-card h3,.new-playlist-card h3{font-size:12px}.card-play{display:none}.notice{gap:10px;padding:11px 12px;font-size:10px}.download-status{padding:12px;font-size:10px}.download-status .text-button{font-size:10px}.login-page{justify-content:center;min-height:100dvh;padding:45px 28px}.login-decoration{display:none}.login-card{width:min(100%,340px)}.login-card .brand{margin-bottom:45px}.login-card h1{font-size:69px}.login-card>p{font-size:13px}.login-card .field-label{font-size:12px}}@media (width<=370px){main{padding-left:15px;padding-right:15px}.hero h1{font-size:39px}.hero-art{flex-basis:160px;margin-right:-90px}.connection{display:none}.hero-copy>p{max-width:180px}.in-playlist .track-row{grid-template-columns:minmax(85px,1fr) 27px 105px}.track-actions .icon-button{width:33px}.reorder .icon-button{width:25px}.section-heading .text-button{font-size:9px}.hero-actions{gap:11px}}.dialog-notice{color:var(--accent);padding:16px 0 0;font-size:12px;line-height:1.8}@media (width<=760px){.topbar{flex-wrap:wrap;row-gap:15px;height:auto;min-height:75px;padding:17px 0 10px}.topbar>.search{background:#ffffff04;border:1px solid #ffffff08;border-radius:8px;order:3;width:100%;padding:0 12px;display:flex}.topbar .search input{min-height:40px;font-size:12px}.topbar>.search>svg{width:16px}.topbar-actions{margin-left:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}