:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#090a0d;--panel:#0f1116;--panel-2:#14171d;--panel-3:#1a1e26;--line:#ffffff13;--line-strong:#ffffff21;--text:#f4f5f7;--muted:#9297a4;--muted-2:#858b98;--acid:#d9ff63;--acid-dark:#9dbc32;--violet:#9f7aea;--cyan:#57d3ff;--coral:#ff6e78;--amber:#ffbf5f;--app-width:1400px;--sidebar-width:232px;--player-height:92px;--type-micro:.75rem;--type-caption:.8125rem;--type-label:.875rem;--type-body:.9375rem;--type-control:1rem;--type-input:1.0625rem;--radius-sm:10px;--radius:16px;--radius-lg:22px;--shadow:0 24px 80px #00000073;font-family:Inter,Manrope,Segoe UI,system-ui,-apple-system,sans-serif}.social-feed-page,.friends-page{width:min(760px,100%);margin:0 auto 72px}.social-composer,.social-card,.friends-section,.friends-search{background:#121418d6;border:1px solid #ffffff17;border-radius:20px}.social-composer{margin-bottom:16px;padding:18px}.social-composer__identity{align-items:flex-start;gap:13px;display:flex}.social-avatar{color:#111;background:linear-gradient(145deg,#d9ff5a,#83d42f);border-radius:50%;flex:0 0 42px;place-items:center;width:42px;height:42px;font-weight:900;text-decoration:none;display:grid}.social-composer textarea{resize:vertical;width:100%;min-height:88px;color:var(--text);font:inherit;background:0 0;border:0;outline:0;font-size:17px;line-height:1.5}.social-composer__chips{flex-wrap:wrap;gap:7px;margin:10px 0 0 55px;display:flex}.social-composer__chips button{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--muted);background:#d9ff5a14;border:1px solid #d9ff5a3d;border-radius:999px;padding:6px 10px;overflow:hidden}.social-composer__url,.social-composer__poll{gap:8px;margin:12px 0 0 55px;display:grid}.social-composer__url{grid-template-columns:1fr auto}.social-composer__url input,.social-composer__poll input,.friends-search input{color:var(--text);font:inherit;background:#ffffff0e;border:1px solid #ffffff1a;border-radius:11px;outline:0;padding:11px 13px}.social-composer__url button,.social-composer__poll button{color:var(--text);background:#ffffff14;border:0;border-radius:10px;padding:0 13px}.social-composer__footer{border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:12px;margin:14px 0 0 55px;padding-top:13px;display:flex}.social-composer__footer>div,.social-composer__footer>span{align-items:center;gap:5px;display:flex}.social-composer__footer>div button,.social-composer__footer select,.social-visibility{min-width:36px;height:36px;color:var(--muted);background:0 0;border:0;border-radius:10px;padding:0 8px}.social-composer__footer>div button:hover,.social-composer__footer>div button.is-active,.social-composer__footer select:hover{color:var(--acid);background:#d9ff5a1a}.social-composer__footer select{max-width:105px}.social-composer__footer select option{background:#17191d}.social-visibility{white-space:nowrap;align-items:center;gap:6px;display:flex;width:auto!important}.social-feed-tabs{border-bottom:1px solid #ffffff17;grid-template-columns:1fr 1fr;margin-bottom:12px;display:grid}.social-feed-tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:13px;font-weight:700}.social-feed-tabs button.is-active{color:var(--text);border-color:var(--acid)}.social-feed-list{gap:12px;display:grid}.social-card{padding:17px 18px}.social-card__header{align-items:center;gap:11px;display:flex}.social-card__header>span{flex:1;min-width:0;display:grid}.social-card__header a{color:inherit;text-decoration:none}.social-card__header small{color:var(--muted);margin-top:2px}.social-card__header>em{color:var(--muted);display:flex}.social-card__reason{color:#9eaa8e;align-items:center;gap:5px;margin:10px 0 0 54px;font-size:12px;display:flex}.social-card__text{white-space:pre-wrap;overflow-wrap:anywhere;margin:13px 0 0 54px;font-size:16px;line-height:1.55}.social-card__text a{color:#b9df52}.social-card__attachments{gap:9px;margin:13px 0 0 54px;display:grid}.social-card__image,.social-card__video{object-fit:cover;background:#090a0c;border:1px solid #ffffff14;border-radius:16px;width:100%;max-height:540px;display:block}.social-card__link,.social-card__music{width:100%;min-width:0;color:var(--text);text-align:left;background:#ffffff09;border:1px solid #ffffff17;border-radius:14px;align-items:center;gap:12px;padding:11px;text-decoration:none;display:flex}.social-card__link>span,.social-card__music>span{flex:1;gap:2px;min-width:0;display:grid}.social-card__link strong,.social-card__link small,.social-card__music strong,.social-card__music em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.social-card__link small,.social-card__music small,.social-card__music em{color:var(--muted);font-size:12px;font-style:normal}.social-card__link img{object-fit:cover;border-radius:9px;width:70px;height:54px}.social-card__music-cover{border-radius:10px;width:50px;height:50px;overflow:hidden}.social-poll{gap:7px;margin:14px 0 0 54px;display:grid}.social-poll>strong{margin-bottom:3px}.social-poll>button{color:var(--text);background:#ffffff09;border:1px solid #ffffff1a;border-radius:11px;justify-content:space-between;padding:10px 12px;display:flex;position:relative;overflow:hidden}.social-poll>button>span{background:#d9ff5a1a;position:absolute;inset:0 auto 0 0}.social-poll>button.is-selected{border-color:#d9ff5a80}.social-poll em,.social-poll button small{font-style:normal;position:relative}.social-poll>small{color:var(--muted)}.social-card__actions{border-top:1px solid #ffffff0f;margin:13px 0 0 54px;padding-top:9px}.social-card__actions button{color:var(--muted);background:0 0;border:0;border-radius:9px;align-items:center;gap:6px;padding:7px 10px;display:flex}.social-card__actions button.is-active{color:#ef6e83;background:#ef6e8314}.social-feed-state,.friends-empty{min-height:180px;color:var(--muted);text-align:center;place-items:center;gap:8px;display:grid}.friends-search{align-items:center;gap:8px;margin-bottom:16px;padding:10px 13px;display:flex}.friends-search input{background:0 0;border:0;flex:1}.friends-section{margin-bottom:14px;padding:17px}.friends-section h2{align-items:center;gap:8px;margin:0 0 12px;font-size:18px;display:flex}.friends-section h2 span{color:var(--acid);font-size:13px}.friend-row{border-top:1px solid #ffffff0f;align-items:center;gap:11px;padding:10px 0;display:flex}.friend-row:first-of-type{border-top:0}.friend-row>a:nth-child(2){min-width:0;color:var(--text);flex:1;text-decoration:none;display:grid}.friend-row small{color:var(--muted)}.public-profile-friend{width:max-content;margin-top:14px}.public-profile-wall{max-width:760px}.public-profile-wall .social-card{background:#121418d6}.social-feed-page,.friends-page{width:100%;margin:0 0 72px}.social-card__actions{gap:6px;display:flex}.social-comments{border-top:1px solid #ffffff0f;gap:14px;margin:4px 0 0 54px;padding-top:13px;display:grid}.comment-composer{background:#ffffff06;border:1px solid #ffffff17;border-radius:13px;gap:8px;padding:10px;display:grid}.comment-composer textarea{resize:vertical;width:100%;min-height:68px;color:var(--text);font:inherit;background:0 0;border:0;outline:0;line-height:1.45}.comment-composer>span{justify-content:flex-end;gap:7px;display:flex}.comment-composer button,.comment-node footer button,.comment-branch-toggle{color:var(--muted);background:0 0;border:0;border-radius:8px;align-items:center;gap:5px;padding:6px 8px;display:inline-flex}.comment-composer button:hover,.comment-node footer button:hover,.comment-branch-toggle:hover{color:var(--text);background:#ffffff0e}.comment-composer .comment-composer__send{background:var(--acid);color:#111;font-weight:800}.comment-composer .comment-composer__send:disabled{opacity:.45}.comment-composer>.form-error{margin:0}.social-comments__tree{gap:14px;display:grid}.comment-node{min-width:0}.comment-node__line{align-items:flex-start;gap:9px;display:flex}.comment-avatar{color:#111;background:linear-gradient(145deg,#d9ff5a,#83d42f);border-radius:50%;flex:0 0 32px;place-items:center;width:32px;height:32px;font-size:12px;font-weight:900;text-decoration:none;display:grid}.comment-node__content{flex:1;min-width:0}.comment-node__content header{align-items:baseline;gap:7px;min-width:0;display:flex}.comment-node__content header a{min-width:0;color:var(--text);text-decoration:none}.comment-node__content header strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.comment-node__content header small{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11px;overflow:hidden}.comment-node__content p{white-space:pre-wrap;overflow-wrap:anywhere;color:#e8eadd;margin:4px 0 0;font-size:14px;line-height:1.45}.comment-node__content footer{gap:3px;margin:2px 0 0;display:flex}.comment-node__content footer button{padding:4px 6px;font-size:11px}.comment-node__branch{margin:3px 0 0 41px}.comment-branch-toggle{color:#aebb94;padding:5px 7px;font-size:12px}.comment-node__children{border-left:1px solid #d9ff5a29;gap:13px;margin:4px 0 0 7px;padding:7px 0 0 13px;display:grid}.comment-node>.comment-composer{margin:7px 0 3px 41px}.comment-node.is-deleted .comment-avatar{filter:grayscale();opacity:.5}.comment-node.is-deleted .comment-node__content p{color:var(--muted);font-style:italic}.social-comments__state{min-height:54px;color:var(--muted);justify-content:center;align-items:center;gap:7px;font-size:13px;display:flex}@media (width<=700px){.social-composer,.social-card,.friends-section,.friends-search{border-radius:15px}.social-composer{padding:14px}.social-composer__identity{gap:10px}.social-composer__chips,.social-composer__url,.social-composer__poll,.social-composer__footer,.social-card__reason,.social-card__text,.social-card__attachments,.social-poll,.social-card__actions{margin-left:0}.social-composer__footer{flex-direction:column;align-items:flex-start}.social-composer__footer>div{width:100%;overflow-x:auto}.social-composer__footer>span{justify-content:space-between;width:100%}.social-card{padding:15px}.social-card__reason{margin-top:9px}.friend-row .secondary-button{padding:9px;font-size:0}.friend-row .secondary-button svg{margin:0}.mobile-nav{overflow-x:auto}.mobile-nav button{min-width:64px}.social-comments{margin-left:0}.comment-node__branch{margin-left:34px}.comment-node__children{margin-left:2px;padding-left:8px}.comment-node>.comment-composer{margin-left:34px}.comment-node__content header{gap:1px;display:grid}.comment-node__content header small{white-space:normal}}*{box-sizing:border-box}html,body,#app{width:100%;height:100%}body{background:var(--bg);color:var(--text);margin:0;overflow:hidden}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--acid);outline-offset:2px}button:disabled{opacity:.45;cursor:not-allowed}.artist-links{min-width:0;color:var(--muted);font-size:var(--type-caption);text-overflow:ellipsis;white-space:nowrap;line-height:1.25;display:block;overflow:hidden}.artist-links a{color:inherit;text-decoration:none;transition:color .14s}.artist-links a:hover,.artist-links a:focus-visible{color:var(--acid);text-underline-offset:2px;outline:none;text-decoration:underline}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff21 padding-box padding-box;border:3px solid #0000;border-radius:10px}.app-shell{width:min(100%, var(--app-width));grid-template-columns:var(--sidebar-width) minmax(0, 1fr);grid-template-rows:minmax(0, 1fr) var(--player-height);background:radial-gradient(circle at 72% -15%, #59438b2e, transparent 35%), var(--bg);border-inline:1px solid #ffffff0b;height:100dvh;margin:0 auto;transition:grid-template-columns .22s;display:grid;box-shadow:0 0 90px #0003}.app-shell--compact{--sidebar-width:78px}.main-view{grid-area:1/2;min-width:0;overflow:auto}.icon-button{width:38px;height:38px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:11px;place-items:center;padding:0;transition:color .16s,background .16s,transform .16s;display:inline-grid}.icon-button:hover{color:var(--text);background:#fff1}.icon-button:active{transform:scale(.94)}.icon-button.is-active{color:var(--acid)}.is-liked{color:var(--coral)!important}.primary-button,.secondary-button,.connect-button{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 18px;font-weight:750;transition:transform .16s,background .16s,border-color .16s;display:inline-flex}.primary-button{background:var(--acid);color:#11140a}.primary-button:hover{background:#e5ff94;transform:translateY(-1px)}.secondary-button{border-color:var(--line);color:var(--text);background:#ffffff12}.secondary-button:hover{border-color:var(--line-strong);background:#ffffff1c}.share-button--labeled{border:1px solid var(--line);min-height:44px;color:var(--muted);cursor:pointer;background:#ffffff09;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 15px;font-weight:720;display:inline-flex}.share-button--labeled:hover{color:var(--acid);background:#d9ff630f;border-color:#d9ff6340}.share-button--labeled span{white-space:nowrap}.share-button__feedback{z-index:120;left:50%;bottom:calc(var(--player-height) + 18px);min-height:42px;box-shadow:var(--shadow);color:var(--acid);font-size:var(--type-label);white-space:nowrap;pointer-events:none;background:#171b16;border:1px solid #d9ff634d;border-radius:11px;align-items:center;padding:0 15px;font-weight:750;animation:.2s notice-in;display:inline-flex;position:fixed;transform:translate(-50%)}.share-button__feedback--error{color:var(--coral);background:#211619;border-color:#ff717d59}.eyebrow{color:var(--muted);font-size:var(--type-caption);letter-spacing:.16em;align-items:center;gap:6px;font-weight:800;line-height:1;display:inline-flex}.sidebar{border-right:1px solid var(--line);z-index:12;background:#0a0b0ff0;flex-direction:column;grid-area:1/1/3;min-width:0;padding:22px 14px 0;display:flex;position:relative;overflow:hidden}.brand{white-space:nowrap;align-items:center;gap:11px;height:46px;padding:0 9px;display:flex}.brand__mark{background:var(--acid);color:#0d1008;letter-spacing:-.08em;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:18px;font-weight:950;display:grid}.brand__word{align-items:baseline;gap:5px;display:flex}.brand__word strong{letter-spacing:.08em;font-size:16px}.brand__word small{color:var(--acid);font-size:var(--type-micro);letter-spacing:.18em;font-weight:850}.sidebar__brand{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0}.sidebar__brand:hover .brand__word{color:var(--acid)}.sidebar__nav{gap:3px;margin-top:26px;display:grid}.sidebar__nav button,.sidebar__section>button{width:100%;height:46px;color:var(--muted);font-size:var(--type-control);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;padding:0 12px;font-weight:650;transition:all .16s;display:flex}.sidebar__nav button:hover,.sidebar__section>button:hover{color:var(--text);background:#ffffff0b}.sidebar__nav button.is-active,.sidebar__section>button.is-active{color:var(--text);background:#ffffff13}.sidebar__nav button.is-active svg,.sidebar__section>button.is-active svg{color:var(--acid)}.sidebar__session{height:46px;color:var(--acid);font-size:var(--type-body);white-space:nowrap;cursor:pointer;background:#d9ff6314;border:1px solid #d9ff6342;border-radius:11px;justify-content:center;align-items:center;gap:9px;margin:18px 2px 12px;padding:0 12px;font-weight:760;display:flex}.sidebar__session:hover{background:#d9ff6321}.sidebar__section{margin-top:13px}.sidebar__section>p{color:var(--muted-2);font-size:var(--type-caption);text-transform:uppercase;letter-spacing:.13em;white-space:nowrap;margin:0 10px 8px;font-weight:800}.sidebar__playlist-heading{align-items:center;gap:4px;height:34px;padding:0 5px 0 10px;display:flex}.sidebar__section-title{min-width:0;color:var(--muted-2);font-size:var(--type-caption);text-transform:uppercase;letter-spacing:.13em;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-weight:800;display:flex}.sidebar__section-title:hover{color:var(--text)}.sidebar__section-title span{text-overflow:ellipsis;overflow:hidden}.sidebar__section-title svg{flex:none;margin:0}.sidebar__playlist-create{width:27px;height:27px;color:var(--acid);cursor:pointer;background:0 0;border:0;border-radius:7px;flex:0 0 27px;place-items:center;margin-left:auto;padding:0;font-size:20px;font-weight:500;line-height:1;display:grid}.sidebar__playlist-create:hover{background:#d9ff631a}.sidebar__playlists{flex:1;min-height:0;overflow:auto}.sidebar__playlist{text-align:left;width:100%;height:auto!important;min-height:56px!important;padding:5px 7px!important}.sidebar__cover{border-radius:8px;flex:none;width:42px;height:42px}.sidebar__playlist>span{gap:3px;min-width:0;display:grid}.sidebar__playlist strong{text-overflow:ellipsis;font-size:var(--type-body);color:#ced1d7;overflow:hidden}.sidebar__playlist small{color:var(--muted-2);font-size:var(--type-caption)}.sidebar__footer{height:var(--player-height);flex:0 0 var(--player-height);border-top:1px solid var(--line);justify-content:flex-end;align-items:center;margin:0 -14px;padding:0 14px;display:flex}.sidebar--collapsed .brand__word,.sidebar--collapsed button span,.sidebar--collapsed .sidebar__section>p,.sidebar--collapsed .sidebar__section-title,.sidebar--collapsed .sidebar__playlists{display:none}.sidebar--collapsed .brand{justify-content:center;padding:0}.sidebar--collapsed .sidebar__nav{gap:6px;margin-top:22px}.sidebar--collapsed .sidebar__nav button,.sidebar--collapsed .sidebar__section>button{border-radius:13px;justify-content:center;gap:0;padding:0}.sidebar--collapsed .sidebar__session{border-radius:13px;width:46px;margin:18px auto 10px;padding:0}.sidebar--collapsed .sidebar__section:not(.sidebar__playlists){border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.sidebar--collapsed .sidebar__footer{justify-content:center}.topbar{z-index:10;-webkit-backdrop-filter:blur(24px)saturate(150%);backdrop-filter:blur(24px)saturate(150%);background:#090a0dc7;border-bottom:1px solid #ffffff09;grid-template-columns:90px 1fr;align-items:center;gap:18px;height:72px;padding:0 30px;display:grid;position:sticky;top:0}.topbar__history{gap:4px;display:flex}.topbar__history .icon-button{background:#ffffff09}.topbar__search{border:1px solid var(--line);width:44px;height:44px;color:var(--muted);cursor:pointer;background:#ffffff0b;border-radius:12px;place-items:center;padding:0;transition:color .16s,background .16s,border-color .16s,transform .16s;display:grid}.topbar__search:hover{color:var(--text);background:#d9ff6312;border-color:#d9ff634d;transform:translateY(-1px)}.topbar__search.is-active{color:var(--acid);background:#d9ff631f;border-color:#d9ff636b}kbd{border:1px solid var(--line-strong);min-width:24px;height:22px;color:var(--muted);font-size:var(--type-micro);background:#0003;border-radius:6px;justify-content:center;align-items:center;gap:3px;padding:0 6px;display:inline-flex;box-shadow:inset 0 -1px #ffffff0a}.topbar__actions{justify-self:end;align-items:center;gap:8px;display:flex}.connect-button{height:40px;min-height:40px;color:var(--acid);font-size:var(--type-label);background:#d9ff6314;border-color:#d9ff6338;padding:0 14px}.connect-button svg{flex:none;display:block}.connect-button:hover{background:#d9ff6321}.guest-login-button{background:var(--acid);color:#11140a;height:40px;font:inherit;font-size:var(--type-label);cursor:pointer;border:1px solid #d9ff6357;border-radius:11px;align-items:center;gap:8px;padding:0 16px;font-weight:800;transition:transform .16s,background .16s;display:inline-flex}.guest-login-button:hover{background:#e5ff94;transform:translateY(-1px)}.profile-chip{border:1px solid var(--line);background:#ffffff09;border-radius:13px;align-items:center;gap:9px;height:46px;padding:4px 4px 4px 7px;display:flex}.profile-chip__avatar{color:#d8c6ff;width:30px;height:30px;font-size:var(--type-caption);background:#2a2336;border-radius:9px;place-items:center;font-weight:800;display:grid;overflow:hidden}.profile-chip__avatar img{object-fit:cover;width:100%;height:100%;display:block}.profile-chip>span:nth-child(2){gap:1px;display:grid}.profile-chip strong{font-size:var(--type-label)}.profile-chip small{color:var(--muted);font-size:var(--type-micro);align-items:center;gap:3px;display:flex}.profile-chip small svg{color:var(--acid)}.profile-chip .icon-button{width:30px;height:30px}.profile-chip .icon-button+.icon-button{margin-left:-4px}.page-content{width:min(100%,1160px);margin:0 auto;padding:26px 38px 70px}.page-heading{justify-content:space-between;align-items:flex-start;min-height:112px;display:flex}.page-heading h1{letter-spacing:-.045em;margin:8px 0 5px;font-size:clamp(30px,3vw,45px);line-height:1.04}.page-heading p{color:var(--muted);font-size:var(--type-control);margin:0}.content-section{margin-top:42px}.content-section--first{margin-top:6px}.section-header{justify-content:space-between;align-items:flex-end;gap:16px;min-height:45px;margin-bottom:16px;display:flex}.section-header h2{letter-spacing:-.025em;margin:0;font-size:24px}.section-header p{color:var(--muted);font-size:var(--type-body);margin:5px 0 0}.section-header>button{color:var(--muted);font-size:var(--type-label);cursor:pointer;background:0 0;border:0;align-items:center;gap:2px;display:flex}.section-header>button:hover{color:var(--text)}.cover{isolation:isolate;background-position:50%;background-size:cover;position:relative;overflow:hidden}.cover:before,.cover:after{content:"";pointer-events:none;position:absolute}.cover:before{z-index:-2;background:linear-gradient(145deg, var(--cover-a), var(--cover-b));inset:0}.cover:after{aspect-ratio:1;z-index:-1;border:1px solid #ffffff3d;border-radius:45% 55% 62% 38%;width:82%;top:-22%;right:-28%;transform:rotate(25deg);box-shadow:inset 0 0 60px #ffffff1a}.cover__image{z-index:0;object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.cover--lime{--cover-a:#a7c63d;--cover-b:#1c332b}.cover--violet{--cover-a:#8a5fe4;--cover-b:#2b1e45}.cover--coral{--cover-a:#ff756c;--cover-b:#4c2731}.cover--blue{--cover-a:#3aa7d8;--cover-b:#172f4b}.cover--amber{--cover-a:#e6a33a;--cover-b:#49351d}.cover--mono{--cover-a:#757c8b;--cover-b:#20242d}.cover__orb{filter:blur(1px);background:#ffffff2b;border-radius:50%;width:44%;height:44%;position:absolute;bottom:13%;left:12%;box-shadow:24px -13px #0000001c}.cover__initials{letter-spacing:-.08em;color:#ffffffd6;font-size:clamp(13px,2.4vw,32px);font-weight:900;line-height:1;position:absolute;bottom:8%;left:10%}.cover__play{z-index:2;background:var(--acid);color:#11140a;opacity:0;cursor:pointer;border:0;border-radius:50%;place-items:center;width:42px;height:42px;transition:all .18s;display:grid;position:absolute;bottom:10px;right:10px;transform:translateY(6px);box-shadow:0 8px 28px #00000061}.cover:hover .cover__play,.cover__play:focus-visible{opacity:1;transform:translateY(0)}.hero-session{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(110deg, #1b1f18fa, #121419ed 55%, #1c1726f2), var(--panel);grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);min-height:330px;display:grid;position:relative;overflow:hidden}.hero-session:before{content:"";pointer-events:none;background:linear-gradient(90deg,#d9ff6308,#0000 35%);position:absolute;inset:0}.hero-session__copy{z-index:2;padding:44px 46px;position:relative}.hero-session__label{color:var(--acid);font-size:var(--type-caption);letter-spacing:.13em;align-items:center;gap:7px;font-weight:850;display:inline-flex}.hero-session h2{letter-spacing:-.05em;max-width:650px;margin:18px 0 14px;font-size:clamp(28px,3.2vw,48px);line-height:1.02}.hero-session h2 em{color:var(--acid);font-style:normal}.hero-session__copy>p{color:#a9aeaa;max-width:540px;font-size:var(--type-control);margin:0;line-height:1.65}.hero-session__actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.hero-session__actions .primary-button,.hero-session__actions .secondary-button{white-space:nowrap;flex:none}.hero-session__visual{justify-content:center;align-items:center;min-height:330px;padding:28px;display:flex;position:relative;overflow:hidden}.hero-session__visual:before{content:"";filter:blur(4px);background:radial-gradient(circle,#9f7aea38,#0000 68%);border-radius:50%;width:360px;height:360px;position:absolute}.hero-session__settings{z-index:1;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#080a0d8f;border:1px solid #ffffff1c;border-radius:18px;width:min(370px,100%);padding:20px;position:relative;box-shadow:0 24px 70px #0000003d}.hero-session__settings-label{color:var(--muted);font-size:var(--type-caption);letter-spacing:.12em;text-transform:uppercase;font-weight:800}.hero-session__setting-list{gap:8px;margin-top:14px;display:grid}.hero-session__setting-list article{background:#ffffff09;border:1px solid #ffffff12;border-radius:12px;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;min-height:58px;padding:10px 12px;display:grid}.hero-session__setting-list article>svg{color:var(--acid)}.hero-session__setting-list article>span{gap:3px;min-width:0;display:grid}.hero-session__setting-list strong{font-size:var(--type-body)}.hero-session__setting-list small{color:var(--muted);font-size:var(--type-caption)}.hero-session__settings>p{color:#bfc3cb;font-size:var(--type-caption);align-items:center;gap:8px;margin:14px 2px 0;display:flex}.hero-session__settings>p svg{color:var(--violet);flex:none}.recommendations-page{padding-top:5px}.recommendations-page__hero{border-radius:var(--radius-lg);background:radial-gradient(circle at 82% 28%,#9f7aea3d,#0000 28%),linear-gradient(125deg,#171d14f5,#13111df5);border:1px solid #9f7aea38;grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:36px;min-height:270px;padding:38px 42px;display:grid;overflow:hidden}.recommendations-page__hero h1{letter-spacing:-.055em;margin:15px 0 12px;font-size:clamp(38px,4.2vw,62px);line-height:.98}.recommendations-page__hero h1 em{color:var(--acid);font-style:normal}.recommendations-page__hero p{color:#acb0ba;max-width:720px;font-size:var(--type-control);margin:0;line-height:1.55}.recommendations-page__signal{text-align:center;background:#07090cab;border:1px solid #d9ff6333;border-radius:50%;flex-direction:column;justify-content:center;justify-self:end;align-items:center;width:190px;height:190px;display:flex;box-shadow:0 0 0 12px #d9ff6306,0 0 80px #9f7aea33}.recommendations-page__signal svg{color:var(--acid)}.recommendations-page__signal strong{color:var(--acid);margin-top:8px;font-size:38px;line-height:1}.recommendations-page__signal span{color:var(--muted);font-size:var(--type-caption);margin-top:7px;line-height:1.35}.recommendation-periods{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:18px;display:grid}.recommendation-periods button{border:1px solid var(--line);min-width:0;min-height:76px;color:var(--muted);text-align:left;cursor:pointer;background:#ffffff06;border-radius:13px;align-items:center;gap:11px;padding:12px 14px;transition:all .16s;display:flex}.recommendation-periods button:hover{border-color:var(--line-strong);color:var(--text);background:#ffffff0d}.recommendation-periods button.is-active{color:var(--acid);background:#d9ff6313;border-color:#d9ff634d}.recommendation-periods button>span{gap:4px;min-width:0;display:grid}.recommendation-periods strong,.recommendation-periods small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recommendation-periods strong{color:var(--text);font-size:var(--type-body)}.recommendation-periods small{color:var(--muted);font-size:var(--type-caption)}.recommendation-period-detail{margin-top:34px}.recommendation-period-detail>header{justify-content:space-between;align-items:flex-end;gap:24px;min-height:112px;margin-bottom:15px;display:flex}.recommendation-period-detail h2{letter-spacing:-.035em;margin:9px 0 5px;font-size:31px}.recommendation-period-detail p{color:var(--muted);font-size:var(--type-body);margin:0}.recommendation-period-detail header small{color:#b6a4d8;font-size:var(--type-caption);margin-top:8px;display:block}.recommendation-period-detail>header .primary-button{flex:none}.discovery-recommendations{border-radius:var(--radius-lg);background:radial-gradient(circle at 8% 0,#57d3ff1f,#0000 28%),linear-gradient(135deg,#0f1619f7,#101017fa);border:1px solid #57d3ff38;margin-top:38px;padding:22px}.discovery-recommendations>header{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:20px;min-height:105px;margin-bottom:16px;display:grid}.discovery-recommendations__intro{align-items:center;gap:15px;min-width:0;display:flex}.discovery-recommendations__mark{color:#57d3ff;background:#57d3ff17;border:1px solid #57d3ff47;border-radius:14px;flex:none;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 0 30px #57d3ff17}.discovery-recommendations h2{letter-spacing:-.035em;margin:7px 0 5px;font-size:30px}.discovery-recommendations p{max-width:690px;color:var(--muted);font-size:var(--type-body);margin:0;line-height:1.45}.discovery-recommendations__proof{cursor:help;background:#0003;border:1px solid #d9ff6329;border-radius:13px;grid-template-columns:auto 1fr;align-items:center;column-gap:9px;min-width:180px;padding:11px 14px;display:grid}.discovery-recommendations__proof strong{color:var(--acid);grid-row:1/3;font-size:30px;line-height:1}.discovery-recommendations__proof span{color:var(--text);font-size:var(--type-caption);font-weight:750;line-height:1.15}.discovery-recommendations__proof small{color:var(--muted);white-space:nowrap;grid-column:1/3;margin-top:7px;font-size:10px}.discovery-recommendations>header .primary-button{white-space:nowrap}.listening-top-page{padding-top:5px}.listening-top-page__hero{border-radius:var(--radius-lg);background:radial-gradient(circle at 82% 20%,#ffbf5f24,#0000 29%),linear-gradient(125deg,#1a1813f7,#13121cf7);border:1px solid #ffbf5f33;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);align-items:center;gap:38px;min-height:285px;padding:38px 42px;display:grid}.listening-top-page__hero h1{letter-spacing:-.055em;margin:15px 0 12px;font-size:clamp(38px,4.2vw,61px);line-height:.98}.listening-top-page__hero h1 em{color:var(--amber);font-style:normal}.listening-top-page__hero p{color:#acb0ba;max-width:700px;font-size:var(--type-control);margin:0;line-height:1.55}.listening-top-page__numbers{grid-template-columns:1fr 1fr;gap:9px;display:grid}.listening-top-page__numbers>span{border:1px solid var(--line);cursor:help;background:#0003;border-radius:14px;flex-direction:column;justify-content:flex-end;min-height:105px;padding:16px;display:flex}.listening-top-page__numbers>span:last-child{grid-column:1/3;min-height:82px}.listening-top-page__numbers strong{color:var(--amber);font-size:29px;line-height:1}.listening-top-page__numbers small{color:var(--muted);font-size:var(--type-caption);margin-top:7px}.listening-top-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:18px 0 34px;display:grid}.listening-top-tabs button{border:1px solid var(--line);min-width:0;min-height:64px;color:var(--muted);text-align:left;cursor:pointer;background:#ffffff06;border-radius:12px;gap:4px;padding:10px 12px;display:grid}.listening-top-tabs button:hover{color:var(--text);background:#ffffff0e}.listening-top-tabs button.is-active{color:var(--amber);background:#ffbf5f13;border-color:#ffbf5f4d}.listening-top-tabs span,.listening-top-tabs small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.listening-top-tabs span{color:var(--text);font-size:var(--type-body);font-weight:750}.listening-top-tabs small{color:var(--muted);font-size:var(--type-caption)}.listening-top-list>header{justify-content:space-between;align-items:flex-end;gap:24px;min-height:102px;margin-bottom:15px;display:flex}.listening-top-list h2{margin:8px 0 5px;font-size:31px}.listening-top-list p{color:var(--muted);font-size:var(--type-body);margin:0}.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.quick-track{border:1px solid var(--line);min-width:0;height:68px;color:var(--text);text-align:left;cursor:pointer;background:#ffffff07;border-radius:12px;grid-template-columns:54px minmax(0,1fr) 34px;align-items:center;gap:11px;padding:6px 9px 6px 6px;transition:all .16s;display:grid}.quick-track:hover,.quick-track.is-active{border-color:var(--line-strong);background:#fff1}.quick-track__cover{border-radius:9px;width:54px;height:54px}.quick-track>span:nth-child(2){gap:4px;min-width:0;display:grid}.quick-track strong,.quick-track small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.quick-track strong{font-size:var(--type-body)}.quick-track small{color:var(--muted);font-size:var(--type-caption)}.quick-track__play{width:30px;height:30px;color:var(--text);opacity:.5;background:0 0;border-radius:50%;place-items:center;display:grid}.quick-track:hover .quick-track__play,.quick-track.is-active .quick-track__play{background:var(--acid);color:#11140a;opacity:1}.playlist-grid{grid-template-columns:repeat(5,minmax(120px,1fr));gap:clamp(12px,1.6vw,22px);display:grid}.playlist-card{min-width:0;position:relative}.playlist-card[role=button]{cursor:pointer}.playlist-card[role=button]:focus-visible{outline:2px solid var(--acid);outline-offset:5px;border-radius:14px}.playlist-card__cover{aspect-ratio:1;border-radius:14px;width:100%;transition:transform .2s,box-shadow .2s;box-shadow:0 14px 28px #00000029}.playlist-card:hover .playlist-card__cover{transform:translateY(-3px);box-shadow:0 18px 35px #00000047}.playlist-card__body{grid-template-columns:minmax(0,1fr);gap:4px;min-width:0;margin-top:10px;display:grid}.playlist-card__meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.playlist-card h3{font-size:var(--type-control);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.playlist-card p{min-height:35px;color:var(--muted);font-size:var(--type-caption);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:5px 0 0;line-height:1.45;display:-webkit-box;overflow:hidden}.playlist-card__count{color:var(--muted-2);font-size:var(--type-caption);margin-top:6px;line-height:1.3;display:inline-flex}.playlist-card__more{opacity:0;width:28px;height:28px}.playlist-card:hover .playlist-card__more{opacity:1}.playlist-card__wide-play{display:none}.track-table{border:1px solid var(--line);background:#ffffff05;border-radius:14px;overflow:visible}.track-table .track-row:first-child{border-radius:13px 13px 0 0}.track-table .track-row:last-child{border-radius:0 0 13px 13px}.track-row{border-bottom:1px solid #ffffff0b;grid-template-columns:28px 48px minmax(160px,1.35fr) minmax(110px,.85fr) 38px 48px 38px 38px;align-items:center;gap:9px;min-height:64px;padding:6px 9px;transition:background .14s;display:grid}.track-row--queue{grid-template-columns:28px 48px minmax(160px,1.35fr) minmax(110px,.85fr) 38px 48px 38px 76px}.track-row:last-child{border-bottom:0}.track-row:hover,.track-row--active{background:#ffffff0b}.track-row--active .track-row__meta strong{color:var(--acid)}.track-row__play{width:28px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0}.track-row__control{color:var(--text);display:none}.track-row:hover .track-row__index{display:none}.track-row:hover .track-row__control,.track-row--active .track-row__control{display:inline}.track-row--active .track-row__index{display:none}.track-row__cover{border-radius:8px;width:48px;height:48px}.track-row__meta{gap:4px;min-width:0;display:grid}.track-row__meta strong,.track-row__meta span,.track-row__album{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.track-row__meta strong{font-size:var(--type-body)}.track-row__meta span,.track-row__album,.track-row__duration{color:var(--muted);font-size:var(--type-caption)}.track-row__title-line{align-items:center;gap:7px;min-width:0;display:flex}.track-row__title-line>strong{min-width:0;color:var(--text);text-overflow:ellipsis;overflow:hidden}.track-row__plays{cursor:help;background:#d9ff630b;border:1px solid #d9ff6321;border-radius:6px;flex:none;justify-content:center;align-items:center;gap:3px;min-width:28px;height:18px;padding:0 5px;line-height:1;display:inline-flex;color:#a8b57d!important;font-size:.6875rem!important}.track-row .icon-button{width:34px;height:34px}.track-row__next,.track-row__more{opacity:0}.track-row:hover .track-row__next,.track-row:hover .track-row__more{opacity:1}.track-row__queue-actions{justify-content:flex-end;align-items:center;gap:4px;display:flex}.queue-page .track-row__queue-actions .track-row__next{opacity:1}.queue-page .track-row__remove:hover{color:var(--coral);background:#ff6e781a}.playlist-picker{place-items:center;display:grid;position:relative}.playlist-picker__menu{z-index:120;border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#14161cfa;border-radius:14px;width:min(310px,100vw - 24px);max-height:min(430px,100vh - 120px);padding:8px;position:fixed;overflow:auto;box-shadow:0 22px 70px #00000094}.playlist-picker__menu>header{gap:3px;padding:9px 10px 10px;display:grid}.playlist-picker__menu>header strong{font-size:var(--type-label)}.playlist-picker__menu>header span{color:var(--muted);font-size:var(--type-caption);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.playlist-picker__menu>button{width:100%;min-height:49px;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:6px 9px;display:flex}.playlist-picker__menu>button:hover{color:var(--text);background:#ffffff0f}.playlist-picker__menu>button>span{gap:2px;min-width:0;display:grid}.playlist-picker__menu>button strong,.playlist-picker__menu>button small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.playlist-picker__menu>button strong{color:var(--text);font-size:var(--type-label)}.playlist-picker__menu>button small{color:var(--muted);font-size:var(--type-caption)}.playlist-picker__divider{background:var(--line);height:1px;margin:5px 4px}.playlist-picker__loading{color:var(--muted);font-size:var(--type-caption);align-items:center;gap:8px;padding:15px 10px;display:flex}.playlist-picker__error{color:#ff98a2;font-size:var(--type-caption);background:#ff677417;border-radius:8px;margin:5px 6px;padding:9px 10px;line-height:1.4}.playlist-picker__menu>form{grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:7px;display:grid}.playlist-picker__menu>form input{border:1px solid var(--line-strong);min-width:0;height:38px;color:var(--text);background:#0003;border-radius:8px;padding:0 10px}.playlist-picker__menu>form button{background:var(--acid);color:#11140a;cursor:pointer;border:0;border-radius:8px;padding:0 11px;font-weight:750}.playlist-picker__create svg{color:var(--acid)}.track-row--compact{background:0 0;grid-template-columns:26px 44px minmax(0,1fr) 36px 36px 32px;padding:5px 0}.track-row--compact .track-row__cover{width:44px;height:44px}.track-row--compact .track-row__album,.track-row--compact .track-row__duration,.track-row--compact .track-row__more{display:none}.track-row--readonly{grid-template-columns:28px 48px minmax(160px,1.35fr) minmax(110px,.85fr) 48px}.mood-map{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(125deg,#11141a,#15121b);grid-template-columns:minmax(340px,.9fr) minmax(440px,1.1fr);min-height:350px;display:grid;overflow:hidden}.mood-map__intro{padding:38px 42px}.mood-map__intro h2{letter-spacing:-.045em;margin:13px 0 8px;font-size:31px}.mood-map__intro>p{max-width:500px;color:var(--muted);font-size:var(--type-body);margin:0;line-height:1.55}.mood-map__choices{flex-wrap:wrap;gap:7px;margin:25px 0 22px;display:flex}.mood-map__choices button,.filter-pills button,.choice-row button{border:1px solid var(--line);min-height:38px;color:var(--muted);font-size:var(--type-label);white-space:nowrap;cursor:pointer;background:#ffffff08;border-radius:9px;padding:0 14px}.mood-map__choices button:hover,.mood-map__choices button.is-active,.filter-pills button.is-active,.choice-row button.is-active{color:var(--acid);background:#d9ff6314;border-color:#d9ff6357}.mood-map__profile{--mood-accent:var(--acid);border-left:1px solid var(--line);background:radial-gradient(circle at 80% 10%,color-mix(in srgb,var(--mood-accent) 16%,transparent),transparent 34%),#080a0e52;flex-direction:column;justify-content:center;min-width:0;padding:32px 36px;transition:background .25s;display:flex}.mood-map__profile--fresh{--mood-accent:#b997ff}.mood-map__profile--bright{--mood-accent:#ffbd61}.mood-map__profile--calm{--mood-accent:#78dce8}.mood-map__profile--custom{--mood-accent:#8fe7bd}.mood-map__profile-heading{align-items:center;gap:12px;display:flex}.mood-map__profile-icon{border:1px solid color-mix(in srgb,var(--mood-accent) 32%,transparent);background:color-mix(in srgb,var(--mood-accent) 10%,transparent);height:46px;color:var(--mood-accent);border-radius:13px;flex:0 0 46px;place-items:center;display:grid}.mood-map__profile-heading>span:last-child{gap:5px;min-width:0;display:grid}.mood-map__profile-heading small{color:var(--muted-2);font-size:var(--type-micro);letter-spacing:.12em;font-weight:800}.mood-map__profile-heading strong{text-overflow:ellipsis;white-space:nowrap;font-size:23px;overflow:hidden}.mood-map__profile>p{color:#b3b7c0;max-width:620px;font-size:var(--type-body);margin:14px 0 19px;line-height:1.5}.mood-map__meters{grid-template-columns:1fr 1fr;gap:11px;display:grid}.mood-meter{border:1px solid var(--line);background:#ffffff06;border-radius:13px;min-width:0;padding:14px}.mood-meter>header,.mood-meter>footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.mood-meter>header span{color:#d5d8df;font-size:var(--type-label);font-weight:750}.mood-meter>header strong{color:var(--mood-accent);font-size:var(--type-label)}.mood-meter__range{appearance:none;cursor:grab;touch-action:pan-y;background:0 0;border:0;outline:0;width:100%;height:28px;margin:2px 0 0;display:block}.mood-meter__range:active{cursor:grabbing}.mood-meter__range::-webkit-slider-runnable-track{background:linear-gradient(90deg,color-mix(in srgb,var(--mood-accent) 45%,transparent) 0,var(--mood-accent) var(--mood-value),#ffffff13 var(--mood-value),#ffffff13 100%);border-radius:10px;height:8px}.mood-meter__range::-webkit-slider-thumb{appearance:none;background:var(--mood-accent);width:14px;height:14px;box-shadow:0 0 14px color-mix(in srgb,var(--mood-accent) 60%,transparent);border:3px solid #16191f;border-radius:50%;margin-top:-3px}.mood-meter__range::-moz-range-track{background:#ffffff13;border-radius:10px;height:8px}.mood-meter__range::-moz-range-progress{background:linear-gradient(90deg,color-mix(in srgb,var(--mood-accent) 45%,transparent),var(--mood-accent));border-radius:10px;height:8px}.mood-meter__range::-moz-range-thumb{background:var(--mood-accent);width:10px;height:10px;box-shadow:0 0 14px color-mix(in srgb,var(--mood-accent) 60%,transparent);border:2px solid #16191f;border-radius:50%}.mood-meter__range:focus-visible::-webkit-slider-thumb{outline:3px solid color-mix(in srgb,var(--mood-accent) 35%,transparent);outline-offset:3px}.mood-meter__range:focus-visible::-moz-range-thumb{outline:3px solid color-mix(in srgb,var(--mood-accent) 35%,transparent);outline-offset:3px}.mood-meter footer small{color:var(--muted-2);font-size:var(--type-micro)}.mood-map__summary{background:color-mix(in srgb,var(--mood-accent) 7%,transparent);min-height:39px;color:var(--muted);font-size:var(--type-caption);border-radius:10px;align-items:center;gap:9px;margin-top:12px;padding:0 12px;display:flex}.mood-map__summary>svg{color:var(--mood-accent)}.mood-map__summary span{align-items:center;gap:8px;display:flex}.mood-map__summary strong{color:var(--text)}.mood-map__summary i{background:var(--muted-2);border-radius:50%;width:3px;height:3px}.mood-map__explanation{color:var(--muted-2);font-size:var(--type-micro);align-items:center;gap:7px;margin-top:13px;display:flex}.mood-map__explanation svg{color:var(--mood-accent)}.playlist-grid--wide{grid-template-columns:repeat(3,1fr)}.playlist-card--wide{border:1px solid var(--line);background:#ffffff06;border-radius:16px;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:17px;min-height:152px;padding:10px;display:grid}.playlist-card--wide .playlist-card__cover{aspect-ratio:1;width:132px}.playlist-card--wide .playlist-card__body{flex-direction:column;justify-content:center;align-self:stretch;gap:8px;min-width:0;margin:0;display:flex}.playlist-card--wide h3{font-size:17px}.playlist-card--wide .playlist-card__count{margin-top:0}.playlist-card--wide .playlist-card__wide-play{min-height:34px;color:var(--acid);font-size:var(--type-caption);cursor:pointer;background:#d9ff6312;border:1px solid #d9ff6338;border-radius:9px;flex:none;align-items:center;gap:6px;padding:0 10px;font-weight:750;display:inline-flex}.playlist-card--wide .playlist-card__wide-play:hover{background:#d9ff631f;border-color:#d9ff636b}.library-toolbar{justify-content:space-between;gap:16px;margin:2px 0 22px;display:flex}.filter-pills{gap:6px;display:flex}.layout-switch{border:1px solid var(--line);background:#ffffff06;border-radius:10px;gap:2px;padding:3px;display:flex}.layout-switch button{width:31px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;display:grid}.layout-switch button.is-active{color:var(--text);background:#ffffff17}.playlist-grid--list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.library-lab{background:radial-gradient(circle at 80%,#9f7aea21,#0000 34%),#ffffff05;border:1px solid #9f7aea33;border-radius:18px;justify-content:space-between;align-items:center;gap:22px;min-height:150px;padding:28px 32px;display:flex}.library-lab h2{margin:8px 0 6px;font-size:25px}.library-lab p{color:var(--muted);font-size:var(--type-body);margin:0}.collection-summary{border:1px solid var(--line);background:#ffffff06;border-radius:19px;grid-template-columns:110px minmax(0,1fr) auto;align-items:center;gap:25px;min-height:170px;margin-bottom:23px;padding:24px 30px;display:grid}.collection-summary__icon{border-radius:22px;place-items:center;width:106px;height:106px;display:grid}.collection-summary__icon--liked{background:linear-gradient(140deg,#ff6e78,#6d273b)}.collection-summary__icon--history{background:linear-gradient(140deg,#57d3ff,#28396b)}.collection-summary h2{margin:9px 0 7px;font-size:28px}.collection-summary p{color:var(--muted);font-size:var(--type-body);margin:0}.track-table--large .track-row{min-height:68px}.playlist-detail{padding-top:4px}.playlist-detail__back{color:var(--muted);font-size:var(--type-label);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin-bottom:17px;padding:0;display:inline-flex}.playlist-detail__back:hover{color:var(--text)}.playlist-detail__hero{border:1px solid var(--line);background:radial-gradient(circle at 17% 20%,#9f7aea2b,#0000 29%),#ffffff05;border-radius:20px;grid-template-columns:230px minmax(0,1fr);align-items:end;gap:31px;min-height:264px;padding:25px;display:grid}.playlist-detail__cover{border-radius:18px;width:230px;height:230px;box-shadow:0 23px 50px #0000004d}.playlist-detail__meta{padding-bottom:8px}.playlist-detail__meta h1{letter-spacing:-.06em;margin:10px 0 7px;font-size:clamp(35px,5vw,66px);line-height:.98}.playlist-detail__meta>p{color:#b3b7c0;font-size:var(--type-control);margin:0 0 8px}.playlist-detail__meta>span:not(.eyebrow){color:var(--muted);font-size:var(--type-caption)}.playlist-detail__meta>div{flex-wrap:wrap;align-items:center;gap:8px;margin-top:23px;display:flex}.playlist-detail__meta>div>*{flex:none}.playlist-detail__summary{background:#d9ff6306;border:1px solid #d9ff631f;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;min-height:64px;margin:15px 0;padding:10px 15px;display:flex}.playlist-detail__summary>span{color:var(--acid);font-size:var(--type-caption);white-space:nowrap;align-items:center;gap:6px;font-weight:750;display:flex}.playlist-detail__summary p{color:var(--muted);font-size:var(--type-micro);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px 10px;margin:0;display:flex}.playlist-detail__summary strong{color:#cfd2d7}.playlist-detail__summary i{background:var(--muted-2);border-radius:50%;width:3px;height:3px}.playlist-detail__loading{border:1px solid var(--line);min-height:190px;color:var(--muted);font-size:var(--type-label);border-radius:14px;justify-content:center;align-items:center;gap:9px;display:flex}.playlist-description{white-space:pre-wrap;max-width:780px;line-height:1.55}.playlist-description a{color:var(--acid);text-underline-offset:3px;-webkit-text-decoration:underline #d9ff6359;text-decoration:underline #d9ff6359}.playlist-editor{border:1px solid var(--line-strong);width:min(860px,100%);max-height:min(860px,100dvh - 48px);box-shadow:var(--shadow);background:#111319;border-radius:22px;flex-direction:column;animation:.2s modal-in;display:flex;overflow:hidden}.playlist-editor>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:82px;padding:18px 22px 15px 26px;display:flex}.playlist-editor>header h2{margin:6px 0 0;font-size:26px}.playlist-editor__scroll{min-height:0;overflow:auto}.playlist-editor__body{grid-template-columns:190px minmax(0,1fr);gap:25px;padding:24px 26px;display:grid}.playlist-editor__cover-wrap{align-content:start;gap:11px;display:grid}.playlist-editor__cover{border-radius:16px;width:190px;height:190px}.playlist-editor__cover-wrap label{white-space:nowrap;cursor:pointer;width:100%;padding-inline:12px}.playlist-editor__cover-wrap>small{color:var(--muted);font-size:var(--type-caption);text-align:center}.playlist-editor form{align-content:start;gap:16px;display:grid}.playlist-editor form label{color:#cdd0d6;font-size:var(--type-label);gap:7px;font-weight:700;display:grid}.playlist-editor form input,.playlist-editor form textarea{border:1px solid var(--line-strong);width:100%;color:var(--text);resize:vertical;background:#0000002e;border-radius:10px;padding:11px 13px}.playlist-editor form input{height:44px}.playlist-editor form textarea{min-height:120px;line-height:1.5}.playlist-editor form>small{color:var(--muted);font-size:var(--type-caption)}.playlist-editor form .playlist-visibility{border:1px solid var(--line-strong);cursor:pointer;background:#ffffff06;border-radius:13px;grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;gap:11px;min-height:72px;padding:12px 14px;transition:border-color .18s,background .18s;display:grid;position:relative}.playlist-editor form .playlist-visibility.is-public{background:#d9ff630e;border-color:#d9ff6357}.playlist-visibility>input{opacity:0;pointer-events:none;position:absolute;width:1px!important;height:1px!important}.playlist-visibility__icon{width:38px;height:38px;color:var(--muted);background:#ffffff0e;border-radius:11px;place-items:center;display:grid}.playlist-visibility.is-public .playlist-visibility__icon{color:var(--acid);background:#d9ff631f}.playlist-visibility>span:nth-of-type(2){gap:4px;min-width:0;display:grid}.playlist-visibility>span:nth-of-type(2) small{color:var(--muted);font-size:var(--type-caption);font-weight:500;line-height:1.35}.playlist-visibility>i{background:#30333b;border-radius:20px;width:36px;height:20px;transition:background .18s;position:relative}.playlist-visibility>i:after{content:"";background:#a9adb6;border-radius:50%;width:14px;height:14px;transition:transform .18s,background .18s;position:absolute;top:3px;left:3px}.playlist-visibility.is-public>i{background:#d9ff635c}.playlist-visibility.is-public>i:after{background:var(--acid);transform:translate(16px)}.playlist-editor__music{background:#d9ff6306;border:1px solid #d9ff6329;border-radius:14px;gap:12px;margin:0 26px 14px;padding:15px;display:grid}.playlist-editor__music-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.playlist-editor__music-heading>div{gap:4px;min-width:0;display:grid}.playlist-editor__music-heading small,.playlist-editor__music-heading>span{color:var(--muted);font-size:var(--type-caption)}.playlist-editor__music-heading>span{flex:none}.playlist-editor form.playlist-editor__search{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.playlist-editor form.playlist-editor__search label{border:1px solid var(--line-strong);min-width:0;height:44px;color:var(--muted);background:#0003;border-radius:10px;align-items:center;gap:9px;padding:0 12px;display:flex}.playlist-editor form.playlist-editor__search input{background:0 0;border:0;outline:0;min-width:0;height:42px;padding:0}.playlist-editor__results{border:1px solid var(--line);background:#0a0b0f80;border-radius:11px;max-height:216px;overflow:auto}.playlist-editor__results>div{border-bottom:1px solid var(--line);grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:54px;padding:5px 7px;display:grid}.playlist-editor__results>div:last-child{border-bottom:0}.playlist-editor__results>div>span{gap:3px;min-width:0;display:grid}.playlist-editor__results strong,.playlist-editor__results small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.playlist-editor__results small{color:var(--muted);font-size:var(--type-caption)}.playlist-editor__results button{min-height:34px;color:var(--acid);cursor:pointer;background:#d9ff6317;border:1px solid #d9ff634d;border-radius:9px;align-items:center;gap:6px;padding:0 10px;font-weight:750;display:inline-flex}.playlist-editor__results button.is-added{border-color:var(--line);color:var(--muted);background:#ffffff09}.playlist-editor__search-empty{min-height:54px;color:var(--muted);font-size:var(--type-caption);place-items:center;display:grid}.playlist-editor__tracks{border:1px solid var(--line);border-radius:12px;max-height:245px;margin:0 26px 18px;overflow:auto}.playlist-editor__tracks>div{border-bottom:1px solid var(--line);grid-template-columns:42px minmax(0,1fr) 34px;align-items:center;gap:10px;min-height:54px;padding:5px 9px;display:grid}.playlist-editor__tracks>div:first-child{min-height:42px;color:var(--muted);font-size:var(--type-caption);grid-template-columns:1fr auto}.playlist-editor__tracks>div:last-child{border-bottom:0}.playlist-editor__track-cover{border-radius:7px;width:42px;height:42px}.playlist-editor__tracks>div>span{gap:3px;min-width:0;display:grid}.playlist-editor__tracks strong,.playlist-editor__tracks small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.playlist-editor__tracks small{color:var(--muted);font-size:var(--type-caption)}.playlist-editor__tracks>.playlist-editor__tracks-empty{min-height:58px;color:var(--muted);font-size:var(--type-caption);grid-template-columns:1fr;place-items:center;display:grid}.playlist-editor__error{padding:0 26px 10px}.playlist-editor>footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:12px 26px;display:flex}.playlist-editor>footer>div{gap:8px;display:flex}.playlist-editor__delete{min-height:40px;color:var(--coral);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;display:inline-flex}.player-bar{height:var(--player-height);border-top:1px solid var(--line-strong);z-index:30;background:#0c0e12fa;grid-area:2/2;grid-template-columns:minmax(200px,.82fr) minmax(360px,1.35fr) minmax(190px,.82fr);align-items:center;gap:18px;min-width:0;padding:10px 22px;transition:margin-right .22s;display:grid;position:relative;box-shadow:0 -14px 40px #0000002e}.player-bar__track{grid-template-columns:56px minmax(0,1fr);align-items:center;gap:10px;min-width:0;display:grid}.player-bar--readonly .player-bar__track{grid-template-columns:56px minmax(0,1fr)}.player-bar__cover{border-radius:10px;width:56px;height:56px}.player-bar__track>div:nth-child(2){gap:4px;min-width:0;display:grid}.player-bar__track strong,.player-bar__track span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.player-bar__track strong{font-size:var(--type-body)}.player-bar__track span{color:var(--muted);font-size:var(--type-caption)}.player-bar__center{gap:7px;display:grid}.player-bar__controls{justify-content:center;align-items:center;gap:8px;display:flex}.player-bar__controls .icon-button{width:31px;height:31px}.player-bar__play{background:var(--text);color:#111319;cursor:pointer;border:0;border-radius:50%;place-items:center;width:38px;height:38px;transition:all .16s;display:grid}.player-bar__play:hover{background:var(--acid);transform:scale(1.05)}.player-bar__timeline{grid-template-columns:34px minmax(80px,1fr) 34px minmax(104px,.38fr);align-items:center;gap:8px;display:grid}.player-bar__timeline span{color:var(--muted-2);font-size:var(--type-micro);text-align:center}.discovery-control input[type=range]{--range-value:0%;appearance:none;cursor:pointer;background:0 0;width:100%;height:14px;margin:0}.discovery-control input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--acid) var(--range-value), #ffffff21 var(--range-value));border-radius:4px;height:3px}.discovery-control input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--text);opacity:0;border:0;border-radius:50%;width:11px;height:11px;margin-top:-4px;transition:opacity .12s}.discovery-control input[type=range]:hover::-webkit-slider-thumb{opacity:1}.discovery-control input[type=range]:focus-visible::-webkit-slider-thumb{opacity:1}.player-bar input[type=range]{--range-value:0%;appearance:none;cursor:pointer;background:0 0;width:100%;min-width:0;height:14px;margin:0}.player-bar input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--acid) var(--range-value),#ffffff21 var(--range-value));border-radius:4px;height:3px}.player-bar input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--text);opacity:0;border:0;border-radius:50%;width:11px;height:11px;margin-top:-4px;transition:opacity .12s}.player-bar input[type=range]:hover::-webkit-slider-thumb{opacity:1}.player-bar input[type=range]:focus-visible::-webkit-slider-thumb{opacity:1}.player-bar input[type=range]::-moz-range-track{background:#ffffff21;border-radius:4px;height:3px}.player-bar input[type=range]::-moz-range-progress{background:var(--acid);border-radius:4px;height:3px}.player-bar input[type=range]::-moz-range-thumb{background:var(--text);border:0;border-radius:50%;width:11px;height:11px}.player-bar__tools{justify-content:flex-end;justify-self:end;align-items:center;gap:2px;width:100%;min-width:0;display:flex;overflow:hidden}.volume-control{border-left:1px solid var(--line);min-width:0;color:var(--muted);grid-template-columns:18px minmax(0,1fr);align-items:center;gap:7px;padding-left:10px;display:grid}.volume-control input{min-width:0}.queue-toggle{border:1px solid var(--line-strong);height:38px;color:var(--muted);cursor:pointer;background:#ffffff09;border-radius:11px;align-items:center;gap:8px;padding:0 12px;transition:color .16s,border-color .16s,background .16s;display:inline-flex}.queue-toggle:hover,.queue-toggle.is-active{color:var(--text);background:#d9ff6317;border-color:#d9ff6366}.queue-toggle.is-active{color:var(--acid)}.queue-toggle span{font-size:var(--type-caption);font-weight:650}.queue-page{padding-top:5px}.queue-page__hero{border-radius:var(--radius-lg);background:radial-gradient(circle at 82% 28%,#d9ff631c,#0000 25%),linear-gradient(125deg,#171d14f5,#13111df5);border:1px solid #d9ff632b;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;min-height:220px;padding:34px 42px;display:grid}.queue-page__hero h1{letter-spacing:-.055em;margin:15px 0 12px;font-size:clamp(38px,4.2vw,62px);line-height:.98}.queue-page__hero p,.queue-page__section p{color:var(--muted);font-size:var(--type-control);margin:0;line-height:1.55}.queue-page__count{text-align:center;background:#07090cab;border:1px solid #d9ff6333;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:176px;height:176px;display:flex;box-shadow:0 0 0 12px #d9ff6306}.queue-page__count svg,.queue-page__count strong{color:var(--acid)}.queue-page__count strong{margin-top:7px;font-size:38px;line-height:1}.queue-page__count span{color:var(--muted);font-size:var(--type-caption);margin-top:7px;line-height:1.35}.queue-page__section{margin-top:34px}.queue-page__section>header{justify-content:space-between;align-items:flex-end;gap:24px;min-height:78px;margin-bottom:15px;display:flex}.queue-page__section h2{letter-spacing:-.035em;margin:9px 0 5px;font-size:31px}.queue-page__empty{text-align:center;min-height:300px;color:var(--muted-2);flex-direction:column;justify-content:center;align-items:center;display:flex}.queue-page__empty p{color:var(--muted);font-size:var(--type-control);margin:13px 0 5px}.queue-page__empty span{max-width:240px;font-size:var(--type-caption);line-height:1.5}.queue-page__empty--error{color:#ff98a2}.queue-page__empty--error p{color:#ffb3ba}.overlay{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020305b8;place-items:start center;padding:7vh 20px 20px;animation:.16s overlay-in;display:grid;position:fixed;inset:0;overflow:auto}.modal-backdrop{z-index:110;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020305c2;place-items:center;padding:24px;animation:.16s overlay-in;display:grid;position:fixed;inset:0;overflow:auto}@keyframes overlay-in{0%{opacity:0}}.search-page{gap:20px;animation:.18s page-in;display:grid}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}}.search-page__heading{align-items:flex-start;min-height:112px;display:flex}.search-page__heading h1{letter-spacing:-.045em;margin:8px 0 5px;font-size:clamp(30px,3vw,45px);line-height:1.04}.search-page__heading p{max-width:720px;color:var(--muted);font-size:var(--type-control);margin:0}.search-page__surface{border:1px solid var(--line-strong);background:linear-gradient(145deg,#14161cf5,#0d0f13f5);border-radius:20px;overflow:hidden}@keyframes modal-in{0%{opacity:0;transform:translateY(-12px)scale(.985)}}.search-page__input{border-bottom:1px solid var(--line);min-height:76px;color:var(--muted);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:0 20px;display:grid}.search-page__input:focus-within{color:var(--acid);box-shadow:inset 0 -1px #d9ff6338}.search-page__input input{width:100%;height:72px;color:var(--text);background:0 0;border:0;outline:0;font-size:clamp(18px,2vw,23px);font-weight:650}.search-page__input input::placeholder{color:var(--muted-2);font-weight:550}.search-page__content{min-height:320px;padding:18px 20px 26px}.search-page__caption{min-height:38px;color:var(--muted-2);font-size:var(--type-caption);text-transform:uppercase;letter-spacing:.12em;justify-content:space-between;align-items:center;padding:0 7px;font-weight:800;display:flex}.search-page__caption small{font-size:var(--type-micro);text-transform:none;letter-spacing:normal;align-items:center;gap:5px;font-weight:500;display:flex}.search-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px;display:grid}.search-result{border-radius:11px;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:3px;min-height:64px;padding:4px 5px;display:grid}.search-result:hover{background:#ffffff0f}.search-result__main{min-width:0;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:45px minmax(0,1fr) auto;align-items:center;gap:11px;padding:3px;display:grid}.search-result__cover{border-radius:8px;width:45px;height:45px}.search-result__meta{gap:4px;min-width:0;display:grid}.search-result__meta strong,.search-result__meta small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.search-result__meta strong{font-size:var(--type-body)}.search-result__meta small{color:var(--muted);font-size:var(--type-caption)}.search-result__main>svg{color:var(--muted)}.search-result--public{grid-template-columns:minmax(0,1fr)}.search-result__picker .icon-button{width:31px;height:31px}.search-empty{min-height:160px;color:var(--muted-2);text-align:center;align-content:center;place-items:center;gap:8px;display:grid}.search-empty p{font-size:var(--type-label);margin:0}.search-empty--error{color:#f2a0a8}.search-page__playlists{border-top:1px solid var(--line);margin-top:20px;padding-top:14px}.search-playlist-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.search-playlist-row button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#ffffff06;border-radius:10px;min-width:0;padding:8px}.search-playlist-row__cover{aspect-ratio:1;border-radius:8px;width:100%}.search-playlist-row button>span{gap:3px;margin-top:7px;display:grid}.search-playlist-row strong,.search-playlist-row small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.search-playlist-row strong{font-size:var(--type-label)}.search-playlist-row small{color:var(--muted);font-size:var(--type-micro)}.search-page__profiles{border-top:1px solid var(--line);margin-top:20px;padding-top:14px}.search-profile-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.search-profile-row>a{border:1px solid var(--line);min-width:0;min-height:62px;color:var(--text);background:#ffffff06;border-radius:11px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;padding:9px 11px;text-decoration:none;transition:border-color .18s,background .18s;display:grid}.search-profile-row>a:hover{background:#d9ff630b;border-color:#d9ff6340}.search-profile-row__avatar{width:42px;height:42px;color:var(--acid);background:linear-gradient(135deg,#2f3544,#1e2028);border-radius:12px;place-items:center;display:grid}.search-profile-row>a>span:last-child{gap:3px;min-width:0;display:grid}.search-profile-row strong,.search-profile-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search-profile-row small{color:var(--muted);font-size:var(--type-caption)}.search-page__footer{border-top:1px solid var(--line);min-height:48px;color:var(--muted-2);font-size:var(--type-micro);align-items:center;gap:22px;padding:8px 22px;display:flex}.search-page__footer span{align-items:center;gap:5px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.session-builder{border:1px solid var(--line-strong);width:min(780px,100%);box-shadow:var(--shadow);background:#111319;border-radius:22px;animation:.2s modal-in;overflow:hidden}.session-builder__header{border-bottom:1px solid var(--line);grid-template-columns:48px minmax(0,1fr) 38px;align-items:start;gap:14px;padding:25px 28px 20px;display:grid}.session-builder__icon{width:46px;height:46px;color:var(--acid);background:#d9ff631a;border-radius:13px;place-items:center;display:grid}.session-builder__header span{color:var(--acid);font-size:var(--type-caption);letter-spacing:.13em;font-weight:850}.session-builder__header h2{letter-spacing:-.035em;margin:6px 0 5px;font-size:26px}.session-builder__header p{color:var(--muted);font-size:var(--type-body);margin:0;line-height:1.45}.session-builder__body{grid-template-columns:1fr 1fr;gap:22px 28px;padding:22px 28px 10px;display:grid}.session-builder fieldset{border:0;min-width:0;margin:0;padding:0}.session-builder legend{color:#c9ccd2;width:100%;font-size:var(--type-label);align-items:center;gap:7px;margin-bottom:12px;font-weight:750;display:flex}.session-builder legend svg{color:var(--acid)}.segmented{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.segmented button{border:1px solid var(--line);cursor:pointer;background:#ffffff06;border-radius:10px;place-content:center;height:64px;display:grid;position:relative}.segmented button strong{font-size:17px}.segmented button span{color:var(--muted);font-size:var(--type-micro)}.segmented button svg{color:var(--acid);position:absolute;top:5px;right:5px}.segmented button.is-active{background:#d9ff6312;border-color:#d9ff6359}.discovery-control__labels{color:var(--muted-2);font-size:var(--type-micro);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;display:flex}.discovery-control__labels strong{color:var(--acid);font-size:var(--type-caption)}.discovery-control input{margin-top:11px}.discovery-control__markers{justify-content:space-between;margin-top:-4px;padding:0 4px;display:flex}.discovery-control__markers i{background:var(--muted-2);border-radius:50%;width:2px;height:2px}.choice-row{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.source-grid{gap:6px;display:grid}.source-grid button{border:1px solid var(--line);text-align:left;min-height:50px;color:var(--muted);cursor:pointer;background:#ffffff06;border-radius:10px;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:8px;padding:8px 10px;display:grid}.source-grid button>span{gap:2px;display:grid}.source-grid strong{color:#cfd1d6;font-size:var(--type-label)}.source-grid small{font-size:var(--type-micro)}.source-grid button.is-active{color:var(--acid);background:#d9ff6311;border-color:#d9ff6352}.session-builder__footer{border-top:1px solid var(--line);background:#ffffff04;justify-content:space-between;align-items:center;gap:18px;min-height:76px;padding:14px 28px;display:flex}.session-builder__error{text-align:right;background:#ffffff04;margin:0;padding:0 28px 14px}.session-builder__footer>div{align-items:center;gap:12px;display:flex}.session-builder__footer>div>span:last-child{gap:3px;display:grid}.session-builder__footer strong{font-size:var(--type-body)}.session-builder__footer small{color:var(--muted);font-size:var(--type-micro)}.session-builder__wave{align-items:center;gap:2px;height:30px;display:flex}.session-builder__wave i{background:var(--acid);border-radius:3px;width:2px;animation:1.1s ease-in-out infinite alternate wave}.session-builder__wave i:first-child{height:8px}.session-builder__wave i:nth-child(2){height:18px;animation-delay:-.3s}.session-builder__wave i:nth-child(3){height:25px;animation-delay:-.6s}.session-builder__wave i:nth-child(4){height:14px;animation-delay:-.2s}.session-builder__wave i:nth-child(5){height:22px;animation-delay:-.7s}.session-builder__wave i:nth-child(6){height:11px;animation-delay:-.4s}.session-builder__wave i:nth-child(7){height:5px;animation-delay:-.1s}@keyframes wave{to{opacity:.65;transform:scaleY(.45)}}.connect-modal{border:1px solid var(--line-strong);width:min(470px,100%);box-shadow:var(--shadow);text-align:center;background:#111319;border-radius:22px;padding:38px 42px 28px;animation:.2s modal-in;position:relative}.connect-modal__close{position:absolute;top:13px;right:13px}.connect-modal__symbol{background:var(--acid);color:#11140a;border-radius:17px;place-items:center;width:58px;height:58px;margin:0 auto 18px;display:grid}.connect-modal h2{letter-spacing:-.045em;margin:10px 0 9px;font-size:27px}.connect-modal>p{max-width:380px;color:var(--muted);font-size:var(--type-body);margin:0 auto;line-height:1.6}.connect-modal__button{width:100%;margin-top:25px}.connect-modal__code-block{justify-items:center;gap:12px;margin-top:24px;display:grid}.connect-modal__code-block>small{color:var(--muted);font-size:var(--type-caption)}.connect-modal__code-block>button{min-width:220px;height:58px;color:var(--acid);cursor:pointer;background:#d9ff630f;border:1px dashed #d9ff6361;border-radius:12px;justify-content:center;align-items:center;gap:12px;display:flex}.connect-modal__code-block>button strong{letter-spacing:.1em;font-size:24px}.connect-modal__code-block a{color:#cbb8ff;font-size:var(--type-label);align-items:center;gap:6px;text-decoration:none;display:flex}.connect-modal__code-block>span{color:var(--muted);font-size:var(--type-caption);align-items:center;gap:7px;display:flex}.connect-modal footer{border-top:1px solid var(--line);color:var(--muted-2);font-size:var(--type-micro);justify-content:center;align-items:center;gap:7px;margin-top:25px;padding-top:15px;display:flex}.form-error{color:#ff8b94!important;font-size:var(--type-caption)!important}.access-gate{background:#090a0d;place-items:center;min-height:100dvh;display:grid;position:relative;overflow:hidden}.access-gate__glow{filter:blur(15px);background:radial-gradient(circle,#9f7aea2b,#0000 64%);border-radius:50%;width:600px;height:600px;position:absolute}.access-gate form{text-align:center;border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:min(400px,100% - 36px);box-shadow:var(--shadow);background:#111319de;border-radius:22px;justify-items:center;padding:38px;display:grid;position:relative}.access-gate form>.eyebrow{color:var(--acid);margin-top:18px}.access-gate h1{letter-spacing:-.05em;margin:12px 0 8px;font-size:32px}.access-gate p{color:var(--muted);font-size:var(--type-body);margin:0 0 23px;line-height:1.5}.access-gate label{border:1px solid var(--line-strong);width:100%;height:48px;color:var(--muted);background:#0000002e;border-radius:11px;grid-template-columns:22px 1fr;align-items:center;gap:8px;padding:0 13px;display:grid}.access-gate input{width:100%;height:44px;color:var(--text);font-size:var(--type-control);background:0 0;border:0;outline:0}.access-gate .primary-button{width:100%;margin-top:10px}.access-gate form>small{color:var(--muted-2);font-size:var(--type-micro);margin-top:18px}.auth-gate form{width:min(460px,100% - 36px)}.auth-gate__tabs{border:1px solid var(--line);background:#0003;border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;width:100%;margin-bottom:12px;padding:4px;display:grid}.auth-gate__tabs button{min-height:38px;color:var(--muted);font:inherit;font-size:var(--type-label);cursor:pointer;background:0 0;border:0;border-radius:8px;font-weight:750}.auth-gate__tabs button.is-active{color:var(--acid);background:#d9ff631a}.auth-gate label+label{margin-top:9px}.auth-gate--modal{background:0 0;width:min(500px,100%);min-height:0;overflow:visible}.auth-gate--modal .access-gate__glow{pointer-events:none;width:460px;height:460px}.auth-gate--modal form{width:100%}.auth-gate__close{z-index:2;position:absolute;top:12px;right:12px}.sources-modal{border:1px solid var(--line-strong);width:min(760px,100%);box-shadow:var(--shadow);background:#111319;border-radius:22px;gap:14px;padding:30px;animation:.2s modal-in;display:grid;position:relative}.sources-modal>header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:3px;display:flex}.sources-modal>header h2{letter-spacing:-.04em;margin:7px 0 5px;font-size:28px}.sources-modal>header p{color:var(--muted);font-size:var(--type-body);margin:0}.source-card{border:1px solid var(--line);background:#ffffff06;border-radius:16px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:15px;min-width:0;padding:18px;display:grid}.source-card__icon{border-radius:13px;place-items:center;width:48px;height:48px;font-weight:900;display:grid}.source-card__icon--yandex{color:#17130a;background:#ffd84a}.source-card__icon--vk{color:#fff;font-size:var(--type-label);background:#2688eb}.source-card h3{font-size:var(--type-control);margin:0 0 4px}.source-card p{color:var(--muted);font-size:var(--type-caption);margin:0;line-height:1.5}.source-card__actions{align-items:center;gap:8px;display:flex}.source-status{color:var(--acid);font-size:var(--type-caption);align-items:center;gap:5px;font-weight:750;display:inline-flex}.source-card--vk{align-items:start}.source-card__vk-content{grid-column:2/4;gap:10px;min-width:0;display:grid}.source-card__vk-content input,.source-card__vk-content textarea,.password-modal input{border:1px solid var(--line-strong);width:100%;color:var(--text);font:inherit;font-size:var(--type-control);background:#0003;border-radius:10px;outline:0}.source-card__vk-content input{height:44px;padding:0 12px}.source-card__vk-content textarea{resize:vertical;min-height:126px;padding:11px 12px;line-height:1.5}.source-card__import{justify-content:space-between;align-items:center;gap:12px;display:flex}.source-card__import small,.source-card__note{color:var(--muted-2);font-size:var(--type-micro);line-height:1.45}.source-card__import .primary-button{min-height:39px}.source-card__prepare{width:max-content;min-height:42px}.vk-collector-setup{background:#d9ff630b;border:1px solid #d9ff632e;border-radius:12px;gap:12px;padding:14px;display:grid}.vk-collector-setup ol{color:#c8cbd2;font-size:var(--type-caption);gap:6px;margin:0;padding-left:20px;line-height:1.45;display:grid}.vk-collector-setup>div{align-items:center;gap:8px;display:flex}.vk-bookmarklet{min-height:42px;color:var(--acid);font-size:var(--type-label);cursor:grab;background:#d9ff631f;border:1px dashed #d9ff6373;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-weight:800;text-decoration:none;display:inline-flex}.vk-bookmarklet:active{cursor:grabbing}.vk-collector-actions{flex-wrap:wrap;justify-content:space-between}.vk-collector-actions .secondary-button{min-height:38px;font-size:var(--type-caption);text-decoration:none}.vk-collector-actions>button{color:var(--muted);font-size:var(--type-micro);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;display:inline-flex}.vk-import-progress{border:1px solid var(--line);background:#00000026;border-radius:11px;gap:9px;padding:12px;display:grid}.vk-import-progress>div:first-child{justify-content:space-between;align-items:center;gap:12px;display:flex}.vk-import-progress strong{font-size:var(--type-label)}.vk-import-progress span,.vk-import-progress small{color:var(--muted);font-size:var(--type-micro)}.vk-import-progress__bar{background:#ffffff12;border-radius:10px;height:5px;overflow:hidden}.vk-import-progress__bar i{border-radius:inherit;background:var(--acid);height:100%;transition:width .3s;display:block}.vk-import-progress--complete{border-color:#d9ff6333}.vk-import-progress--failed{border-color:#ff8b9440}.vk-import-progress--failed .vk-import-progress__bar i{background:#ff8b94}.vk-manual-import{border-top:1px solid var(--line);padding-top:9px}.vk-manual-import summary{width:max-content;color:var(--muted);font-size:var(--type-caption);cursor:pointer;align-items:center;gap:6px;font-weight:700;list-style:none;display:flex}.vk-manual-import summary::-webkit-details-marker{display:none}.vk-manual-import[open] summary svg{transform:rotate(180deg)}.vk-manual-import>p,.vk-manual-import textarea,.vk-manual-import .source-card__import{margin-top:9px}.form-success{color:var(--acid);font-size:var(--type-caption);background:#d9ff6314;border-radius:9px;margin:0;padding:10px 12px}.password-modal{border:1px solid var(--line-strong);width:min(440px,100%);box-shadow:var(--shadow);text-align:center;background:#111319;border-radius:22px;justify-items:center;gap:12px;padding:34px;display:grid;position:relative}.password-modal__close{position:absolute;top:12px;right:12px}.password-modal h2{letter-spacing:-.04em;margin:0;font-size:27px}.password-modal p{color:var(--muted);font-size:var(--type-body);margin:0 0 8px;line-height:1.55}.password-modal label{width:100%;position:relative}.password-modal label svg{color:var(--muted);position:absolute;top:14px;left:13px}.password-modal input{height:48px;padding:0 12px 0 42px}.password-modal .primary-button{width:100%}.app-loader{background:var(--bg);height:100dvh;color:var(--muted);font-size:var(--type-body);justify-content:center;align-items:center;gap:10px;display:flex}.public-share-page{grid-template-rows:74px minmax(0,1fr) var(--player-height);background:radial-gradient(circle at 78% -5%, #9f7aea38, transparent 34%), radial-gradient(circle at 10% 70%, #d9ff6312, transparent 28%), var(--bg);height:100dvh;display:grid;overflow:hidden}.public-share-topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090a0dc7;grid-row:1;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;min-width:0;padding:0 28px;display:grid}.public-share-topbar .brand{width:max-content;color:var(--text);text-decoration:none}.public-share-topbar>span{color:var(--muted);font-size:var(--type-label);align-items:center;gap:7px;display:flex}.public-share-topbar>span svg{color:var(--acid)}.public-share-topbar>.secondary-button{min-height:38px;font-size:var(--type-label);justify-self:end;text-decoration:none}.public-share-main{grid-row:2;min-width:0;padding:48px 30px 70px;overflow:auto}.public-share-hero{border:1px solid var(--line-strong);background:linear-gradient(135deg,#ffffff0b,#ffffff04);border-radius:28px;grid-template-columns:360px minmax(0,1fr);align-items:center;gap:52px;width:min(1080px,100%);min-height:430px;margin:0 auto;padding:34px;display:grid;box-shadow:0 35px 100px #00000052}.public-share-cover{aspect-ratio:1;border-radius:22px;width:100%;box-shadow:0 28px 70px #0006}.public-share-copy{min-width:0}.public-share-copy .eyebrow{color:var(--acid)}.public-share-copy h1{letter-spacing:-.065em;overflow-wrap:anywhere;max-width:620px;margin:13px 0 10px;font-size:clamp(42px,5vw,74px);line-height:.98}.public-share-copy>p{color:#c1c5ce;font-size:var(--type-control);margin:0;line-height:1.55}.public-share-copy>small{color:var(--muted-2);font-size:var(--type-caption);margin-top:12px;display:block}.public-share-copy>div{flex-wrap:wrap;gap:9px;margin-top:30px;display:flex}.public-share-tracks,.public-share-single{border:1px solid var(--line);background:#0e1015c7;border-radius:18px;width:min(1080px,100%);margin:28px auto 0;overflow:hidden}.public-share-tracks>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:82px;padding:15px 20px;display:flex}.public-share-tracks h2{margin:4px 0 0;font-size:22px}.public-share-tracks>header>span{color:var(--muted);font-size:var(--type-caption)}.public-share-single{padding:8px}.public-share-page>.player-bar{grid-area:3/1}.public-share-state{text-align:center;background:radial-gradient(circle, #9f7aea29, transparent 38%), var(--bg);min-height:100dvh;color:var(--muted);place-content:center;justify-items:center;gap:12px;padding:28px;display:grid}.public-share-state h1{color:var(--text);margin:8px 0 0;font-size:34px}.public-share-state p{margin:0 0 12px}.public-share-state a{color:var(--text);text-decoration:none}.public-share-state--embedded{background:0 0;min-height:58vh}.public-profile-page{grid-template-rows:74px minmax(0,1fr) var(--player-height);background:radial-gradient(circle at 15% -10%, #d9ff631c, transparent 30%), radial-gradient(circle at 88% 20%, #9f7aea2e, transparent 32%), var(--bg);height:100dvh;display:grid;overflow:hidden}.public-search-page{grid-template-rows:74px minmax(0,1fr) var(--player-height);background:radial-gradient(circle at 12% -10%, #d9ff6317, transparent 30%), radial-gradient(circle at 88% 15%, #9f7aea29, transparent 34%), var(--bg);height:100dvh;display:grid;overflow:hidden}.public-search-main{grid-row:2;min-width:0;padding:38px 30px 64px;overflow:auto}.public-search-main>.search-page{width:min(1080px,100%);margin:0 auto}.public-search-page>.player-bar{grid-area:3/1}.public-profile-main{grid-row:2;min-width:0;padding:42px 30px 80px;overflow:auto}.public-profile-main--embedded{width:100%;padding:4px 0 70px;overflow:visible}.public-profile-hero{border:1px solid var(--line-strong);background:linear-gradient(130deg,#ffffff0d,#ffffff03);border-radius:26px;align-items:center;gap:28px;width:min(1080px,100%);min-height:230px;margin:0 auto;padding:34px;display:flex;box-shadow:0 30px 90px #0000003d}.public-profile-avatar{color:#11140b;background:linear-gradient(145deg,#d9ff63,#7e9e25);border-radius:42px;flex:0 0 146px;place-items:center;height:146px;font-size:64px;font-weight:900;display:grid;overflow:hidden;box-shadow:0 20px 55px #8cb2282e}.public-profile-avatar img{object-fit:cover;width:100%;height:100%;display:block}.public-profile-identity h1{letter-spacing:-.055em;margin:8px 0 3px;font-size:clamp(42px,5vw,68px);line-height:1}.public-profile-identity p{color:#b8bdc8;margin:0;font-size:20px}.public-profile-identity small{color:var(--muted);align-items:center;gap:7px;margin-top:22px;display:flex}.public-profile-now-playing{background:linear-gradient(100deg,#d9ff6314,#101217e6 42%,#9f7aea14);border:1px solid #d9ff633d;border-radius:18px;grid-template-columns:auto 80px minmax(0,1fr) minmax(220px,340px);align-items:center;gap:14px;width:min(1080px,100%);min-height:108px;margin:14px auto 0;padding:14px;display:grid;box-shadow:inset 0 1px #ffffff09}.public-profile-now-playing__live{color:var(--acid);letter-spacing:.08em;white-space:nowrap;align-items:center;gap:7px;font-size:11px;font-weight:850;display:flex}.public-profile-now-playing__live>span{background:var(--acid);border-radius:50%;width:8px;height:8px;animation:1.8s ease-in-out infinite live-pulse;box-shadow:0 0 0 5px #d9ff6317,0 0 18px #d9ff638c}.public-profile-now-playing__cover{border-radius:12px;width:80px;height:80px}.public-profile-now-playing__track,.public-profile-now-playing__playlist{min-width:0;color:var(--text);cursor:pointer;border:0}.public-profile-now-playing__track{text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:14px;padding:8px 6px;display:flex}.public-profile-now-playing__track>span:first-child{gap:5px;min-width:0;display:grid}.public-profile-now-playing__track strong,.public-profile-now-playing__track small,.public-profile-now-playing__playlist strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.public-profile-now-playing__track strong{font-size:18px}.public-profile-now-playing__track small{color:var(--muted)}.public-profile-now-playing__play{background:var(--acid);color:#101309;border-radius:50%;flex:0 0 42px;place-items:center;height:42px;transition:transform .18s;display:grid}.public-profile-now-playing__track:hover .public-profile-now-playing__play{transform:scale(1.06)}.public-profile-now-playing__playlist{border:1px solid var(--line);text-align:left;background:#ffffff09;border-radius:12px;grid-template-columns:20px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:12px 13px;display:grid}.public-profile-now-playing__playlist:hover{background:#d9ff630e;border-color:#d9ff6347}.public-profile-now-playing__playlist>svg{color:var(--acid)}.public-profile-now-playing__playlist>span{gap:3px;min-width:0;display:grid}.public-profile-now-playing__playlist small{color:var(--muted);letter-spacing:.08em;font-size:10px;font-weight:800}@keyframes live-pulse{50%{opacity:.58;transform:scale(.78)}}.public-profile-stats{grid-template-columns:repeat(4,1fr);gap:10px;width:min(1080px,100%);margin:14px auto 0;display:grid}.public-profile-stats article{border:1px solid var(--line);background:#101217d1;border-radius:15px;align-items:center;gap:12px;min-height:92px;padding:16px;display:flex}.public-profile-stats article>svg{color:var(--acid);flex:none}.public-profile-stats article span{gap:2px;min-width:0;display:grid}.public-profile-stats strong{white-space:nowrap;font-size:22px}.public-profile-stats small{color:var(--muted);font-size:var(--type-caption)}.public-profile-section,.public-profile-tracklist{width:min(1080px,100%);margin:28px auto 0}.public-profile-wall{width:min(1080px,100%);max-width:1080px}.public-profile-wall>header{margin-bottom:24px}.public-profile-wall .social-feed-list,.public-profile-wall .social-card{width:100%;max-width:none}.public-profile-section>header,.public-profile-tracklist>header{justify-content:space-between;align-items:end;gap:18px;min-height:58px;display:flex}.public-profile-section h2,.public-profile-tracklist h2{margin:5px 0 0;font-size:27px}.public-profile-section>header>small,.public-profile-tracklist>header>span{color:var(--muted);font-size:var(--type-caption)}.public-profile-playlists{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:13px;display:grid}.public-profile-playlists>button{border:1px solid var(--line);min-width:0;color:var(--text);text-align:left;cursor:pointer;background:#101217d1;border-radius:15px;grid-template-columns:78px minmax(0,1fr) 32px;align-items:center;gap:12px;padding:11px;transition:transform .18s,border-color .18s;display:grid}.public-profile-playlists>button:hover{border-color:#d9ff6347;transform:translateY(-2px)}.public-profile-playlist-card-cover{border-radius:11px;width:78px;height:78px}.public-profile-playlists>button>span{gap:5px;min-width:0;display:grid}.public-profile-playlists strong,.public-profile-playlists small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.public-profile-playlists small{color:var(--muted);font-size:var(--type-caption)}.public-profile-playlists>button>svg{color:var(--acid)}.public-profile-empty{border:1px dashed var(--line-strong);min-height:150px;color:var(--muted);text-align:center;border-radius:17px;place-content:center;justify-items:center;gap:7px;margin-top:13px;display:grid}.public-profile-empty svg{color:var(--acid)}.public-profile-empty strong{color:var(--text)}.public-profile-top>div{border:1px solid var(--line);background:#101217d1;border-radius:16px;margin-top:13px;overflow:hidden}.public-profile-top article{border-bottom:1px solid var(--line);grid-template-columns:24px 48px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:66px;padding:7px 14px;display:grid}.public-profile-top article:last-child{border-bottom:0}.public-profile-top article.is-active{background:#d9ff630b}.public-profile-top__play{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;margin-left:-2px;transition:color .16s,background .16s;display:grid}.public-profile-top__play:hover,.public-profile-top article.is-active .public-profile-top__play{color:var(--acid);background:#d9ff631f}.public-profile-top article>span{gap:3px;min-width:0;display:grid}.public-profile-top article strong,.public-profile-top article small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.public-profile-top article small{color:var(--muted);font-size:var(--type-caption)}.public-profile-top article em{color:var(--muted-2);font-size:var(--type-caption);font-style:normal}.public-profile-top-cover{border-radius:9px;width:48px;height:48px}.public-profile-back{width:min(1080px,100%);color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin:0 auto 14px;display:flex}.public-profile-back:hover{color:var(--text)}.public-profile-playlist-hero{border:1px solid var(--line-strong);background:linear-gradient(130deg,#ffffff0d,#ffffff03);border-radius:24px;grid-template-columns:220px minmax(0,1fr);align-items:center;gap:32px;width:min(1080px,100%);min-height:280px;margin:0 auto;padding:28px;display:grid}.public-profile-playlist-cover{border-radius:18px;width:220px;height:220px}.public-profile-playlist-hero h1{letter-spacing:-.05em;margin:9px 0 8px;font-size:clamp(36px,5vw,62px);line-height:1}.public-profile-playlist-hero p{max-width:680px;color:var(--muted);white-space:pre-wrap;line-height:1.5}.public-profile-playlist-hero .primary-button{margin-top:14px}.public-profile-tracklist{border:1px solid var(--line);background:#101217d1;border-radius:17px;overflow:hidden}.public-profile-tracklist>header{border-bottom:1px solid var(--line);align-items:center;padding:12px 18px}.public-profile-loading{inset:74px 0 var(--player-height);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:30;color:var(--muted);background:#08090ca3;justify-content:center;align-items:center;gap:9px;display:flex;position:fixed}.public-profile-error{width:min(1080px,100%);margin:14px auto 0}.public-profile-page>.player-bar{grid-area:3/1}.public-profile-edit-button{width:max-content;margin-top:14px}.profile-edit-backdrop{z-index:90;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#040507c2;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.profile-edit-dialog{border:1px solid var(--line-strong);background:#111318;border-radius:22px;gap:22px;width:min(470px,100%);padding:24px;display:grid;box-shadow:0 30px 100px #00000085}.profile-edit-dialog>header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.profile-edit-dialog h2{margin:5px 0 0;font-size:27px}.profile-edit-avatar{justify-items:center;gap:10px;display:grid}.profile-edit-avatar .public-profile-avatar{border-radius:32px;flex-basis:112px;width:112px;height:112px;font-size:46px}.profile-edit-avatar .secondary-button{cursor:pointer;position:relative;overflow:hidden}.profile-edit-avatar input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.profile-edit-avatar small{color:var(--muted);font-size:var(--type-caption)}.profile-edit-name{color:var(--muted);font-size:var(--type-label);gap:8px;display:grid}.profile-edit-name input{border:1px solid var(--line-strong);width:100%;height:48px;color:var(--text);font:inherit;background:#ffffff0b;border-radius:12px;outline:0;padding:0 13px}.profile-edit-name input:focus{border-color:#d9ff637a;box-shadow:0 0 0 3px #d9ff6314}.profile-edit-dialog>.form-error{margin:-8px 0 0}.profile-edit-dialog>footer{justify-content:flex-end;gap:9px;display:flex}.admin-page{width:min(1420px,100%);margin:0 auto;padding-bottom:70px}.admin-page__hero{border:1px solid var(--line-strong);background:radial-gradient(circle at 85% 15%,#d9ff631a,#0000 28%),linear-gradient(130deg,#ffffff0d,#ffffff03);border-radius:24px;justify-content:space-between;align-items:center;gap:30px;min-height:210px;padding:34px 38px;display:flex}.admin-page__hero h1{letter-spacing:-.055em;margin:8px 0 9px;font-size:clamp(42px,5vw,66px);line-height:1}.admin-page__hero p{max-width:720px;color:var(--muted);font-size:var(--type-control);margin:0;line-height:1.5}.admin-page__live{color:#dfffa0;font-size:var(--type-label);background:#d9ff630e;border:1px solid #d9ff6338;border-radius:30px;flex:none;align-items:center;gap:8px;padding:10px 14px;display:flex}.admin-page__live i{background:var(--acid);width:8px;height:8px;box-shadow:0 0 12px var(--acid);border-radius:50%}.admin-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.admin-metrics article{border:1px solid var(--line);background:#101217d1;border-radius:16px;align-items:flex-start;gap:12px;min-height:116px;padding:17px;display:flex}.admin-metrics article>svg{color:var(--acid);flex:none;margin-top:3px}.admin-metrics article span{gap:2px;min-width:0;display:grid}.admin-metrics strong{font-size:25px;line-height:1.1}.admin-metrics b{font-size:var(--type-label);font-weight:650}.admin-metrics small{color:var(--muted);font-size:var(--type-caption);margin-top:5px}.admin-users,.admin-top-tracks{margin-top:30px}.admin-users>header,.admin-top-tracks>header{justify-content:space-between;align-items:end;gap:18px;min-height:62px;display:flex}.admin-users h2,.admin-top-tracks h2{margin:5px 0 0;font-size:29px}.admin-users>header label{border:1px solid var(--line-strong);width:min(350px,45vw);height:44px;color:var(--muted);background:#101217e0;border-radius:12px;align-items:center;gap:9px;padding:0 12px;display:flex}.admin-users>header input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1}.admin-users__table{border:1px solid var(--line);background:#101217d1;border-radius:17px;margin-top:12px;overflow:hidden}.admin-users__head,.admin-users__table>article{border-bottom:1px solid var(--line);grid-template-columns:minmax(210px,1.35fr) minmax(130px,.72fr) minmax(140px,.82fr) minmax(140px,.82fr) minmax(180px,1fr) 34px;align-items:center;gap:15px;min-height:76px;padding:9px 14px;display:grid}.admin-users__head{min-height:42px;color:var(--muted);font-size:var(--type-caption);text-transform:uppercase;letter-spacing:.08em}.admin-users__table>article:last-of-type{border-bottom:0}.admin-user-identity{align-items:center;gap:11px;min-width:0;display:flex}.admin-user-identity>span{color:#11140b;background:linear-gradient(145deg,#d9ff63,#769720);border-radius:12px;flex:0 0 45px;place-items:center;height:45px;font-size:18px;font-weight:900;display:grid}.admin-user-identity p,.admin-users__table>article>div:not(.admin-user-identity){gap:4px;min-width:0;margin:0;display:grid}.admin-user-identity strong,.admin-user-identity small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-user-identity small{color:var(--muted);font-size:var(--type-caption);align-items:center;gap:7px;display:flex}.admin-user-identity em{color:var(--acid);font-size:var(--type-micro);background:#d9ff631a;border-radius:5px;align-items:center;gap:3px;padding:2px 5px;font-style:normal;display:inline-flex}.admin-user-created{gap:4px;min-width:0;display:grid}.admin-user-created strong{white-space:nowrap}.admin-user-created small{color:var(--muted);font-size:var(--type-caption)}.admin-user-source{color:var(--muted);font-size:var(--type-caption);align-items:center;gap:7px!important;display:flex!important}.admin-user-source i{background:#565b66;border-radius:50%;width:8px;height:8px}.admin-user-source i.is-connected{background:var(--acid);box-shadow:0 0 8px #d9ff6380}.admin-users__table>article>div>strong{font-size:var(--type-body)}.admin-users__table>article>div>small{color:var(--muted);font-size:var(--type-caption);line-height:1.45}.admin-users__table>article>a{width:32px;height:32px;color:var(--muted);border-radius:9px;place-items:center;display:grid}.admin-users__table>article>a:hover{color:var(--acid);background:#d9ff6314}.admin-users__empty{min-height:120px;color:var(--muted);justify-content:center;align-items:center;gap:9px;display:flex}.admin-top-tracks>header>small{color:var(--muted)}.admin-top-tracks>div{border:1px solid var(--line);background:#101217d1;border-radius:17px;grid-template-columns:1fr 1fr;margin-top:12px;display:grid;overflow:hidden}.admin-top-tracks article{border-bottom:1px solid var(--line);grid-template-columns:25px 48px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:68px;padding:8px 14px;display:grid}.admin-top-tracks article:nth-child(odd){border-right:1px solid var(--line)}.admin-top-tracks article>span{color:var(--muted);text-align:center}.admin-top-tracks article p{gap:3px;min-width:0;margin:0;display:grid}.admin-top-tracks article strong,.admin-top-tracks article small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-top-tracks article small{color:var(--muted);font-size:var(--type-caption)}.admin-top-tracks article em{color:var(--muted-2);font-size:var(--type-caption);font-style:normal}.admin-top-track-cover{border-radius:9px;width:48px;height:48px}.admin-state,.admin-denied{min-height:420px;color:var(--muted);text-align:center;place-content:center;justify-items:center;gap:9px;display:grid}.admin-denied svg{color:var(--acid)}.admin-denied h1{color:var(--text);margin:7px 0 0;font-size:32px}.admin-denied p{max-width:520px;margin:0}.demo-badge{z-index:40;right:22px;bottom:calc(var(--player-height) + 14px);max-width:min(440px,100vw - 28px);min-height:40px;color:var(--amber);font-size:var(--type-micro);background:#1f1b14eb;border:1px solid #ffbf5f38;border-radius:10px;align-items:center;gap:10px;padding:5px 5px 5px 12px;display:flex;position:fixed;box-shadow:0 10px 28px #00000038}.demo-badge button{color:#e8e4dc;min-height:30px;font-size:var(--type-micro);cursor:pointer;background:#ffffff0f;border:0;border-radius:7px;align-items:center;gap:2px;padding:0 8px;display:flex}.app-notice{z-index:95;left:50%;bottom:calc(var(--player-height) + 18px);border:1px solid var(--line-strong);box-shadow:var(--shadow);color:var(--text);font-size:var(--type-label);background:#171a20;border-radius:10px;padding:10px 14px;position:fixed;transform:translate(-50%)}.mobile-nav{display:none}.global-tooltip{z-index:400;color:#e8eadf;max-width:min(300px,100vw - 28px);font-size:var(--type-caption);text-align:center;pointer-events:none;white-space:normal;background:#14171bfa;border:1px solid #d9ff6333;border-radius:9px;padding:8px 10px;font-weight:650;line-height:1.35;animation:.13s tooltip-in;position:fixed;box-shadow:0 10px 35px #0000006b}.global-tooltip--top{transform:translate(-50%,-100%)}.global-tooltip--bottom{transform:translate(-50%)}.global-tooltip:after{content:"";left:var(--tooltip-arrow-x,50%);background:#15181d;border-bottom:1px solid #d9ff6333;border-right:1px solid #d9ff6333;width:7px;height:7px;position:absolute}.global-tooltip--top:after{bottom:-5px;transform:translate(-50%)rotate(45deg)}.global-tooltip--bottom:after{top:-5px;transform:translate(-50%)rotate(225deg)}@keyframes tooltip-in{0%{opacity:0;filter:blur(2px)}}@media (width<=1180px){.page-content{padding-inline:25px}.search-playlist-row{grid-template-columns:repeat(4,minmax(0,1fr))}.search-profile-row,.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.playlist-grid{grid-template-columns:repeat(4,minmax(110px,1fr))}.playlist-grid>:nth-child(5){display:none}.playlist-grid--wide{grid-template-columns:repeat(2,1fr)}.playlist-grid--wide>:nth-child(3){display:none}.player-bar{grid-template-columns:minmax(170px,.7fr) minmax(320px,1.3fr) 150px;gap:10px;padding-inline:15px}.hero-session__copy{padding:38px 32px}.recommendation-periods{grid-template-columns:repeat(2,minmax(0,1fr))}.listening-top-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=930px){:root{--sidebar-width:78px}.sidebar .brand__word,.sidebar button span,.sidebar__section>p,.sidebar__section-title,.sidebar__playlists{display:none}.sidebar .brand{padding:0 7px}.sidebar__nav button,.sidebar__section>button{justify-content:center;padding:0}.sidebar__session{padding:0}.sidebar__footer{justify-content:center}.topbar{grid-template-columns:50px minmax(0,1fr);padding-inline:18px}.topbar__history button:nth-child(2),.profile-chip>span:nth-child(2),.topbar__actions>.icon-button{display:none}.hero-session{grid-template-columns:1fr}.hero-session__visual{display:none}.mood-map{grid-template-columns:1fr}.mood-map__profile{border-top:1px solid var(--line);border-left:0;min-height:280px}.playlist-grid{grid-template-columns:repeat(3,1fr)}.playlist-grid>:nth-child(4),.playlist-grid>:nth-child(5){display:none}.playlist-grid--wide{grid-template-columns:1fr}.playlist-grid--wide>:nth-child(2){display:none}.track-row{grid-template-columns:28px 48px minmax(130px,1fr) 38px 48px 38px}.track-row--queue{grid-template-columns:28px 48px minmax(130px,1fr) 38px 48px 38px 76px}.track-row__album,.track-row__next{display:none}.queue-page .track-row__queue-actions .track-row__next{display:grid}.track-row--readonly{grid-template-columns:28px 48px minmax(130px,1fr) 48px}.player-bar{grid-template-columns:minmax(170px,.75fr) minmax(300px,1.25fr)}.player-bar__tools,.queue-toggle span{display:none}.queue-toggle{justify-content:center;width:38px;padding:0}.recommendation-periods{grid-template-columns:repeat(2,minmax(0,1fr))}.recommendations-page__hero{grid-template-columns:minmax(0,1fr) 160px;padding:30px}.recommendations-page__signal{width:150px;height:150px}.discovery-recommendations>header{grid-template-columns:minmax(0,1fr) auto}.discovery-recommendations__proof{display:none}}@media (width<=720px){:root{--player-height:68px}body{overflow:hidden}.app-shell,.app-shell--compact{width:100%;height:100dvh;box-shadow:none;border-inline:0;padding-bottom:124px;display:block}.sidebar{display:none}.main-view{height:calc(100dvh - 124px);overflow:auto}.topbar{grid-template-columns:minmax(0,1fr);gap:8px;height:60px;padding:0 10px}.topbar__history{display:none}.topbar__search{justify-self:start;width:40px;height:40px}.topbar__actions{gap:5px}.connect-button{width:40px;height:40px;min-height:40px;padding:0}.connect-button span{font-size:0;display:none}.connect-button{place-items:center;gap:0;font-size:0;display:grid}.guest-login-button{height:40px;padding:0 13px}.profile-chip{border-radius:12px;gap:3px;height:40px;padding:3px}.profile-chip__avatar{width:32px;height:32px}.profile-chip .icon-button{width:28px;height:32px}.profile-chip>span:nth-child(2){display:none}.profile-chip>.icon-button{display:grid}.sources-modal{padding:22px 16px}.source-card{grid-template-columns:42px minmax(0,1fr);align-items:start;padding:14px}.source-card__icon{width:42px;height:42px}.source-card>.secondary-button,.source-card__actions{grid-column:2;justify-self:start}.source-card__vk-content{grid-column:2}.source-card__import{flex-direction:column;align-items:stretch}.source-card__prepare{width:100%}.vk-collector-setup>div{flex-direction:column;align-items:stretch}.vk-bookmarklet{width:100%}.vk-collector-setup .icon-button{display:none}.vk-import-progress>div:first-child{flex-direction:column;align-items:flex-start;gap:3px}.page-content{padding:20px 14px 55px}.page-heading{min-height:94px}.page-heading h1{font-size:32px}.page-heading p{font-size:var(--type-body)}.hero-session{min-height:315px}.hero-session__copy{padding:30px 24px}.hero-session h2{font-size:31px}.hero-session__actions{flex-direction:column;align-items:stretch}.recommendations-page__hero{min-height:0;padding:28px 23px;display:block}.recommendations-page__hero h1{font-size:37px}.recommendations-page__signal{text-align:left;border-radius:14px;flex-direction:row;justify-content:flex-start;gap:10px;width:auto;height:auto;margin-top:24px;padding:14px 16px}.recommendations-page__signal strong{margin:0;font-size:28px}.recommendations-page__signal span{margin:0}.recommendation-periods{grid-template-columns:1fr 1fr;gap:7px}.recommendation-periods button{gap:7px;min-height:68px;padding:9px}.recommendation-periods button>svg{display:none}.recommendation-period-detail{margin-top:25px}.recommendation-period-detail>header{flex-direction:column;align-items:stretch;min-height:0}.recommendation-period-detail h2{font-size:26px}.recommendation-period-detail>header .primary-button{width:100%}.discovery-recommendations{margin-top:30px;padding:17px 13px}.discovery-recommendations>header{flex-direction:column;align-items:stretch;gap:14px;min-height:0;display:flex}.discovery-recommendations__intro{align-items:flex-start}.discovery-recommendations__mark{width:42px;height:42px}.discovery-recommendations h2{font-size:26px}.discovery-recommendations>header .primary-button{width:100%}.listening-top-page__hero{min-height:0;padding:28px 23px;display:block}.listening-top-page__hero h1{font-size:37px}.listening-top-page__numbers{margin-top:24px}.listening-top-page__numbers>span{min-height:83px;padding:13px}.listening-top-tabs{grid-template-columns:1fr 1fr;gap:7px;margin:14px 0 26px}.listening-top-tabs button:last-child{grid-column:1/3}.listening-top-list>header{flex-direction:column;align-items:stretch;min-height:0}.listening-top-list h2{font-size:27px}.listening-top-list>header .primary-button{width:100%}.content-section{margin-top:34px}.section-header h2{font-size:22px}.section-header p{display:none}.quick-grid{grid-template-columns:1fr}.quick-grid>:nth-child(n+5){display:none}.playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.playlist-grid>:nth-child(3){display:block}.playlist-grid>:nth-child(n+5),.playlist-card__more,.rediscover-section .track-row:nth-child(n+4){display:none}.track-row{grid-template-columns:28px 46px minmax(0,1fr) 34px 34px 34px;gap:5px;min-height:64px;padding-inline:4px}.track-row--queue{grid-template-columns:28px 46px minmax(0,1fr) 34px 34px 72px}.track-row__cover{width:46px;height:46px}.track-row__album,.track-row__duration{display:none}.track-row__next{opacity:1;display:grid}.track-row__more{opacity:1}.track-row--readonly{grid-template-columns:28px 46px minmax(0,1fr)}.mood-map__intro{padding:28px 23px}.mood-map__intro h2{font-size:27px}.mood-map__profile{min-height:0;padding:25px 20px}.mood-map__meters{grid-template-columns:1fr}.mood-map__profile-heading strong{font-size:20px}.playlist-card--wide{grid-template-columns:105px minmax(0,1fr);min-height:125px}.playlist-card--wide .playlist-card__cover{width:105px}.playlist-card--wide .playlist-card__meta{gap:8px}.library-toolbar{overflow-x:auto}.layout-switch{display:none}.filter-pills{min-width:max-content}.library-lab{flex-direction:column;align-items:flex-start;padding:23px}.collection-summary{grid-template-columns:72px minmax(0,1fr);gap:15px;padding:18px}.collection-summary__icon{border-radius:16px;width:72px;height:72px}.collection-summary h2{font-size:22px}.collection-summary .primary-button{grid-column:1/3;width:100%}.playlist-detail__hero{grid-template-columns:112px minmax(0,1fr);align-items:center;gap:16px;min-height:0;padding:14px}.playlist-detail__cover{border-radius:13px;width:112px;height:112px}.playlist-detail__meta{padding:0}.playlist-detail__meta h1{margin:7px 0 5px;font-size:28px}.playlist-detail__meta>p{font-size:var(--type-label)}.playlist-detail__meta>div{margin-top:12px}.playlist-detail__meta .secondary-button,.playlist-detail__meta .icon-button{display:none}.playlist-detail__meta .share-button--labeled{width:42px;padding:0}.playlist-detail__meta .share-button--labeled span{display:none}.playlist-detail__summary{flex-direction:column;justify-content:center;align-items:flex-start;padding-block:12px}.playlist-detail__summary p{flex-wrap:wrap}.player-bar{z-index:60;grid-template-rows:1fr;grid-template-columns:minmax(0,1fr) auto auto;gap:5px;height:68px;padding:6px 8px;display:grid;position:fixed;bottom:56px;left:0;right:0}.player-bar__track{grid-template-columns:48px minmax(0,1fr) 34px}.player-bar__cover{width:48px;height:48px}.player-bar__center{display:block}.player-bar__controls{gap:2px}.player-bar__controls>:first-child,.player-bar__controls>:last-child,.player-bar__timeline{display:none}.player-bar__tools{display:flex}.player-bar__tools>:not(:first-child),.player-bar__volume-row{display:none}.player-bar__play{width:38px;height:38px}.public-share-page{grid-template-rows:60px minmax(0,1fr)}.public-share-topbar{grid-template-columns:1fr auto;padding:0 14px}.public-share-topbar>span{display:none}.public-share-topbar>.secondary-button{min-height:36px;font-size:var(--type-micro);padding:0 11px}.public-share-main{padding:20px 14px 100px}.public-share-hero{border-radius:20px;grid-template-columns:118px minmax(0,1fr);align-items:start;gap:16px;min-height:0;padding:18px}.public-share-cover{border-radius:14px}.public-share-copy h1{margin:7px 0 5px;font-size:clamp(28px,9vw,42px)}.public-share-copy>p{font-size:var(--type-label)}.public-share-copy>small{margin-top:6px}.public-share-copy>div{grid-column:1/-1;margin-top:16px}.public-share-copy .primary-button,.public-share-copy .secondary-button{min-height:42px;font-size:var(--type-label);padding:0 12px}.public-share-tracks{border-radius:14px;margin-top:14px}.public-share-tracks>header{min-height:68px;padding:11px 13px}.public-share-tracks>header>span{display:none}.public-share-page>.player-bar{bottom:0}.public-profile-page,.public-search-page{grid-template-rows:60px minmax(0,1fr)}.public-search-main,.public-profile-main{padding:20px 14px 100px}.public-profile-main--embedded{padding:0 0 34px}.public-profile-hero{border-radius:20px;gap:17px;min-height:0;padding:20px}.public-profile-avatar{border-radius:26px;flex-basis:88px;height:88px;font-size:38px}.public-profile-identity h1{margin-top:5px;font-size:clamp(30px,9vw,43px)}.public-profile-identity p{font-size:var(--type-body)}.public-profile-identity small{font-size:var(--type-caption);margin-top:12px}.public-profile-now-playing{grid-template-columns:64px minmax(0,1fr);gap:10px 12px;min-height:0;padding:12px}.public-profile-now-playing__live{grid-column:1/-1}.public-profile-now-playing__cover{border-radius:10px;width:64px;height:64px}.public-profile-now-playing__track{padding:0}.public-profile-now-playing__track strong{font-size:16px}.public-profile-now-playing__play{flex-basis:36px;height:36px}.public-profile-now-playing__playlist{grid-column:1/-1}.public-profile-stats{grid-template-columns:1fr 1fr;gap:7px}.public-profile-stats article{min-height:77px;padding:11px}.public-profile-stats strong{font-size:19px}.public-profile-section{margin-top:24px}.public-profile-wall>header{margin-bottom:18px}.public-profile-section h2{font-size:23px}.public-profile-playlists{grid-template-columns:1fr}.public-profile-playlist-hero{border-radius:18px;grid-template-columns:104px minmax(0,1fr);align-items:start;gap:15px;min-height:0;padding:16px}.public-profile-playlist-cover{border-radius:13px;width:104px;height:104px}.public-profile-playlist-hero h1{margin-top:6px;font-size:29px}.public-profile-playlist-hero p{grid-column:1/-1;margin:0}.public-profile-playlist-hero .primary-button{grid-column:1/-1;width:100%;margin-top:4px}.public-profile-tracklist{border-radius:14px;margin-top:14px}.public-profile-tracklist>header>span,.public-profile-top>header>small{display:none}.public-profile-top article{grid-template-columns:20px 44px minmax(0,1fr);padding-inline:8px}.public-profile-top article em{display:none}.public-profile-top-cover{width:44px;height:44px}.public-profile-page>.player-bar{bottom:0}.profile-edit-backdrop{padding:10px}.profile-edit-dialog{border-radius:18px;gap:18px;padding:18px}.profile-edit-dialog h2{font-size:24px}.profile-edit-dialog>footer{grid-template-columns:1fr 1fr;display:grid}.public-search-page>.player-bar{bottom:0}.search-page{gap:10px}.search-page__heading{min-height:94px}.search-page__heading h1{font-size:32px}.search-page__heading p{font-size:var(--type-body)}.search-page__surface{border-radius:16px}.search-page__input{gap:10px;min-height:60px;padding:0 14px}.search-page__input input{height:58px;font-size:18px}.search-page__content{min-height:260px;padding:10px 8px 20px}.search-results,.search-profile-row{grid-template-columns:1fr}.admin-page{padding-bottom:30px}.admin-page__hero{border-radius:19px;min-height:0;padding:24px 20px;display:block}.admin-page__hero h1{font-size:38px}.admin-page__hero p{font-size:var(--type-body)}.admin-page__live{width:max-content;margin-top:19px}.admin-metrics{grid-template-columns:1fr 1fr;gap:7px}.admin-metrics article{gap:8px;min-height:104px;padding:12px}.admin-metrics strong{font-size:21px}.admin-metrics article:nth-child(7){grid-column:1/-1}.admin-users>header{flex-direction:column;align-items:stretch}.admin-users>header label{width:100%}.admin-users__head{display:none}.admin-users__table{border-radius:14px;margin-top:10px}.admin-users__table>article{grid-template-columns:minmax(0,1fr) 32px;gap:11px;min-height:0;padding:13px}.admin-user-identity{grid-column:1}.admin-user-created,.admin-user-source,.admin-users__table>article>div:nth-child(4),.admin-users__table>article>div:nth-child(5){grid-column:1/-1;padding-left:56px}.admin-user-created{grid-template-columns:auto 1fr;align-items:baseline;gap:8px;position:relative}.admin-user-created:before{content:"Регистрация";color:var(--muted-2);font-size:var(--type-micro);text-transform:uppercase;letter-spacing:.08em}.admin-users__table>article>a{grid-area:1/2}.admin-top-tracks>header>small{display:none}.admin-top-tracks>div{grid-template-columns:1fr}.admin-top-tracks article:nth-child(odd){border-right:0}.admin-top-tracks article{grid-template-columns:22px 44px minmax(0,1fr);padding-inline:8px}.admin-top-tracks article em{display:none}.admin-top-track-cover{width:44px;height:44px}.mobile-nav{z-index:60;border-top:1px solid var(--line);background:#0b0d11fa;grid-template-columns:repeat(5,1fr);height:57px;padding:4px 5px 5px;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:var(--muted-2);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:.6875rem;display:flex}.mobile-nav button.is-active{color:var(--acid)}.queue-page__hero{min-height:0;padding:28px 23px;display:block}.queue-page__hero h1{font-size:37px}.queue-page__count{text-align:left;border-radius:14px;flex-direction:row;justify-content:flex-start;gap:10px;width:auto;height:auto;margin-top:24px;padding:14px 16px}.queue-page__count strong,.queue-page__count span{margin:0}.queue-page__count strong{font-size:28px}.queue-page__section{margin-top:25px}.queue-page__section>header{min-height:0}.queue-page__section h2{font-size:26px}.demo-badge{bottom:132px;right:8px}.app-notice{white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 20px);bottom:136px;overflow:hidden}.share-button__feedback{max-width:calc(100% - 20px);bottom:136px}.overlay{place-items:start center;padding:10px;overflow-y:auto}.search-playlist-row{grid-template-columns:repeat(2,1fr)}.search-page__footer{display:none}.session-builder__header{grid-template-columns:42px minmax(0,1fr) 34px;padding:20px}.session-builder__header h2{font-size:22px}.session-builder__body{grid-template-columns:1fr;max-height:58dvh;padding:20px;overflow:auto}.session-builder__footer{padding:12px 20px}.session-builder__footer>div{display:none}.session-builder__footer .primary-button{width:100%}.connect-modal{padding:32px 23px 23px}.modal-backdrop{place-items:end center;padding:10px}.playlist-editor{border-radius:20px 20px 12px 12px;max-height:calc(100dvh - 20px)}.playlist-editor>header{min-height:70px;padding:14px 15px 12px 18px}.playlist-editor>header h2{font-size:22px}.playlist-editor__body{grid-template-columns:96px minmax(0,1fr);gap:15px;padding:18px}.playlist-editor__cover{border-radius:12px;width:96px;height:96px}.playlist-editor__cover-wrap label{min-height:38px;padding:0 8px;font-size:0}.playlist-editor__cover-wrap label svg{margin:auto}.playlist-editor form textarea{min-height:100px}.playlist-editor__music{margin-inline:18px;padding:12px}.playlist-editor__music-heading>div small{display:none}.playlist-editor form.playlist-editor__search{grid-template-columns:minmax(0,1fr) 44px}.playlist-editor form.playlist-editor__search button{min-width:44px;padding:0;font-size:0}.playlist-editor form.playlist-editor__search button svg{margin:auto}.playlist-editor__results>div{grid-template-columns:38px minmax(0,1fr) 38px}.playlist-editor__results .playlist-editor__track-cover{width:38px;height:38px}.playlist-editor__results button{width:38px;padding:0;font-size:0}.playlist-editor__results button svg{margin:auto}.playlist-editor__tracks{margin-inline:18px}.playlist-editor>footer{padding:10px 18px}.playlist-editor__delete{font-size:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}