:root{--bg:#0c0c10;--surface:#16161d;--surface-hover:#20202a;--border:#ffffff14;--text:#f3f3f5;--text-muted:#9a9aa6;--accent:#1ed98b;--accent-hover:#2cefa0;--accent-contrast:#04130c;--warning:#e0a300;--danger:#ef4b52;--radius:14px;--radius-sm:9px;--radius-pill:500px;--shadow:0 10px 30px #00000073;--nav-bg:#0c0c10b8;--surface-strong:#2c2c38;--btn-bg:#20202a;--btn-bg-hover:#2c2c38;--card-bg:#20202a;--card-bg-hover:#2c2c38;--card-shadow:0 2px 2px #0006;--nav-height:64px}[data-theme=light]{--bg:#f6f6f8;--surface:#fff;--surface-hover:#ececf1;--border:#0000001a;--text:#16161d;--text-muted:#5c5c68;--accent-contrast:#04130c;--warning:#b8860b;--danger:#d32f36;--shadow:0 10px 30px #0000001f;--nav-bg:#ffffffc7;--surface-strong:#dedee5;--btn-bg:#fff;--btn-bg-hover:#f2f2f5;--card-bg:#fff;--card-bg-hover:#f2f2f5;--card-shadow:0 2px 8px #0000000f}:root{--page-pad:32px;--tap:44px}@media(max-width:760px){:root{--nav-height:56px;--page-pad:18px}}@media(max-width:480px){:root{--nav-height:110px;--page-pad:14px}}*,:after,:before{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin-block-end:0}ol[role=list],ul[role=list]{list-style:none}body{line-height:1.5;min-height:100vh}button,h1,h2,h3,h4,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){-webkit-text-decoration-skip:ink;color:currentColor;text-decoration-skip-ink:auto}button,input,select,textarea{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}body{-webkit-font-smoothing:antialiased;background-color:#0c0c10;background-color:var(--bg);color:#f3f3f5;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0}a{color:inherit;text-decoration:none}.page-view{box-sizing:border-box;min-height:100vh;min-height:100dvh;padding:88px 32px 32px;padding:calc(var(--nav-height) + 24px) var(--page-pad) 32px;padding-bottom:calc(32px + env(safe-area-inset-bottom, 0px));width:100%}*{scrollbar-color:#20202a #0000;scrollbar-color:var(--surface-hover) #0000;scrollbar-width:thin}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-thumb{background:#20202a;background:var(--surface-hover);border-radius:500px;border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:#2c2c38;background:var(--surface-strong)}.btn{align-items:center;border:none;border-radius:500px;border-radius:var(--radius-pill);cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:11px 22px;transition:transform .15s ease,filter .15s ease,background .15s ease}.btn:active{transform:scale(.97)}.btn--accent{background:#1ed98b;background:var(--accent);color:#04130c;color:var(--accent-contrast)}.btn--accent:hover{background:#2cefa0;background:var(--accent-hover);transform:scale(1.03)}.btn--ghost{background:#0000;border:1px solid #ffffff14;border:1px solid var(--border);color:#9a9aa6;color:var(--text-muted)}.btn--ghost:hover{border-color:#9a9aa6;border-color:var(--text-muted)}.btn--ghost:hover,.btn--solid{color:#f3f3f5;color:var(--text)}.btn--solid{background:#20202a;background:var(--btn-bg);border:1px solid #ffffff14;border:1px solid var(--border)}.btn--solid:hover{background:#2c2c38;background:var(--btn-bg-hover)}.btn--danger{background:#e23d56;color:#fff}.btn--danger:hover{background:#f1556c}.btn--danger-ghost{background:#0000;border:1px solid #f1556c66;color:#f1556c}.btn--danger-ghost:hover{background:#f1556c1f;border-color:#f1556c}.btn--icon{font-size:18px;height:40px;justify-content:center;line-height:1;padding:0;width:40px}.btn--icon.is-syncing svg{animation:nav-spin .8s linear infinite}.btn--icon:disabled{cursor:default;opacity:.7}@keyframes nav-spin{to{transform:rotate(1turn)}}*{-webkit-tap-highlight-color:rgba(0,0,0,0)}@media(hover:none){::-webkit-scrollbar{height:0;width:0}*{scrollbar-width:none}}@media(max-width:760px){.page-view{padding-top:80px;padding-top:calc(var(--nav-height) + 16px)}.btn{font-size:14px;padding:10px 18px}}@media(max-width:480px){.btn{font-size:13.5px;padding:10px 16px}}@media(hover:none){.btn--icon{height:44px;height:var(--tap);width:44px;width:var(--tap)}}.navbar{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0c0c10b8;background:var(--nav-bg);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);display:flex;height:64px;height:var(--nav-height);justify-content:space-between;left:0;padding:0 32px;padding:0 var(--page-pad);position:fixed;right:0;top:0;z-index:20}.navbar-left,.navbar-right{align-items:center;display:flex;flex:1 1;gap:12px}.navbar-right{justify-content:flex-end}.navbar-center h1{font-size:22px;font-weight:800;letter-spacing:-.02em;margin:0;white-space:nowrap}.navbar-center h1 a{color:#f3f3f5;color:var(--text);transition:color .15s ease}.navbar-center h1 a.is-active{color:#1ed98b;color:var(--accent)}@media(max-width:760px){.navbar{gap:10px}.navbar-left,.navbar-right{flex:0 1 auto;gap:8px;min-width:0}.navbar-center{flex:1 1 auto;min-width:0;text-align:center}.navbar-center h1{font-size:17px;overflow:hidden;text-overflow:ellipsis}.navbar .btn:not(.btn--icon){font-size:13px;padding:8px 14px}.navbar .btn--icon.btn--solid{background:#0000;border-color:#0000}.navbar .btn--icon.btn--solid:hover{background:#0000}.navbar .btn--icon{height:44px;padding:0;width:44px}.navbar{--nav-icon:24px}.navbar .btn--icon svg{height:var(--nav-icon);width:var(--nav-icon)}.navbar .btn--icon svg.nav-icon--sun{height:calc(var(--nav-icon)*20/22);width:calc(var(--nav-icon)*20/22)}}@media(max-width:480px){.navbar{align-content:center;flex-wrap:wrap;height:64px;height:var(--nav-height);justify-content:space-between;padding:6px 32px;padding:6px var(--page-pad);row-gap:12px}.navbar-center{flex:1 0 100%;order:-1}.navbar-center h1{font-size:19px}.navbar-left,.navbar-right{display:contents}.navbar{column-gap:8px}.navbar-left .btn:not(.btn--icon),.navbar-right .btn:not(.btn--icon){flex:1 1;justify-content:center;min-width:0;padding:9px 12px;white-space:nowrap}}@media(max-width:360px){.navbar{column-gap:6px;gap:6px}.navbar-left .btn:not(.btn--icon),.navbar-right .btn:not(.btn--icon){font-size:12.5px;padding:8px 9px}.navbar .btn--icon{height:40px;width:40px}.navbar{--nav-icon:22px}.navbar-center h1{font-size:18px}}.login-view{background:radial-gradient(60% 60% at 50% 0,#1ed98b29,#0000 70%),#0c0c10;background:radial-gradient(60% 60% at 50% 0,#1ed98b29,#0000 70%),var(--bg);display:grid;min-height:100vh;padding:64px 24px 24px;padding:var(--nav-height) 24px 24px;place-items:center}.form{background:#16161d;background:var(--surface);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius);box-shadow:0 10px 30px #00000073;box-shadow:var(--shadow);max-width:380px;padding:40px 32px;text-align:center;width:100%}.form__title{font-size:26px;font-weight:800;letter-spacing:-.02em;margin:0 0 8px}.form__subtitle{color:#9a9aa6;color:var(--text-muted);font-size:15px;margin:0 0 28px}.error-label{color:#ff6b6b;font-size:14px;margin-bottom:16px}.loginBtn{justify-content:center;width:100%}.loginBtn:disabled{cursor:progress;opacity:.6}@media(max-width:480px){.login-view{padding:64px 16px 24px;padding:var(--nav-height) 16px 24px}.form{padding:30px 20px}.form__title{font-size:23px}.form__subtitle{font-size:14px;margin-bottom:24px}}.loading-screen{align-items:center;animation:ls-fade-in .4s ease both;background:radial-gradient(60% 60% at 50% 0,#1ed98b29,#0000 70%),#0c0c10;background:radial-gradient(60% 60% at 50% 0,#1ed98b29,#0000 70%),var(--bg);display:flex;flex-direction:column;gap:32px;inset:0;justify-content:center;overflow:hidden;padding:24px;position:fixed}.loading-screen__glow{animation:ls-pulse 3.2s ease-in-out infinite;background:radial-gradient(circle,#1ed98b38,#0000 65%);filter:blur(8px);height:420px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:420px}.loading-screen__visual{display:grid;height:120px;place-items:center;position:relative;width:120px}.loading-screen__ring{animation:ls-spin 1.1s linear infinite;background:conic-gradient(from 0deg,#0000 0deg,#1ed98b 120deg,#2cefa0 240deg,#0000 1turn);background:conic-gradient(from 0deg,#0000 0deg,var(--accent) 120deg,var(--accent-hover) 240deg,#0000 1turn);border-radius:50%;inset:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 6px),#000 calc(100% - 5px));mask:radial-gradient(farthest-side,#0000 calc(100% - 6px),#000 calc(100% - 5px));position:absolute}.loading-screen__equalizer{align-items:flex-end;display:flex;gap:5px;height:44px}.loading-screen__equalizer span{animation:ls-eq 1s ease-in-out infinite;background:#1ed98b;background:var(--accent);border-radius:500px;border-radius:var(--radius-pill);width:5px}.loading-screen__equalizer span:first-child{animation-delay:-.9s}.loading-screen__equalizer span:nth-child(2){animation-delay:-.5s}.loading-screen__equalizer span:nth-child(3){animation-delay:-.7s}.loading-screen__equalizer span:nth-child(4){animation-delay:-.3s}.loading-screen__equalizer span:nth-child(5){animation-delay:-.6s}.loading-screen__message{animation:ls-fade-in .5s ease both;color:#f3f3f5;color:var(--text);font-size:16px;font-weight:600;letter-spacing:-.01em;margin:0;min-height:1.4em;text-align:center}.loading-screen__track{background:#20202a;background:var(--surface-hover);height:4px;overflow:hidden;width:min(260px,70vw)}.loading-screen__bar,.loading-screen__track{border-radius:500px;border-radius:var(--radius-pill)}.loading-screen__bar{animation:ls-slide 1.4s ease-in-out infinite;background:#1ed98b;background:var(--accent);height:100%;width:40%}@keyframes ls-spin{to{transform:rotate(1turn)}}@keyframes ls-eq{0%,to{height:30%;opacity:.7}50%{height:100%;opacity:1}}@keyframes ls-pulse{0%,to{opacity:.55;transform:translate(-50%,-50%) scale(.92)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}}@keyframes ls-slide{0%{transform:translateX(-110%)}50%{transform:translateX(160%)}to{transform:translateX(-110%)}}@keyframes ls-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.loading-screen__bar,.loading-screen__equalizer span,.loading-screen__glow,.loading-screen__ring{animation:none}.loading-screen__ring{background:none;border:5px solid #1ed98b;border:5px solid var(--accent);-webkit-mask:none;mask:none}}@media(max-width:760px){.loading-screen{gap:26px;padding:20px}.loading-screen__glow{height:280px;width:280px}.loading-screen__visual{height:96px;width:96px}.loading-screen__equalizer{gap:4px;height:36px}.loading-screen__equalizer span{width:4px}.loading-screen__message{font-size:15px}}.song-card{align-items:center;border-radius:9px;border-radius:var(--radius-sm);display:flex;gap:16px;padding:12px 16px;transition:background .15s ease}.song-card:hover{background:#20202a;background:var(--surface-hover)}.song-cover{border-radius:9px;border-radius:var(--radius-sm);box-shadow:0 10px 30px #00000073;box-shadow:var(--shadow);flex-shrink:0;height:56px;object-fit:cover;width:56px}.song-cover--empty{background:#20202a;background:var(--surface-hover)}.song-info{display:flex;flex-direction:column;min-width:0}.song-select{accent-color:#1ed98b;accent-color:var(--accent);cursor:pointer;flex-shrink:0;height:18px;width:18px}.song-card.is-deselected{opacity:.5}.song-reasons{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.song-conf{font-feature-settings:"tnum";color:#1ed98b;color:var(--accent);flex-shrink:0;font-size:13px;font-variant-numeric:tabular-nums;font-weight:700}.song-title{color:#f3f3f5;color:var(--text);font-weight:600;margin:0}.song-meta,.song-title{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-meta{color:#9a9aa6;color:var(--text-muted);margin:4px 0 0}.song-card{cursor:pointer;outline:none}.song-card:focus-visible{box-shadow:inset 0 0 0 2px #1ed98b;box-shadow:0 0 0 2px var(--accent) inset}.snippet{align-items:center;display:flex;flex-shrink:0;gap:10px;margin-left:auto}.song-badge{color:#e0a300;color:var(--warning);cursor:help;display:inline-grid;flex-shrink:0;height:20px;outline:none;place-items:center;position:relative;width:20px}.song-badge svg{height:15px;width:15px}.song-badge__tip{background:#2c2c38;background:var(--surface-strong);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:9px;border-radius:var(--radius-sm);box-shadow:0 10px 30px #00000073;box-shadow:var(--shadow);color:#f3f3f5;color:var(--text);font-size:12px;font-weight:500;line-height:1.3;max-width:220px;opacity:0;padding:6px 10px;pointer-events:none;position:absolute;right:calc(100% + 8px);top:50%;transform:translateY(-50%) translateX(4px);transition:opacity .15s ease,transform .15s ease,visibility .15s;visibility:hidden;white-space:normal;width:max-content;z-index:5}.song-badge:focus-visible .song-badge__tip,.song-badge:hover .song-badge__tip{opacity:1;transform:translateY(-50%) translateX(0);visibility:visible}.song-remove{background:#0000;border:none;border-radius:500px;border-radius:var(--radius-pill);color:#9a9aa6;color:var(--text-muted);cursor:pointer;display:grid;height:34px;opacity:0;padding:0;place-items:center;transition:opacity .15s ease,color .15s ease,background .15s ease;width:34px}.song-remove svg{height:16px;width:16px}.song-card:focus-visible .song-remove,.song-card:hover .song-remove{opacity:1}.song-remove:hover{background:#ff6b6b1f;color:#ff6b6b}.snippet-btn{color:#9a9aa6;color:var(--text-muted);display:grid;height:36px;opacity:0;place-items:center;position:relative;transition:opacity .15s ease,color .15s ease,transform .15s ease;width:36px}.song-card.is-playing .snippet-btn,.song-card:focus-visible .snippet-btn,.song-card:hover .snippet-btn{opacity:1}.song-card:hover .snippet-btn{transform:scale(1.08)}.song-card.is-playing .snippet-btn{color:#1ed98b;color:var(--accent)}.snippet-ring{height:100%;inset:0;position:absolute;transform:rotate(-90deg);width:100%}.snippet-ring__bg{fill:none;stroke:#ffffff14;stroke:var(--border);stroke-width:2}.snippet-ring__fill{fill:none;stroke:#1ed98b;stroke:var(--accent);stroke-width:2;stroke-linecap:round;transition:stroke-dashoffset .25s linear}.snippet-icon{height:15px;position:relative;width:15px}.snippet-icon--spin{animation:snippet-spin .8s linear infinite}@keyframes snippet-spin{to{transform:rotate(1turn)}}.snippet-btn.is-unavailable{color:#ef4b52;color:var(--danger);opacity:1}.snippet-btn.is-unavailable .snippet-ring__bg{stroke:#ef4b52;stroke:var(--danger);opacity:.45}.snippet-icon--alert{animation:snippet-alert .45s cubic-bezier(.34,1.56,.64,1);height:16px;width:16px}@keyframes snippet-alert{0%{opacity:0;transform:scale(.3) rotate(-30deg)}55%{opacity:1;transform:scale(1.18) rotate(6deg)}72%{transform:scale(1) rotate(-5deg)}86%{transform:scale(1) rotate(4deg)}to{transform:scale(1) rotate(0)}}@media(prefers-reduced-motion:reduce){.snippet-icon--alert{animation:none}}.song-card.is-draggable{cursor:grab}.song-card.is-draggable:active{cursor:grabbing}.song-add{background:#0000;border:none;border-radius:500px;border-radius:var(--radius-pill);color:#9a9aa6;color:var(--text-muted);cursor:pointer;display:grid;height:34px;opacity:0;padding:0;place-items:center;transition:opacity .15s ease,color .15s ease,background .15s ease;width:34px}.song-add svg{height:18px;width:18px}.song-card:focus-visible .song-add,.song-card:hover .song-add{opacity:1}.song-add:hover{background:#1ed98b24;color:#1ed98b;color:var(--accent)}.song-card.is-pending{border-left:2px solid #1ed98b;border-left:2px solid var(--accent)}.chip--pending{background:#1ed98b24;border-radius:500px;border-radius:var(--radius-pill);color:#1ed98b;color:var(--accent);font-size:11px;font-weight:700;padding:3px 9px}@media(hover:none){.snippet-btn,.song-add,.song-remove{height:40px;opacity:1;width:40px}.song-card:hover{background:#0000}.song-card:hover .snippet-btn{transform:none}.song-card.is-playing{background:#20202a;background:var(--surface-hover)}}@media(max-width:760px){.song-card{gap:12px;padding:10px}.song-cover{height:50px;width:50px}.song-title{font-size:15px}.song-meta{font-size:13px}.snippet{gap:4px}.snippet-btn,.song-add,.song-remove{height:40px;opacity:1;width:40px}.song-badge__tip{max-width:min(220px,62vw)}}@media(max-width:480px){.song-card{gap:10px;padding:9px 8px}.song-cover{height:46px;width:46px}.song-title{font-size:14.5px}.song-meta{font-size:12.5px}.song-conf{font-size:12px}}.search-group{display:flex;flex-direction:column;gap:6px;width:100%}.search-group .liked-search{flex:0 0 auto;margin:0;width:100%}.search-modes{align-self:flex-start;background:#20202a;background:var(--surface-hover);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:500px;border-radius:var(--radius-pill);display:inline-flex;gap:2px;padding:2px}.search-modes__tag{background:#0000;border:none;border-radius:500px;border-radius:var(--radius-pill);color:#9a9aa6;color:var(--text-muted);cursor:pointer;font-size:12px;font-weight:700;padding:4px 14px;transition:background .15s ease,color .15s ease}.search-modes__tag:hover:not(.is-active){color:#f3f3f5;color:var(--text)}.search-modes__tag.is-active{background:#1ed98b;background:var(--accent);color:#04130c;color:var(--accent-contrast)}@media(max-width:760px){.search-modes__tag{font-size:12.5px;padding:6px 14px}}.playlist-card{background:#20202a;background:var(--card-bg);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:9px;border-radius:var(--radius-sm);cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:10px;position:relative;transition:background .2s ease,transform .2s ease,box-shadow .15s ease}.playlist-card:hover{background:#2c2c38;background:var(--card-bg-hover);transform:translateY(-1px)}.playlist-card.is-drop-target{background:#2c2c38;background:var(--card-bg-hover);box-shadow:inset 0 0 0 2px #1ed98b;box-shadow:0 0 0 2px var(--accent) inset}.playlist-card__pending{font-feature-settings:"tnum";background:#1ed98b;background:var(--accent);border-radius:500px;border-radius:var(--radius-pill);color:#04130c;color:var(--accent-contrast);font-size:12px;font-variant-numeric:tabular-nums;font-weight:700;min-width:22px;padding:2px 7px;position:absolute;right:8px;text-align:center;top:8px;z-index:1}.playlist-card__cover{aspect-ratio:1/1;border-radius:9px;border-radius:var(--radius-sm);box-shadow:0 2px 2px #0006;box-shadow:var(--card-shadow);margin-bottom:6px;overflow:hidden;width:100%}.playlist-card__cover img,.playlist-card__cover--fallback{display:block;height:100%;object-fit:cover;width:100%}.playlist-card__name{color:#f3f3f5;color:var(--text);font-size:15px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-card__meta{color:#9a9aa6;color:var(--text-muted);font-size:13px;margin:0}.playlist-card__profile{display:flex;flex-direction:column;gap:6px;margin-top:8px}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:2px}.chip{background:#1ed98b24;border-radius:500px;border-radius:var(--radius-pill);color:#1ed98b;color:var(--accent);font-size:11px;font-weight:600;padding:3px 9px}.chip--ghost{background:#0000;border:1px solid #ffffff14;border:1px solid var(--border);color:#9a9aa6;color:var(--text-muted)}.chip--accent{background:#1ed98b;background:var(--accent);color:#04130c;color:var(--accent-contrast)}.playlist-card__profile-empty{color:#9a9aa6;color:var(--text-muted);font-size:11px;font-style:italic;margin-top:8px}.stat{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:46px 1fr}.stat__label{color:#9a9aa6;color:var(--text-muted);font-size:11px}.stat__track{background:#ffffff14;border-radius:500px;border-radius:var(--radius-pill);height:5px;overflow:hidden}.stat__fill{background:#1ed98b;background:var(--accent);border-radius:inherit;display:block;height:100%}.playlists-container,.playlists-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));grid-template-columns:repeat(auto-fill,minmax(var(--card-min,170px),1fr))}.size-sm{--card-min:130px}.size-md{--card-min:170px}.size-lg{--card-min:220px}@media(max-width:760px){.size-lg,.size-md,.size-sm{--card-min:150px}.playlists-container,.playlists-grid{gap:10px}.playlist-card__name{font-size:14px}.playlist-card__meta{font-size:12px}}@media(max-width:480px){.playlist-card{padding:8px}.stat{gap:6px;grid-template-columns:40px 1fr}}@media(max-width:360px){.size-lg,.size-md,.size-sm{--card-min:130px}.playlists-container,.playlists-grid{gap:8px}}.size-control{background:#20202a;background:var(--surface-hover);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:500px;border-radius:var(--radius-pill);display:inline-flex;gap:2px;padding:3px}.size-control__btn{background:#0000;border:none;border-radius:500px;border-radius:var(--radius-pill);color:#9a9aa6;color:var(--text-muted);cursor:pointer;font-size:13px;font-weight:700;height:26px;transition:background .15s ease,color .15s ease;width:30px}.size-control__btn:hover{color:#f3f3f5;color:var(--text)}.size-control__btn.is-active{background:#1ed98b;background:var(--accent);color:#04130c;color:var(--accent-contrast)}@media(hover:none){.size-control__btn{height:32px;width:38px}}@media(max-width:760px){.size-control{display:none}}.modal-overlay{align-items:center;animation:modal-overlay-in .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:50}.modal{animation:modal-in .18s ease;background:#16161d;background:var(--surface);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius);box-shadow:0 10px 30px #00000073;box-shadow:var(--shadow);max-width:420px;padding:24px;width:100%}.modal__title{color:#f3f3f5;color:var(--text);font-size:20px;font-weight:800;letter-spacing:-.01em;margin:0 0 10px}.modal__body{color:#9a9aa6;color:var(--text-muted);font-size:15px;line-height:1.5;margin:0}.modal__actions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px}.modal__actions .btn{font-size:14px;font-weight:700;justify-content:center;padding:10px 20px}.modal__actions .btn:disabled{cursor:not-allowed;opacity:.6}@media(max-width:480px){.modal-overlay{padding:16px}.modal{padding:20px 18px}.modal__title{font-size:18px}.modal__body{font-size:14px}.modal__actions{flex-direction:column-reverse;margin-top:18px}.modal__actions .btn{width:100%}}@keyframes modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.add-tab{align-items:center;background:#1ed98b;background:var(--accent);border:none;border-radius:14px 0 0 14px;border-radius:var(--radius) 0 0 var(--radius);box-shadow:0 10px 30px #00000073;box-shadow:var(--shadow);color:#04130c;color:var(--accent-contrast);cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:24px 13px;position:fixed;right:0;top:20%;transform:translateY(-50%);transition:padding-right .15s ease,background .15s ease;z-index:50}.add-tab:hover{background:#2cefa0;background:var(--accent-hover);padding-right:18px}.add-tab svg{height:22px;width:22px}.add-tab__label{font-size:15px;font-weight:700;letter-spacing:.02em;writing-mode:vertical-rl}.add-tab__badge{font-feature-settings:"tnum";background:#04130c;background:var(--accent-contrast);border-radius:500px;border-radius:var(--radius-pill);color:#1ed98b;color:var(--accent);font-size:12px;font-variant-numeric:tabular-nums;font-weight:800;min-width:22px;padding:2px 7px}.song-drawer__scrim{animation:song-drawer-fade .15s ease;background:#00000059;inset:0;position:fixed;z-index:60}.song-drawer{animation:song-drawer-slide .2s ease;background:#16161d;background:var(--surface);border-left:1px solid #ffffff14;border-left:1px solid var(--border);box-shadow:0 10px 30px #00000073;box-shadow:var(--shadow);display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;width:min(440px,94vw);width:var(--drawer-w,min(440px,94vw));z-index:61}.song-drawer__resizer{cursor:col-resize;height:100%;left:0;position:absolute;top:0;transition:background .15s ease;width:7px;z-index:2}.song-drawer__resizer:active,.song-drawer__resizer:hover{background:#1ed98b;background:var(--accent)}@keyframes song-drawer-slide{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes song-drawer-fade{0%{opacity:0}to{opacity:1}}.song-drawer__head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;padding:18px 18px 12px}.song-drawer__eyebrow{color:#9a9aa6;color:var(--text-muted);font-size:12px;letter-spacing:.06em;margin:0 0 2px;text-transform:uppercase}.song-drawer__title{color:#f3f3f5;color:var(--text);font-size:20px;font-weight:800;letter-spacing:-.01em;margin:0}.song-drawer__close{background:#0000;border:none;border-radius:500px;border-radius:var(--radius-pill);color:#9a9aa6;color:var(--text-muted);cursor:pointer;display:grid;flex-shrink:0;height:34px;place-items:center;width:34px}.song-drawer__close:hover{background:#20202a;background:var(--surface-hover);color:#f3f3f5;color:var(--text)}.song-drawer__search{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);padding:0 18px 10px}.song-drawer__search .liked-search,.song-drawer__search .liked-search__input{width:100%}.song-drawer__count-line{font-feature-settings:"tnum";color:#9a9aa6;color:var(--text-muted);font-size:12px;font-variant-numeric:tabular-nums;margin:6px 2px 0}.song-drawer__body{display:flex;flex:1 1;flex-direction:column;min-height:0}.song-drawer__list{flex:1 1;min-height:0;overflow-y:auto;padding:8px 10px}.song-drawer__similar{border-top:1px solid #ffffff14;border-top:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;height:auto;height:var(--similar-h,auto);max-height:95%;max-height:var(--similar-max,95%);position:relative}.song-drawer__similar-resizer{cursor:row-resize;flex-shrink:0;height:10px;margin-top:-1px;transition:background .15s ease}.song-drawer__similar-resizer:active,.song-drawer__similar-resizer:hover{background:#1ed98b;background:var(--accent)}.song-drawer__similar-list{flex:1 1;min-height:0;overflow-y:auto;padding:0 10px 8px}.song-drawer__subhead{align-items:flex-end;display:flex;gap:12px;justify-content:space-between;padding:4px 8px 10px}.song-drawer__subtitle{color:#f3f3f5;color:var(--text);font-size:16px;font-weight:700;margin:0}.song-drawer__recalc{align-items:center;background:#20202a;background:var(--btn-bg);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:500px;border-radius:var(--radius-pill);color:#f3f3f5;color:var(--text);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:6px 11px;transition:background .15s ease;white-space:nowrap}.song-drawer__recalc:hover:not(:disabled){background:#2c2c38;background:var(--btn-bg-hover)}.song-drawer__recalc:disabled{cursor:default;opacity:.6}.song-drawer__more{background:#20202a;background:var(--btn-bg);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:500px;border-radius:var(--radius-pill);color:#f3f3f5;color:var(--text);cursor:pointer;display:block;font-size:13px;font-weight:600;margin:6px 4px 4px;padding:9px 0;transition:background .15s ease;width:calc(100% - 8px)}.song-drawer__more:hover:not(:disabled){background:#2c2c38;background:var(--btn-bg-hover)}.song-drawer__more:disabled{cursor:default;opacity:.6}.song-drawer__note{color:#9a9aa6;color:var(--text-muted);font-size:14px;padding:20px 12px;text-align:center}.song-drawer__foot{align-items:center;border-top:1px solid #ffffff14;border-top:1px solid var(--border);display:flex;gap:12px;justify-content:space-between;padding:14px 18px}.song-drawer__count{font-feature-settings:"tnum";color:#9a9aa6;color:var(--text-muted);font-size:13px;font-variant-numeric:tabular-nums}@media(max-width:760px){.song-drawer{border-left:none;height:100dvh;width:100vw}.song-drawer__resizer,.song-drawer__similar-resizer{display:none}.song-drawer__head{padding:12px 14px 8px}.song-drawer__title{font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-drawer__head>div{min-width:0}.song-drawer__count-line{margin-top:4px}.song-drawer__note{padding:14px 12px}.song-drawer__more{padding:12px 0}.song-drawer__foot .song-drawer__count{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-drawer__close{height:44px;height:var(--tap);width:44px;width:var(--tap)}.song-drawer__search{padding:0 14px 10px}.song-drawer__list{padding:6px}.song-drawer__similar-list{padding:0 6px 6px}.song-drawer__similar{height:auto;max-height:42%}.song-drawer__subhead{padding:4px 6px 8px}.song-drawer__subtitle{font-size:15px}.song-drawer__foot{padding:12px 14px calc(12px + env(safe-area-inset-bottom, 0px))}.song-drawer__foot .btn{flex-shrink:0}.add-tab,.add-tab:hover{padding:17px 22px}.add-tab{border-radius:500px;border-radius:var(--radius-pill);box-shadow:none;flex-direction:row;gap:11px;justify-content:center;margin-bottom:24px;position:static;transform:none;width:100%}.add-tab__label{font-size:17px;writing-mode:horizontal-tb}}@media(max-width:480px){.song-drawer__similar{height:auto;max-height:40%}.song-drawer__recalc{padding:8px 12px}.add-tab,.add-tab:hover{padding:15px 20px}.add-tab__label{font-size:16px}}.toast{align-items:center;animation:toast-rise .18s ease;background:#2c2c38;background:var(--surface-strong);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:500px;border-radius:var(--radius-pill);box-shadow:0 10px 30px #00000073;box-shadow:var(--shadow);color:#f3f3f5;color:var(--text);display:flex;gap:14px;left:50%;max-width:min(560px,92vw);padding:12px 14px 12px 18px;position:fixed;top:80px;top:calc(var(--nav-height) + 16px);transform:translateX(-50%);z-index:70}.toast--success{border-left:4px solid #1ed98b;border-left:4px solid var(--accent)}.toast--error{border-left:4px solid #ef4b52;border-left:4px solid var(--danger)}@keyframes toast-rise{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.toast__msg{font-size:14px;line-height:1.35}.toast__action{background:#1ed98b;background:var(--accent);border:none;border-radius:500px;border-radius:var(--radius-pill);color:#04130c;color:var(--accent-contrast);cursor:pointer;flex-shrink:0;font-size:13px;font-weight:700;padding:4px 12px}.toast__action:hover{background:#2cefa0;background:var(--accent-hover)}.toast__close{background:#0000;border:none;border-radius:500px;border-radius:var(--radius-pill);color:#9a9aa6;color:var(--text-muted);cursor:pointer;display:grid;flex-shrink:0;height:26px;place-items:center;width:26px}.toast__close:hover{background:#20202a;background:var(--surface-hover);color:#f3f3f5;color:var(--text)}@media(max-width:760px){.toast{border-radius:14px;border-radius:var(--radius);gap:10px;left:12px;max-width:none;padding:11px 12px 11px 14px;right:12px;transform:none}.toast__msg{font-size:13.5px}@keyframes toast-rise{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}}.page-view.home{height:100vh;height:100dvh;overflow:hidden;padding-bottom:calc(24px + env(safe-area-inset-bottom, 0px));padding-top:72px;padding-top:calc(var(--nav-height) + 8px)}.page-row{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr 1fr;height:100%}.page-bisection{display:flex;flex-direction:column;min-height:0;overflow:hidden}.section-heading{align-items:center;background:#0c0c10;background:var(--bg);display:flex;font-size:20px;font-weight:700;letter-spacing:-.01em;margin:0;min-height:56px;padding:8px 4px 14px;position:sticky;top:0;z-index:1}.section-heading--row{gap:12px;justify-content:space-between}.section-heading--row h2{font-size:20px;font-weight:700;margin:0}.liked-search{align-items:center;display:flex;flex:0 1 300px;margin:0 auto;position:relative}.liked-search__input{background:#20202a;background:var(--surface-hover);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:500px;border-radius:var(--radius-pill);color:#f3f3f5;color:var(--text);font-size:14px;font-weight:500;height:34px;outline:none;padding:0 40px 0 14px;transition:border-color .15s ease;width:100%}.liked-search__input::placeholder{color:#9a9aa6;color:var(--text-muted);font-weight:500}.liked-search__input:focus{border-color:#1ed98b;border-color:var(--accent)}.liked-search__clear{background:#0000;border:none;border-radius:50%;color:#9a9aa6;color:var(--text-muted);cursor:pointer;display:grid;height:26px;padding:0;place-items:center;position:absolute;right:4px;top:50%;transform:translateY(-50%);transition:background .15s ease,color .15s ease;width:26px}.liked-search__clear svg{height:18px;width:18px}.liked-search__clear:hover{background:#ffffff14;background:var(--border);color:#f3f3f5;color:var(--text)}.liked-empty{color:#9a9aa6;color:var(--text-muted);margin:24px 4px;text-align:center}.liked-songs-container,.playlists-container{overflow-y:auto;padding:4px}.home-tabs{display:none}@media(max-width:760px){.home-tabs{background:#20202a;background:var(--surface-hover);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:500px;border-radius:var(--radius-pill);display:flex;gap:4px;margin-bottom:10px;padding:3px}.home-tabs__btn{align-items:center;background:#0000;border:none;border-radius:500px;border-radius:var(--radius-pill);color:#9a9aa6;color:var(--text-muted);cursor:pointer;display:inline-flex;flex:1 1;font-size:14px;font-weight:700;gap:7px;justify-content:center;min-height:38px;min-width:0;padding:0 10px;transition:background .15s ease,color .15s ease;white-space:nowrap}.home-tabs__btn.is-active{background:#1ed98b;background:var(--accent);color:#04130c;color:var(--accent-contrast)}.home-tabs__count{font-feature-settings:"tnum";font-size:12px;font-variant-numeric:tabular-nums;font-weight:700;opacity:.7}.page-row{grid-template-columns:1fr}.page-row.is-tab-playlists [data-pane=songs],.page-row.is-tab-songs [data-pane=playlists],.section-heading--row h2{display:none}.section-heading--row{justify-content:flex-end}[data-pane=playlists] .section-heading{display:none}.section-heading{flex-shrink:0;min-height:0;padding:0 2px 10px}.section-heading--row .liked-search{flex:1 1 auto;margin:0}.liked-search__input{font-size:16px;height:40px}.liked-songs-container,.playlists-container{padding:2px}}@media(max-width:360px){.home-tabs__btn{font-size:13px;gap:5px;padding:0 6px}.home-tabs__count{font-size:11px}}.page-header{align-items:flex-end;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.page-title{font-size:30px;font-weight:800;letter-spacing:-.02em;margin:0}.page-subtitle{color:#9a9aa6;color:var(--text-muted);font-size:14px;margin:4px 0 0}@media(max-width:760px){.page-header{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:18px}.page-title{font-size:25px}.page-subtitle{font-size:13px}}@media(max-width:480px){.page-title{font-size:22px}}.playlist-hero{align-items:flex-start;display:flex;gap:28px;margin-bottom:24px}.playlist-hero__info{display:flex;flex:1 1;flex-direction:column;gap:12px;min-width:0}.playlist-cover-image{aspect-ratio:1/1;border-radius:9px;border-radius:var(--radius-sm);box-shadow:0 10px 30px #00000073;box-shadow:var(--shadow);display:block;object-fit:cover;width:100%}.playlist-save-error{color:#ef4b52;color:var(--danger);font-size:14px;margin:0}.playlist-savebar{align-items:center;animation:playlist-savebar-in .2s ease;background:#2c2c38;background:var(--surface-strong);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:500px;border-radius:var(--radius-pill);bottom:24px;box-shadow:0 10px 30px #00000073;box-shadow:var(--shadow);display:flex;gap:24px;left:50%;max-width:min(680px,100vw - 48px);padding:12px 12px 12px 22px;position:fixed;transform:translateX(-50%);width:max-content;z-index:40}.playlist-savebar__info{display:flex;flex-direction:column;gap:2px;min-width:0}.playlist-savebar__label{color:#f3f3f5;color:var(--text);font-size:14px;font-weight:700;white-space:nowrap}.playlist-savebar__detail{color:#9a9aa6;color:var(--text-muted);font-size:12.5px}.playlist-savebar__error{color:#ef4b52;color:var(--danger);font-size:12.5px}.playlist-savebar__actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.playlist-savebar__actions .btn{font-size:14px;font-weight:700;justify-content:center;padding:10px 20px}.playlist-savebar__actions .btn:disabled{cursor:not-allowed;opacity:.6}.playlist-view.has-savebar{padding-bottom:96px}@keyframes playlist-savebar-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.playlist-danger{align-items:center;border:1px solid #ffffff14;border-left:3px solid #ef4b52;border:1px solid var(--border);border-left:3px solid var(--danger);border-radius:14px;border-radius:var(--radius);display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-top:40px;padding:18px 22px}.playlist-danger__text{min-width:0}.playlist-danger__title{color:#f3f3f5;color:var(--text);font-size:15px;font-weight:700;margin:0 0 4px}.playlist-danger__note{color:#9a9aa6;color:var(--text-muted);font-size:13.5px;line-height:1.45;margin:0;max-width:62ch}.playlist-danger .btn{flex-shrink:0}.playlist-danger .btn:disabled{cursor:not-allowed;opacity:.6}.cover-edit{background:none;border:none;cursor:pointer;display:block;flex-shrink:0;padding:0;position:relative;width:260px}.cover-edit,.cover-edit__overlay{border-radius:9px;border-radius:var(--radius-sm)}.cover-edit__overlay{align-items:center;background:#0000008c;color:#fff;display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:6px;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .15s ease}.cover-edit:focus-visible .cover-edit__overlay,.cover-edit:hover .cover-edit__overlay{opacity:1}.name-row{align-items:center;display:flex;gap:8px}.playlist-hero__info h2{font-size:32px;font-weight:800;letter-spacing:-.02em;margin:0}.icon-btn{align-items:center;background:#0000;border:none;border-radius:500px;border-radius:var(--radius-pill);color:#9a9aa6;color:var(--text-muted);cursor:pointer;display:inline-flex;flex-shrink:0;height:32px;justify-content:center;transition:background .15s ease,color .15s ease;width:32px}.icon-btn:hover{background:#20202a;background:var(--surface-hover);color:#f3f3f5;color:var(--text)}.name-edit{max-width:480px;position:relative}.name-edit-input{background:#0c0c10;background:var(--bg);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:9px;border-radius:var(--radius-sm);color:#f3f3f5;color:var(--text);font-size:26px;font-weight:800;letter-spacing:-.02em;outline:none;padding:6px 44px 6px 10px;width:100%}.name-edit-input:focus{border-color:#1ed98b;border-color:var(--accent)}.name-edit__done{background:#1ed98b;background:var(--accent);border:none;border-radius:500px;border-radius:var(--radius-pill);color:#04130c;color:var(--accent-contrast);cursor:pointer;display:grid;height:32px;place-items:center;position:absolute;right:6px;top:50%;transform:translateY(-50%);transition:background .15s ease;width:32px}.name-edit__done:hover{background:#2cefa0;background:var(--accent-hover)}.playlist-hero__info .playlist-description{color:#9a9aa6;color:var(--text-muted);font-size:14px;margin:0}.playlist-hero__info .playlist-count{color:#1ed98b;color:var(--accent);font-size:17px;font-weight:700;letter-spacing:-.01em;margin:0}.playlist-hero__info .playlist-taste{margin-bottom:0;margin-top:4px}.playlist-taste{background:#16161d;background:var(--surface);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius);margin-bottom:24px;padding:14px 16px}.playlist-taste--empty{color:#9a9aa6;color:var(--text-muted);font-style:italic}.playlist-taste--empty p{margin:0}.playlist-taste__head{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;gap:12px;margin-bottom:12px;padding:0;text-align:left;width:100%}.playlist-taste.is-collapsed .playlist-taste__head{margin-bottom:0}.playlist-taste__title{font-size:18px;font-weight:800;letter-spacing:-.01em;margin:0}.playlist-taste__coverage{color:#9a9aa6;color:var(--text-muted);font-size:12px;margin-left:auto}.playlist-taste__chevron{color:#9a9aa6;color:var(--text-muted);flex-shrink:0;transition:transform .18s ease}.playlist-taste.is-collapsed .playlist-taste__chevron{transform:rotate(-90deg)}.playlist-taste__head:hover .playlist-taste__chevron{color:#f3f3f5;color:var(--text)}.playlist-taste__body{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.taste-subhead{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:14px}.taste-subhead h4{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.taste-empty,.taste-subhead h4{color:#9a9aa6;color:var(--text-muted);margin:0}.taste-empty{font-size:13px}.chart-toggle{background:#20202a;background:var(--surface-hover);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:500px;border-radius:var(--radius-pill);display:inline-flex;gap:2px;padding:3px}.chart-toggle__btn{align-items:center;background:#0000;border:none;border-radius:500px;border-radius:var(--radius-pill);color:#9a9aa6;color:var(--text-muted);cursor:pointer;display:inline-flex;height:24px;justify-content:center;transition:background .15s ease,color .15s ease;width:30px}.chart-toggle__btn:hover{color:#f3f3f5;color:var(--text)}.chart-toggle__btn.is-active{background:#1ed98b;background:var(--accent);color:#04130c;color:var(--accent-contrast)}.bar-list{display:flex;flex-direction:column;gap:9px;list-style:none;margin:0;max-height:340px;overflow-y:auto;padding:0}.bar-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:132px 1fr 42px}.bar-row__label{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-row__track{background:#20202a;background:var(--surface-hover);border-radius:500px;border-radius:var(--radius-pill);height:8px;overflow:hidden}.bar-row__fill{background:#1ed98b;background:var(--accent);border-radius:inherit;display:block;height:100%}.bar-row__value{color:#9a9aa6;color:var(--text-muted);font-size:12px;text-align:right}.taste-highlights{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.radar{align-items:center;display:flex;flex-direction:column}.radar__svg{height:auto;max-width:320px;overflow:visible;width:100%}.radar__ring{fill:none}.radar__ring,.radar__spoke{stroke:#ffffff14;stroke:var(--border);stroke-width:1}.radar__area{fill:#1ed98b;fill:var(--accent);fill-opacity:.16;stroke:#1ed98b;stroke:var(--accent);stroke-width:2;stroke-linejoin:round}.radar__dot{fill:#1ed98b;fill:var(--accent);transition:r .12s ease}.radar__dot.is-active{stroke:#16161d;stroke:var(--surface);stroke-width:2}.radar__label{fill:#9a9aa6;fill:var(--text-muted);font-size:10px;font-weight:600}.radar__caption{color:#9a9aa6;color:var(--text-muted);font-size:13px;margin:6px 0 0;min-height:18px}.radar__caption-name{color:#f3f3f5;color:var(--text);font-weight:600}.radar__caption-value{color:#1ed98b;color:var(--accent);font-weight:700;margin-left:6px}.radar__caption-hint{font-style:italic;opacity:.7}.playlist-tracks__title{font-size:18px;font-weight:800;letter-spacing:-.01em;margin:0 0 14px}.track-list-container{min-width:0}.playlist-tracks__pending{color:#1ed98b;color:var(--accent);font-size:14px;font-weight:600}@media(max-width:760px){.playlist-view{display:flex;flex-direction:column}.playlist-hero{order:1}.add-tab{order:2}.playlist-tracks{order:3}.playlist-danger{order:4}.cover-edit{margin-inline:auto}.playlist-hero__info>.name-row{justify-content:center}.playlist-hero__info>.name-row:before{content:"";flex:none;width:32px}.playlist-hero__info>.name-row h2{min-width:0}.playlist-hero__info .playlist-count,.playlist-hero__info .playlist-description,.playlist-hero__info h2{text-align:center}.playlist-hero{align-items:stretch;flex-direction:column;gap:18px}.cover-edit{max-width:280px;width:100%}.playlist-hero__info h2{font-size:26px}.playlist-hero__info .playlist-count{font-size:16px}.name-edit{max-width:none}.name-edit-input{font-size:20px;padding-right:42px}.playlist-taste__body{gap:24px;grid-template-columns:1fr}.playlist-taste{padding:12px 13px}.playlist-taste__title{font-size:16px}.bar-row{gap:8px;grid-template-columns:minmax(0,96px) 1fr 34px}.bar-row__label{font-size:12px}.bar-list{max-height:280px}.radar__svg{max-width:280px}.playlist-danger{align-items:stretch;flex-direction:column;gap:14px;margin-top:28px;padding:16px}.playlist-danger .btn{justify-content:center;width:100%}.playlist-savebar{align-items:stretch;border-radius:14px;border-radius:var(--radius);bottom:16px;bottom:calc(16px + env(safe-area-inset-bottom, 0px));flex-direction:column;gap:12px;left:16px;max-width:none;padding:14px 16px;right:16px;transform:none;width:auto}.playlist-savebar__label{white-space:normal}.playlist-savebar__actions .btn{flex:1 1}.playlist-view.has-savebar{padding-bottom:calc(140px + env(safe-area-inset-bottom, 0px))}@keyframes playlist-savebar-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}@media(max-width:480px){.cover-edit{max-width:190px}.playlist-hero__info h2{font-size:22px}.playlist-tracks__title{font-size:16px}.bar-row{gap:7px;grid-template-columns:minmax(0,84px) 1fr 30px}.bar-list{max-height:240px}.playlist-danger__note{font-size:13px}}@media(hover:none){.cover-edit__overlay{background:#0000009e;border-radius:0 0 9px 9px;border-radius:0 0 var(--radius-sm) var(--radius-sm);flex-direction:row;gap:8px;inset:auto 0 0 0;opacity:1;padding:9px 10px}.cover-edit__overlay svg{height:16px;width:16px}.icon-btn{height:44px;height:var(--tap);width:44px;width:var(--tap)}.chart-toggle__btn{height:32px;width:38px}}.about-view{margin:0 auto;max-width:820px}.about-hero{margin-bottom:40px}.about-lede{color:#9a9aa6;color:var(--text-muted);font-size:17px;line-height:1.6;margin:12px 0 0;max-width:60ch}.about-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.about-contact{background:#20202a;background:var(--card-bg);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius);box-shadow:0 2px 2px #0006;box-shadow:var(--card-shadow);padding:20px 22px}.about-contact .about-heading{border-bottom:none;margin-bottom:8px;padding-bottom:0}.about-section{margin-bottom:40px}.about-section p{color:#9a9aa6;color:var(--text-muted);font-size:15px;line-height:1.75;margin:0 0 14px;max-width:66ch}.about-section p:last-child{margin-bottom:0}.about-section em{color:#f3f3f5;color:var(--text);font-style:italic}.about-heading{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);font-size:20px;font-weight:700;letter-spacing:-.01em;margin:0 0 14px;padding-bottom:10px}.about-steps{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.about-step{align-items:flex-start;background:#20202a;background:var(--card-bg);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius);box-shadow:0 2px 2px #0006;box-shadow:var(--card-shadow);display:flex;gap:16px;padding:16px 18px}.about-step__num{background:#1ed98b;background:var(--accent);border-radius:500px;border-radius:var(--radius-pill);color:#04130c;color:var(--accent-contrast);display:grid;flex:none;font-size:14px;font-weight:700;height:28px;place-items:center;width:28px}.about-step__title{font-size:15px;font-weight:700;margin:3px 0 6px}.about-step__body{color:#9a9aa6;color:var(--text-muted);font-size:14px;line-height:1.65;margin:0}.about-footer{display:flex;justify-content:center;padding-top:8px}@media(max-width:760px){.about-hero{margin-bottom:28px}.about-lede{font-size:16px}.about-section{margin-bottom:28px}.about-section p{font-size:14.5px;line-height:1.7}.about-heading{font-size:18px}.about-step{gap:12px;padding:14px 15px}.about-contact{padding:16px 15px}.about-links{align-items:stretch;flex-direction:column;gap:10px}.about-footer .btn,.about-links .btn{justify-content:center}.about-footer .btn{width:100%}}
/*# sourceMappingURL=main.6d95d9ef.css.map*/