.notfound-page{min-height:100vh;padding:24px 16px 240px}.notfound{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:24px;display:flex;flex-direction:column;gap:12px;isolation:isolate;margin-top:25vh;overflow:hidden;padding:40px 24px;position:relative}.notfound-code{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c6cff,#4b3bff);-webkit-background-clip:text;background-clip:text;font-size:64px;font-weight:800}.notfound-code,.notfound-text{font-family:Inter,sans-serif;margin:0}.notfound-text{color:#fff9;font-size:15px}.notfound-btn{background:linear-gradient(135deg,#7c6cff,#4b3bff);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:8px;padding:12px 28px}.notfound-btn,body{font-family:Inter,sans-serif}body{background-color:#114;height:728px;margin:0;overflow:hidden;width:393px}#root{height:100%;width:100%}body,html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overflow:hidden;overscroll-behavior:none;touch-action:manipulation}*{-webkit-tap-highlight-color:transparent}img{-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.artist-avatar-large,.friend-card,.home-album-card,.home-grid-card,.library-card,.queue-item,.search-artist-card,.track-card,a,button,span[onclick]{transition:transform .12s ease,background .15s ease,color .15s ease,opacity .15s ease,box-shadow .2s ease;will-change:transform}.friend-card:active,.home-album-card:active,.home-grid-card:active,.library-card:active,.queue-item:active,.search-artist-card:active,.track-card:active,button:active{transform:scale(.97)}.home-content{-ms-overflow-style:none;display:flex;flex-direction:column;gap:8px;height:calc(100vh - 240px);overflow-y:auto;padding:12px 16px 120px;scrollbar-width:none}.home-content::-webkit-scrollbar{display:none}.home-section-title{color:#ffffff59;font-family:Inter,sans-serif;font-size:12px;font-weight:600;letter-spacing:.08em;padding:4px 0 2px;text-transform:uppercase}.home-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));padding:4px 0}.home-grid-card{cursor:pointer;display:flex;flex-direction:column;gap:6px;min-width:0;overflow:hidden;transition:transform .15s ease}.home-grid-card:active{transform:scale(.95)}.home-grid-cover{align-items:center;aspect-ratio:1;background:#ffffff14;border-radius:10px;cursor:pointer;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.home-grid-cover img{display:block;height:100%;object-fit:cover;width:100%}.home-grid-play-overlay{align-items:center;background:#0000004d;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s ease}.home-grid-cover:hover .home-grid-play-overlay{opacity:1}.home-grid-like-btn{align-items:center;background:#0006;border:none;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;opacity:0;position:absolute;right:6px;top:6px;transition:opacity .2s ease;width:32px;z-index:3}.home-grid-cover:hover .home-grid-like-btn{opacity:1}.home-grid-like-btn:active{transform:scale(.85)}.home-grid-info{cursor:pointer;display:flex;flex-direction:column;gap:2px}.home-grid-title{color:#fffc;font-size:12px;font-weight:600}.home-grid-subtitle,.home-grid-title{font-family:Inter,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-grid-subtitle{color:#fff6;font-size:10px}.home-albums-scroll{-ms-overflow-style:none;display:flex;flex-shrink:0;gap:12px;overflow-x:auto;padding:4px 0 8px;scrollbar-width:none}.home-albums-scroll::-webkit-scrollbar{display:none}.home-album-card{cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:6px;transition:transform .15s ease;width:160px}.home-album-card:active{transform:scale(.95)}.home-album-cover{align-items:center;background:#ffffff14;border-radius:10px;height:160px;overflow:hidden;width:160px}.home-album-cover,.smart-playlist-scroll{display:flex;justify-content:center}.smart-playlist-card{width:260px}.smart-playlist-card .home-album-cover{height:260px;width:260px}.smart-playlist-card .home-album-info{align-items:center;text-align:center}.smart-playlist-card .home-album-title{font-size:17px}.smart-playlist-cover{position:relative}.smart-playlist-single{height:100%;object-fit:cover;width:100%}.smart-playlist-collage{grid-gap:2px;display:grid;gap:2px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;inset:0;position:absolute}.smart-playlist-collage img{height:100%;object-fit:cover;width:100%}.smart-playlist-cover .home-grid-play-overlay{border-radius:10px}.home-album-cover img{display:block;height:100%;object-fit:cover;width:100%}.home-album-info{display:flex;flex-direction:column;gap:2px}.home-album-title{color:#fffc;font-size:12px;font-weight:600}.home-album-artist,.home-album-title{font-family:Inter,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-album-artist{color:#fff6;font-size:10px}.friends-content{-ms-overflow-style:none;display:flex;flex-direction:column;gap:8px;height:calc(100vh - 240px);overflow-y:auto;padding:12px 16px 120px;scrollbar-width:none}.friends-content::-webkit-scrollbar{display:none}.friend-card{align-items:center;border-radius:15px;cursor:pointer;display:flex;gap:10px;height:52px;isolation:isolate;overflow:clip;padding:7px 12px;position:relative}.friend-card:before{box-shadow:inset 2px 2px 0 -2px #ffffff4d,inset 0 0 3px 1px #ffffff1a;z-index:0}.friend-card:after,.friend-card:before{border-radius:15px;content:"";inset:0;position:absolute}.friend-card:after{background:linear-gradient(135deg,#ffffff26,#ffffff0d 50%,#ffffff26);filter:url(#container-glass);overflow:hidden;z-index:-1}.friend-card .glass-corner{background:linear-gradient(155deg,#ffffffa6,#231f1fb3 30%,#231f1fb3 70%,#ffffff8c);border-radius:15px;inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute;z-index:2}.friend-avatar{align-items:center;background:#ffffff1a;border-radius:50%;display:flex;flex-shrink:0;height:38px;justify-content:center;overflow:hidden;position:relative;width:38px;z-index:1}.friend-avatar img{height:100%;object-fit:cover;width:100%}.friend-info{display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0;overflow:hidden;position:relative;z-index:1}.friend-name{color:#ffffffb3;font-size:14px;font-weight:700}.friend-name,.friend-status{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-status{color:#ffffff80;font-size:10px}.friend-action-btn{background:none;border:none;border-radius:50%;cursor:pointer;flex-shrink:0;padding:6px;position:relative;transition:background .15s;z-index:1}.friend-action-btn:active{background:#ffffff1a}.friends-search-bar{align-items:center;background:#ffffff0f;border-radius:12px;display:flex;gap:10px;margin-bottom:4px;padding:10px 14px}.friends-search-bar input{background:none;border:none;color:#ffffffd9;flex:1 1;font-family:Inter,sans-serif;font-size:14px;outline:none}.friends-search-bar input::placeholder{color:#ffffff4d}.playlist-members-section{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.library-content{-ms-overflow-style:none;display:flex;flex-direction:column;gap:8px;height:calc(100vh - 240px);overflow-y:auto;padding:12px 16px 120px;scrollbar-width:none}.library-content::-webkit-scrollbar{display:none}.library-card{align-items:center;border-radius:15px;cursor:pointer;display:flex;gap:10px;height:52px;isolation:isolate;overflow:clip;padding:7px 12px;position:relative}.library-card:before{box-shadow:inset 2px 2px 0 -2px #ffffff4d,inset 0 0 3px 1px #ffffff1a;z-index:0}.library-card:after,.library-card:before{border-radius:15px;content:"";inset:0;position:absolute}.library-card:after{background:linear-gradient(135deg,#ffffff26,#ffffff0d 50%,#ffffff26);filter:url(#container-glass);overflow:hidden;z-index:-1}.library-card .glass-corner{background:linear-gradient(155deg,#ffffffa6,#231f1fb3 30%,#231f1fb3 70%,#ffffff8c);border-radius:15px;inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute;z-index:2}.library-card-cover{background:#ffffff1a;border-radius:7px;flex-shrink:0;height:38px;overflow:hidden;position:relative;width:38px;z-index:1}.library-card-cover img{height:100%;object-fit:cover;width:100%}.library-card-info{display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0;overflow:hidden;position:relative;z-index:1}.library-card-title{color:#ffffffb3;font-size:14px;font-weight:700}.library-card-subtitle,.library-card-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-card-subtitle{color:#ffffff80;font-size:10px}.library-create-btn{align-items:center;border-radius:15px;color:#fff9;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:14px;font-weight:600;gap:10px;height:52px;isolation:isolate;overflow:clip;padding:7px 12px;position:relative}.library-create-btn:before{border:1px dashed #fff3;border-radius:15px;content:"";inset:0;position:absolute;z-index:0}.library-create-btn span,.library-create-btn svg{position:relative;z-index:1}.library-create-btn:hover{color:#fffc}.create-playlist-modal{animation:slideUp .2s ease;background:linear-gradient(180deg,#1a1a4e,#114);border-radius:20px;display:flex;flex-direction:column;gap:16px;overflow:hidden;padding:24px;position:relative;width:320px}.create-playlist-modal .glass-corner{background:linear-gradient(155deg,#ffffffa6,#231f1fb3 30%,#231f1fb3 70%,#ffffff8c);border-radius:20px;inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute;z-index:2}.create-playlist-title{color:#ffffffe6;font-size:18px;font-weight:700;text-align:center}.create-playlist-input,.create-playlist-title{font-family:Inter,sans-serif;position:relative;z-index:1}.create-playlist-input{background:#ffffff14;border:none;border-radius:12px;box-sizing:border-box;color:#fff;font-size:14px;outline:none;padding:12px 16px;width:100%}.create-playlist-input::placeholder{color:#ffffff4d}.create-playlist-actions{display:flex;gap:12px;position:relative;z-index:1}.create-playlist-cancel{background:#ffffff14;color:#fff9}.create-playlist-cancel,.create-playlist-submit{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-family:Inter,sans-serif;font-size:14px;font-weight:600;padding:10px}.create-playlist-submit{background:#fff3;color:#fff}.create-playlist-submit:hover{background:#ffffff4d}.playlist-cover-edit{align-items:center;background:#0006;border-radius:16px;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s ease}.artist-avatar-large:hover .playlist-cover-edit{opacity:1}.create-playlist-visibility{align-items:center;cursor:pointer;display:flex;gap:10px;padding:4px 0;position:relative;z-index:1}.create-playlist-visibility span{color:#fff9;font-family:Inter,sans-serif;font-size:14px}.create-playlist-toggle{background:#ffffff26;border-radius:11px;height:22px;position:relative;transition:background .2s ease;width:40px}.create-playlist-toggle.active{background:#6495ed99}.create-playlist-toggle-thumb{background:#fff;border-radius:50%;height:18px;left:2px;position:absolute;top:2px;transition:transform .2s ease;width:18px}.create-playlist-toggle.active .create-playlist-toggle-thumb{transform:translateX(18px)}.album-track-row{align-items:center;border-radius:15px;box-sizing:border-box;cursor:pointer;display:flex;flex-shrink:0;gap:10px;height:50px;padding:7px 12px;transition:background .15s;width:361px}.album-track-row:active{background:#ffffff14}.album-track-row.playing{height:50px;isolation:isolate;overflow:hidden;padding:7px 12px;position:relative;width:361px}.album-track-row.playing .track-play-bg{background-position:50%;background-size:cover;border-radius:15px;filter:blur(18px) saturate(1.2);height:100%;left:0;position:absolute;top:0;transform:scale(1.2);width:100%;z-index:-2}.album-track-row.playing:before{border-radius:15px;box-shadow:inset 2px 2px 0 -2px #ffffff4d,inset 0 0 3px 1px #ffffff1a;content:"";inset:0;position:absolute;z-index:0}.album-track-row.playing:after{background:linear-gradient(135deg,#0a0a0f8c,#0a0a0fbf);border-radius:15px;content:"";inset:0;overflow:hidden;position:absolute;z-index:-1}.album-track-row.playing .glass-corner{background:linear-gradient(155deg,#ffffffa6,#231f1fb3 30%,#231f1fb3 70%,#ffffff8c);border-radius:15px;inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute;z-index:2}.album-track-number{color:#ffffff59;flex-shrink:0;font-family:Inter,sans-serif;font-size:14px;position:relative;text-align:center;width:20px;z-index:1}.album-track-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0;position:relative;z-index:1}.album-track-title{color:#fffc;font-size:14px;font-weight:600}.album-track-artist,.album-track-title{font-family:Inter,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.album-track-artist{color:#fff6;font-size:11px}.album-track-duration{color:#ffffff4d;flex-shrink:0;font-family:Inter,sans-serif;font-size:12px;position:relative;z-index:1}.playlist-track-row{align-items:center;border-radius:15px;box-sizing:border-box;cursor:pointer;display:flex;flex-shrink:0;gap:10px;height:50px;padding:7px 12px;transition:background .15s;width:361px}.playlist-track-row:active{background:#ffffff14}.playlist-track-row.playing{height:50px;isolation:isolate;overflow:hidden;padding:7px 12px;position:relative;width:361px}.playlist-track-row.playing .track-play-bg{background-position:50%;background-size:cover;border-radius:15px;filter:blur(18px) saturate(1.2);height:100%;left:0;position:absolute;top:0;transform:scale(1.2);width:100%;z-index:-2}.playlist-track-row.playing:before{border-radius:15px;box-shadow:inset 2px 2px 0 -2px #ffffff4d,inset 0 0 3px 1px #ffffff1a;content:"";inset:0;position:absolute;z-index:0}.playlist-track-row.playing:after{background:linear-gradient(135deg,#0a0a0f8c,#0a0a0fbf);border-radius:15px;content:"";inset:0;overflow:hidden;position:absolute;z-index:-1}.playlist-track-row.playing .glass-corner{background:linear-gradient(155deg,#ffffffa6,#231f1fb3 30%,#231f1fb3 70%,#ffffff8c);border-radius:15px;inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute;z-index:2}.playlist-track-cover{align-items:center;background:#ffffff14;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;overflow:hidden;position:relative;width:36px;z-index:1}.playlist-track-cover img{display:block;height:100%;object-fit:cover;width:100%}.playlist-track-info{cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0;position:relative;z-index:1}.playlist-track-title{color:#ffffffd9;font-size:14px;font-weight:600}.playlist-track-artist,.playlist-track-title{font-family:Inter,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-track-artist{color:#fff6;font-size:12px}.playlist-track-duration{color:#ffffff4d;flex-shrink:0;font-family:Inter,sans-serif;font-size:12px;position:relative;z-index:1}.playlist-track-remove{background:none;border:none;cursor:pointer;flex-shrink:0;opacity:.4;padding:4px;position:relative;transition:opacity .15s;z-index:1}.playlist-track-row:hover .playlist-track-remove{opacity:.8}.album-load-more{background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;color:#ffffffd9;cursor:pointer;display:block;font-family:Inter,sans-serif;font-size:13px;font-weight:600;margin:16px auto 8px;padding:10px 24px;transition:background .15s}.album-load-more:hover{background:#ffffff24}.album-load-more:disabled{cursor:default;opacity:.5}.pull-refresh-indicator{align-items:center;display:flex;flex-shrink:0;justify-content:center;overflow:hidden;width:100%}.pull-refresh-spinner{animation:pullSpin .9s linear infinite;border:3px solid #ffffff26;border-radius:50%;border-top-color:#ffffffb3;height:26px;opacity:.5;transition:opacity .15s,transform .15s;width:26px}.pull-refresh-spinner.active{opacity:1;transform:scale(1.1)}@keyframes pullSpin{to{transform:rotate(1turn)}}:root{--nav-height:60px;--nav-radius:35px;--nav-padding:5px;--nav-gap:10px;--nav-bottom-offset:20px;--nav-max-width:500px;--nav-side-margin:32px;--font-family:"Inter";--item-height:60px;--item-radius:30px;--item-font-size:10px;--item-font-weight:500;--search-width:79px;--search-height:70px;--search-radius:35px;--search-inner-width:67px;--search-inner-height:57px;--search-inner-radius:27px;--glass-edge-color:#ffffffb3;--corner-mid:#0000;--item-hover-color:#ffffffe6;--item-active-bg:#ffffff26}.bottom-nav-wrapper{gap:10px;gap:var(--nav-gap);width:100%}.bottom-nav-wrapper,.glass-nav{align-items:center;display:flex}.glass-nav{border-radius:35px;border-radius:var(--nav-radius);flex:1 1;height:60px;height:var(--nav-height);isolation:isolate;overflow:hidden;padding:5px;padding:var(--nav-padding);position:relative}.glass-nav:before{box-shadow:inset 2px 2px 0 -2px #ffffffb3,inset 0 0 3px 1px #ffffffb3;box-shadow:inset 2px 2px 0 -2px var(--glass-edge-color),inset 0 0 3px 1px var(--glass-edge-color);opacity:.5;z-index:0}.glass-nav:after,.glass-nav:before{border-radius:35px;border-radius:var(--nav-radius);content:"";inset:0;position:absolute}.glass-nav:after{background:linear-gradient(135deg,#ffffff26,#ffffff0d 50%,#ffffff26);background:linear-gradient(var(--glass-bg-angle),var(--glass-bg-from) 0,var(--glass-bg-mid) 50%,var(--glass-bg-to) 100%);filter:url(#container-glass);overflow:hidden;z-index:-1}.glass-circle .glass-corner,.glass-nav .glass-corner{background:linear-gradient(155deg,#fffffff2,#0000 30%,#0000 70%,#ffffffbf);background:linear-gradient(var(--corner-angle),var(--corner-from) var(--corner-stop-1),var(--corner-mid) var(--corner-stop-2),var(--corner-mid) var(--corner-stop-3),var(--corner-to) var(--corner-stop-4));border-radius:35px;border-radius:var(--nav-radius);inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;padding:var(--corner-border-width);pointer-events:none;position:absolute;z-index:2}.nav-item{align-items:center;border-radius:30px;border-radius:var(--item-radius);color:#ffffffb3;color:var(--item-color);cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:4px;height:60px;height:var(--item-height);justify-content:center;position:relative;transition:background .2s ease,color .2s ease;transition:background var(--transition-speed) ease,color var(--transition-speed) ease;z-index:1}.nav-item span{font-family:Inter;font-family:var(--font-family);font-size:10px;font-size:var(--item-font-size);font-weight:500;font-weight:var(--item-font-weight);position:relative;top:-1px}.nav-item.active{background:#ffffff26;background:var(--item-active-bg);color:#fff;color:var(--item-active-color)}.nav-item:not(.active):hover{background:#ffffff14;background:var(--item-hover-bg);color:#ffffffe6;color:var(--item-hover-color)}.glass-circle{align-items:center;border-radius:35px;border-radius:var(--search-radius);cursor:pointer;display:flex;flex-shrink:0;height:70px;height:var(--search-height);isolation:isolate;justify-content:center;overflow:hidden;position:relative;width:79px;width:var(--search-width)}.glass-circle:before{box-shadow:inset 2px 2px 0 -2px #ffffffb3,inset 0 0 3px 0 #ffffffb3;box-shadow:inset 2px 2px 0 -2px var(--glass-edge-color),inset 0 0 3px 0 var(--glass-edge-color);opacity:.1;z-index:0}.glass-circle:after,.glass-circle:before{border-radius:35px;border-radius:var(--search-radius);content:"";inset:0;position:absolute}.glass-circle:after{background:linear-gradient(135deg,#ffffff26,#ffffff0d 50%,#ffffff26);background:linear-gradient(var(--glass-bg-angle),var(--glass-bg-from) 0,var(--glass-bg-mid) 50%,var(--glass-bg-to) 100%);filter:url(#btn-glass);overflow:hidden;z-index:-1}.glass-circle .glass-corner{border-radius:35px;border-radius:var(--search-radius)}.glass-circle-inner{align-items:center;border-radius:27px;border-radius:var(--search-inner-radius);color:#ffffffb3;color:var(--item-color);display:flex;flex-direction:column;gap:2px;height:57px;height:var(--search-inner-height);justify-content:center;transition:background .2s ease,color .2s ease;transition:background var(--transition-speed) ease,color var(--transition-speed) ease;width:67px;width:var(--search-inner-width);z-index:1}.glass-circle-inner,.glass-circle-inner span{font-size:10px;font-size:var(--item-font-size);position:relative}.glass-circle-inner span{font-family:Inter;font-family:var(--font-family);font-weight:500;font-weight:var(--item-font-weight);top:-1.5px}.glass-circle.active .glass-circle-inner{background:#ffffff26;background:var(--item-active-bg);color:#fff;color:var(--item-active-color)}.glass-circle:not(.active):hover .glass-circle-inner{background:#ffffff14;background:var(--item-hover-bg);color:#ffffffe6;color:var(--item-hover-color)}:root{--tab-width:201px;--tab-height:37px;--tab-item-height:27px;--avatar-size:55px;--avatar-right-offset:0px}.top-nav-wrapper{height:60px;height:var(--topnav-height);justify-content:center;padding:16px 16px 0;padding:var(--topnav-padding-top) var(--topnav-side-padding) 0;width:100%}.tab-switcher,.top-nav-wrapper{align-items:center;box-sizing:border-box;display:flex;position:relative}.tab-switcher{border-radius:30px;border-radius:var(--tab-radius);gap:5px;gap:var(--tab-gap);height:37px;height:var(--tab-height);isolation:isolate;overflow:hidden;padding:5px;padding:var(--tab-padding);width:201px;width:var(--tab-width)}.tab-switcher:before{box-shadow:inset 2px 2px 0 -2px #fff0,inset 0 0 3px 1px #fff0;box-shadow:inset 2px 2px 0 -2px var(--glass-edge-color),inset 0 0 3px 1px var(--glass-edge-color);z-index:0}.tab-switcher:after,.tab-switcher:before{border-radius:30px;border-radius:var(--tab-radius);content:"";inset:0;position:absolute}.tab-switcher:after{background:linear-gradient(135deg,#ffffff26,#ffffff0d 50%,#ffffff26);background:linear-gradient(var(--glass-bg-angle),var(--glass-bg-from) 0,var(--glass-bg-mid) 50%,var(--glass-bg-to) 100%);filter:url(#container-glass);overflow:hidden;z-index:-1}.avatar .glass-corner,.tab-switcher .glass-corner{background:linear-gradient(155deg,#ffffffa6,#231f1fb3 30%,#231f1fb3 70%,#ffffff8c);background:linear-gradient(var(--corner-angle),var(--corner-from) var(--corner-stop-1),var(--corner-mid) var(--corner-stop-2),var(--corner-mid) var(--corner-stop-3),var(--corner-to) var(--corner-stop-4));inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;padding:var(--corner-border-width);pointer-events:none;position:absolute;z-index:2}.tab-switcher .glass-corner{border-radius:30px;border-radius:var(--tab-radius)}.tab-item{align-items:center;border-radius:100px;border-radius:var(--tab-item-radius);color:#ffffffb3;color:var(--item-color);cursor:pointer;display:flex;flex:1 1;font-family:Inter,sans-serif;font-family:var(--font-family);font-size:14px;font-size:var(--tab-item-font-size);font-weight:600;font-weight:var(--tab-item-font-weight);height:27px;height:var(--tab-item-height);justify-content:center;position:relative;transition:background .2s ease,color .2s ease;transition:background var(--transition-speed) ease,color var(--transition-speed) ease;white-space:nowrap;z-index:1}.tab-item.active{background:#ffffff4d;background:var(--item-active-bg);color:#fff;color:var(--item-active-color)}.tab-item:not(.active):hover{background:#ffffff14;background:var(--item-hover-bg);color:#fffc;color:var(--item-hover-color)}.avatar{align-items:center;border-radius:50%;color:#fff;color:var(--item-active-color);cursor:pointer;display:flex;flex-shrink:0;height:55px;height:var(--avatar-size);isolation:isolate;justify-content:center;opacity:.75;overflow:hidden;position:absolute;right:0;right:var(--avatar-right-offset);top:50%;transform:translateY(-30%);width:55px;width:var(--avatar-size)}.avatar:before{box-shadow:inset 2px 2px 0 -2px #fff0,inset 0 0 3px 1px #fff0;box-shadow:inset 2px 2px 0 -2px var(--glass-edge-color),inset 0 0 3px 1px var(--glass-edge-color);z-index:0}.avatar:after,.avatar:before{border-radius:50%;content:"";inset:0;position:absolute}.avatar:after{background:linear-gradient(135deg,#ffffff26,#ffffff0d 50%,#ffffff26);background:linear-gradient(var(--glass-bg-angle),var(--glass-bg-from) 0,var(--glass-bg-mid) 50%,var(--glass-bg-to) 100%);filter:url(#btn-glass);overflow:hidden;z-index:-1}.avatar .glass-corner{border-radius:50%}.avatar svg{position:relative;z-index:1}.avatar:hover{background:#ffffff14;background:var(--item-hover-bg)}:root{--player-height:52px;--player-radius:15px;--player-padding:10px;--player-gap:7px;--cover-size:38px;--cover-radius:7px;--track-font-size:14px;--track-font-weight:700;--artist-font-size:10px;--artist-font-weight:400;--control-gap:18px;--control-icon-size:28px;--glass-edge-color:#2c2a2ab3;--corner-from:#fffffff2;--corner-mid:#fff0;--corner-to:#ffffffbf;--track-color:#ffffffb3;--artist-color:#ffffffb3;--control-color:#ffffffb3;--control-hover-color:#ffffffb3}.player{align-items:center;border-radius:15px;border-radius:var(--player-radius);box-sizing:border-box;display:flex;height:52px;height:var(--player-height);isolation:isolate;overflow:hidden;padding:10px;padding:var(--player-padding);position:relative;width:100%}.player:before{box-shadow:inset 2px 2px 0 -2px #2c2a2ab3,inset 0 0 3px 1px #2c2a2ab3;box-shadow:inset 2px 2px 0 -2px var(--glass-edge-color),inset 0 0 3px 1px var(--glass-edge-color);opacity:.5;z-index:0}.player:after,.player:before{border-radius:15px;border-radius:var(--player-radius);content:"";inset:0;position:absolute}.player:after{background:linear-gradient(135deg,#ffffff26,#ffffff0d 50%,#ffffff26);background:linear-gradient(var(--glass-bg-angle),var(--glass-bg-from) 0,var(--glass-bg-mid) 50%,var(--glass-bg-to) 100%);filter:url(#container-glass);overflow:hidden;z-index:-1}.player .glass-corner{background:linear-gradient(155deg,#fffffff2,#fff0 30%,#fff0 70%,#ffffffbf);background:linear-gradient(var(--corner-angle),var(--corner-from) var(--corner-stop-1),var(--corner-mid) var(--corner-stop-2),var(--corner-mid) var(--corner-stop-3),var(--corner-to) var(--corner-stop-4));border-radius:15px;border-radius:var(--player-radius);inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;padding:var(--corner-border-width);pointer-events:none;position:absolute;z-index:2}.player-progress-track{cursor:pointer;overflow:hidden;right:0;z-index:0}.player-progress-fill,.player-progress-track{border-radius:15px;border-radius:var(--player-radius);bottom:0;height:100%;left:0;position:absolute}.player-progress-fill{background:#ffffff1f;pointer-events:none;transition:width .1s linear}.player-progress-knob{display:none}.player-body{cursor:pointer;flex:1 1;gap:7px;gap:var(--player-gap);min-width:0;z-index:1}.player-body,.player-cover{align-items:center;display:flex;position:relative}.player-cover{background:#ffffff1a;border-radius:7px;border-radius:var(--cover-radius);flex-shrink:0;height:38px;height:var(--cover-size);justify-content:center;overflow:hidden;width:38px;width:var(--cover-size)}.player-cover img{display:block;height:100%;object-fit:cover;width:100%}.player-info{display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0;overflow:hidden;position:relative;z-index:1}.player-track{color:#ffffffb3;color:var(--track-color);font-size:14px;font-size:var(--track-font-size);font-weight:700;font-weight:var(--track-font-weight)}.player-artist,.player-track{font-family:Inter,sans-serif;font-family:var(--font-family);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-artist{color:#ffffffb3;color:var(--artist-color);cursor:pointer;font-size:10px;font-size:var(--artist-font-size);font-weight:400;font-weight:var(--artist-font-weight)}.player-artist:hover{color:#ffffffe6}.player-controls{flex-shrink:0;gap:18px;gap:var(--control-gap);position:relative;z-index:1}.player-btn,.player-controls{align-items:center;display:flex}.player-btn{background:none;border:none;color:#ffffffb3;color:var(--control-color);cursor:pointer;height:28px;height:var(--control-icon-size);justify-content:center;padding:0;transition:color .2s ease,transform .2s ease;transition:color var(--transition-speed) ease,transform var(--transition-speed) ease;width:28px;width:var(--control-icon-size)}.player-btn svg{height:100%;width:100%}.player-btn:hover{color:#ffffffb3;color:var(--control-hover-color)}.player-btn:active{transform:scale(.92)}.bottom-stack{background:#114;border-radius:20px;bottom:20px;display:flex;flex-direction:column;gap:10px;left:50%;max-width:500px;padding:6px;position:fixed;transform:translateX(-50%);width:calc(100% - 32px);z-index:10}.track-menu-dots{align-items:center;background:none;border:none;border-radius:50%;color:#ffffff73;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:6px;transition:color .15s,background .15s}.track-menu-dots:hover{background:#ffffff1a;color:#fff}.track-menu-overlay{align-items:flex-end;animation:trackMenuFade .15s ease;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}@keyframes trackMenuFade{0%{opacity:0}to{opacity:1}}.track-menu-sheet{animation:trackMenuSlide .2s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1c1c3af5;border-radius:20px 20px 0 0;box-shadow:0 -8px 40px #00000080;isolation:isolate;max-width:500px;padding:10px 16px 24px;position:relative;width:100%}@keyframes trackMenuSlide{0%{opacity:.6;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.track-menu-sheet-handle{background:#ffffff40;border-radius:2px;height:4px;margin:0 auto 12px;width:40px}.track-menu-sheet-heading{color:#ffffff8c;font-family:Inter,sans-serif;font-size:12px;font-weight:700;padding:8px 12px 4px}.track-menu-title{color:#ffffffe6;font-weight:700;padding:8px 12px 10px}.track-menu-item,.track-menu-title{font-family:Inter,sans-serif;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-menu-item{border-radius:12px;color:#ffffffe0;cursor:pointer;padding:13px 16px;position:relative;transition:background .12s;z-index:1}.track-menu-item:hover{background:#ffffff14}.track-menu-empty{color:#fff6;font-family:Inter,sans-serif;font-size:13px;padding:10px 16px}.track-menu-cancel{border-radius:12px;border-top:1px solid #ffffff14;color:#ffffff80;cursor:pointer;font-family:Inter,sans-serif;font-size:15px;font-weight:600;margin-top:6px;padding:14px;position:relative;text-align:center;z-index:1}.track-menu-cancel:hover{background:#ffffff0f}.track-card{align-items:center;border-radius:15px;box-sizing:border-box;cursor:pointer;display:flex;flex-shrink:0;gap:10px;height:50px;isolation:isolate;overflow:hidden;padding:7px 12px;position:relative;width:361px}.track-card:before{box-shadow:inset 2px 2px 0 -2px #ffffff4d,inset 0 0 3px 1px #ffffff1a;z-index:0}.track-card:after,.track-card:before{border-radius:15px;content:"";inset:0;position:absolute}.track-card:after{background:linear-gradient(135deg,#ffffff26,#ffffff0d 50%,#ffffff26);filter:url(#container-glass);overflow:hidden;z-index:-1}.track-card .glass-corner{background:linear-gradient(155deg,#ffffffa6,#231f1fb3 30%,#231f1fb3 70%,#ffffff8c);border-radius:15px;inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute;z-index:2}.track-card-cover,.track-card:active{background:#ffffff14}.track-card-cover{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;overflow:hidden;position:relative;width:36px;z-index:1}.track-card-cover img{display:block;height:100%;object-fit:cover;width:100%}.track-card-info{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0;position:relative;z-index:1}.track-card-title{color:#ffffffd9;font-size:14px;font-weight:600}.track-card-artist,.track-card-title{font-family:Inter,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-card-artist{color:#fff6;font-size:12px}.track-card-artist.clickable{cursor:pointer;transition:color .15s}.track-card-artist.clickable:hover{color:#ffffffb3}:root{--topnav-padding-top:16px;--topnav-side-padding:16px;--topnav-height:60px;--tab-sitch-width:306px;--tab-sitch-height:46px;--tab-radius:30px;--tab-padding:5px 5px;--tab-gap:5px;--tab-item-switch-height:28px;--tab-item-radius:100px;--tab-item-font-size:14px;--tab-item-font-weight:600}.friends-top-wrapper{justify-content:center;padding:16px 16px 0;padding:var(--topnav-padding-top) var(--topnav-side-padding) 0}.friends-tab-switcher,.friends-top-wrapper{align-items:center;box-sizing:border-box;display:flex}.friends-tab-switcher{border-radius:30px;border-radius:var(--tab-radius);gap:5px;gap:var(--tab-gap);height:46px;height:var(--tab-sitch-height);isolation:isolate;overflow:hidden;padding:5px;padding:var(--tab-padding);position:relative;transform:translateX(5px);width:306px;width:var(--tab-sitch-width)}.friends-tab-switcher:before{box-shadow:inset 2px 2px 0 -2px #fff0,inset 0 0 3px 1px #fff0;box-shadow:inset 2px 2px 0 -2px var(--glass-edge-color),inset 0 0 3px 1px var(--glass-edge-color);z-index:0}.friends-tab-switcher:after,.friends-tab-switcher:before{border-radius:30px;border-radius:var(--tab-radius);content:"";inset:0;position:absolute}.friends-tab-switcher:after{background:linear-gradient(135deg,#ffffff26,#ffffff0d 50%,#ffffff26);background:linear-gradient(var(--glass-bg-angle),var(--glass-bg-from) 0,var(--glass-bg-mid) 50%,var(--glass-bg-to) 100%);filter:url(#container-glass);overflow:hidden;z-index:-1}.friends-tab-switcher .glass-corner{background:linear-gradient(var(--corner-angle),var(--corner-from) var(--corner-stop-1),var(--corner-mid) var(--corner-stop-2),var(--corner-mid) var(--corner-stop-3),var(--corner-to) var(--corner-stop-4));border-radius:var(--tab-radius);padding:var(--corner-border-width)}.friends-tab-item{border-radius:100px;border-radius:var(--tab-item-radius);font-family:Inter,sans-serif;font-family:var(--font-family);font-size:var(--tab-item-font-size);font-weight:600;font-weight:var(--tab-item-font-weight);transition:background var(--transition-speed) ease,color var(--transition-speed) ease}.friends-tab-item.active{background:var(--item-active-bg);color:var(--item-active-color)}.friends-tab-item:not(.active):hover{background:var(--item-hover-bg);color:var(--item-hover-color)}.friends-tab-switcher .glass-corner{background:linear-gradient(155deg,#ffffffa6,#231f1fb3 30%,#231f1fb3 70%,#ffffff8c);background:linear-gradient(var(--corner-angle,135deg),var(--corner-from,#ffffffd9) 0,var(--corner-mid,#0000) 30%,var(--corner-mid,#0000) 70%,var(--corner-to,#ffffff8c) 100%);border-radius:30px;border-radius:var(--tab-radius,30px);inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute;z-index:2}.friends-tab-item{align-items:center;border-radius:24px;border-radius:calc(var(--tab-radius, 30px) - 6px);color:#ffffffb3;color:var(--item-color);cursor:pointer;display:flex;flex:1 1;font-size:14px;height:28px;height:var(--tab-item-switch-height);justify-content:center;padding:5px;padding:var(--tab-padding);position:relative;text-align:center;transition:background .2s ease,color .2s ease;white-space:normal;z-index:1}.friends-tab-item.active{background:#ffffff4d;background:var(--item-active-bg,#ffffff4d);color:#fff;color:var(--item-active-color,#fff)}.friends-tab-item:not(.active):hover{background:#ffffff14;background:var(--item-hover-bg,#ffffff14);color:#fffc;color:var(--item-hover-color,#fffc)}:root{--library-padding-top:16px;--library-side-padding:16px;--library-height:60px;--library-tab-width:292px;--library-tab-height:32px;--library-tab-radius:30px;--library-tab-padding:5px 5px;--library-tab-gap:5px;--font-family:"Inter",sans-serif;--library-tab-item-height:24px;--library-tab-item-width:84px;--library-tab-item-radius:100px;--library-tab-item-font-size:14px;--library-tab-item-font-weight:600;--glass-bg-from:#ffffff26;--glass-bg-mid:#ffffff0d;--glass-bg-to:#ffffff26;--glass-bg-angle:135deg;--glass-edge-color:#fff0;--corner-angle:155deg;--corner-from:#ffffffa6;--corner-mid:#231f1fb3;--corner-to:#ffffff8c;--corner-stop-1:0%;--corner-stop-2:30%;--corner-stop-3:70%;--corner-stop-4:100%;--corner-border-width:1px;--item-color:#ffffffb3;--item-hover-bg:#ffffff14;--item-hover-color:#fffc;--item-active-bg:#ffffff4d;--item-active-color:#fff;--transition-speed:0.2s}.library-top-wrapper{height:60px;height:var(--library-height);justify-content:center;padding:16px 16px 0;padding:var(--library-padding-top) var(--library-side-padding) 0;width:100%}.library-tab-switcher,.library-top-wrapper{align-items:center;box-sizing:border-box;display:flex;position:relative}.library-tab-switcher{border-radius:30px;border-radius:var(--library-tab-radius);gap:var(--tab-gap);height:32px;height:var(--library-tab-height);isolation:isolate;overflow:hidden;padding:5px;padding:var(--library-tab-padding);width:292px;width:var(--library-tab-width)}.library-tab-switcher :before{border-radius:30px;border-radius:var(--library-tab-radius);box-shadow:inset 2px 2px 0 -2px #fff0,inset 0 0 3px 1px #fff0;box-shadow:inset 2px 2px 0 -2px var(--glass-edge-color),inset 0 0 3px 1px var(--glass-edge-color);content:"";inset:0;position:absolute;z-index:0}.library-tab-switcher:after{background:linear-gradient(135deg,#ffffff26,#ffffff0d 50%,#ffffff26);background:linear-gradient(var(--glass-bg-angle),var(--glass-bg-from) 0,var(--glass-bg-mid) 50%,var(--glass-bg-to) 100%);border-radius:var(--tab-radius);content:"";filter:url(#container-glass);inset:0;overflow:hidden;position:absolute;z-index:-1}.glass-corner,.library-tab-switcher .glass-corner{background:linear-gradient(155deg,#ffffffa6,#231f1fb3 30%,#231f1fb3 70%,#ffffff8c);background:linear-gradient(var(--corner-angle),var(--corner-from) var(--corner-stop-1),var(--corner-mid) var(--corner-stop-2),var(--corner-mid) var(--corner-stop-3),var(--corner-to) var(--corner-stop-4));inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;padding:var(--corner-border-width);pointer-events:none;position:absolute;z-index:2}.library-tab-switcher .glass-corner{border-radius:30px;border-radius:var(--library-tab-radius)}.library-tab-item{align-items:center;border-radius:100px;border-radius:var(--library-tab-item-radius);color:#ffffffb3;color:var(--item-color);cursor:pointer;display:flex;flex:1 1;font-family:Inter,sans-serif;font-family:var(--font-family);font-size:14px;font-size:var(--library-tab-item-font-size);font-weight:600;font-weight:var(--library-tab-item-font-weight);height:24px;height:var(--library-tab-item-height);justify-content:center;position:relative;transition:background .2s ease,color .2s ease;transition:background var(--transition-speed) ease,color var(--transition-speed) ease;white-space:nowrap;width:84px;width:var(--library-tab-item-width);z-index:1}.library-tab-item.active{background:#ffffff4d;background:var(--item-active-bg);color:#fff;color:var(--item-active-color)}.library-tab-item:not(.active):hover{background:#ffffff14;background:var(--item-hover-bg);color:#fffc;color:var(--item-hover-color)}.library-top-wrapper{gap:5px;gap:var(--library-tab-gap)}.library-all-btn{align-items:center;border-radius:30px;border-radius:var(--library-tab-radius);box-sizing:border-box;cursor:pointer;display:flex;flex-shrink:0;height:32px;isolation:isolate;justify-content:center;margin-right:17px;overflow:hidden;position:relative;width:54px}.library-all-btn:before{box-shadow:inset 2px 2px 0 -2px #fff0,inset 0 0 3px 1px #fff0;box-shadow:inset 2px 2px 0 -2px var(--glass-edge-color),inset 0 0 3px 1px var(--glass-edge-color);z-index:0}.library-all-btn:after,.library-all-btn:before{border-radius:30px;border-radius:var(--library-tab-radius);content:"";inset:0;position:absolute}.library-all-btn:after{background:linear-gradient(135deg,#ffffff26,#ffffff0d 50%,#ffffff26);background:linear-gradient(var(--glass-bg-angle),var(--glass-bg-from) 0,var(--glass-bg-mid) 50%,var(--glass-bg-to) 100%);filter:url(#container-glass);overflow:hidden;z-index:-1}.library-all-btn .glass-corner{border-radius:30px;border-radius:var(--library-tab-radius)}.library-all-btn-inner{align-items:center;border-radius:100px;border-radius:var(--library-tab-item-radius);color:#ffffffb3;color:var(--item-color);display:flex;font-family:Inter,sans-serif;font-family:var(--font-family);font-size:14px;font-size:var(--library-tab-item-font-size);font-weight:600;font-weight:var(--library-tab-item-font-weight);height:24px;justify-content:center;position:relative;transition:background .2s ease,color .2s ease;transition:background var(--transition-speed) ease,color var(--transition-speed) ease;width:44px;z-index:1}.library-all-btn.active .library-all-btn-inner{background:#ffffff4d;background:var(--item-active-bg);color:#fff;color:var(--item-active-color)}.library-all-btn:not(.active):hover .library-all-btn-inner{background:#ffffff14;background:var(--item-hover-bg);color:#fffc;color:var(--item-hover-color)}.history-list{-ms-overflow-style:none;display:flex;flex-direction:column;gap:8px;height:calc(100vh - 250px - env(safe-area-inset-bottom, 0px));height:calc(100dvh - 250px - env(safe-area-inset-bottom, 0px));overflow-y:auto;padding:12px 16px 20px;scrollbar-width:none}.history-list::-webkit-scrollbar{display:none}.history-row{align-items:center;border-radius:15px;box-sizing:border-box;cursor:pointer;display:flex;flex-shrink:0;gap:10px;height:50px;isolation:isolate;overflow:hidden;padding:7px 12px;position:relative;width:361px}.history-row:before{box-shadow:inset 2px 2px 0 -2px #ffffff4d,inset 0 0 3px 1px #ffffff1a;z-index:0}.history-row:after,.history-row:before{border-radius:15px;content:"";inset:0;position:absolute}.history-row:after{background:linear-gradient(135deg,#ffffff26,#ffffff0d 50%,#ffffff26);filter:url(#container-glass);overflow:hidden;z-index:-1}.history-row .glass-corner{background:linear-gradient(155deg,#ffffffa6,#231f1fb3 30%,#231f1fb3 70%,#ffffff8c);border-radius:15px;inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute;z-index:2}.history-row-cover,.history-row:active{background:#ffffff14}.history-row-cover{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;overflow:hidden;position:relative;width:36px;z-index:1}.history-row-cover img{display:block;height:100%;object-fit:cover;width:100%}.history-row-info{cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0;position:relative;z-index:1}.history-row-title{color:#ffffffd9;font-size:14px;font-weight:600}.history-row-artist,.history-row-title{font-family:Inter,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-row-artist{color:#fff6;font-size:12px}.history-row-duration{color:#ffffff4d;flex-shrink:0;font-family:Inter,sans-serif;font-size:11px;position:relative;z-index:1}.global-search{display:flex;flex-direction:column;gap:12px;padding:12px 16px}.global-search-input-wrapper{align-items:center;border-radius:30px;box-sizing:border-box;display:flex;gap:10px;height:48px;isolation:isolate;overflow:hidden;padding:0 16px;position:relative}.global-search-input-wrapper:before{border-radius:30px;box-shadow:inset 2px 2px 0 -2px #ffffff4d,inset 0 0 3px 1px #ffffff1a;box-shadow:inset 2px 2px 0 -2px var(--glass-edge-color,#ffffff4d),inset 0 0 3px 1px var(--glass-edge-color,#ffffff1a);content:"";inset:0;position:absolute;z-index:0}.global-search-input-wrapper:after{background:linear-gradient(135deg,#ffffff26,#ffffff0d 50%,#ffffff26);background:linear-gradient(var(--glass-bg-angle,135deg),var(--glass-bg-from,#ffffff26) 0,var(--glass-bg-mid,#ffffff0d) 50%,var(--glass-bg-to,#ffffff26) 100%);border-radius:30px;content:"";filter:url(#container-glass);inset:0;overflow:hidden;position:absolute;z-index:-1}.global-search-input-wrapper .glass-corner{background:linear-gradient(135deg,#ffffffa6,#0000 30%,#0000 70%,#ffffff8c);background:linear-gradient(var(--corner-angle,135deg),var(--corner-from,#ffffffa6) 0,var(--corner-mid,#0000) 30%,var(--corner-mid,#0000) 70%,var(--corner-to,#ffffff8c) 100%);border-radius:30px;inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute;z-index:2}.global-search-icon{color:#ffffff80;flex-shrink:0;position:relative;z-index:1}.global-search-input{background:none;border:none;caret-color:#fff;color:#fff;flex:1 1;font-family:Inter,sans-serif;font-family:var(--font-family,"Inter",sans-serif);font-size:15px;font-weight:500;outline:none;position:relative;z-index:1}.global-search-input::placeholder{color:#fff6}.global-search-clear{align-items:center;background:none;border:none;color:#ffffff80;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:0;position:relative;z-index:1}.global-search-results{-ms-overflow-style:none;display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 320px);overflow-y:auto;padding-bottom:8px;scrollbar-width:none}.global-search-results::-webkit-scrollbar{display:none}.global-search-status{align-items:center;color:#fff6;display:flex;font-family:Inter,sans-serif;font-family:var(--font-family,"Inter",sans-serif);font-size:14px;gap:10px;justify-content:center;padding:24px 0;text-align:center}.search-spinner{animation:search-spin .8s linear infinite;border:2px solid #ffffff26;border-radius:50%;border-top-color:#ffffff80;flex-shrink:0;height:18px;width:18px}@keyframes search-spin{to{transform:rotate(1turn)}}.global-search-section-title{color:#ffffff59;font-family:Inter,sans-serif;font-size:12px;font-weight:600;letter-spacing:.08em;padding:4px 0 2px;text-transform:uppercase}.search-artist-card{align-items:center;border-radius:12px;cursor:pointer;display:flex;gap:10px;padding:8px;transition:background .15s ease}.search-artist-card:hover{background:#ffffff0d}.search-artist-avatar{align-items:center;background:#ffffff14;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;width:40px}.search-artist-avatar img{height:100%;object-fit:cover;width:100%}.search-artist-info{display:flex;flex-direction:column;gap:2px;min-width:0}.search-artist-name{color:#fffc;font-size:14px;font-weight:600}.search-artist-name,.search-artist-sub{font-family:Inter,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-artist-sub{color:#fff6;font-size:11px}.telegram-search-btn{align-items:center;border-radius:16px;cursor:pointer;display:flex;gap:8px;isolation:isolate;justify-content:center;margin-top:4px;padding:12px 16px;position:relative;text-decoration:none;transition:transform .15s ease}.telegram-search-btn:active{transform:scale(.97)}.telegram-search-btn:before{box-shadow:inset 2px 2px 0 -2px #ffffff4d,inset 0 0 3px 1px #ffffff1a;box-shadow:inset 2px 2px 0 -2px var(--glass-edge-color,#ffffff4d),inset 0 0 3px 1px var(--glass-edge-color,#ffffff1a);z-index:0}.telegram-search-btn:after,.telegram-search-btn:before{border-radius:16px;content:"";inset:0;position:absolute}.telegram-search-btn:after{background:linear-gradient(135deg,#ffffff1f,#ffffff0a 50%,#ffffff1f);background:linear-gradient(var(--glass-bg-angle,135deg),var(--glass-bg-from,#ffffff1f) 0,var(--glass-bg-mid,#ffffff0a) 50%,var(--glass-bg-to,#ffffff1f) 100%);filter:url(#container-glass);z-index:-1}.telegram-search-btn .glass-corner{background:linear-gradient(135deg,#ffffff8c,#0000 30%,#0000 70%,#ffffff73);background:linear-gradient(var(--corner-angle,135deg),var(--corner-from,#ffffff8c) 0,var(--corner-mid,#0000) 30%,var(--corner-mid,#0000) 70%,var(--corner-to,#ffffff73) 100%);border-radius:16px;inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute;z-index:2}.telegram-search-btn-icon{color:#2aabee;flex-shrink:0;height:20px;position:relative;width:20px;z-index:1}.telegram-search-btn-text{color:#ffffffb3;font-family:Inter,sans-serif;font-size:13px;font-weight:600;position:relative;z-index:1}.telegram-search-btn-text span{color:#2aabee}.genre-pills{display:flex;flex-wrap:wrap;gap:8px;padding:2px 0 6px}.genre-pill{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:20px;color:#ffffffb3;cursor:pointer;font-family:Inter,sans-serif;font-size:13px;font-weight:600;padding:8px 14px;position:relative;transition:background .15s,color .15s,border-color .15s,transform .1s}.genre-pill:hover{background:#ffffff1f;color:#fff}.genre-pill.active{background:linear-gradient(135deg,#7c6cff,#5b4bff);border-color:#0000;box-shadow:0 4px 18px #5c4bff73;color:#fff;transform:translateY(-1px)}.artist-header{align-items:center;display:flex;flex-direction:column;padding:12px 16px 0;position:relative}.artist-back-btn{background:none;border:none;color:#ffffffb3;cursor:pointer;left:16px;padding:4px;position:absolute;top:12px;z-index:1}.artist-back-btn:hover{color:#fff}.artist-avatar-large{align-items:center;background:#ffffff14;border-radius:50%;display:flex;height:100px;justify-content:center;overflow:hidden;width:100px}.artist-avatar-large img{height:100%;object-fit:cover;width:100%}.artist-content{-ms-overflow-style:none;display:flex;flex-direction:column;gap:8px;height:calc(100vh - 340px);overflow-y:auto;padding:12px 16px 120px;scrollbar-width:none}.artist-content::-webkit-scrollbar{display:none}.artist-info{margin-bottom:8px;text-align:center}.artist-name-row{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:4px}.artist-name{color:#ffffffe6;font-family:Inter,sans-serif;font-size:22px;font-weight:700;margin:0}.artist-bio{line-height:1.4;margin:4px 0 8px}.artist-bio,.artist-stats{color:#fff6;font-family:Inter,sans-serif;font-size:12px}.artist-stats{display:flex;gap:16px;justify-content:center;margin-bottom:12px}.artist-follow-btn{background:#ffffff26;border:none;border-radius:20px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:600;padding:8px 32px;transition:background .2s ease}.artist-follow-btn:hover{background:#ffffff40}.artist-follow-btn.following{background:#ffffff4d}.shuffle-btn{align-items:center;background:#ffffff1f;border:none;border-radius:20px;color:#ffffffb3;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:13px;font-weight:600;gap:6px;margin:0 auto;padding:8px 20px;transition:all .2s ease}.shuffle-btn.active{background:#60a5fa59;color:#fff}.shuffle-btn:active{transform:scale(.96)}.playlist-actions{display:flex;gap:10px;justify-content:center;margin:6px 0 2px}.playlist-actions .shuffle-btn{flex:0 0 auto;margin:0}.artist-content .home-album-card{width:150px}.artist-content .home-album-cover{aspect-ratio:1;border-radius:12px;height:150px;overflow:hidden;width:150px}.artist-content .home-albums-scroll{gap:12px;padding:4px 0 8px}.artist-all-tracks-btn{align-items:center;background:#60a5fa40;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:13px;font-weight:600;justify-content:center;margin:4px auto 8px;padding:8px 24px;transition:background .2s ease,transform .12s ease}.artist-all-tracks-btn:active{transform:scale(.96)}.queue-page{display:flex;flex-direction:column;gap:8px;height:100vh;overflow:hidden;padding:16px 16px 0}.queue-list{-ms-overflow-style:none;flex:1 1;overflow-y:auto;padding-bottom:220px;scrollbar-width:none}.queue-list::-webkit-scrollbar{display:none}.queue-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.queue-back{background:none;border:none;cursor:pointer;flex-shrink:0;padding:4px}.queue-title{color:#fff;flex:1 1;font-size:22px;font-weight:700}.queue-clear-btn{background:#ffffff14;border:none;border-radius:20px;color:#ffffff80;cursor:pointer;font-family:Inter,sans-serif;font-size:12px;font-weight:600;padding:6px 14px;transition:background .15s}.queue-clear-btn:active{background:#ffffff26}.queue-section-title{color:#ffffff73;font-size:13px;font-weight:700;letter-spacing:.5px;margin:4px 0;padding-left:2px;text-transform:uppercase}.queue-item{align-items:center;border-radius:10px;display:flex;gap:10px;padding:8px;transition:background .1s}.queue-item.current{background:#ffffff0f}.queue-item-cover{background:#ffffff14;border-radius:6px;flex-shrink:0;height:44px;overflow:hidden;width:44px}.queue-item-cover img{height:100%;object-fit:cover;width:100%}.queue-item-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.queue-item-title{color:#ffffffd9;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-item.current .queue-item-title{color:#60a5fa}.queue-item-artist{color:#ffffff73;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-item-remove{background:none;border:none;border-radius:50%;cursor:pointer;flex-shrink:0;padding:6px;transition:background .15s}.queue-item-remove:active{background:#ffffff1a}.queue-empty{color:#ffffff4d;font-size:14px;margin-top:40px;text-align:center}.profile-stats-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin:8px 0 20px}.profile-stat{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:4px;isolation:isolate;overflow:hidden;padding:16px;position:relative;transition:background .15s,transform .1s}.profile-stat:hover{background:#ffffff1a;transform:translateY(-1px)}.profile-stat-num{color:#fff;font-family:Inter,sans-serif;font-size:24px;font-weight:800}.profile-stat-label{color:#fff9;font-family:Inter,sans-serif;font-size:13px;font-weight:600}.track-modal-overlay{align-items:flex-end;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.track-modal{animation:slideUp .3s ease;background:linear-gradient(180deg,#1a1a4e,#114);border-radius:24px 24px 0 0;display:flex;flex-direction:column;height:75vh;max-width:393px;overflow:hidden;position:relative;width:100%}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.track-modal .glass-corner{background:linear-gradient(155deg,#ffffffa6,#231f1fb3 30%,#231f1fb3 70%,#ffffff8c);border-radius:24px 24px 0 0;inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute;z-index:2}.track-modal-handle{cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:12px 0 8px}.track-modal-handle-bar{background:#ffffff4d;border-radius:2px;height:4px;width:40px}.track-modal-cover{background:#ffffff0d;border-radius:16px;flex-shrink:0;height:200px;margin:0 auto 16px;overflow:hidden;width:200px}.track-modal-cover img{display:block;height:100%;object-fit:cover;width:100%}.track-modal-cover-placeholder{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.track-modal-info{align-items:center;display:flex;flex-direction:column;gap:4px;margin-bottom:16px;padding:0 24px}.track-modal-title{color:#ffffffe6;font-size:20px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.track-modal-artist,.track-modal-title{font-family:Inter,sans-serif;text-align:center}.track-modal-artist{color:#ffffff80;cursor:pointer;font-size:14px}.track-modal-artist:hover{color:#fffc}.track-modal-progress{flex-shrink:0;margin-bottom:12px;padding:0 24px}.track-modal-progress-bar{background:#ffffff26;border-radius:2px;cursor:pointer;height:4px;position:relative;transition:height .15s ease;width:100%}.track-modal-progress-bar:hover{height:6px}.track-modal-progress-fill{background:#fff;border-radius:2px;height:100%;pointer-events:none;transition:width .1s linear}.track-modal-progress-knob{background:#fff;border-radius:50%;box-shadow:0 0 6px #0000004d;height:12px;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease;width:12px;z-index:3}.track-modal-progress-bar:active .track-modal-progress-knob,.track-modal-progress-bar:hover .track-modal-progress-knob{opacity:1}.track-modal-progress-times{color:#fff6;display:flex;font-family:Inter,sans-serif;font-size:11px;justify-content:space-between;margin-top:6px}.track-modal-controls{margin-bottom:8px}.track-modal-controls,.track-modal-secondary-controls{align-items:center;display:flex;flex-shrink:0;gap:24px;justify-content:center}.track-modal-secondary-controls{margin-bottom:16px}.track-modal-btn{align-items:center;background:none;border:none;border-radius:50%;color:#ffffffb3;cursor:pointer;display:flex;height:44px;justify-content:center;transition:color .2s ease,transform .15s ease;width:44px}.track-modal-btn:hover{background:#ffffff1a;color:#fff}.track-modal-btn:active{transform:scale(.9)}.track-modal-play-btn{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:64px;justify-content:center;transition:background .2s ease,transform .15s ease;width:64px}.track-modal-play-btn:hover{background:#ffffff40}.track-modal-play-btn:active{transform:scale(.93)}.track-modal-playlists{flex-shrink:0;margin-bottom:12px;padding:0 24px}.track-modal-playlists-title{color:#ffffff59;font-family:Inter,sans-serif;font-size:12px;font-weight:600;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}.track-modal-playlists-empty{color:#ffffff59;font-family:Inter,sans-serif;font-size:13px;padding:8px 0}.track-modal-playlist-item{border-radius:10px;color:#ffffffb3;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;padding:10px 14px;transition:background .15s ease}.track-modal-playlist-item:hover{background:#ffffff1a;color:#fff}.track-modal-lyrics{flex:1 1;overflow-y:auto;padding:0 24px 24px;scrollbar-width:none}.track-modal-lyrics::-webkit-scrollbar{display:none}.track-modal-lyrics-text{color:#fff9;font-family:Inter,sans-serif;font-size:14px;line-height:1.6;white-space:pre-wrap}.track-modal-lyrics-empty{color:#ffffff4d;font-family:Inter,sans-serif;font-size:14px;padding:32px 0;text-align:center}
/*# sourceMappingURL=main.c5d4e7bd.css.map*/