@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--theme-background: rgba(15, 15, 15, 1);--theme-backdrop-filter: none;--theme-type: default;--theme-site-background: #0a0a0a;--theme-background-full: rgba(15, 15, 15, 1);--theme-button-main: #D0BCFF;--theme-main-color: #d0bcff;--theme-text-primary: rgba(255, 255, 255, 1);--theme-text-secondary: rgba(255, 255, 255, 1);--theme-text-disabled: rgba(255, 255, 255, 1);--theme-text-accent: #D0BCFF;--theme-text-error: #f44336;--theme-text-success: #4caf50;--theme-text-warning: #ff9800;--theme-text-info: #2196f3}[data-theme=default]{--theme-background: rgba(15, 15, 15, 1);--theme-backdrop-filter: none;--theme-site-background: #0a0a0a;--theme-background-full: rgba(15, 15, 15, 1);--theme-button-main: #D0BCFF;--theme-main-color: #d0bcff;--theme-text-primary: rgba(255, 255, 255, 1);--theme-text-secondary: rgba(255, 255, 255, 1);--theme-text-disabled: rgba(255, 255, 255, 1);--theme-text-accent: #D0BCFF;--theme-text-error: #f44336;--theme-text-success: #4caf50;--theme-text-warning: #ff9800;--theme-text-info: #2196f3}[data-theme=blur]{--theme-background: rgba(255, 255, 255, .03);--theme-backdrop-filter: blur(20px);--theme-site-background: #0a0a0a;--theme-background-full: rgba(15, 15, 15, 1);--theme-button-main: #D0BCFF;--theme-main-color: #d0bcff;--theme-text-primary: rgba(255, 255, 255, 1);--theme-text-secondary: rgba(255, 255, 255, 1);--theme-text-disabled: rgba(255, 255, 255, 1);--theme-text-accent: #D0BCFF;--theme-text-error: #f44336;--theme-text-success: #4caf50;--theme-text-warning: #ff9800;--theme-text-info: #2196f3}[data-theme=light]{--theme-background: rgba(255, 255, 255, 1);--theme-backdrop-filter: none;--theme-site-background: #f5f5f5;--theme-background-full: rgba(255, 255, 255, 1);--theme-button-main: #D0BCFF;--theme-main-color: #d0bcff;--theme-text-primary: rgba(0, 0, 0, 1);--theme-text-secondary: rgba(0, 0, 0, 1);--theme-text-disabled: rgba(0, 0, 0, 1);--theme-text-accent: #6750A4;--theme-text-error: #d32f2f;--theme-text-success: #2e7d32;--theme-text-warning: #ed6c02;--theme-text-info: #1976d2}[data-theme=midnight]{--theme-background: rgba(5, 8, 20, 1);--theme-backdrop-filter: none;--theme-site-background: #030510;--theme-background-full: rgba(5, 8, 20, 1);--theme-button-main: #D0BCFF;--theme-main-color: #d0bcff;--theme-text-primary: rgba(255, 255, 255, 1);--theme-text-secondary: rgba(255, 255, 255, 1);--theme-text-disabled: rgba(255, 255, 255, 1);--theme-text-accent: #B69DF8;--theme-text-error: #f44336;--theme-text-success: #4caf50;--theme-text-warning: #ff9800;--theme-text-info: #2196f3}[data-theme=ocean]{--theme-background: rgba(8, 25, 40, 1);--theme-backdrop-filter: none;--theme-site-background: #051520;--theme-background-full: rgba(8, 25, 40, 1);--theme-button-main: #D0BCFF;--theme-main-color: #d0bcff;--theme-text-primary: rgba(255, 255, 255, 1);--theme-text-secondary: rgba(255, 255, 255, 1);--theme-text-disabled: rgba(255, 255, 255, 1);--theme-text-accent: #81C784;--theme-text-error: #f44336;--theme-text-success: #4caf50;--theme-text-warning: #ff9800;--theme-text-info: #2196f3}[data-theme=sunset]{--theme-background: rgba(40, 15, 8, 1);--theme-backdrop-filter: none;--theme-site-background: #250a05;--theme-background-full: rgba(40, 15, 8, 1);--theme-button-main: #D0BCFF;--theme-main-color: #d0bcff;--theme-text-primary: rgba(255, 255, 255, 1);--theme-text-secondary: rgba(255, 255, 255, 1);--theme-text-disabled: rgba(255, 255, 255, 1);--theme-text-accent: #FFB74D;--theme-text-error: #f44336;--theme-text-success: #4caf50;--theme-text-warning: #ff9800;--theme-text-info: #2196f3}[data-theme=forest]{--theme-background: rgba(8, 30, 15, 1);--theme-backdrop-filter: none;--theme-site-background: #051a0a;--theme-background-full: rgba(8, 30, 15, 1);--theme-button-main: #D0BCFF;--theme-main-color: #d0bcff;--theme-text-primary: rgba(255, 255, 255, 1);--theme-text-secondary: rgba(255, 255, 255, 1);--theme-text-disabled: rgba(255, 255, 255, 1);--theme-text-accent: #A5D6A7;--theme-text-error: #f44336;--theme-text-success: #4caf50;--theme-text-warning: #ff9800;--theme-text-info: #2196f3}[data-theme=aurora]{--theme-background: rgba(12, 35, 25, 1);--theme-backdrop-filter: none;--theme-site-background: #082015;--theme-background-full: rgba(12, 35, 25, 1);--theme-button-main: #D0BCFF;--theme-main-color: #d0bcff;--theme-text-primary: rgba(255, 255, 255, 1);--theme-text-secondary: rgba(255, 255, 255, 1);--theme-text-disabled: rgba(255, 255, 255, 1);--theme-text-accent: #80CBC4;--theme-text-error: #f44336;--theme-text-success: #4caf50;--theme-text-warning: #ff9800;--theme-text-info: #2196f3}[data-theme=cosmic]{--theme-background: rgba(30, 8, 35, 1);--theme-backdrop-filter: none;--theme-site-background: #1a051a;--theme-background-full: rgba(30, 8, 35, 1);--theme-button-main: #D0BCFF;--theme-main-color: #d0bcff;--theme-text-primary: rgba(255, 255, 255, 1);--theme-text-secondary: rgba(255, 255, 255, 1);--theme-text-disabled: rgba(255, 255, 255, 1);--theme-text-accent: #CE93D8;--theme-text-error: #f44336;--theme-text-success: #4caf50;--theme-text-warning: #ff9800;--theme-text-info: #2196f3}[data-theme=neon]{--theme-background: rgba(8, 20, 45, 1);--theme-backdrop-filter: none;--theme-site-background: #051025;--theme-background-full: rgba(8, 20, 45, 1);--theme-button-main: #D0BCFF;--theme-main-color: #d0bcff;--theme-text-primary: rgba(255, 255, 255, 1);--theme-text-secondary: rgba(255, 255, 255, 1);--theme-text-disabled: rgba(255, 255, 255, 1);--theme-text-accent: #64B5F6;--theme-text-error: #f44336;--theme-text-success: #4caf50;--theme-text-warning: #ff9800;--theme-text-info: #2196f3}[data-theme=vintage]{--theme-background: rgba(35, 20, 8, 1);--theme-backdrop-filter: none;--theme-site-background: #221205;--theme-background-full: rgba(35, 20, 8, 1);--theme-button-main: #D0BCFF;--theme-main-color: #d0bcff;--theme-text-primary: rgba(255, 255, 255, 1);--theme-text-secondary: rgba(255, 255, 255, 1);--theme-text-disabled: rgba(255, 255, 255, 1);--theme-text-accent: #D7CCC8;--theme-text-error: #f44336;--theme-text-success: #4caf50;--theme-text-warning: #ff9800;--theme-text-info: #2196f3}[data-theme=pickme]{--theme-background: rgba(131, 61, 96, 1);--theme-backdrop-filter: none;--theme-site-background: #b6668a;--theme-background-full: rgba(131, 61, 96, 1);--theme-button-main: #D0BCFF;--theme-main-color: #d0bcff;--theme-text-primary: rgba(255, 255, 255, 1);--theme-text-secondary: rgba(255, 255, 255, 1);--theme-text-disabled: rgba(255, 255, 255, 1);--theme-text-accent: #F8BBD9;--theme-text-error: #f44336;--theme-text-success: #4caf50;--theme-text-warning: #ff9800;--theme-text-info: #2196f3}.theme-aware{background:var(--theme-background)!important;backdrop-filter:var(--theme-backdrop-filter)!important;-webkit-backdrop-filter:var(--theme-backdrop-filter)!important;transition:background .3s ease,backdrop-filter .3s ease}.theme-site-background,body.theme-site-background,html.theme-site-background{background:var(--theme-site-background);transition:background .3s ease}.theme-default{background:#0f0f0ffa!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.theme-blur{background:#ffffff08!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important}.theme-light{background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.theme-midnight{background:#050814!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.theme-ocean{background:#081928!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.theme-sunset{background:#280f08!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.theme-forest{background:#081e0f!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.theme-aurora{background:#0c2319!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.theme-cosmic{background:#1e0823!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.theme-neon{background:#08142d!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.theme-vintage{background:#231408!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important}.theme-pickme{background:#833d60!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important}.text-primary{color:var(--theme-text-primary)!important}.text-secondary{color:var(--theme-text-secondary)!important}.text-disabled{color:var(--theme-text-disabled)!important}.text-accent{color:var(--theme-text-accent)!important}.text-error{color:var(--theme-text-error)!important}.text-success{color:var(--theme-text-success)!important}.text-warning{color:var(--theme-text-warning)!important}.text-info{color:var(--theme-text-info)!important}.theme-aware:hover{background:var(--theme-background);backdrop-filter:var(--theme-backdrop-filter)}.theme-aware:focus{background:var(--theme-background);backdrop-filter:var(--theme-backdrop-filter)}.theme-modal{background:var(--theme-background);backdrop-filter:var(--theme-backdrop-filter)}body.no-blur .theme-menu,.theme-menu.no-blur{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.theme-card{background:var(--theme-background);backdrop-filter:var(--theme-backdrop-filter);border:1px solid rgba(255,255,255,.1);transition:all .2s ease}.theme-card:hover{background:var(--theme-background);backdrop-filter:var(--theme-backdrop-filter);border:1px solid rgba(255,255,255,.2);transform:translateY(-1px)}.theme-button{background:var(--theme-background);backdrop-filter:var(--theme-backdrop-filter);border:1px solid rgba(255,255,255,.1);color:#fff;transition:all .2s ease}.theme-button:hover{background:var(--theme-background);backdrop-filter:var(--theme-backdrop-filter);border:1px solid rgba(255,255,255,.2)}.theme-sidebar{background:var(--theme-background);backdrop-filter:var(--theme-backdrop-filter);border-right:1px solid rgba(255,255,255,.1)}.theme-header{background:var(--theme-background);backdrop-filter:var(--theme-backdrop-filter);border-bottom:1px solid rgba(255,255,255,.1)}.theme-form{background:var(--theme-background);backdrop-filter:var(--theme-backdrop-filter);border:1px solid rgba(255,255,255,.1)}.theme-list{background:var(--theme-background);backdrop-filter:var(--theme-backdrop-filter)}.theme-list-item{background:var(--theme-background);backdrop-filter:var(--theme-backdrop-filter);border-bottom:1px solid rgba(255,255,255,.05);transition:all .2s ease}.theme-list-item:hover{background:var(--theme-background);backdrop-filter:var(--theme-backdrop-filter);border-bottom:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.theme-modal{border-radius:0;margin:0;max-width:100vw;max-height:100vh}.theme-card{border-radius:8px}}@keyframes themeTransition{0%{opacity:.8;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.theme-transition{animation:themeTransition .3s ease-out}select.input{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px}.header-logo{display:flex;align-items:center;margin-right:8px;box-sizing:border-box;contain:layout style paint;color:var(--theme-main-color)}.logo-link{text-decoration:none;color:inherit;display:flex;align-items:center;transition:all .2s ease}.logo-link:hover{transform:scale(1.02)}.logo-svg{height:32px;width:auto;transition:all .2s ease}.logo-text{font-weight:var(--font-weight-black);font-size:1.2rem;margin-left:8px;display:flex;align-items:center;color:#fff}.logo-text-content{color:#fff;opacity:.9;line-height:1.2;font-weight:var(--font-weight-black)}@media (prefers-reduced-motion: reduce){.logo-link{transition:none}.logo-link:hover{transform:none}.logo-svg{transition:none}}.header-logo,.logo-link{will-change:transform}@media print{.header-logo,.logo-text-content{color:#000!important}}select.input{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px}.header-player{display:flex;align-items:center;width:100%;position:relative;box-sizing:border-box;contain:layout style paint;justify-content:center}.MINI-track-info{min-width:0;display:flex;flex-direction:row}.MINI-track-info--clickable{cursor:pointer}.MINI-track-info--clickable:hover{background-color:#d0bcff14;transform:scale(1.02)}.track-cover{width:32px;height:32px;margin-right:8px;border-radius:4px;transition:all .2s ease;object-fit:cover}.MINI-track-info--clickable:hover .track-cover{box-shadow:0 4px 12px #d0bcff4d}.track-details{min-width:0;max-width:180px}.track-title{font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;color:inherit}.track-artist{font-size:.75rem;color:var(--theme-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.player-controls{display:flex;align-items:center;gap:4px;margin-left:16px}.control-button{display:flex;align-items:center;justify-content:center;padding:4px;border:none;background:transparent;color:inherit;cursor:pointer;opacity:.6;transition:all .2s ease;border-radius:4px;min-width:28px;height:28px;box-sizing:border-box}.control-button:hover{opacity:1}.control-button--play{color:var(--primary-color, #d0bcff);background-color:#d0bcff0d;padding:6px;margin:0 4px;min-width:32px;height:32px}.control-button--play:hover{background-color:#d0bcff26}.volume-control{display:flex;align-items:center;position:relative}.volume-control:hover .volume-slider{opacity:1;visibility:visible;transition-delay:0s}.volume-slider{position:absolute;left:100%;top:50%;transform:translateY(-50%);width:60px;height:3px;margin-left:4px;border-radius:1.5px;background-color:#d0bcff33;appearance:none;outline:none;transition:all .2s ease;opacity:0;visibility:hidden;cursor:pointer;transition-delay:.2s}.volume-slider::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:50%;background-color:var(--primary-color, #d0bcff);cursor:pointer}.volume-slider::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background-color:var(--primary-color, #d0bcff);cursor:pointer;border:none}.close-button{position:absolute;right:0;top:0;display:flex;align-items:center;justify-content:center;padding:4px;border:none;background:transparent;color:inherit;cursor:pointer;opacity:.6;transition:all .2s ease;border-radius:4px;min-width:28px;height:28px;z-index:2}.close-button:hover{opacity:1}@media (prefers-reduced-motion: reduce){.MINI-track-info{transition:none}.MINI-track-info--clickable:hover{transform:none}.track-cover,.control-button,.volume-slider,.close-button{transition:none}}.header-player,.MINI-track-info{will-change:transform}.control-button{will-change:opacity}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.volume-slider{height:2px}.volume-slider::-webkit-slider-thumb{width:8px;height:8px}.volume-slider::-moz-range-thumb{width:8px;height:8px}}@media print{.header-player{display:none!important}}select.input{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px}.header-actions{display:flex;align-items:center;gap:4px;box-sizing:border-box;contain:layout style paint}.action-tooltip{position:relative}.action-tooltip:hover:after{content:attr(title);position:absolute;bottom:-30px;left:50%;transform:translate(-50%);background:#000c;color:var(--theme-main-color);padding:4px 8px;border-radius:4px;font-size:.75rem;white-space:nowrap;z-index:1000;pointer-events:none}.action-button{display:flex;align-items:center;justify-content:center;padding:6px;border:none;background:transparent;color:inherit;cursor:pointer;opacity:.7;transition:all .2s ease;border-radius:4px;min-width:36px;height:36px;box-sizing:border-box}.action-button:hover{background-color:#d0bcff14;transform:scale(1.05);opacity:1}.action-button--active{background-color:#d0bcff1a;color:var(--primary-color, #d0bcff)}.action-button--active:hover{background-color:#d0bcff26}.action-button--profile{margin-left:4px;opacity:1}.notification-container{display:flex;align-items:center;opacity:.6;transition:opacity .2s ease}.notification-container:hover{opacity:1}.profile-avatar{width:30px;height:30px;border-radius:50%;border:1px solid rgba(208,188,255,.3);object-fit:cover;transition:all .2s ease}.action-button:hover .profile-avatar{border-color:#d0bcff80;box-shadow:0 2px 8px #d0bcff33}@media (prefers-reduced-motion: reduce){.action-button{transition:none}.action-button:hover{transform:none}.notification-container,.profile-avatar{transition:none}}.header-actions{will-change:transform}.action-button{will-change:transform,opacity}.notification-container{will-change:opacity}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.profile-avatar{border-width:.5px}}@media print{.header-actions{display:none!important}}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-2{gap:2px}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.w-full{width:100%}.h-full{height:100%}.min-w-0{min-width:0}.max-w-full{max-width:100%}.box-border{box-sizing:border-box}.block{display:block}.text-center{text-align:center}.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.2rem}.rounded{border-radius:8px}.rounded-md{border-radius:12px}.rounded-lg{border-radius:16px}.rounded-full{border-radius:50%}.border{border:1px solid var(--border-color, #eee)}.shadow{box-shadow:0 2px 8px #00000014}.shadow-md{box-shadow:0 4px 15px #00000012}.btn{cursor:pointer;transition:all .2s;border:none;outline:none;background:transparent;border-radius:8px;border:1px solid rgba(255,255,255,.12);padding:12px 24px;color:#fff;font-size:14px;font-weight:500}.btn:hover{opacity:.85}.bg-transparent{background:transparent}.bg-white{background:#fff}.bg-primary{background:var(--primary, #d0bcff)}.opacity-60{opacity:.6}.opacity-100{opacity:1}.avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.img-cover{object-fit:cover}.img-contain{object-fit:contain}.relative{position:relative}.absolute{position:absolute}.overflow-hidden{overflow:hidden}.z-1{z-index:1}.z-2{z-index:2}.transition{transition:all .2s ease}.transition-fast{transition:all .1s ease}.hide-scrollbar::-webkit-scrollbar{width:0;background:transparent}.contain{contain:layout style paint}.will-change-transform{will-change:transform}.pointer{cursor:pointer}.no-select{user-select:none}.bg-blur{backdrop-filter:blur(20px)}.bg-block{background:#ffffff08;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12)}.rounded-8{border-radius:8px}.rounded-12{border-radius:12px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-6{padding:24px}.mb-2{margin-bottom:8px}.mb-2-5{margin-bottom:10px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:20px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.ml-1{margin-left:4px}.mr-1{margin-right:4px}.mr-2{margin-right:8px}.text-secondary{color:#ffffffb3}.text-error{color:#f44336}.text-success{color:#4caf50}.text-primary{color:#2196f3}.input{width:100%;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff08;color:inherit;font-size:14px;transition:border-color .2s}.input:focus{outline:none;border-color:#ffffff4d}select.input{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px}select.input option{background:#1a1a1a;color:#fff;padding:8px}select.input:focus option:hover,select.input:focus option:focus,select.input:focus option:active,select.input:focus option:checked{background:#c46df3;color:#fff}.textarea{resize:vertical;min-height:100px}.btn-primary{background:#c46df3;color:#fff;padding:12px 24px;border-radius:8px;font-weight:500;border:1px solid rgba(255,255,255,.12)}.btn-outline{background:transparent;color:#fff;padding:12px 24px;border:1px solid rgba(255,255,255,.12);border-radius:8px}.btn-small{padding:8px 16px;font-size:12px}.chip{display:inline-flex;align-items:center;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;gap:4px}.chip-error{background:#f443361a;color:#f44336}.chip-success{background:#4caf501a;color:#4caf50}.chip-primary{background:#2196f31a;color:#2196f3}.avatar-small{width:24px;height:24px}.avatar-medium{width:32px;height:32px}.card{background:#ffffff08;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:16px;transition:transform .2s}.card:hover{transform:translateY(-2px)}.img-preview{max-width:100%;max-height:200px;border-radius:8px;margin-top:8px}.img-detail{max-width:100%;max-height:300px;border-radius:8px;cursor:pointer}.comment-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:12px;margin-top:8px;margin-bottom:8px}.divider{height:1px;background:#ffffff14;margin:16px 0}.loading{display:flex;justify-content:center;align-items:center;padding:24px}.spinner{width:24px;height:24px;border:2px solid rgba(255,255,255,.1);border-top:2px solid #2196f3;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nav-button{border-radius:12px;margin-bottom:4px;padding:8px 14px 8px 0;background-color:transparent;position:relative;overflow:hidden;cursor:pointer;border:none;outline:none;display:flex;align-items:center;width:100%;text-decoration:none;color:inherit;box-sizing:border-box}.nav-button:hover{background-color:var(--theme-background, rgba(255, 255, 255, .08))}.nav-button:active{background-color:var(--theme-background, rgba(255, 255, 255, .1))}.nav-button.active{background-color:var(--theme-background, rgba(255, 255, 255, .15))}.nav-button:before{content:"";position:absolute;left:0;top:25%;height:50%;width:0px;background-color:var(--primary, #d0bcff);border-radius:0 3px 3px 0;box-shadow:none}.nav-button--active:before{width:3px;box-shadow:0 0 8px #0000004d}.nav-button:hover:before{width:2px;height:50%;top:25%}.nav-button--active:hover:before{width:3px}.nav-button--special:before{background-color:#f44336}.nav-button__icon{min-width:32px;color:var(--theme-text-secondary);display:flex;align-items:center;justify-content:center;margin-right:8px}.nav-button__icon svg{font-size:1.2rem}.nav-button--active .nav-button__icon{color:var(--primary, #d0bcff)}.nav-button--active .nav-button__icon svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.nav-button--special .nav-button__icon{color:#f44336}.nav-button:hover .nav-button__icon{color:var(--theme-text-primary)}.nav-button--active:hover .nav-button__icon{color:var(--primary, #d0bcff)}.nav-button--special:hover .nav-button__icon{color:#f44336}.nav-button__text{font-weight:500;font-size:.9rem;color:var(--theme-text-primary);letter-spacing:.25px;text-shadow:none;flex:1;text-align:left}.nav-button--active .nav-button__text{font-weight:600;color:var(--primary, #d0bcff);letter-spacing:.4px;text-shadow:0 1px 3px rgba(0,0,0,.2)}.nav-button--special .nav-button__text{color:#f44336}.nav-button--nested{border-radius:10px;margin-bottom:3px}.nav-button__content{display:flex;align-items:center;width:100%;justify-content:space-between}.nav-button__left-content{display:flex;align-items:center}.more-button{justify-content:space-between;padding-right:18px;margin-top:8px}.more-button__arrow{transform:rotate(0);color:var(--theme-text-secondary);display:flex;align-items:center;justify-content:center}.more-button__arrow svg{font-size:1.1rem}.more-button--active .more-button__arrow{transform:rotate(180deg);color:var(--primary, #d0bcff)}.more-button--special .more-button__arrow{color:#f44336}.more-button:hover .more-button__arrow{color:var(--theme-text-primary)}.more-button--active:hover .more-button__arrow{color:var(--primary, #d0bcff)}.more-button--special:hover .more-button__arrow{color:#f44336}@media (max-width: 1200px){.nav-button{padding:7px 12px 7px 0;margin-bottom:3px}.nav-button__icon{min-width:30px}.nav-button__icon svg{font-size:1.15rem}.nav-button__text{font-size:.85rem;letter-spacing:.2px}.nav-button--active .nav-button__text{letter-spacing:.35px}}@media (max-width: 960px){.nav-button{padding:6px 11px;margin-bottom:2px}.nav-button__icon{min-width:28px}.nav-button__icon svg{font-size:1.1rem}.nav-button__text{font-size:.8rem}}.user-profile-wrapper{display:flex;align-items:center;padding:12px;position:relative;gap:12px;text-decoration:none;cursor:pointer;border-radius:12px;color:inherit;box-sizing:border-box;contain:layout style paint}.user-profile-wrapper:hover{background-color:#ffffff0d}.SIDEBAR-user-avatar{width:48px;height:48px;border-radius:8px;border:1px solid rgba(255,255,255,.1);flex-shrink:0;object-fit:cover}.user-info-container{display:flex;flex-direction:column;justify-content:center;flex:1;min-width:0}.user-name{font-weight:600;font-size:.95rem;color:var(--theme-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.user-name-tag{color:var(--theme-text-secondary);font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.SIDEBAR-user-avatar{border-width:.5px}}@media print{.user-profile-wrapper{background:#fff!important;color:#000!important;box-shadow:none!important;transform:none!important}.SIDEBAR-user-avatar{border:1px solid #ccc!important;box-shadow:none!important}.user-name{color:#000!important}.user-name-tag{color:#666!important}}.sidebar-container{padding:16px 12px;border-radius:16px;height:calc(100vh - 65px);position:sticky;top:55px;overflow-y:auto;overflow-x:hidden;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;justify-content:space-between;scrollbar-width:none;box-sizing:border-box;contain:layout style paint}.sidebar-container.theme-aware{background:var(--theme-background, rgba(255, 255, 255, .03));backdrop-filter:var(--theme-backdrop-filter, blur(20px));-webkit-backdrop-filter:var(--theme-backdrop-filter, blur(20px))}.sidebar-container::-webkit-scrollbar{width:0px;background:transparent}.sidebar-container::-webkit-scrollbar-track{background-color:transparent}.sidebar-container::-webkit-scrollbar-thumb{background-color:transparent}.sidebar-content{flex:1;display:flex;flex-direction:column}@media (min-width: 1200px){.sidebar-container{width:220px;margin-right:0;margin-left:auto}}@media (max-width: 1199px){.sidebar-container{padding:12px 10px;width:220px;margin-left:auto}}@media (max-width: 959px){.sidebar-container{width:210px;padding:10px 8px;margin-left:auto}}@media (prefers-color-scheme: dark){.sidebar-container{background:#ffffff08;border-color:#ffffff14}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.sidebar-container{border-width:.5px}}@media print{.sidebar-container{display:none!important}}.bottom-navigation{position:fixed;bottom:0;left:0;right:0;display:block;z-index:1000;border-top:1px solid rgba(43,43,43,.606);background:var(--theme-background-full, rgba(15, 15, 15, .98))}@media (min-width: 700px){.bottom-navigation{display:none}}.bottom-nav-container{background-color:transparent;height:75px;display:flex;justify-content:center;align-items:flex-start;margin-top:10px}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:auto;padding:8px 4px;color:#d6d1e3c4;text-decoration:none;cursor:pointer;transition:all .2s ease;border:none;background:none;font-family:inherit;flex:1}.bottom-nav-item:hover{color:#d6d1e3e6}.bottom-nav-item.active{color:var(--primary-main, #d0bcff)}.bottom-nav-icon{width:28px;height:28px;margin-bottom:4px;display:flex;align-items:center;justify-content:center}.bottom-nav-label{font-size:.6rem;font-weight:100;text-align:center;margin:0;line-height:1}.badge{position:relative;display:inline-flex;align-items:center;justify-content:center}.badge-content{position:absolute;top:-8px;right:-8px;background-color:#2f2f2f;border:1px solid #b1b1b1;color:#fff;border-radius:10px;min-width:20px;height:20px;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px}:root{--primary-main: #d0bcff}@font-face{font-family:SF Pro Display;src:url(/font/sf-pro-display-medium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:SF Pro Display;src:url(/font/SF-Pro-Display-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:SF Pro Display;src:url(/font/SF-Pro-Display-Heavy.otf) format("opentype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:SF Pro Display;src:url(/font/SF-Pro-Display-Black.otf) format("opentype");font-weight:900;font-style:normal;font-display:swap}body{-webkit-overflow-scrolling:touch;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}:root{--primary: #d0bcff;--primary-light: #e9ddff;--primary-dark: #9a7ace;--background: #151515;--background-secondary: #1c1c1c;--surface: #1d1d1d;--text-primary: #ffffff;--text-secondary: #c2c2c2;--error: #f28c9a;--success: #6cd67d;--border-color: rgba(255, 255, 255, .1);--font-weight-medium: 500;--font-weight-bold: 700;--font-weight-heavy: 800;--font-weight-black: 900}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow-x:hidden}body{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);min-height:100vh;height:100vh}@supports (-webkit-touch-callout: none){body{height:-webkit-fill-available}}#root{height:100vh;min-height:100vh}.profile-background-active{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;background-attachment:fixed!important;height:100vh!important;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;overflow:auto!important}@supports (-webkit-touch-callout: none){.profile-background-active{height:-webkit-fill-available!important}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:var(--primary);text-decoration:none}button{cursor:pointer;border:none;outline:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input,textarea,select{font-family:SF Pro Display,sans-serif;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}.selectable{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.non-selectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}::-webkit-scrollbar{width:1px;height:1px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background-color:var(--primary-dark);border-radius:1px}::-webkit-scrollbar-thumb:hover{background-color:var(--primary)}.PrivateSwipeArea-root{display:none!important;width:0!important;height:0!important;opacity:0!important;position:absolute!important;pointer-events:none!important}.fullscreen-player-active #app-bottom-navigation{display:none!important}@keyframes pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@media screen and (-webkit-min-device-pixel-ratio: 0){.animated,.MuiCircularProgress-root,.MuiSkeleton-root{-webkit-transform:translate3d(0,0,0)}}@-moz-document url-prefix(){.animated,.MuiCircularProgress-root,.MuiSkeleton-root{-moz-transform:translateZ(0)}}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.animated,.MuiCircularProgress-root,.MuiSkeleton-root{-ms-transform:translateZ(0)}}