:root{--tg-theme-bg-color: #1a1a2e;--tg-theme-secondary-bg-color: #16213e;--tg-theme-text-color: #ffffff;--tg-theme-hint-color: #888888;--tg-theme-button-color: #6c63ff;--tg-theme-button-text-color: #ffffff;--surface-color: #1e1e3f;--border-color: rgba(255, 255, 255, .08);--accent-subtle: rgba(108, 99, 255, .15);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--tg-theme-bg-color);color:var(--tg-theme-text-color);min-height:100vh;overflow-x:hidden}#root{min-height:100vh}h1,h2,h3,p{margin:0}button{font-family:inherit}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:72px;display:flex;align-items:center;justify-content:center;z-index:100;padding-bottom:env(safe-area-inset-bottom);pointer-events:none}.bottom-nav.active .bottom-nav__pill{border-radius:5.198px 5.198px 28.764px 28.764px}.bottom-nav__pill{display:flex;align-items:center;width:calc(100% - 24px);max-width:406px;height:58px;background:#0a0022d9;border:1px solid #7b00ff;border-radius:50px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow:hidden;pointer-events:all;transition:.3s}.nav-item{flex:1;display:flex;align-items:center;justify-content:center;height:100%;text-decoration:none;transition:background .2s}.nav-item--first{flex:0 0 33.33%}.nav-item--active{background:#7b00ff}.nav-item--active svg{fill:#000}.nav-item--active svg path{fill:#000}.mini-player{position:fixed;bottom:68px;left:12px;right:12px;background:#0a0022d9;border:1px solid #7b00ff;border-radius:10px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:90;cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden;width:406px;margin:0 auto}.mini-player__inner{display:flex;align-items:center;gap:10px;padding:8px 12px}.mini-player__cover{width:48px;height:48px;border-radius:6px;background:#7b00ff4d;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;overflow:hidden}.mini-player__cover img{width:100%;height:100%;object-fit:cover}.mini-player__meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.mini-player__title{font-size:14px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-player__artist{font-size:11px;color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-player__time{font-size:11px;color:#fff9;flex-shrink:0}.mini-player__heart{background:none;border:none;cursor:pointer;padding:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:transform .15s}.mini-player__heart:active{transform:scale(.85)}.mini-player__progress-bar{height:2px;background:#ffffff1a}.mini-player__progress-fill{height:100%;background:#7b00ff;transition:width .4s linear}.full-player{position:fixed;height:600px;width:100%;bottom:0;left:0;z-index:200;border-top-left-radius:14px;border-top-right-radius:14px;border:.943px solid #000;overflow:hidden}.full-player__backdrop{position:absolute;inset:0;background:#00000080;animation:fade-in .25s ease}.full-player__sheet{position:absolute;inset:0;background:#060012e6;animation:sheet-up .32s cubic-bezier(.32,.72,0,1);transition:transform .2s ease;will-change:transform;overflow:hidden;display:flex;flex-direction:column;align-items:center}.full-player__bg{position:absolute;inset:0;z-index:0}.full-player__bg img{width:100%;height:100%;object-fit:cover;filter:blur(80px) brightness(.4);transform:scale(1.2)}.full-player__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:100%;padding:0 16px 40px;flex:1}.full-player__handle{width:55px;height:5px;background:#ffffff4d;border-radius:3px;margin:16px auto 20px;cursor:pointer;flex-shrink:0}.full-player__cover{width:min(320px,calc(100vw - 48px));height:min(320px,calc(100vw - 48px));border-radius:12px;overflow:hidden;background:#7b00ff33;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 60px #0009;flex-shrink:0;margin-bottom:28px}.full-player__cover img{width:100%;height:100%;object-fit:cover}.full-player__cover-placeholder{font-size:70px}.full-player__meta{width:100%;text-align:center;margin-bottom:20px;display:flex;flex-direction:column;gap:4px}.full-player__title{font-size:20px;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.full-player__artist{font-size:13px;color:#fff9}.full-player__progress{width:100%;margin-bottom:28px}.full-player__progress-track{position:relative;height:4px;background:#ffffff26;border-radius:2px;margin-bottom:8px}.full-player__progress-fill{position:absolute;left:0;top:0;bottom:0;background:#fff;border-radius:2px;pointer-events:none}.full-player__progress-dot{position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;background:#fff;pointer-events:none;transition:left .1s linear}.full-player__range{position:absolute;inset:-10px 0;width:100%;opacity:0;cursor:pointer;margin:0}.full-player__times{display:flex;justify-content:space-between;font-size:12px;font-weight:600;color:#fff9}.full-player__controls{display:flex;align-items:center;justify-content:center;gap:20px;width:100%}.full-player__ctrl{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:transform .1s,opacity .15s;opacity:.8}.full-player__ctrl:active{transform:scale(.9);opacity:.5}.full-player__ctrl--circle{width:48px;height:48px;border:1.5px solid rgba(255,255,255,.25);border-radius:50%;opacity:1}.full-player__ctrl--circle:active{opacity:.6}.full-player__ctrl--liked{border-color:#7b00ff}.full-player__ctrl--play{width:72px;height:72px;background:#ffffff26;border:1.5px solid rgba(255,255,255,.3);border-radius:50%;opacity:1}.full-player__ctrl--play:disabled{opacity:.5}.player-spinner{display:inline-block;width:22px;height:22px;border:2.5px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.player-spinner--lg{width:30px;height:30px}.install-banner{position:fixed;bottom:70px;left:12px;right:12px;z-index:1000;display:flex;align-items:center;gap:12px;background:#252540;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:12px 14px;box-shadow:0 4px 24px #0006;animation:banner-slide-up .3s ease}@keyframes banner-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.install-banner-icon{font-size:28px;flex-shrink:0}.install-banner-text{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.install-banner-title{font-size:14px;font-weight:600;color:#fff}.install-banner-desc{font-size:12px;color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.install-banner-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.install-banner-btn{border:none;cursor:pointer;border-radius:10px;font-size:13px;font-weight:600;padding:8px 14px;transition:opacity .15s}.install-banner-btn:active{opacity:.7}.install-banner-btn--primary{background:#7c6aff;color:#fff}.install-banner-btn--close{background:#ffffff1a;color:#ffffffb3;padding:8px 10px}.ios-overlay{position:fixed;inset:0;z-index:1000;background:#0000008c;animation:fade-in .25s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.ios-sheet{position:fixed;bottom:0;left:0;right:0;z-index:1001;background:#1e1e38;border-radius:20px 20px 0 0;padding:12px 24px 48px;text-align:center;animation:sheet-up .3s cubic-bezier(.32,.72,0,1)}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.ios-sheet-handle{width:40px;height:4px;background:#fff3;border-radius:2px;margin:0 auto 16px}.ios-sheet-close{position:absolute;top:16px;right:20px;background:#ffffff1a;border:none;color:#ffffffb3;font-size:14px;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.ios-sheet-icon{font-size:48px;margin-bottom:12px}.ios-sheet-title{font-size:20px;font-weight:700;color:#fff;margin:0 0 8px}.ios-sheet-subtitle{font-size:14px;color:#ffffff8c;margin:0 0 24px;line-height:1.5}.ios-steps{display:flex;flex-direction:column;gap:14px;text-align:left;margin-bottom:28px}.ios-step{display:flex;align-items:flex-start;gap:12px}.ios-step-num{width:26px;height:26px;border-radius:50%;background:#7c6aff;color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.ios-step-text{font-size:15px;color:#ffffffd9;line-height:1.5}.ios-share-icon{display:inline-flex;align-items:center;vertical-align:middle;color:#4a9eff;background:#4a9eff26;border-radius:6px;padding:2px 5px}.ios-arrow-hint{display:flex;flex-direction:column;align-items:center;gap:6px;color:#fff6;font-size:12px}.ios-arrow{animation:bounce 1.2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.clan-page{min-height:100vh;padding:32px 20px 40px;display:flex;flex-direction:column;background:var(--tg-theme-bg-color, #1a1a2e)}.clan-header{text-align:center;margin-bottom:28px}.clan-title{font-size:26px;font-weight:800;color:var(--tg-theme-text-color, #fff);margin-bottom:8px}.clan-subtitle{font-size:14px;color:var(--tg-theme-hint-color, #888)}.clan-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.clan-card{background:var(--surface-color, #1e1e3f);border:2px solid transparent;border-radius:16px;padding:20px 14px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:border-color .2s,transform .15s,background .2s;text-align:center}.clan-card:active{transform:scale(.97)}.clan-card--selected{border-color:var(--clan-color, #6c63ff);background:color-mix(in srgb,var(--clan-color, #6c63ff) 15%,transparent)}.clan-emoji{font-size:44px;line-height:1;filter:drop-shadow(0 0 12px var(--clan-color, transparent))}.clan-card--selected .clan-emoji{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.clan-name{font-size:17px;font-weight:700;color:var(--tg-theme-text-color, #fff)}.clan-desc{font-size:11px;color:var(--tg-theme-hint-color, #888);line-height:1.4}.clan-btn{width:100%;padding:14px;border-radius:14px;border:none;background:var(--tg-theme-button-color, #6c63ff);color:var(--tg-theme-button-text-color, #fff);font-size:16px;font-weight:700;cursor:pointer;transition:opacity .2s}.clan-btn:disabled{opacity:.4;cursor:default}.clan-confirm{display:flex;flex-direction:column;align-items:center;flex:1;justify-content:center;gap:16px}.clan-confirm-emoji{font-size:80px;animation:pulse 1.5s ease-in-out infinite}.clan-confirm-name{font-size:32px;font-weight:800;color:var(--tg-theme-text-color, #fff);margin:0}.clan-confirm-warning{font-size:15px;color:var(--tg-theme-hint-color, #888);text-align:center;margin:0 0 8px}.clan-btn-back{background:none;border:none;color:var(--tg-theme-hint-color, #888);font-size:14px;cursor:pointer;padding:8px;text-decoration:underline}.playlist-card-home{display:flex;flex-direction:column;gap:6px;cursor:pointer;flex-shrink:0;width:131px}.playlist-card-home__cover{position:relative;width:131px;height:131px;border-radius:6px;background:#7b00ff;overflow:hidden}.playlist-card-home__cover img{width:100%;height:100%;object-fit:cover}.playlist-card-home__play{position:absolute;bottom:8px;right:8px;width:24px;height:24px;background:#0f001f;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.playlist-card-home__name{font-size:13px;font-weight:700;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:131px}.moya-volna{display:flex;align-items:center;gap:12px;padding:10px;border-radius:10.678px;border:1.068px solid #7B00FF;background:#7b00ff0a;cursor:pointer;position:relative;overflow:hidden;transition:background .2s;height:75px}.moya-volna img{position:absolute;width:100%;height:100%;object-fit:cover}.moya-volna:active{background:#7b00ff1a}.moya-volna__icon-wrap{width:52px;height:52px;background:#7b00ff;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.moya-volna__text{flex:1;display:flex;flex-direction:column;gap:3px}.moya-volna__title{font-size:20px;font-weight:800;color:#000;line-height:1.1;font-style:normal;letter-spacing:-1.736px}.moya-volna__sub{font-size:12px;color:#676767;font-weight:500}.moya-volna__play{height:100%;width:100px;background:none;border:none;cursor:pointer;display:flex;align-items:center;flex-shrink:0;padding:0;position:absolute;right:0}.moya-volna__play svg{width:22px;height:22px;right:33px;position:absolute}.moya-volna__spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(123,0,255,.3);border-top-color:#7b00ff;border-radius:50%;animation:mv-spin .7s linear infinite}@keyframes mv-spin{to{transform:rotate(360deg)}}body{background:#fff}.page{padding:30px 12px 140px;min-height:100vh;display:flex;flex-direction:column;gap:20px;max-width:600px;margin:0 auto}.page-title{font-size:22px;font-weight:700;color:var(--tg-theme-text-color, #fff);margin:0 0 16px}.section{margin-top:20px}.section-title{font-size:15px;font-weight:600;color:var(--tg-theme-hint-color, #888);margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.tracks-list{display:flex;flex-direction:column;gap:2px}.empty-hint{color:var(--tg-theme-hint-color, #888);font-size:13px;text-align:center;padding:20px 0}.tracks-skeleton{display:flex;flex-direction:column;gap:8px}.track-skeleton{height:60px;border-radius:10px;background:var(--surface-color);animation:skeleton-pulse 1.4s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.search-input{flex:1;padding:10px 14px;border-radius:10px;border:1px solid var(--border-color);background:var(--surface-color);color:var(--tg-theme-text-color, #fff);font-size:14px;outline:none}.search-input:focus{border-color:var(--tg-theme-button-color, #6c63ff)}.search-btn{padding:0 14px;border-radius:10px;border:none;background:var(--tg-theme-button-color, #6c63ff);color:#fff;font-size:16px;font-weight:700;cursor:pointer}.home-page{background:#fff;color:#000;min-height:100vh;padding-bottom:160px}.home-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.home-header-profile{border-radius:45px;border:1px solid #7B00FF;width:45px;height:45px;overflow:hidden}.home-header-profile img{width:100%;height:100%}.home-logo{font-size:42px;font-weight:900;color:#7b00ff;letter-spacing:-4px;line-height:1}.home-section__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.home-section__title{font-size:22px;font-weight:800;color:#000;letter-spacing:-.5px;margin:0 0 10px}.home-section__head .home-section__title{margin:0}.home-section__more{background:none;border:none;font-size:18px;color:#7b00ff;cursor:pointer;padding:4px}.home-tracks-grid{display:flex;gap:9px;overflow-x:auto;scrollbar-width:none}.home-tracks-grid::-webkit-scrollbar{display:none}.home-tracks-col{display:flex;flex-direction:column}.home-tracks-col>*:nth-child(2):after{display:none}.home-tracks-col>*:nth-child(2):before{display:none}.home-tracks-list{display:flex;flex-direction:column}.home-playlists-scroll{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.home-playlists-scroll::-webkit-scrollbar{display:none}.home-tracks-skeleton{display:grid;grid-template-columns:repeat(3,268px);gap:8px;overflow:hidden}.home-track-skeleton{height:60px;background:#0a0022cc;border-radius:8px;animation:skeleton-pulse 1.2s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.8}}.home-empty{color:#676767;font-size:14px;text-align:center;padding:16px}.track-row{display:flex;align-items:center;gap:10px;padding:8px 0;cursor:pointer;border-bottom:1px solid rgba(0,0,0,.06);transition:background .15s;position:relative}.track-row:after{content:"";width:100%;height:1px;position:absolute;top:0;background:linear-gradient(90deg,#fff,#aa4aff 9.7% 90.38%,#fff)}.track-row:before{content:"";width:100%;height:1px;position:absolute;bottom:0;background:linear-gradient(90deg,#fff,#aa4aff 9.7% 90.38%,#fff)}.track-row:last-child{border-bottom:none}.track-row:active{background:#7b00ff0d}.track-row--active .track-row__title{color:#7b00ff}.track-row__cover{position:relative;width:48px;height:48px;border-radius:6px;background:#7b00ff;flex-shrink:0;overflow:hidden}.track-row__cover img{width:100%;height:100%;object-fit:cover}.track-row__cover-placeholder{width:100%;height:100%;background:#7b00ff}.track-row__play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000004d;color:#fff;opacity:0;transition:opacity .15s}.track-row__play-overlay svg{width:15px;height:15px}.track-row:hover .track-row__play-overlay,.track-row--active .track-row__play-overlay{opacity:1}.track-row__meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.track-row__title{font-size:14px;font-weight:700;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-row__artist{font-size:11px;color:#676767;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-row__heart{background:none;border:none;cursor:pointer;padding:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:transform .15s}.track-row__heart:active{transform:scale(.85)}.search-page{background:#fff;color:#000;min-height:100vh;padding-bottom:160px}.search-bar{display:flex;align-items:center;gap:10px;background:#fff;padding:12px;margin-bottom:20px;border-radius:10.678px;border:1.068px solid #7B00FF;height:42px}.search-bar__icon{display:flex;align-items:center;flex-shrink:0}.search-input{flex:1;background:none;outline:none;min-width:0;color:#676767;font-size:13.757px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.963px;padding:0}.search-input::placeholder{color:#999}.search-clear{background:none;border:none;color:#999;font-size:14px;cursor:pointer;padding:2px 4px;flex-shrink:0}.search-spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(0,0,0,.1);border-top-color:#7b00ff;border-radius:50%;animation:spin .7s linear infinite}.search-empty{color:#676767;font-size:14px;text-align:center;padding:16px}.modal-overlay{position:fixed;inset:0;background:#0000008c;z-index:200;display:flex;align-items:flex-end}.modal-sheet{width:100%;background:var(--tg-theme-bg-color, #1a1a2e);border-radius:20px 20px 0 0;padding:12px 16px 32px;display:flex;flex-direction:column;gap:12px;max-height:80vh;overflow-y:auto}.modal-handle{width:40px;height:4px;background:#fff3;border-radius:2px;align-self:center;margin-bottom:4px}.modal-title{font-size:17px;font-weight:700;color:var(--tg-theme-text-color, #fff);margin:0}.modal-subtitle{font-size:13px;color:var(--tg-theme-hint-color, #888);margin:-6px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-list{display:flex;flex-direction:column;gap:4px}.modal-pl-item{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:10px;background:none;border:none;cursor:pointer;width:100%;transition:background .15s}.modal-pl-item:hover{background:#ffffff0f}.modal-pl-item--done{opacity:.6}.modal-pl-cover{width:44px;height:44px;border-radius:8px;overflow:hidden;background:#ffffff1a;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:20px}.modal-pl-cover img{width:100%;height:100%;object-fit:cover}.modal-pl-info{flex:1;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.modal-pl-name{font-size:14px;font-weight:500;color:var(--tg-theme-text-color, #fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.modal-pl-count{font-size:12px;color:var(--tg-theme-hint-color, #888)}.modal-pl-action{font-size:18px;color:var(--tg-theme-button-color, #6c63ff);font-weight:700;width:24px;text-align:center}.modal-create{display:flex;gap:8px;margin-top:4px}.modal-input{flex:1;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:10px 14px;font-size:14px;color:var(--tg-theme-text-color, #fff);outline:none}.modal-input:focus{border-color:var(--tg-theme-button-color, #6c63ff)}.modal-btn-create{background:var(--tg-theme-button-color, #6c63ff);color:var(--tg-theme-button-text-color, #fff);border:none;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}.modal-btn-create:disabled{opacity:.5}.modal-btn-cancel{background:#ffffff0f;color:var(--tg-theme-hint-color, #888);border:none;border-radius:10px;padding:12px;font-size:14px;cursor:pointer;width:100%}.track-item{display:flex;align-items:center;gap:12px;padding:8px 16px;border-radius:10px;transition:background .15s;cursor:pointer}.track-item:hover,.track-item:active{background:var(--surface-color)}.track-item--active{background:var(--accent-subtle)}.track-cover{position:relative;width:48px;height:48px;border-radius:8px;overflow:hidden;flex-shrink:0;background:var(--accent-subtle)}.track-cover img{width:100%;height:100%;object-fit:cover}.track-cover-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:20px}.track-cover-overlay{position:absolute;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s;font-size:18px;color:#fff}.track-item:hover .track-cover-overlay,.track-item--active .track-cover-overlay{opacity:1}.track-info{flex:1;display:flex;align-items:center;gap:10px;min-width:0}.track-index{color:var(--tg-theme-hint-color, #888);font-size:13px;width:18px;flex-shrink:0}.track-meta{display:flex;flex-direction:column;min-width:0}.track-title{font-size:14px;font-weight:500;color:var(--tg-theme-text-color, #fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-item--active .track-title{color:var(--tg-theme-button-color, #6c63ff)}.track-artist{font-size:12px;color:var(--tg-theme-hint-color, #888);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.track-duration{font-size:12px;color:var(--tg-theme-hint-color, #888)}.track-bg-btn{background:none;border:none;font-size:16px;cursor:pointer;padding:4px;opacity:.7;transition:opacity .15s}.track-bg-btn:hover{opacity:1}.track-like-btn{background:none;border:none;font-size:16px;cursor:pointer;padding:4px;opacity:.5;transition:opacity .15s,transform .1s;line-height:1}.track-like-btn:hover{opacity:.9}.track-like-btn--active{opacity:1;transform:scale(1.1)}.track-source-badge{position:absolute;bottom:3px;right:3px;width:16px;height:16px;border-radius:4px;display:flex;align-items:center;justify-content:center;opacity:.9}.track-source-badge--sc{background:#f50;color:#fff}.track-source-badge--vk{background:#07f;color:#fff}.track-source-badge--yt{background:red;color:#fff}.section-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;margin-bottom:8px}.section-header .section-title{margin:0}.lib-add-btn{background:var(--tg-theme-button-color, #6c63ff);color:var(--tg-theme-button-text-color, #fff);border:none;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer}.pl-grid{display:flex;flex-direction:column;gap:4px;padding:0 8px}.pl-card{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:12px;cursor:pointer;transition:background .15s}.pl-card:hover,.pl-card:active{background:#ffffff0f}.pl-card-cover{width:52px;height:52px;border-radius:10px;overflow:hidden;background:var(--accent-subtle);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:22px}.pl-card-cover img{width:100%;height:100%;object-fit:cover}.pl-card-info{flex:1;display:flex;flex-direction:column;min-width:0}.pl-card-name{font-size:15px;font-weight:600;color:var(--tg-theme-text-color, #fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-card-count{font-size:12px;color:var(--tg-theme-hint-color, #888)}.pl-card-del{background:none;border:none;color:var(--tg-theme-hint-color, #888);font-size:14px;cursor:pointer;padding:6px;opacity:.5;transition:opacity .15s}.pl-card-del:hover{opacity:1;color:#f44}.liked-count-badge{font-size:12px;font-weight:500;color:var(--tg-theme-hint-color, #888);background:var(--accent-subtle);padding:2px 8px;border-radius:20px;margin-left:6px;vertical-align:middle}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.page-header .page-title{margin-bottom:0}.share-btn{background:var(--surface-color, #1e1e3f);border:1px solid rgba(255,255,255,.12);border-radius:12px;width:40px;height:40px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .15s;flex-shrink:0}.share-btn:active{opacity:.7}.profile-card{display:flex;align-items:center;gap:14px;background:var(--surface-color);border-radius:14px;padding:16px;margin-bottom:16px}.profile-avatar{width:52px;height:52px;border-radius:50%;background:var(--accent-subtle);display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0}.profile-info{flex:1;display:flex;flex-direction:column}.profile-name{font-size:16px;font-weight:600;color:var(--tg-theme-text-color, #fff)}.profile-username{font-size:12px;color:var(--tg-theme-hint-color, #888)}.profile-badge{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700}.profile-badge.free{background:var(--border-color);color:var(--tg-theme-hint-color, #888)}.profile-badge.premium{background:linear-gradient(135deg,#f5a623,#f8e71c);color:#000}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.stat-card{background:var(--surface-color);border-radius:12px;padding:14px 10px;display:flex;flex-direction:column;align-items:center;gap:4px}.stat-value{font-size:22px;font-weight:700;color:var(--tg-theme-text-color, #fff)}.stat-label{font-size:11px;color:var(--tg-theme-hint-color, #888)}.premium-banner{background:linear-gradient(135deg,#2d1b69,#6c63ff);border-radius:14px;padding:16px;display:flex;align-items:center;justify-content:space-between}.premium-title{font-size:16px;font-weight:700;color:#fff;margin:0 0 2px}.premium-desc{font-size:12px;color:#ffffffb3;margin:0}.premium-btn{background:#fff;color:#6c63ff;border:none;border-radius:20px;padding:8px 14px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}.clan-banner{display:flex;align-items:center;gap:14px;border-radius:14px;padding:14px 16px;margin-bottom:16px;background:color-mix(in srgb,var(--clan-color, #6c63ff) 20%,transparent);border:1px solid color-mix(in srgb,var(--clan-color, #6c63ff) 40%,transparent)}.clan-banner-emoji{font-size:32px;flex-shrink:0}.clan-banner-title{font-size:15px;font-weight:700;color:var(--tg-theme-text-color, #fff);margin:0 0 2px}.clan-banner-sub{font-size:11px;color:var(--tg-theme-hint-color, #888);margin:0}.pub-page{min-height:100vh;padding:20px 16px 40px;background:var(--tg-theme-bg-color, #1a1a2e)}.pub-back{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--tg-theme-hint-color, #888);font-size:14px;cursor:pointer;padding:0 0 16px}.pub-profile-card{display:flex;align-items:center;gap:14px;background:var(--surface-color, #1e1e3f);border-radius:14px;padding:16px;margin-bottom:16px}.pub-avatar{width:60px;height:60px;border-radius:50%;background:var(--accent-subtle, rgba(108, 99, 255, .15));display:flex;align-items:center;justify-content:center;font-size:30px;flex-shrink:0}.pub-name{font-size:18px;font-weight:700;color:var(--tg-theme-text-color, #fff)}.pub-username{font-size:13px;color:var(--tg-theme-hint-color, #888)}.pub-badge{margin-left:auto;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;background:linear-gradient(135deg,#f5a623,#f8e71c);color:#000}.pub-clan-banner{display:flex;align-items:center;gap:12px;border-radius:14px;padding:12px 16px;margin-bottom:16px;background:color-mix(in srgb,var(--clan-color, #6c63ff) 20%,transparent);border:1px solid color-mix(in srgb,var(--clan-color, #6c63ff) 40%,transparent)}.pub-clan-emoji{font-size:28px;flex-shrink:0}.pub-clan-name{font-size:15px;font-weight:700;color:var(--tg-theme-text-color, #fff)}.pub-clan-sub{font-size:11px;color:var(--tg-theme-hint-color, #888)}.pub-section-title{font-size:14px;font-weight:600;color:var(--tg-theme-hint-color, #888);text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px}.pub-empty{text-align:center;color:var(--tg-theme-hint-color, #888);font-size:14px;padding:32px 0}.pub-playlist{background:var(--surface-color, #1e1e3f);border-radius:14px;padding:14px;margin-bottom:10px}.pub-playlist-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.pub-playlist-name{font-size:15px;font-weight:700;color:var(--tg-theme-text-color, #fff)}.pub-playlist-count{font-size:12px;color:var(--tg-theme-hint-color, #888)}.pub-track-row{display:flex;align-items:center;gap:10px;padding:6px 0;border-top:1px solid var(--border-color, rgba(255,255,255,.06))}.pub-track-num{font-size:12px;color:var(--tg-theme-hint-color, #888);width:18px;text-align:center;flex-shrink:0}.pub-track-info{flex:1;min-width:0}.pub-track-title{font-size:13px;font-weight:600;color:var(--tg-theme-text-color, #fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pub-track-artist{font-size:12px;color:var(--tg-theme-hint-color, #888);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pub-loading{display:flex;align-items:center;justify-content:center;height:100vh;font-size:36px}.pub-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:12px;color:var(--tg-theme-hint-color, #888);font-size:15px}.pl-header{display:flex;gap:16px;padding:16px 16px 8px;align-items:flex-start}.pl-cover{width:110px;height:110px;border-radius:14px;overflow:hidden;flex-shrink:0;background:var(--accent-subtle);display:flex;align-items:center;justify-content:center}.pl-cover img{width:100%;height:100%;object-fit:cover}.pl-cover-placeholder{font-size:40px}.pl-meta{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.pl-name{font-size:20px;font-weight:700;color:var(--tg-theme-text-color, #fff);margin:0;line-height:1.2}.pl-author{font-size:13px;color:var(--tg-theme-hint-color, #888);margin:0}.pl-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.pl-btn-play{background:var(--tg-theme-button-color, #6c63ff);color:var(--tg-theme-button-text-color, #fff);border:none;border-radius:20px;padding:8px 20px;font-size:14px;font-weight:600;cursor:pointer}.pl-btn-play:disabled{opacity:.4}.pl-btn-share{background:#ffffff14;color:var(--tg-theme-text-color, #fff);border:none;border-radius:20px;padding:8px 16px;font-size:14px;cursor:pointer}.pl-track-row{display:flex;align-items:center}.pl-track-row>:first-child{flex:1;min-width:0}.pl-remove-btn{background:none;border:none;color:var(--tg-theme-hint-color, #888);font-size:14px;cursor:pointer;padding:8px 12px 8px 4px;flex-shrink:0;opacity:.6;transition:opacity .15s}.pl-remove-btn:hover{opacity:1;color:#f44}.login-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--tg-theme-bg-color, #1a1a2e);padding:24px}.login-card{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:320px}.login-logo{font-size:64px;line-height:1;margin-bottom:4px}.login-title{font-size:28px;font-weight:800;color:var(--tg-theme-text-color, #fff);margin:0;letter-spacing:-.5px}.login-desc{font-size:14px;color:var(--tg-theme-hint-color, #888);margin:0 0 16px}.login-widget-wrap{display:flex;justify-content:center;width:100%}.login-no-bot{font-size:14px;color:var(--tg-theme-hint-color, #888);text-align:center;padding:16px;border:1px dashed var(--tg-theme-hint-color, #444);border-radius:12px;width:100%}.login-spinner{width:32px;height:32px;border:3px solid var(--tg-theme-hint-color, #444);border-top-color:var(--tg-theme-button-color, #6c63ff);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-error{color:#ff6b6b;font-size:13px;text-align:center;background:#ff6b6b1a;padding:10px 14px;border-radius:10px;width:100%}.login-tg-error{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--tg-theme-hint-color, #888);font-size:14px;text-align:center}.login-retry-btn{padding:10px 24px;background:var(--tg-theme-button-color, #6c63ff);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer}