: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}*,: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;padding:88px 32px 32px;padding:calc(var(--nav-height) + 24px) 32px 32px;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)}}.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;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)}.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}.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}}.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}.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)}.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}.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)}.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__actions{flex-direction:column-reverse}.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:10px;padding:16px 9px;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:13px}.add-tab__label{font-size:13px;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:11px;font-variant-numeric:tabular-nums;font-weight:800;min-width:20px;padding:1px 6px}.add-sidebar__scrim{animation:add-sidebar-fade .15s ease;background:#00000059;inset:0;position:fixed;z-index:60}.add-sidebar{animation:add-sidebar-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);z-index:61}.add-sidebar__resizer{cursor:col-resize;height:100%;left:0;position:absolute;top:0;transition:background .15s ease;width:7px;z-index:2}.add-sidebar__resizer:active,.add-sidebar__resizer:hover{background:#1ed98b;background:var(--accent)}@keyframes add-sidebar-slide{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes add-sidebar-fade{0%{opacity:0}to{opacity:1}}.add-sidebar__head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;padding:18px 18px 12px}.add-sidebar__eyebrow{color:#9a9aa6;color:var(--text-muted);font-size:12px;letter-spacing:.06em;margin:0 0 2px;text-transform:uppercase}.add-sidebar__title{color:#f3f3f5;color:var(--text);font-size:20px;font-weight:800;letter-spacing:-.01em;margin:0}.add-sidebar__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}.add-sidebar__close:hover{background:#20202a;background:var(--surface-hover);color:#f3f3f5;color:var(--text)}.add-sidebar__search{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);padding:0 18px 10px}.add-sidebar__search .liked-search,.add-sidebar__search .liked-search__input{width:100%}.add-sidebar__count-line{font-feature-settings:"tnum";color:#9a9aa6;color:var(--text-muted);font-size:12px;font-variant-numeric:tabular-nums;margin:6px 2px 0}.add-sidebar__body{display:flex;flex:1 1;flex-direction:column;min-height:0}.add-sidebar__list{flex:1 1;min-height:0;overflow-y:auto;padding:8px 10px}.add-sidebar__similar{border-top:1px solid #ffffff14;border-top:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;max-height:95%;position:relative}.add-sidebar__similar-resizer{cursor:row-resize;flex-shrink:0;height:10px;margin-top:-1px;transition:background .15s ease}.add-sidebar__similar-resizer:active,.add-sidebar__similar-resizer:hover{background:#1ed98b;background:var(--accent)}.add-sidebar__similar-list{flex:1 1;min-height:0;overflow-y:auto;padding:0 10px 8px}.add-sidebar__subhead{align-items:flex-end;display:flex;gap:12px;justify-content:space-between;padding:4px 8px 10px}.add-sidebar__subtitle{color:#f3f3f5;color:var(--text);font-size:16px;font-weight:700;margin:0}.add-sidebar__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}.add-sidebar__recalc:hover:not(:disabled){background:#2c2c38;background:var(--btn-bg-hover)}.add-sidebar__recalc:disabled{cursor:default;opacity:.6}.add-sidebar__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)}.add-sidebar__more:hover:not(:disabled){background:#2c2c38;background:var(--btn-bg-hover)}.add-sidebar__more:disabled{cursor:default;opacity:.6}.add-sidebar__note{color:#9a9aa6;color:var(--text-muted);font-size:14px;padding:20px 12px;text-align:center}.add-sidebar__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}.add-sidebar__count{font-feature-settings:"tnum";color:#9a9aa6;color:var(--text-muted);font-size:13px;font-variant-numeric:tabular-nums}.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)}.page-view.home{height:100vh;overflow:hidden;padding-bottom:24px;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}.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}.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-hero{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}.playlist-taste__body{gap:24px;grid-template-columns:1fr}.playlist-savebar{align-items:stretch;border-radius:14px;border-radius:var(--radius);bottom:16px;flex-direction:column;gap:12px;left:16px;max-width:none;padding:14px 16px;right:16px;transform:none;width:auto}.playlist-savebar__actions .btn{flex:1 1}.playlist-view.has-savebar{padding-bottom:132px}@keyframes playlist-savebar-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.playlist-danger .btn{width:100%}}.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}
/*# sourceMappingURL=main.38cf04b8.css.map*/