@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-primary: #0d0d0d;--bg-secondary: #121212;--bg-elevated: #1a1a1a;--bg-hover: rgba(255, 255, 255, .04);--bg-player: #141414;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .35);--accent: #fed42b;--accent-hover: #ffd466;--accent-pressed: #fecb01;--error: #d5594d;--success: #37c84f;--border: rgba(255, 255, 255, .08);--sidebar-width: 204px;--player-height: 72px;--header-height: 56px;--mobile-nav-height: 56px;--radius-xs: 4px;--radius-s: 6px;--radius-m: 8px;--radius-l: 12px;--radius-xl: 16px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;height:100dvh;width:100%;overflow:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input{font-family:inherit;color:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fed42b4d}::-webkit-scrollbar-thumb:active{background:#fed42b80}.app-layout{display:grid;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:1fr var(--player-height);height:100vh;height:100dvh;width:100vw}.app-layout__main{display:flex;flex-direction:column;overflow:hidden;min-width:0}.app-layout__content{flex:1;overflow-y:auto;padding:24px}.sidebar{background:var(--bg-secondary);display:flex;flex-direction:column;grid-row:1 / 2;overflow-y:auto;border-right:1px solid rgba(255,255,255,.06);box-shadow:4px 0 24px #0000004d}.sidebar__logo{padding:20px 24px;font-size:22px;font-weight:700;color:var(--accent);display:flex;align-items:center;gap:10px;letter-spacing:.02em;transition:filter .2s ease}.sidebar__logo:hover{filter:drop-shadow(0 0 8px rgba(254,212,43,.3))}.sidebar__logo span{background:linear-gradient(135deg,var(--accent),var(--accent-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar__nav{padding:8px 12px;display:flex;flex-direction:column;gap:2px}.sidebar__link{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:var(--radius-m);color:var(--text-secondary);font-size:14px;font-weight:500;transition:all .2s ease}.sidebar__link:hover{background:#ffffff0f;color:var(--text-primary);transform:translate(2px)}.sidebar__link--active{background:#fed42b14;color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.header{display:flex;align-items:center;justify-content:flex-end;padding:0 16px;height:var(--header-height);gap:12px;background:var(--bg-primary);border-bottom:1px solid rgba(255,255,255,.04);box-shadow:0 2px 12px #0003}.header__search{width:100%;max-width:360px;position:relative;display:flex;align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:24px;transition:border-color .2s,background .2s,box-shadow .2s}.header__search:hover{border-color:#ffffff26;background:#1f1f1f}.header__search--focused{border-color:var(--accent);background:#1f1f1f;box-shadow:0 0 0 2px #fed42b26,0 0 16px #fed42b0f}.header__search-icon{position:absolute;left:14px;color:var(--text-muted);pointer-events:none;transition:color .2s;flex-shrink:0}.header__search--focused .header__search-icon{color:var(--accent);filter:drop-shadow(0 0 4px rgba(254,212,43,.4))}.header__search-field{width:100%;padding:10px 36px 10px 42px;background:transparent;border:none;font-size:14px;color:var(--text-primary);outline:none;font-family:inherit}.header__search-field::placeholder{color:var(--text-muted)}.header__search-clear{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;color:var(--text-muted);background:transparent;border:none;cursor:pointer;transition:background .15s,color .15s}.header__search-clear:hover{background:var(--bg-hover);color:var(--text-primary)}.header__icon-btn{display:flex;align-items:center;justify-content:center;padding:8px;color:var(--text-secondary);border-radius:50%;transition:background .2s ease,color .2s ease,transform .2s ease;-webkit-tap-highlight-color:transparent}.header__icon-btn:hover{background:#ffffff0f;color:var(--text-primary);transform:scale(1.1)}.header__avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;transition:box-shadow .2s ease,transform .2s ease;box-shadow:0 0 0 1px #ffffff1a}.header__avatar:hover{transform:scale(1.08);box-shadow:0 0 0 2px #fed42b4d,0 0 12px #fed42b26}.header__mobile-actions{display:none}.header__settings{position:relative}.header__dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-l);min-width:200px;padding:8px;z-index:100;box-shadow:0 12px 40px #00000080,0 0 0 1px #ffffff0f;animation:dropdown-appear .15s ease}.header__dropdown-user{display:flex;align-items:center;gap:10px;padding:8px 12px 12px;font-size:14px;font-weight:600;border-bottom:1px solid var(--border);margin-bottom:4px}.header__dropdown-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.header__dropdown-avatar--placeholder{background:var(--bg-primary);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.header__dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:14px;color:var(--text-secondary);border-radius:var(--radius-m);transition:background .2s ease,color .2s ease,transform .2s ease}.header__dropdown-item:hover{background:#ffffff0f;color:var(--text-primary);transform:translate(2px)}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.search-input{position:relative;flex:1;max-width:480px;display:flex;align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:24px;transition:border-color .2s,background .2s,box-shadow .2s}.search-input:hover{border-color:#ffffff26;background:#1f1f1f;box-shadow:0 2px 8px #0003}.search-input:focus-within{border-color:var(--accent);background:#1f1f1f;box-shadow:0 0 0 2px #fed42b26,0 0 20px #fed42b0f}.search-input__icon{position:absolute;left:16px;color:var(--text-muted);pointer-events:none;transition:color .2s ease,filter .2s ease}.search-input:focus-within .search-input__icon{color:var(--accent);filter:drop-shadow(0 0 4px rgba(254,212,43,.4))}.search-input__field{width:100%;padding:12px 16px 12px 46px;background:transparent;border:none;font-size:15px;color:var(--text-primary);outline:none;font-family:inherit}.search-input__field::placeholder{color:var(--text-muted)}.player-bar{grid-column:1 / -1;background:radial-gradient(ellipse 80% 200% at 50% 100%,rgba(254,212,43,.04) 0%,transparent 60%),var(--bg-player);border-top:1px solid rgba(255,255,255,.06);box-shadow:0 -4px 24px #0006,0 -1px #fed42b14;display:flex;align-items:center;padding:0 16px;gap:16px;height:var(--player-height)}.player-bar__track-info{display:flex;align-items:center;gap:12px;width:240px;flex-shrink:0}.player-bar__cover{width:48px;height:48px;border-radius:var(--radius-m);object-fit:cover;background:var(--bg-elevated);flex-shrink:0;box-shadow:0 0 0 1px #ffffff14,0 2px 8px #0006,0 0 12px #fed42b0f}.player-bar__details{min-width:0;flex:1}.player-bar__title{font-size:13px;font-weight:600;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-bar__artist{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.player-bar__artist:hover{color:var(--text-primary);text-decoration:underline}.playback-controls{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;min-width:0;max-width:600px;margin:0 auto}.playback-controls__buttons{display:flex;align-items:center;gap:16px}.playback-controls__btn{color:#fff9;padding:6px;border-radius:6px;transition:color .2s ease,background .2s ease,filter .2s ease;display:flex;align-items:center;justify-content:center}.playback-controls__btn:hover{color:var(--text-primary);background:#ffffff0f}.playback-controls__btn:active{filter:drop-shadow(0 0 6px rgba(254,212,43,.3))}.playback-controls__btn--play{width:36px;height:36px;background:var(--accent);color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 16px #fed42b4d;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.playback-controls__btn--play:hover{transform:scale(1.1);color:#000;background:var(--accent-hover);box-shadow:0 0 28px #fed42b73}.playback-controls__btn--active{color:var(--accent)}.playback-controls__btn--smart{position:relative}.playback-controls__smart-icon{position:absolute;top:-2px;right:-2px;color:var(--accent);filter:drop-shadow(0 0 2px var(--accent))}.progress-bar{display:flex;align-items:center;gap:8px;width:100%}.progress-bar__time{font-size:11px;color:var(--text-secondary);letter-spacing:.02em;min-width:40px;text-align:center;font-variant-numeric:tabular-nums}.progress-bar__track{flex:1;height:4px;background:var(--bg-hover);border-radius:2px;cursor:pointer;position:relative}.progress-bar__track:hover{height:6px}.progress-bar__fill{height:100%;background:var(--text-primary);border-radius:2px;position:relative;max-width:100%}.progress-bar__thumb{position:absolute;right:0;top:50%;transform:translateY(-50%) translate(50%) scale(.6);width:12px;height:12px;border-radius:50%;background:var(--accent);opacity:0;transition:opacity .2s ease,transform .2s ease,box-shadow .2s ease}.progress-bar__track:hover .progress-bar__fill{background:var(--accent)}.progress-bar__track:hover .progress-bar__thumb,.progress-bar__track--dragging .progress-bar__thumb{opacity:1;background:var(--accent);transform:translateY(-50%) translate(50%) scale(1);box-shadow:0 0 8px #fed42b66}.progress-bar__track:hover .progress-bar__fill,.progress-bar__track--dragging .progress-bar__fill{background:var(--accent);box-shadow:0 0 6px #fed42b40}.progress-bar__track--dragging{height:6px}.volume-control{display:flex;align-items:center;gap:8px;width:240px;flex-shrink:0;justify-content:flex-end}.volume-control__btn{color:var(--text-secondary);padding:4px;display:flex;align-items:center}.volume-control__btn:hover{color:var(--text-primary)}.volume-control__slider{width:80px;height:4px;background:var(--bg-hover);border-radius:2px;cursor:pointer;position:relative}.volume-control__fill{height:100%;background:var(--text-primary);border-radius:2px}.volume-control__thumb{position:absolute;top:50%;width:10px;height:10px;background:var(--accent);border-radius:50%;transform:translate(-50%,-50%) scale(.6);opacity:0;transition:opacity .2s ease,transform .2s ease,box-shadow .2s ease}.volume-control__slider:hover .volume-control__fill,.volume-control__slider:active .volume-control__fill{background:var(--accent);box-shadow:0 0 6px #fed42b40}.volume-control__slider:hover .volume-control__thumb,.volume-control__slider:active .volume-control__thumb{opacity:1;transform:translate(-50%,-50%) scale(1);box-shadow:0 0 8px #fed42b66}.track-list{display:flex;flex-direction:column}.track-row{display:grid;grid-template-columns:40px 48px 1fr auto 60px;align-items:center;gap:12px;padding:8px 12px;border-radius:var(--radius-m);cursor:pointer;transition:background .2s ease,box-shadow .2s ease}.track-row:hover{background:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff0a}.track-row--active{background:#fed42b0f;box-shadow:inset 3px 0 0 var(--accent)}.track-row__index{font-size:14px;color:var(--text-muted);text-align:center;font-variant-numeric:tabular-nums}.track-row--active .track-row__index{color:var(--accent);text-shadow:0 0 8px rgba(254,212,43,.4)}.track-row__cover{width:48px;height:48px;border-radius:var(--radius-xs);object-fit:cover;background:var(--bg-elevated);transition:box-shadow .2s ease,transform .2s ease;box-shadow:0 1px 4px #0000004d}.track-row:hover .track-row__cover{box-shadow:0 2px 8px #0006;transform:scale(1.05)}.track-row__info{min-width:0}.track-row__title{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.01em;transition:color .2s ease}.track-row--active .track-row__title{color:var(--accent);text-shadow:0 0 12px rgba(254,212,43,.3)}.track-row__artist{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-row__artist:hover{text-decoration:underline}.track-row__duration{font-size:13px;color:var(--text-secondary);text-align:right;font-variant-numeric:tabular-nums}.track-list__header{display:grid;grid-template-columns:40px 48px 1fr auto 60px;align-items:center;gap:12px;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:4px;font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.search-page__search-bar{margin-bottom:24px;max-width:600px}.search-page__title{font-size:24px;font-weight:700;margin-bottom:24px}.search-page__empty{text-align:center;padding:64px 24px;color:var(--text-secondary)}.search-page__empty-icon{color:var(--text-muted);margin-bottom:16px}.home-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;gap:24px}.home-page__logo{font-size:48px;font-weight:800;background:linear-gradient(135deg,var(--accent),var(--accent-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 24px rgba(254,212,43,.2));letter-spacing:-.02em}.home-page__subtitle{font-size:18px;color:var(--text-secondary);max-width:400px}.home-page__search{width:100%;max-width:480px}.home-page__search .search-input__field{padding:16px 16px 16px 48px;font-size:16px}.playlist-page__header{display:flex;gap:24px;margin-bottom:32px;align-items:flex-end}.playlist-page__cover{width:200px;height:200px;border-radius:var(--radius-m);object-fit:cover;background:var(--bg-elevated);flex-shrink:0;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0f;transition:box-shadow .2s ease,transform .2s ease}.playlist-page__cover:hover{box-shadow:0 12px 40px #00000080,0 0 24px #fed42b1a;transform:scale(1.02)}.playlist-page__info{display:flex;flex-direction:column;gap:8px}.playlist-page__type{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary)}.playlist-page__title{font-size:36px;font-weight:800;line-height:1.1;letter-spacing:-.01em}.playlist-page__meta{font-size:14px;color:var(--text-secondary);display:flex;gap:8px;align-items:center}.playlist-page__play-btn{margin-top:8px;padding:10px 32px;background:var(--accent);color:#000;border-radius:24px;font-size:14px;font-weight:600;width:fit-content;transition:background .2s ease,box-shadow .2s ease,transform .2s ease;box-shadow:0 4px 16px #fed42b40}.playlist-page__play-btn:hover{background:var(--accent-hover);box-shadow:0 6px 24px #fed42b66;transform:translateY(-1px)}.user-page__header{display:flex;gap:24px;margin-bottom:32px;align-items:center}.user-page__avatar{width:160px;height:160px;border-radius:50%;object-fit:cover;background:var(--bg-elevated);flex-shrink:0;box-shadow:0 4px 24px #0006,0 0 0 2px #ffffff0f;transition:box-shadow .2s ease,transform .2s ease}.user-page__avatar:hover{box-shadow:0 8px 32px #00000080,0 0 0 2px #fed42b33,0 0 20px #fed42b1a;transform:scale(1.03)}.user-page__name{font-size:36px;font-weight:800;letter-spacing:-.01em}.user-page__stats{display:flex;gap:24px;margin-top:8px;font-size:14px;color:var(--text-secondary)}.user-page__stat-value{font-weight:600;color:var(--text-primary)}.user-page__section-title{font-size:20px;font-weight:700;margin-bottom:16px}.follow-btn{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:8px 20px;font-size:14px;font-weight:600;font-family:inherit;border:1px solid var(--accent);border-radius:20px;background:var(--accent);color:#000;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease;box-shadow:0 2px 8px #fed42b33}.follow-btn:hover{background:var(--accent-hover);box-shadow:0 4px 16px #fed42b59;transform:translateY(-1px)}.follow-btn:disabled{opacity:.5;cursor:not-allowed}.follow-btn--following{background:transparent;color:var(--text-primary);border-color:var(--border);box-shadow:none}.follow-btn--following:hover{border-color:var(--error);color:var(--error);background:#d5594d1a;box-shadow:0 0 12px #d5594d26;transform:translateY(-1px)}.spinner{display:flex;justify-content:center;align-items:center;padding:48px}.spinner__circle{width:32px;height:32px;border:3px solid rgba(255,255,255,.06);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;filter:drop-shadow(0 0 6px rgba(254,212,43,.3))}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.15}50%{opacity:.3}}.skeleton-box{background:linear-gradient(90deg,#ffffff0f 25%,#ffffff1f,#ffffff0f 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-s)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.track-row--skeleton{pointer-events:none}.cover-art--placeholder{display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);color:var(--text-muted)}.like-btn{display:flex;align-items:center;justify-content:center;padding:4px;color:var(--text-muted);transition:color .2s ease,transform .2s ease,filter .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-width:32px;min-height:32px}.like-btn:hover{color:var(--text-primary);transform:scale(1.2)}.like-btn--liked{color:var(--accent);filter:drop-shadow(0 0 6px rgba(254,212,43,.4))}.like-btn--liked:hover{color:var(--accent-hover);filter:drop-shadow(0 0 8px rgba(254,212,43,.5))}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal{background:var(--bg-secondary);border-radius:var(--radius-xl);width:100%;max-width:440px;border:1px solid rgba(255,255,255,.1);overflow:hidden;box-shadow:0 24px 64px #00000080,0 0 0 1px #ffffff0d;animation:modal-appear .2s ease}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(254,212,43,.06)}.modal__title{font-size:18px;font-weight:700}.modal__close{color:var(--text-muted);padding:4px;transition:color .2s ease,transform .2s ease}.modal__close:hover{color:var(--text-primary);transform:scale(1.1)}.modal__body{padding:24px;display:flex;flex-direction:column;gap:16px}.modal__field{display:flex;flex-direction:column;gap:8px}.modal__label{font-size:13px;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.modal__input{padding:10px 14px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-m);font-size:14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.modal__input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #fed42b1a,0 0 12px #fed42b0d}.modal__error{font-size:13px;color:var(--error);padding:8px 12px;background:#d5594d1a;border-radius:var(--radius-s)}.modal__submit{padding:10px;background:var(--accent);color:#000;border-radius:var(--radius-m);font-size:14px;font-weight:600;transition:background .2s ease,box-shadow .2s ease,transform .2s ease;box-shadow:0 2px 8px #fed42b33;letter-spacing:.01em}.modal__submit:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 4px 16px #fed42b59;transform:translateY(-1px)}.modal__submit:disabled{opacity:.5;cursor:not-allowed}.modal__steps{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--bg-elevated);border-radius:10px}.modal__step{display:flex;align-items:flex-start;gap:12px;font-size:13px;color:var(--text-secondary);line-height:1.5}.modal__step a{color:var(--accent);text-decoration:underline}.modal__step strong{color:var(--text-primary)}.modal__step code{background:var(--bg-primary);padding:1px 6px;border-radius:var(--radius-xs);font-size:12px;color:var(--accent)}.modal__step kbd{background:var(--bg-primary);padding:1px 6px;border-radius:var(--radius-xs);font-size:11px;font-family:inherit;border:1px solid var(--border);color:var(--text-primary)}.modal__step-num{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--accent);color:#000;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 0 8px #fed42b4d}@keyframes modal-appear{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal__help-link{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;color:var(--text-secondary);transition:color .15s}.modal__help-link:hover{color:var(--accent)}.modal__help{font-size:13px;color:var(--text-secondary);background:var(--bg-elevated);padding:16px;border-radius:var(--radius-m);line-height:1.6}.modal__help ol{padding-left:20px}.modal__help code{background:var(--bg-primary);padding:2px 6px;border-radius:var(--radius-xs);font-size:12px;color:var(--accent)}.modal__help a{color:var(--accent);text-decoration:underline}.modal__help-alt{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.modal__divider{display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:13px}.modal__divider:before,.modal__divider:after{content:"";flex:1;height:1px;background:var(--border)}.sidebar__bottom{margin-top:auto;padding:12px;border-top:1px solid rgba(254,212,43,.06)}.sidebar__user{display:flex;flex-direction:column;gap:4px}.sidebar__user-info{display:flex;align-items:center;gap:10px;padding:8px 12px}.sidebar__avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:0 0 0 1px #ffffff14;transition:box-shadow .2s ease,transform .2s ease}.sidebar__user-info:hover .sidebar__avatar{box-shadow:0 0 0 1px #fed42b4d,0 0 8px #fed42b26;transform:scale(1.05)}.sidebar__avatar--placeholder{background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.sidebar__username{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-tabs{display:flex;gap:4px;margin-bottom:24px;border-bottom:1px solid var(--border);padding-bottom:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.library-tabs::-webkit-scrollbar{display:none}.library-tab{display:flex;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:500;color:var(--text-secondary);border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.library-tab:hover{color:var(--text-primary);background:#ffffff08}.library-tab--active{color:var(--text-primary);border-bottom-color:var(--accent);text-shadow:0 0 12px rgba(254,212,43,.2);font-weight:600}.library-end{text-align:center;padding:16px;font-size:13px;color:var(--text-muted)}.followings-list{display:flex;flex-direction:column;gap:6px}.followings-list__item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg-elevated);border-radius:var(--radius-m);border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:background .2s ease,border-color .2s ease}.followings-list__item:hover{background:#ffffff0d;border-color:#ffffff1a}.followings-list__avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;background:var(--bg-elevated);box-shadow:0 0 0 1px #ffffff14;transition:box-shadow .2s ease}.followings-list__item:hover .followings-list__avatar{box-shadow:0 0 0 1px #fed42b33,0 0 8px #fed42b1a}.followings-list__info{flex:1;min-width:0;display:flex;flex-direction:column}.followings-list__name{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.followings-list__meta{font-size:12px;color:var(--text-muted)}.library-section{margin-bottom:32px}.library-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.library-section__header .library-section__title{margin-bottom:0}.library-section__title{font-size:18px;font-weight:600;margin-bottom:16px;color:var(--text-primary)}.library-section__create-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;font-size:13px;font-weight:500;color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border);border-radius:20px;white-space:nowrap;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease;cursor:pointer}.library-section__create-btn:hover{border-color:var(--accent);background:#fed42b0f;box-shadow:0 0 12px #fed42b1a;transform:translateY(-1px)}.playlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}.playlist-card{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.playlist-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d,0 0 16px #fed42b0f}.playlist-card__cover{width:100%;aspect-ratio:1;border-radius:var(--radius-l);object-fit:cover;background:var(--bg-elevated);display:block;box-shadow:0 2px 8px #0000004d;transition:box-shadow .2s ease}.playlist-card__cover--round{border-radius:50%}.playlist-card__title{margin-top:8px;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.01em;transition:color .2s ease}.playlist-card:hover .playlist-card__title{color:var(--accent)}.playlist-card__meta{font-size:12px;color:var(--text-muted);margin-top:2px}.mobile-nav,.mobile-player,.mobile-player-full{display:none}@media(max-width:768px){.mobile-player-full{display:flex;flex-direction:column;position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;padding:16px 24px;padding-top:calc(16px + env(safe-area-inset-top,0px));padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));overflow-y:hidden;overflow-x:hidden;overscroll-behavior:none;background:#0a0a0a}.mobile-player-full__bg{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;background-size:cover;background-position:center;filter:blur(60px) saturate(1.3);transform:scale(1.2);transition:opacity .8s ease}.mobile-player-full__bg--active{opacity:1}.mobile-player-full__bg--hidden{opacity:0}.mobile-player-full__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000a6}.mobile-player-full__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;position:relative;z-index:1}.mobile-player-full__header-btn{color:#fff9;padding:4px;display:flex;-webkit-tap-highlight-color:transparent;transition:color .15s}.mobile-player-full__header-btn--active{color:var(--accent)}.mobile-player-full__close{color:var(--text-secondary);padding:4px;display:flex;-webkit-tap-highlight-color:transparent}.mobile-player-full__label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.mobile-player-full__art{display:flex;justify-content:center;margin-bottom:32px;flex:1;align-items:center;position:relative;z-index:1}.mobile-player-full__cover{width:100%;max-width:320px;aspect-ratio:1;border-radius:var(--radius-l);object-fit:cover;box-shadow:0 8px 40px #00000080}.mobile-player-full__info-row{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding:0 8px;position:relative;z-index:1}.mobile-player-full__info{flex:1;min-width:0;text-align:left}.mobile-player-full__title{font-size:20px;font-weight:700;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.mobile-player-full__artist{font-size:15px;color:var(--text-secondary);margin-top:4px;cursor:pointer}.mobile-player-full__progress{margin-bottom:20px;padding:0 4px;position:relative;z-index:1}.mobile-player-full__progress-bar{width:100%;height:23px;cursor:pointer;touch-action:none;position:relative}.mobile-player-full__progress-track{position:absolute;left:0;right:0;top:10px;height:3px;background:#ffffff40;border-radius:1.5px}.mobile-player-full__progress-fill{height:3px;background:var(--accent);border-radius:1.5px;position:relative;top:10px;transition:width .15s linear}.mobile-player-full__progress-thumb{position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;background:#fff;opacity:0;transition:opacity .15s}.mobile-player-full__progress-bar--active .mobile-player-full__progress-thumb{opacity:1}.mobile-player-full__progress-bar--active .mobile-player-full__progress-fill{transition:none}.mobile-player-full__times{display:flex;justify-content:space-between;font-size:11px;color:var(--text-muted);margin-top:6px;font-variant-numeric:tabular-nums}.mobile-player-full__controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:16px;position:relative;z-index:1}.mobile-player-full__btn{color:var(--text-primary);padding:8px;display:flex;-webkit-tap-highlight-color:transparent}.mobile-player-full__btn-play{width:64px;height:64px;background:var(--text-primary);color:var(--bg-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.mobile-player-full__btn-sm{color:var(--text-muted);padding:8px;display:flex;-webkit-tap-highlight-color:transparent}.mobile-player-full__btn-sm--active{color:var(--accent)}}@media(max-width:768px){.app-layout{grid-template-columns:1fr;grid-template-rows:1fr auto auto}.sidebar,.player-bar{display:none}.app-layout__main{grid-row:1;min-height:0}.header{height:calc(48px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 12px 0;background:var(--bg-primary)}.header__search{max-width:none;border-radius:20px}.header__search-field{padding:8px 32px 8px 38px;font-size:14px}.header__search-icon{left:12px}.mobile-player{display:flex;grid-row:2;background:var(--bg-elevated);padding:8px 12px;align-items:center;gap:10px;cursor:pointer;position:relative;overflow:hidden}.mobile-player__progress{position:absolute;top:0;left:0;height:2px;background:var(--accent);transition:width .3s linear;z-index:1}.mobile-player__cover{width:44px;height:44px;border-radius:var(--radius-s);object-fit:cover;background:var(--bg-secondary);flex-shrink:0}.mobile-player__info{flex:1;min-width:0}.mobile-player__title{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-player__artist{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-player__like{flex-shrink:0;display:flex;align-items:center;padding:6px;-webkit-tap-highlight-color:transparent;position:relative;z-index:2}.mobile-player__btn{color:var(--text-primary);padding:6px;display:flex;flex-shrink:0;-webkit-tap-highlight-color:transparent}.mobile-nav{display:flex;grid-row:3;background:var(--bg-secondary);border-top:1px solid var(--border);justify-content:space-around;align-items:stretch;padding-bottom:env(safe-area-inset-bottom,0px)}.mobile-nav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:1;padding:8px 0 6px;color:var(--text-muted);font-size:10px;font-weight:500;transition:color .15s;-webkit-tap-highlight-color:transparent}.mobile-nav__item--active{color:var(--text-primary)}.app-layout__content{padding:12px 16px 8px}.track-row{grid-template-columns:44px 1fr auto 46px;gap:10px;padding:6px 8px}.track-row__index,.track-list__header{display:none}.playlist-page__header{flex-direction:column;align-items:center;text-align:center}.playlist-page__cover{width:160px;height:160px}.playlist-page__title{font-size:24px}.user-page__header{flex-direction:column;align-items:center;text-align:center}.user-page__avatar{width:120px;height:120px}.user-page__name{font-size:24px}.user-page__stats{justify-content:center}.home-page__logo{font-size:36px}.search-playlists__row{padding:0 16px}}@media(max-width:1024px)and (min-width:769px){:root{--sidebar-width: 200px}}.wave-page{display:flex;flex-direction:column;gap:32px}.wave-page__hero{position:relative;border-radius:var(--radius-xl);overflow:hidden;background:var(--bg-elevated);min-height:320px}.wave-page__hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;filter:blur(40px) brightness(.4);transform:scale(1.2)}.wave-page__hero-content{position:relative;display:flex;align-items:center;gap:32px;padding:40px;z-index:1}.wave-page__cover{width:280px;height:280px;border-radius:var(--radius-l);object-fit:cover;flex-shrink:0;box-shadow:0 8px 32px #0006}.wave-page__current-info{display:flex;flex-direction:column;gap:8px;min-width:0}.wave-page__label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent)}.wave-page__title{font-size:32px;font-weight:800;line-height:1.1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.wave-page__artist{font-size:16px;color:var(--text-secondary)}.wave-page__artist--link{cursor:pointer}.wave-page__artist--link:hover{color:var(--text-primary);text-decoration:underline}.wave-page__actions{display:flex;align-items:center;gap:12px;margin-top:8px}.wave-page__skip-btn{display:flex;align-items:center;justify-content:center;padding:8px;color:var(--text-secondary);transition:color .15s,transform .15s}.wave-page__skip-btn:hover{color:var(--text-primary);transform:scale(1.15)}.wave-page__queue{display:flex;flex-direction:column;gap:12px}.wave-page__queue-title{font-size:18px;font-weight:700}.wave-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:60vh;text-align:center;color:var(--text-secondary)}.wave-page__empty h2{font-size:28px;font-weight:700;color:var(--text-primary)}.wave-page__empty p{max-width:360px;line-height:1.5}.wave-page__signin-btn{display:flex;align-items:center;gap:8px;padding:10px 28px;background:var(--accent);color:#000;border-radius:24px;font-size:14px;font-weight:600;transition:background .15s}.wave-page__signin-btn:hover{background:var(--accent-hover)}.wave-page__start{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:75vh;text-align:center;overflow:hidden;border-radius:var(--radius-xl);gap:20px}.wave-page__start-bg{position:absolute;top:-60%;right:-60%;bottom:-60%;left:-60%;background:radial-gradient(ellipse at 25% 40%,rgba(254,212,43,.07),transparent 55%),radial-gradient(ellipse at 75% 25%,rgba(254,212,43,.04),transparent 50%),radial-gradient(ellipse at 50% 75%,rgba(254,212,43,.05),transparent 55%);animation:wave-bg-drift 18s ease-in-out infinite alternate;z-index:0;pointer-events:none}@keyframes wave-bg-drift{0%{transform:translate(0) scale(1)}50%{transform:translate(-2%,1.5%) scale(1.03)}to{transform:translate(1.5%,-1.5%) scale(1)}}.wave-page__particles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.wave-page__particle{position:absolute;border-radius:50%;background:var(--accent);opacity:.08;animation:wave-particle-float 20s ease-in-out infinite;animation-delay:calc(var(--i) * -3.3s)}.wave-page__particle:nth-child(1){width:120px;height:120px;top:10%;left:15%}.wave-page__particle:nth-child(2){width:80px;height:80px;top:60%;left:75%;animation-duration:25s}.wave-page__particle:nth-child(3){width:60px;height:60px;top:30%;left:80%;opacity:.05;animation-duration:18s}.wave-page__particle:nth-child(4){width:100px;height:100px;top:70%;left:20%;opacity:.06;animation-duration:22s}.wave-page__particle:nth-child(5){width:50px;height:50px;top:15%;left:55%;opacity:.07;animation-duration:16s}.wave-page__particle:nth-child(6){width:70px;height:70px;top:80%;left:50%;opacity:.04;animation-duration:28s}@keyframes wave-particle-float{0%{transform:translate(0) scale(1)}25%{transform:translate(30px,-20px) scale(1.1)}50%{transform:translate(-20px,15px) scale(.95)}75%{transform:translate(15px,25px) scale(1.05)}to{transform:translate(0) scale(1)}}.wave-page__eq-bars{position:relative;display:flex;align-items:flex-end;gap:5px;height:48px;z-index:1;margin-bottom:4px}.wave-page__eq-bar{width:6px;border-radius:3px;background:var(--accent);animation:wave-eq-pulse 1.2s ease-in-out infinite alternate;animation-delay:calc(var(--i) * .15s)}@keyframes wave-eq-pulse{0%{height:8px;opacity:.4}to{height:36px;opacity:1}}.wave-page__start-title{position:relative;z-index:1;font-size:48px;font-weight:800;line-height:1.1;background:linear-gradient(135deg,#fed42b,#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0}.wave-page__start-subtitle{position:relative;z-index:1;font-size:16px;color:var(--text-secondary);letter-spacing:.04em;max-width:360px;line-height:1.5;margin:0}.wave-page__mode-filter{position:relative;z-index:1;display:flex;gap:8px;margin-bottom:4px}.wave-page__mode-filter--inline{margin:8px 0 4px}.wave-page__mode-btn{padding:6px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s}.wave-page__mode-btn:hover{border-color:#ffffff59;color:var(--text-primary);background:#ffffff1a}.wave-page__mode-btn--active{background:var(--accent);border-color:var(--accent);color:#000;backdrop-filter:none;-webkit-backdrop-filter:none}.wave-page__launch-btn{position:relative;z-index:1;display:flex;align-items:center;gap:10px;padding:16px 44px;background:var(--accent);color:#000;border-radius:32px;font-size:17px;font-weight:700;cursor:pointer;border:none;transition:background .15s,transform .15s;box-shadow:0 0 24px #fed42b40;animation:wave-glow-pulse 2.5s ease-in-out infinite alternate}.wave-page__launch-btn:hover{background:var(--accent-hover);transform:scale(1.06);box-shadow:0 0 40px #fed42b80;animation:none}@keyframes wave-glow-pulse{0%{box-shadow:0 0 20px #fed42b33}to{box-shadow:0 0 40px #fed42b73}}.wave-page__play-btn{display:flex;align-items:center;gap:10px;padding:14px 36px;background:var(--accent);color:#000;border-radius:28px;font-size:16px;font-weight:700;transition:background .15s,transform .15s}.wave-page__play-btn:hover{background:var(--accent-hover);transform:scale(1.04)}@media(max-width:1024px){.wave-page{gap:24px}.wave-page__hero-content{gap:24px;padding:32px}.wave-page__cover{width:220px;height:220px}.wave-page__title{font-size:26px}}@media(max-width:768px){.wave-page{gap:20px}.wave-page__hero{min-height:auto;border-radius:var(--radius-l)}.wave-page__hero-bg{filter:blur(30px) brightness(.35)}.wave-page__hero-content{flex-direction:column;align-items:center;text-align:center;gap:20px;padding:24px 16px}.wave-page__cover{width:160px;height:160px;box-shadow:0 4px 20px #00000059}.wave-page__current-info{align-items:center;gap:6px}.wave-page__label{font-size:11px}.wave-page__title{font-size:20px;-webkit-line-clamp:2}.wave-page__artist{font-size:14px}.wave-page__actions{justify-content:center;gap:20px;margin-top:4px}.wave-page__skip-btn{padding:10px}.wave-page__queue{gap:8px}.wave-page__queue-title{font-size:16px}.wave-page__empty{min-height:50vh;gap:12px;padding:0 16px}.wave-page__empty h2{font-size:22px}.wave-page__empty p{font-size:14px}.wave-page__signin-btn{padding:10px 24px;font-size:13px}.wave-page__start{min-height:60vh;gap:16px}.wave-page__start-title{font-size:36px}.wave-page__start-subtitle{font-size:14px}.wave-page__eq-bars{height:40px}.wave-page__launch-btn{padding:14px 36px;font-size:15px}.wave-page__particle:nth-child(1){width:80px;height:80px}.wave-page__particle:nth-child(2){width:60px;height:60px}.wave-page__particle:nth-child(4){width:70px;height:70px}}@media(max-width:375px){.wave-page__hero-content{padding:20px 12px}.wave-page__cover{width:140px;height:140px}.wave-page__title{font-size:18px}.wave-page__artist{font-size:13px}.wave-page__start{min-height:55vh;gap:14px}.wave-page__start-title{font-size:28px}.wave-page__start-subtitle{font-size:13px;max-width:280px}.wave-page__launch-btn{padding:12px 28px;font-size:14px;border-radius:28px}.wave-page__mode-btn{padding:5px 12px;font-size:12px}}.sidebar__section{padding:8px 12px;border-top:1px solid var(--border);margin-top:4px}.sidebar__section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:8px 12px 4px}.sidebar__playlist-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.sidebar__listening-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 12px;border-radius:var(--radius-s);cursor:pointer;transition:background .2s ease,transform .2s ease;text-align:left}.sidebar__listening-item:hover{background:#ffffff0f;transform:translate(2px)}.sidebar__listening-item--following{background:#fed42b14;border-left:2px solid var(--accent);box-shadow:inset 0 0 12px #fed42b0a}.sidebar__listening-item--listener{cursor:default}.sidebar__listening-label{font-size:11px;color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__listening-avatar-wrap{position:relative;flex-shrink:0;width:28px;height:28px}.sidebar__listening-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.sidebar__listening-avatar--placeholder{display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);color:var(--text-muted)}.sidebar__listening-dot{position:absolute;bottom:-1px;right:-1px;width:8px;height:8px;border-radius:50%;background:var(--success);border:2px solid var(--bg-secondary);box-shadow:0 0 6px #37c84f80}.sidebar__listening-info{min-width:0;display:flex;flex-direction:column;gap:1px}.sidebar__listening-name{font-size:12px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__listening-track{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-row__actions{display:flex;align-items:center;gap:4px}.track-row__add-btn{display:flex;align-items:center;justify-content:center;padding:4px;color:var(--text-muted);transition:color .2s ease,transform .2s ease,filter .2s ease;opacity:0;min-width:32px;min-height:32px}.track-row:hover .track-row__add-btn{opacity:1}.track-row__add-btn:hover{color:var(--accent);transform:scale(1.2);filter:drop-shadow(0 0 4px rgba(254,212,43,.3))}.playlist-page__description{font-size:14px;color:var(--text-secondary);line-height:1.4}.playlist-page__actions{display:flex;align-items:center;gap:8px;margin-top:8px}.playlist-page__action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:var(--text-secondary);border:1px solid var(--border);transition:all .2s ease}.playlist-page__action-btn:hover{color:var(--text-primary);border-color:var(--text-secondary);transform:scale(1.1);box-shadow:0 0 8px #ffffff0f}.playlist-page__action-btn--active,.playlist-page__action-btn--liked{color:var(--accent);border-color:var(--accent);box-shadow:0 0 8px #fed42b4d}.playlist-page__action-btn--liked:hover{color:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 0 12px #fed42b66}.playlist-page__action-btn--danger:hover{color:var(--error);border-color:var(--error);background:#d5594d1a}.playlist-card__cover--create{width:100%;aspect-ratio:1;border-radius:var(--radius-l);background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;color:var(--text-muted);border:2px dashed var(--border);transition:all .2s ease}.playlist-card--create:hover .playlist-card__cover--create{border-color:var(--accent);color:var(--accent);background:#fed42b0a;box-shadow:inset 0 0 20px #fed42b0f,0 0 12px #fed42b14}.add-to-playlist__create{display:flex;gap:8px}.add-to-playlist__create .modal__input{flex:1}.add-to-playlist__create-btn{display:flex;align-items:center;justify-content:center;width:40px;flex-shrink:0;background:var(--accent);color:#000;border-radius:var(--radius-m);transition:background .2s ease,box-shadow .2s ease}.add-to-playlist__create-btn:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 0 12px #fed42b4d}.add-to-playlist__create-btn:disabled{opacity:.4;cursor:not-allowed}.add-to-playlist__list{display:flex;flex-direction:column;gap:2px;max-height:300px;overflow-y:auto}.add-to-playlist__item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-m);color:var(--text-secondary);font-size:14px;transition:background .2s ease,transform .2s ease;width:100%;text-align:left}.add-to-playlist__item:hover{background:#ffffff0f;color:var(--text-primary);transform:translate(2px)}.add-to-playlist__item--added{color:var(--accent);background:#fed42b0a}.add-to-playlist__item-title{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-to-playlist__item-count{font-size:12px;color:var(--text-muted);flex-shrink:0}.add-to-playlist__check{color:var(--success);flex-shrink:0}.add-to-playlist__empty{text-align:center;padding:24px;color:var(--text-muted);font-size:14px}.modal__textarea{resize:none;min-height:60px;font-family:inherit}.modal__textarea::placeholder,.modal__input::placeholder{color:var(--text-secondary)}.playlist-form__artwork{width:120px;height:120px;border-radius:var(--radius-l);overflow:hidden;cursor:pointer;align-self:center;flex-shrink:0;transition:opacity .15s}.playlist-form__artwork:hover{opacity:.8}.playlist-form__artwork-img{width:100%;height:100%;object-fit:cover}.playlist-form__artwork-placeholder{width:100%;height:100%;background:var(--bg-elevated);border:2px dashed var(--border);border-radius:var(--radius-l);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--text-muted);font-size:12px;transition:border-color .15s,color .15s}.playlist-form__artwork:hover .playlist-form__artwork-placeholder{border-color:var(--accent);color:var(--accent)}.search-playlists{margin-bottom:24px}.search-playlists__title{font-size:18px;font-weight:700;margin-bottom:12px}.search-playlists__row{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.sidebar__badge{margin-left:auto;background:var(--accent);color:#000;font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 5px;box-shadow:0 0 8px #fed42b66}.settings-page{padding:24px 32px;max-width:560px}.settings-page__header{display:flex;align-items:center;gap:16px;margin-bottom:28px}.settings-page__avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px #ffffff14}.settings-page__header-info{display:flex;flex-direction:column}.settings-page__title{font-size:24px;font-weight:700;margin:0}.settings-page__header-username{font-size:14px;color:var(--text-secondary);margin-top:2px}.settings-page__empty{color:var(--text-secondary)}.settings-page__card{background:var(--bg-elevated);border-radius:var(--radius-l);padding:20px;border:1px solid rgba(255,255,255,.06);margin-bottom:16px}.settings-page__card-title{font-size:16px;font-weight:600;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.06)}.settings-page__section{margin-bottom:20px}.settings-page__section:last-child{margin-bottom:0}.settings-page__label{display:block;font-size:13px;font-weight:500;color:var(--text-muted);margin-bottom:6px}.settings-page__value{font-size:14px;color:var(--text-primary);margin:0}.settings-page__input-row{display:flex;gap:8px}.settings-page__input{flex:1;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-m);color:var(--text-primary);font-size:14px;padding:8px 12px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.settings-page__input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #fed42b1a,0 0 12px #fed42b0d}.settings-page__save{background:var(--accent);color:#000;border:none;border-radius:var(--radius-m);padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s ease,box-shadow .2s ease,transform .2s ease;box-shadow:0 2px 8px #fed42b33}.settings-page__save:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 4px 16px #fed42b59;transform:translateY(-1px)}.settings-page__save:disabled{opacity:.5;cursor:not-allowed}.friends-page{padding:24px 32px}.friends-page__title{font-size:24px;font-weight:700;margin-bottom:16px}.friends-page__empty{color:var(--text-secondary)}.friends-page__tabs{display:flex;gap:4px;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:0}.friends-page__tab{background:none;border:none;color:var(--text-secondary);font-size:14px;font-weight:500;padding:8px 16px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;display:flex;align-items:center;gap:6px;transition:all .2s ease}.friends-page__tab:hover{color:var(--text-primary);background:#ffffff08}.friends-page__tab--active{color:var(--accent);border-bottom-color:var(--accent);text-shadow:0 0 12px rgba(254,212,43,.2)}.friends-page__badge{background:var(--accent);color:#000;font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px;box-shadow:0 0 8px #fed42b66}.friends-list__empty{color:var(--text-secondary);font-size:14px}.friends-list__avatar-wrap{position:relative;flex-shrink:0}.friends-list__online-dot{position:absolute;bottom:1px;right:1px;width:10px;height:10px;border-radius:50%;background:#4caf50;border:2px solid var(--bg-primary);box-shadow:0 0 6px #4caf5080}.friends-list__listening-section{margin-bottom:20px;padding:16px;background:var(--bg-elevated);border-radius:var(--radius-l);border:1px solid rgba(254,212,43,.08)}.friends-list__listening-title{font-size:14px;font-weight:600;color:var(--accent);margin-bottom:12px;text-shadow:0 0 12px rgba(254,212,43,.2)}.friends-list__listening-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-m);transition:background .2s ease}.friends-list__listening-item:hover{background:#ffffff0a}.friends-list__listening-track{display:flex;align-items:center;gap:8px;margin-top:4px}.friends-list__track-cover{border-radius:var(--radius-s);flex-shrink:0}.friends-list__track-text{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friends-list__btn--listen{background:var(--accent);color:#000;font-weight:600;white-space:nowrap;box-shadow:0 2px 8px #fed42b33;border:none;font-size:12px;padding:6px 14px;border-radius:var(--radius-s);cursor:pointer;transition:background .2s ease,box-shadow .2s ease}.friends-list__btn--listen:hover{box-shadow:0 4px 16px #fed42b59}.friends-list__btn--listening{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.friends-list__item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg-elevated);border-radius:var(--radius-m);border:1px solid rgba(255,255,255,.06);margin-bottom:6px;transition:background .2s ease,border-color .2s ease}.friends-list__item:hover{background:#ffffff0d;border-color:#ffffff1a}.friends-list__avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;background:var(--bg-elevated);box-shadow:0 0 0 1px #ffffff14;transition:box-shadow .2s ease}.friends-list__item:hover .friends-list__avatar{box-shadow:0 0 0 1px #fed42b33,0 0 8px #fed42b1a}.friends-list__info{flex:1;min-width:0;display:flex;flex-direction:column}.friends-list__name{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friends-list__actions{display:flex;gap:4px}.friends-list__icon-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:var(--radius-s);display:flex;align-items:center;transition:color .2s ease,background .2s ease}.friends-list__icon-btn:hover{color:var(--text-primary);background:#ffffff0f}.friends-list__icon-btn--danger:hover{color:var(--error);background:#d5594d1a}.friend-requests__section{margin-bottom:24px}.friend-requests__heading{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}.friend-requests__item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg-elevated);border-radius:var(--radius-m);border:1px solid rgba(255,255,255,.06);margin-bottom:6px;transition:background .2s ease,border-color .2s ease}.friend-requests__item:hover{background:#ffffff0d;border-color:#ffffff1a}.friend-requests__avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;background:var(--bg-elevated);box-shadow:0 0 0 1px #ffffff14}.friend-requests__info{flex:1;min-width:0;display:flex;flex-direction:column}.friend-requests__name{font-size:14px;font-weight:500}.friend-requests__actions{display:flex;gap:4px}.friend-requests__icon-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:var(--radius-s);display:flex;align-items:center;transition:color .2s ease,background .2s ease}.friend-requests__icon-btn--accept{color:var(--accent)}.friend-requests__icon-btn--accept:hover{background:#fed42b1a}.friend-requests__icon-btn--reject{color:var(--text-muted)}.friend-requests__icon-btn--reject:hover{color:var(--error);background:#d5594d1a}.friend-requests__pending{font-size:12px;color:var(--text-muted)}.friend-requests__empty{color:var(--text-secondary);font-size:14px}.friend-search__bar{display:flex;gap:8px;margin-bottom:16px}.friend-search__input{flex:1;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-m);color:var(--text-primary);font-size:14px;padding:8px 12px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.friend-search__input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #fed42b1a,0 0 12px #fed42b0d}.friend-search__btn{background:var(--accent);color:#000;border:none;border-radius:var(--radius-m);padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease,box-shadow .2s ease,transform .2s ease;box-shadow:0 2px 8px #fed42b33}.friend-search__btn:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 4px 16px #fed42b59;transform:translateY(-1px)}.friend-search__btn:disabled{opacity:.5}.friend-search__loading,.friend-search__empty{color:var(--text-secondary);font-size:14px}.friend-search__item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg-elevated);border-radius:var(--radius-m);border:1px solid rgba(255,255,255,.06);margin-bottom:6px;transition:background .2s ease,border-color .2s ease}.friend-search__item:hover{background:#ffffff0d;border-color:#ffffff1a}.friend-search__avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;background:var(--bg-elevated);box-shadow:0 0 0 1px #ffffff14}.friend-search__info{flex:1;min-width:0;display:flex;flex-direction:column}.friend-search__name{font-size:14px;font-weight:500}.friend-search__username,.friend-search__status{font-size:12px;color:var(--text-muted)}.friend-search__add-btn{background:var(--accent);color:#000;border:none;border-radius:var(--radius-s);padding:5px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s ease,box-shadow .2s ease,transform .2s ease;box-shadow:0 2px 8px #fed42b33}.friend-search__add-btn:hover{background:var(--accent-hover);box-shadow:0 4px 12px #fed42b59;transform:translateY(-1px)}.friend-likes-page{padding:24px 32px}.friend-likes-page__header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.friend-likes-page__back{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;display:flex;transition:color .2s ease}.friend-likes-page__back:hover{color:var(--text-primary)}.friend-likes-page__avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px #ffffff14}.friend-likes-page__header-info{flex:1;min-width:0}.friend-likes-page__title{font-size:22px;font-weight:700;margin:0}.friend-likes-page__count{font-size:13px;color:var(--text-secondary);margin-top:2px}.friend-likes-page__play-all{display:flex;align-items:center;gap:6px;background:var(--accent);color:#000;border:none;border-radius:var(--radius-m);padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:box-shadow .2s ease,transform .2s ease;box-shadow:0 2px 8px #fed42b33;white-space:nowrap}.friend-likes-page__play-all:hover{box-shadow:0 4px 16px #fed42b59;transform:translateY(-1px)}.friend-likes-page__loader{text-align:center;padding:16px}.chat-page{display:flex;flex-direction:column;height:100%;min-height:0}.chat-page__header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.chat-page__back{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;display:flex;transition:color .2s ease}.chat-page__back:hover{color:var(--text-primary)}.chat-page__avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.chat-page__name{font-size:16px;font-weight:600}.chat-page__empty{color:var(--text-muted);text-align:center;padding:40px 20px}.chat-page__messages{flex:1;overflow-y:auto;padding:12px 20px;display:flex;flex-direction:column;gap:6px;min-height:0}.chat-page__loading{text-align:center;color:var(--text-muted);font-size:13px;padding:8px}.chat-page__footer{display:flex;align-items:center;gap:8px;padding:12px 20px;border-top:1px solid rgba(255,255,255,.06);flex-shrink:0}.chat-page__attach{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;display:flex}.chat-page__attach:hover{color:var(--accent)}.chat-page__input{flex:1;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-l);color:var(--text-primary);font-size:14px;padding:8px 12px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.chat-page__input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #fed42b1a}.chat-page__send{background:none;border:none;color:var(--accent);cursor:pointer;padding:4px;display:flex;transition:filter .2s ease,transform .2s ease}.chat-page__send:hover:not(:disabled){filter:drop-shadow(0 0 4px rgba(254,212,43,.4));transform:scale(1.1)}.chat-page__send:disabled{color:var(--text-muted);cursor:not-allowed}.message-bubble{max-width:80%;display:flex;flex-direction:column;position:relative}.message-bubble--mine{align-self:flex-end}.message-bubble--theirs{align-self:flex-start}.message-bubble__content{padding:8px 12px;border-radius:var(--radius-l);font-size:14px;line-height:1.4;word-break:break-word;transition:box-shadow .2s ease}.message-bubble--mine .message-bubble__content{background:var(--accent);color:#000;box-shadow:0 2px 8px #fed42b26}.message-bubble--theirs .message-bubble__content{background:var(--bg-elevated);color:var(--text-primary);box-shadow:0 1px 4px #0003}.message-bubble__text{margin:0}.message-bubble__reactions{display:flex;gap:2px;margin-top:2px;opacity:0;transition:opacity .2s ease}.message-bubble:hover .message-bubble__reactions{opacity:1}.message-bubble__react{background:none;border:none;font-size:14px;cursor:pointer;padding:2px;opacity:.6;transition:opacity .2s ease,transform .2s ease}.message-bubble__react:hover{transform:scale(1.2)}.message-bubble__react:hover,.message-bubble__react--active{opacity:1}.message-bubble__reaction-display{font-size:14px;margin-top:2px}.message-bubble--mine .message-bubble__reaction-display{text-align:right}.message-bubble__time{font-size:11px;color:var(--text-muted);margin-top:2px}.message-bubble--mine .message-bubble__time{text-align:right}.track-attachment{display:flex;align-items:center;gap:8px;padding:6px;background:#00000026;border-radius:var(--radius-m);cursor:pointer;margin-bottom:4px;transition:background .2s ease}.track-attachment:hover{background:#00000040}.message-bubble--theirs .track-attachment{background:#ffffff0f}.track-attachment__artwork{width:48px;height:48px;border-radius:var(--radius-xs);object-fit:cover;background:var(--bg-primary);box-shadow:0 1px 4px #0000004d}.track-attachment__info{flex:1;min-width:0;display:flex;flex-direction:column}.track-attachment__title{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-attachment__artist{font-size:11px;opacity:.7}.track-attachment__play{background:none;border:none;color:inherit;cursor:pointer;padding:4px;display:flex}.attach-track-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:200;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.attach-track-modal{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);width:360px;max-height:500px;display:flex;flex-direction:column;box-shadow:0 24px 64px #00000080,0 0 0 1px #ffffff0d;animation:modal-appear .2s ease}.attach-track-modal__header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(254,212,43,.06)}.attach-track-modal__header h3{font-size:16px;font-weight:600;margin:0}.attach-track-modal__close{background:none;border:none;color:var(--text-secondary);font-size:20px;cursor:pointer;transition:color .2s ease,transform .2s ease}.attach-track-modal__close:hover{color:var(--text-primary);transform:scale(1.1)}.attach-track-modal__list{overflow-y:auto;padding:8px 0}.attach-track-modal__empty{color:var(--text-secondary);text-align:center;padding:24px;font-size:14px}.attach-track-modal__item{display:flex;align-items:center;gap:10px;padding:8px 16px;cursor:pointer;transition:background .2s ease,transform .2s ease}.attach-track-modal__item:hover{background:#ffffff0f;transform:translate(2px)}.attach-track-modal__artwork{width:40px;height:40px;border-radius:var(--radius-xs);object-fit:cover;background:var(--bg-elevated)}.attach-track-modal__info{flex:1;min-width:0;display:flex;flex-direction:column}.attach-track-modal__title{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attach-track-modal__artist{font-size:12px;color:var(--text-muted)}.chats-page{padding:24px 32px}.chats-page__title{font-size:24px;font-weight:700;margin-bottom:16px}.chats-page__empty{color:var(--text-secondary);font-size:14px}.chats-page__item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-m);cursor:pointer;transition:background .2s ease,box-shadow .2s ease}.chats-page__item:hover{background:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff0a}.chats-page__avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;background:var(--bg-elevated);box-shadow:0 0 0 1px #ffffff14;transition:box-shadow .2s ease}.chats-page__item:hover .chats-page__avatar{box-shadow:0 0 0 1px #fed42b33,0 0 8px #fed42b1a}.chats-page__info{flex:1;min-width:0;display:flex;flex-direction:column}.chats-page__name{font-size:14px;font-weight:500}.chats-page__last-msg{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chats-page__unread{background:var(--accent);color:#000;font-size:11px;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 6px;box-shadow:0 0 8px #fed42b66}.share-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:200;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.share-modal{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);width:340px;max-height:480px;display:flex;flex-direction:column;box-shadow:0 24px 64px #00000080,0 0 0 1px #ffffff0d;animation:modal-appear .2s ease}.share-modal__header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(254,212,43,.06)}.share-modal__header h3{font-size:16px;font-weight:600;margin:0}.share-modal__close{background:none;border:none;color:var(--text-secondary);font-size:20px;cursor:pointer;transition:color .2s ease,transform .2s ease}.share-modal__close:hover{color:var(--text-primary);transform:scale(1.1)}.share-modal__track-preview{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.share-modal__artwork{width:40px;height:40px;border-radius:var(--radius-xs);object-fit:cover;background:var(--bg-elevated);box-shadow:0 1px 4px #0000004d}.share-modal__track-info{flex:1;min-width:0;display:flex;flex-direction:column}.share-modal__track-title{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-modal__track-artist{font-size:11px;color:var(--text-muted)}.share-modal__list{overflow-y:auto;padding:4px 0}.share-modal__empty{color:var(--text-secondary);text-align:center;padding:20px 16px;font-size:14px}.share-modal__item{display:flex;align-items:center;gap:10px;padding:8px 16px;cursor:pointer;transition:background .2s ease,transform .2s ease}.share-modal__item:hover{background:#ffffff0f;transform:translate(2px)}.share-modal__avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;background:var(--bg-elevated);box-shadow:0 0 0 1px #ffffff14}.share-modal__name{font-size:14px;font-weight:500}.player-bar__share-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;transition:color .2s ease,background .2s ease}.player-bar__share-btn:hover{color:var(--accent);background:#ffffff0f}.player-bar__following{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--accent);margin-left:8px;white-space:nowrap}.player-bar__following button{color:var(--text-muted);font-size:14px;padding:2px 4px}.player-bar__following button:hover{color:var(--text-primary)}.settings-page__value{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.settings-page__hint{font-size:12px;color:var(--text-muted)}.friend-likes-page__loader{text-align:center;padding:16px;color:var(--text-muted);font-size:13px}.player-bar__lyrics-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;transition:color .2s ease,background .2s ease,text-shadow .2s ease}.player-bar__lyrics-btn:hover{color:var(--text-primary);background:#ffffff0f}.mobile-lyrics{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:6px;-webkit-overflow-scrolling:touch;max-height:320px}.mobile-lyrics__line{font-size:18px;color:var(--text-muted);padding:4px 0;transition:color .2s;line-height:1.5}.mobile-lyrics__line--active{color:var(--accent);font-weight:600;font-size:20px}.fs-player{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;flex-direction:column;align-items:center;color:#fff;overflow:hidden;background:#0a0a0a}.fs-player__bg{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;background-size:cover;background-position:center;filter:blur(60px) saturate(1.3);transform:scale(1.2);transition:opacity .8s ease}.fs-player__bg--active{opacity:1}.fs-player__bg--hidden{opacity:0}.fs-player__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000a6}.fs-player__header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:480px;padding:20px 16px 0}.fs-player__close{color:#ffffffb3;transition:color .15s}.fs-player__close:hover{color:#fff}.fs-player__label{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#fff9}.fs-player__center{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:480px;min-height:0}.fs-player__cover{border-radius:12px;box-shadow:0 20px 60px #00000080;object-fit:cover}.fs-player__lyrics{width:100%;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:8px;padding:24px 16px;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.fs-player__lyrics::-webkit-scrollbar{display:none}.fs-player__lyrics-line{font-size:22px;color:#fff6;padding:6px 12px;border-radius:var(--radius-s);cursor:pointer;transition:color .25s,font-weight .25s;line-height:1.5;text-align:center;word-break:break-word}.fs-player__lyrics-line:hover{color:#fff9}.fs-player__lyrics-line--active{color:var(--accent);font-weight:700}.fs-player__lyrics-plain{font-size:16px;color:#fff9;white-space:pre-wrap;line-height:1.8;text-align:center}.fs-player__lyrics-status{color:#fff6;font-size:14px;text-align:center;align-self:center}.fs-player__info{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;max-width:480px;padding:0 24px;margin-top:16px;margin-bottom:16px}.fs-player__info-text{min-width:0;flex:1;text-align:left}.fs-player__title{font-size:20px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fs-player__artist{font-size:14px;color:#fff9;margin-top:4px}.fs-player__progress{position:relative;z-index:1;display:flex;align-items:center;gap:10px;width:100%;max-width:480px;padding:16px 24px 0}.fs-player__time{font-size:11px;color:#ffffff80;min-width:36px;text-align:center;font-variant-numeric:tabular-nums}.fs-player__progress-bar{flex:1;height:4px;background:#ffffff26;border-radius:2px;cursor:pointer;position:relative;transition:height .15s}.fs-player__progress-bar:hover,.fs-player__progress-bar--active{height:6px}.fs-player__progress-fill{height:100%;background:#fff;border-radius:2px;position:relative;transition:width .1s linear;max-width:100%}.fs-player__progress-thumb{position:absolute;right:0;top:50%;transform:translateY(-50%) translate(50%);width:10px;height:10px;background:#fff;border-radius:50%;opacity:0;transition:opacity .15s}.fs-player__progress-bar:hover .fs-player__progress-thumb,.fs-player__progress-bar--active .fs-player__progress-thumb{opacity:1}.fs-player__controls{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:24px;padding:16px 0;width:100%;max-width:480px}.fs-player__btn{color:#ffffffd9;transition:color .15s,transform .1s}.fs-player__btn:hover{color:#fff;transform:scale(1.1)}.fs-player__btn-play{width:56px;height:56px;border-radius:50%;background:#fff;color:#000;display:flex;align-items:center;justify-content:center;transition:transform .15s}.fs-player__btn-play:hover{transform:scale(1.06)}.fs-player__btn-sm{color:#ffffff80;transition:color .15s}.fs-player__btn-sm:hover{color:#ffffffd9}.fs-player__btn-sm--active{color:var(--accent)}.fs-player__header-btn{color:#ffffff80;transition:color .15s}.fs-player__header-btn:hover{color:#ffffffd9}.fs-player__header-btn--active{color:var(--accent)}.player-bar__cover-wrap{cursor:pointer;flex-shrink:0;border-radius:var(--radius-m);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.player-bar__cover-wrap:hover{transform:scale(1.05);box-shadow:0 0 16px #fed42b26}@media(max-width:768px){.fs-player{display:none}.header__dropdown{right:8px;max-width:calc(100vw - 16px)}.friends-page{padding:12px 16px}.friends-page__title{font-size:20px;margin-bottom:12px}.friends-page__tabs{gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.friends-page__tabs::-webkit-scrollbar{display:none}.friends-page__tab{font-size:13px;padding:8px 12px;white-space:nowrap;flex-shrink:0}.chats-page{padding:12px 16px}.chats-page__title{font-size:20px;margin-bottom:12px}.share-modal{width:calc(100vw - 32px);max-width:340px}.modal-overlay{padding:16px}.modal{max-width:100%}.modal__header,.modal__body{padding:16px}.attach-track-modal{width:calc(100vw - 32px);max-width:360px}.settings-page{padding:12px 16px}.settings-page__title{font-size:20px}.friend-likes-page{padding:12px 16px}.friend-likes-page__title{font-size:20px}.header__mobile-actions{display:flex;align-items:center;gap:4px;margin-left:8px}.header__mobile-actions .header__icon-btn{position:relative}.header__mobile-badge{position:absolute;top:-2px;right:-4px;background:var(--accent);color:#000;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}.track-row__add-btn{opacity:1}.playlist-grid{grid-template-columns:repeat(2,1fr);gap:12px}.search-playlists__row{display:flex;overflow-x:auto;gap:12px;scrollbar-width:none}.search-playlists__row::-webkit-scrollbar{display:none}.search-playlists__row .playlist-card{flex-shrink:0;width:140px}.search-playlists__row .playlist-card>div:first-child{width:100%!important;height:auto!important;aspect-ratio:1}.search-playlists__row .playlist-card img.playlist-card__cover,.search-playlists__row .playlist-card .cover-art--placeholder.playlist-card__cover{width:100%!important;height:auto!important;aspect-ratio:1}.library-tabs{border-bottom:none;gap:8px;padding-bottom:0;overflow-x:auto}.library-tab{border-radius:20px;border-bottom:none;margin-bottom:0;padding:8px 16px;background:var(--bg-elevated);border:1px solid var(--border);font-size:13px;flex-shrink:0;justify-content:center}.library-tab:hover{background:var(--bg-elevated)}.library-tab--active{background:var(--accent);color:#000;border-color:var(--accent);border-bottom-color:var(--accent)}.library-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.library-section__header .library-section__title{margin-bottom:0}.library-section__create-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;font-size:13px;font-weight:500;color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border);border-radius:20px;white-space:nowrap;transition:background .15s,border-color .15s}.library-section__create-btn:hover{border-color:var(--accent)}}