@import url(https://fonts.googleapis.com/css2?family=Caveat:wght@400;700&family=Inter:wght@400;500;600&family=Monomakh&family=Raleway:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Knewave&display=swap);@import url(https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap);:root{--font-heading:"Raleway",sans-serif;--font-body:"Inter",sans-serif;--font-accent:"Monomakh",serif;--font-hand:"Caveat",cursive;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-accent:linear-gradient(135deg,#f093fb,#f5576c);--gradient-hero:linear-gradient(135deg,#1e3a8a,#6b21a8 50%,#be185d);--gradient-card:linear-gradient(135deg,#667eea1a,#764ba21a);--purple-400:#c084fc;--purple-500:#a855f7;--purple-600:#9333ea;--purple-700:#7e22ce;--blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;--pink-400:#f472b6;--pink-500:#ec4899;--pink-600:#db2777;--cyan-400:#22d3ee;--cyan-500:#06b6d4;--dark-900:#0f0f0f;--dark-800:#1a1a1a;--dark-700:#2a2a2a;--dark-600:#3a3a3a;--gray-400:#9ca3af;--gray-300:#d1d5db;--white-alpha-5:#ffffff0d;--white-alpha-10:#ffffff1a;--white-alpha-20:#fff3;--white-alpha-30:#ffffff4d;--black-alpha-50:#00000080;--blur-sm:blur(8px);--blur-md:blur(20px);--blur-lg:blur(40px);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--shadow-glow-purple:0 0 30px #a855f780;--shadow-glow-blue:0 0 30px #3b82f680;--shadow-glow-pink:0 0 30px #ec489980;--color-success:#10b981;--color-warning:#f59e0b;--color-text-primary:#fff;--color-text-secondary:#b3b3b3;--color-text-tertiary:#8a8a8a;--color-bg-primary:#0f0f0f;--color-bg-secondary:#1a1a1a;--color-bg-medium:#2a2a2a;--color-border:#282828;--color-border-light:#ffffff1a;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:300ms cubic-bezier(0.4,0,0.2,1);--transition-slow:500ms cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box}body{background-color:#0f0f0f;background-color:var(--color-bg-primary);color:#fff;font-family:Inter,sans-serif;font-family:var(--font-body)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2,h3,h4,h5,h6{font-family:Raleway,sans-serif;font-family:var(--font-heading);font-weight:700;margin:0}::-webkit-scrollbar{height:8px}::-webkit-scrollbar-track{background:#1a1a1a;background:var(--dark-800)}::-webkit-scrollbar-thumb{background:#3a3a3a;background:var(--dark-600)}::-webkit-scrollbar-thumb:hover{background:#9333ea;background:var(--purple-600)}.verified-badge-icon{align-items:center;animation:vb-pop .2s ease;display:inline-flex;flex-shrink:0;justify-content:center;line-height:0;margin-left:3px;vertical-align:middle}@keyframes vb-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.verified-badge-icon--xs{margin-left:2px}.verified-badge-icon--lg{margin-left:5px}.verified-badge-icon svg{display:block;transition:filter .15s}.verified-badge-icon:hover svg{filter:brightness(1.15)}.header-search-wrapper{max-width:480px;position:relative;width:100%}.desktop-search-form{align-items:center;background-color:var(--color-bg-light);border:1px solid var(--color-bg-light);border-radius:2rem;display:flex;padding:.5rem 1rem;transition:all .2s;width:100%}.desktop-search-form:focus-within{background-color:var(--color-bg-deep);border-color:var(--color-border)}.desktop-search-form svg{color:var(--color-text-placeholder);flex-shrink:0;height:20px;margin-right:.75rem;width:20px}.desktop-search-form input{background:none;border:none;color:var(--color-text-primary);font-size:1rem;outline:none;width:100%}.search-dropdown{background-color:var(--color-bg-light);border:1px solid var(--color-border);border-radius:.75rem;box-shadow:0 8px 16px #0000004d;left:0;max-height:400px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);z-index:101}.dropdown-item{align-items:center;color:var(--color-text-primary);display:flex;gap:1rem;padding:.75rem 1rem;text-decoration:none;transition:background-color .2s}.dropdown-item:hover{background-color:var(--color-border)}.dropdown-item img{flex-shrink:0;height:40px;object-fit:cover;width:40px}.dropdown-item.track img{border-radius:4px}.dropdown-item.artist img{border-radius:50%}.item-info,.item-info p{overflow:hidden}.item-info p{font-weight:500;margin:0;text-overflow:ellipsis;white-space:nowrap}.item-info span{color:var(--color-text-secondary);font-size:.85rem}.dropdown-item.loader,.dropdown-item.see-all{color:var(--color-text-secondary);font-weight:500;justify-content:center}.dropdown-item.see-all{color:var(--color-accent)}header{align-items:center;backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);background:#0f0f0fb3;border-bottom:1px solid var(--white-alpha-10);box-shadow:0 4px 30px #0000004d,0 0 20px #a855f71a;display:flex;justify-content:space-between;padding:.75rem 2rem;position:-webkit-sticky;position:sticky;top:0;transition:all var(--transition-base);z-index:100}header:before{background:var(--gradient-primary);content:"";inset:0;opacity:.03;pointer-events:none;position:absolute}.header-left-section{align-items:center;display:flex;flex:1 1;gap:2rem}.header-menu-toggle{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all var(--transition-fast)}.header-menu-toggle:hover{background-color:var(--white-alpha-10);transform:scale(1.05)}.header-logo{transform:rotate(-7deg);transition:transform var(--transition-base)}.header-logo:hover{transform:rotate(-7deg) scale(1.05)}.header-logo a{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:#fff;filter:drop-shadow(0 0 20px rgba(168,85,247,.3));font-family:Knewave,cursive;font-size:28px;text-decoration:none;transition:filter var(--transition-base)}.header-logo a:hover{filter:drop-shadow(0 0 30px rgba(168,85,247,.6))}.header-center-section{display:flex;flex:2 1;justify-content:center;margin:0 auto;max-width:600px}.right-side-header{align-items:center;display:flex;flex:1 1;gap:1.5rem;justify-content:flex-end}.auth-buttons{align-items:center;display:flex;gap:1rem}.btn-login,.btn-signup{border:none;border-radius:50px;cursor:pointer;font-size:.95rem;font-weight:600;overflow:hidden;padding:.6rem 1.5rem;position:relative;transition:all var(--transition-base)}.btn-login{background:#0000;border:2px solid var(--white-alpha-20);color:#fff}.btn-login:hover{background:var(--white-alpha-10);border-color:var(--white-alpha-30);box-shadow:0 4px 12px #ffffff1a;transform:translateY(-2px)}.btn-signup{background:var(--gradient-primary);box-shadow:0 4px 15px #a855f74d;color:#fff}.btn-signup:before{background:var(--gradient-accent);content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--transition-base)}.btn-signup:hover{box-shadow:0 6px 20px #a855f780;transform:translateY(-2px)}.btn-signup:hover:before{opacity:1}.btn-signup span{z-index:1}.btn-signup span,.notif-icon-link,.notification-icon{position:relative}.notif-icon-link{align-items:center;background:var(--white-alpha-5);border-radius:50%;color:var(--color-text-primary);display:flex;height:44px;justify-content:center;transition:all var(--transition-base);width:44px}.notif-icon-link:hover{background:var(--white-alpha-10);transform:scale(1.05)}.notif-icon-link svg{height:22px;width:22px}.notification-count{position:absolute;right:0;top:0}.notification-count.active{animation:pulse-glow 2s infinite;background:var(--gradient-accent);border:2px solid var(--dark-900);border-radius:50px;box-shadow:var(--shadow-glow-pink);font-size:11px;font-weight:700;padding:2px 6px}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #ec489980;transform:scale(1)}50%{box-shadow:0 0 20px #ec4899cc;transform:scale(1.1)}}.user-profile{cursor:pointer;position:relative}.user-profile:after{bottom:-14px;content:"";height:14px;left:-8px;position:absolute;right:-8px}.user-profile .profile-picture{border:2px solid var(--white-alpha-20);border-radius:50%;height:42px;object-fit:cover;transition:all var(--transition-base);width:42px}.user-profile:hover .profile-picture{border-color:var(--purple-500);box-shadow:0 0 15px #a855f780;transform:scale(1.05)}.dropdown-menu{backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);background:#1a1a1ae6;border:1px solid var(--white-alpha-10);border-radius:16px;box-shadow:0 10px 40px #00000080,0 0 20px #a855f733;display:none;opacity:0;padding:.5rem;position:absolute;right:0;top:calc(100% + 10px);transform:translateY(-10px);transition:all var(--transition-base);width:220px;z-index:1000}.user-profile:hover .dropdown-menu{display:block;opacity:1;transform:translateY(0)}.dropdown-menu a,.dropdown-menu button{background:none;border:none;border-radius:10px;color:#fff;cursor:pointer;display:block;font-size:.95rem;padding:.75rem 1rem;text-align:left;text-decoration:none;transition:all var(--transition-fast);width:100%}.dropdown-menu a:hover,.dropdown-menu button:hover{background:var(--gradient-card);color:var(--purple-400);transform:translateX(4px)}.mobile-header{align-items:center;display:flex;justify-content:space-between;width:100%}.mobile-header-actions{align-items:center;display:flex;gap:.75rem}.mobile-header-action{align-items:center;background:var(--white-alpha-5);border-radius:50%;color:var(--color-text-primary);display:flex;justify-content:center;padding:.5rem;position:relative;text-decoration:none;transition:all var(--transition-fast)}.mobile-header-action:hover{background:var(--white-alpha-10);transform:scale(1.05)}.mobile-header-action svg{height:24px;width:24px}.mobile-badge{background:var(--gradient-accent);border:2px solid var(--color-bg-primary);border-radius:50px;box-shadow:0 0 10px #ec489980;color:#fff;font-size:.65rem;font-weight:700;padding:2px 5px;position:absolute;right:2px;top:2px}.other-profile-header{align-items:center;display:flex;gap:.5rem;justify-content:space-between;width:100%}.mobile-back-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--color-text-primary);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;padding:.4rem;transition:background .15s;width:40px}.mobile-back-btn:hover{background:#ffffff14}.other-profile-username{color:var(--color-text-primary);flex:1 1;font-size:1.1rem;font-weight:600;text-align:center}.profile-context-header{align-items:center;display:flex;justify-content:space-between;width:100%}.profile-context-switcher{position:relative}.profile-context-trigger{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;gap:.3rem;padding:.25rem .1rem;transition:background .15s}.profile-context-trigger:hover{background:#ffffff0f}.profile-context-username{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:1.2rem;font-weight:600}.profile-context-chevron{align-items:center;color:var(--color-text-secondary);display:flex;flex-shrink:0;transition:transform .2s ease}.profile-context-chevron.open{transform:rotate(180deg)}.account-switcher-dropdown{animation:switcher-in .18s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(40px) saturate(160%);-webkit-backdrop-filter:blur(40px) saturate(160%);background:#121218f7;border:1px solid #ffffff14;border-radius:14px;box-shadow:0 20px 48px #000000b3,0 0 0 1px #ffffff0a;left:0;min-width:240px;padding:.4rem;position:absolute;top:calc(100% + 10px);z-index:9999}@keyframes switcher-in{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.account-switcher-item{align-items:center;background:none;border:none;border-radius:10px;cursor:pointer;display:flex;gap:.75rem;padding:.65rem .75rem;text-align:left;transition:background .15s;width:100%}.account-switcher-item:hover{background:#ffffff12}.account-switcher-item.active{background:#a855f714}.account-switcher-avatar{border:2px solid #ffffff1a;border-radius:50%;flex-shrink:0;height:38px;object-fit:cover;width:38px}.account-switcher-info{display:flex;flex:1 1;flex-direction:column;gap:.1rem;min-width:0}.account-switcher-name{color:var(--color-text-primary);font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-switcher-nick{color:var(--color-text-secondary);font-size:.78rem}.account-switcher-check{align-items:center;color:var(--color-accent);display:flex;flex-shrink:0}.account-switcher-divider{border:none;border-top:1px solid #ffffff12;margin:.3rem .5rem}.account-switcher-add{align-items:center;background:none;border:none;border-radius:10px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;padding:.65rem .75rem;transition:background .15s,color .15s;width:100%}.account-switcher-add:hover{background:#ffffff12;color:var(--color-text-primary)}.account-switcher-add-icon{align-items:center;border:2px dashed #fff3;border-radius:50%;display:flex;flex-shrink:0;height:38px;justify-content:center;transition:border-color .15s;width:38px}.account-switcher-add:hover .account-switcher-add-icon{border-color:var(--color-accent);color:var(--color-accent)}.auth-buttons-mobile{align-items:center;display:flex;gap:.5rem}.auth-buttons-mobile .btn-login,.auth-buttons-mobile .btn-signup{font-size:.85rem;font-weight:600;padding:.5rem 1rem}@media (min-width:769px){.mobile-header{display:none}}@media (max-width:768px){header{padding:.75rem 1rem}.auth-buttons,.header-center-section,.header-left-section,.header-menu,.right-side-header{display:none}}.notifications-popup{backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);background:#1a1a1af2;border:1px solid var(--white-alpha-10);border-radius:20px;box-shadow:0 20px 60px #00000080,0 0 30px #a855f733;max-height:500px;opacity:0;overflow-y:auto;padding:1.5rem;position:absolute;right:70px;top:70px;transform:translateY(-20px) scale(.95);transition:all var(--transition-base);visibility:hidden;width:380px;z-index:1000}.notifications-popup.show{opacity:1;transform:translateY(0) scale(1);visibility:visible}.notification-item{align-items:center;border-radius:12px;display:flex;gap:12px;padding:1rem;transition:all var(--transition-fast)}.notification-item:hover{background:var(--gradient-card)}.notification-item:not(:last-child){border-bottom:1px solid var(--white-alpha-5);margin-bottom:.75rem}.notification-item-picture img{border-radius:10px;height:50px;object-fit:cover;width:50px}.notification-item-info{flex-grow:1}.notification-item-info .notify-name{align-items:center;color:var(--color-text-primary);display:flex;font-weight:600}.notification-item-info .verified-badge{height:15px;margin-left:5px;width:auto}.left-sidebar{background-color:#181818;border-right:1px solid #282828;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;height:calc(100vh - 70px);justify-content:space-between;left:0;overflow-y:auto;padding:20px;position:fixed;top:70px;transition:margin-left .4s ease-in-out,padding-bottom .4s ease-in-out;width:280px;z-index:100}.left-sidebar.player-visible-padding{padding-bottom:110px}.sidebar-user-info{align-items:center;color:inherit;display:flex;gap:12px;margin-bottom:2rem;text-decoration:none}.sidebar-user-info .profile-avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.profile-info{display:flex;flex-direction:column}.profile-name{color:#fff;font-weight:600}.profile-nickname{color:#b3b3b3;font-size:.9em}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem}.nav-item{align-items:center;border-radius:5px;color:#b3b3b3;display:flex;font-size:.9rem;font-weight:600;gap:15px;padding:12px 10px;text-decoration:none;transition:background-color .2s,color .2s}.nav-item svg{height:22px;width:22px}.nav-item.active,.nav-item:hover{background-color:#282828;color:#fff}.sidebar-footer{margin-top:auto}.sidebar-login-prompt{background-color:#1f1f1f;border-radius:8px;margin-bottom:2rem;padding:20px;text-align:center}.login-button{background-color:var(--color-accent);border-radius:20px;color:#fff;display:block;font-weight:700;margin-top:15px;padding:10px;text-align:center;text-decoration:none;transition:background-color .2s;width:100%}.login-button:hover{background-color:var(--color-accent-hover)}.left-sidebar{margin-left:-281px}.left-sidebar.open{margin-left:0}.nav-item{position:relative}.sidebar-badge{align-items:center;background-color:var(--color-error);border-radius:10px;box-sizing:border-box;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:18px;justify-content:center;line-height:1;min-width:18px;padding:2px 7px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}@media (max-width:768px){.left-sidebar{display:none}}.app-main-content{transition:padding-left .25s ease}body.sidebar-mode-hover .left-sidebar{overflow:hidden;padding-left:11px;padding-right:11px;transition:width .25s ease,padding-left .25s ease,padding-right .25s ease,margin-left .4s ease-in-out;width:64px}body.sidebar-mode-hover .left-sidebar:hover{padding-left:20px;padding-right:20px;width:280px}body.sidebar-mode-hover .nav-label,body.sidebar-mode-hover .profile-info{display:none}body.sidebar-mode-hover .left-sidebar:hover .nav-label{display:block}body.sidebar-mode-hover .left-sidebar:hover .profile-info{display:flex}body.sidebar-mode-hover .profile-name,body.sidebar-mode-hover .profile-nickname{white-space:nowrap}body.sidebar-mode-hover .sidebar-badge{right:4px;top:6px}body.sidebar-mode-hover .left-sidebar:hover .sidebar-badge{right:10px;top:50%;transform:translateY(-50%)}body.sidebar-mode-icons .left-sidebar{overflow:hidden;padding-left:11px;padding-right:11px;width:64px}body.sidebar-mode-icons .nav-label,body.sidebar-mode-icons .profile-info{display:none}body.sidebar-mode-icons .sidebar-badge{right:4px;top:6px}.lang-switcher{display:inline-block;position:relative}.lang-switcher-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:6px 10px;transition:all .2s ease}.lang-switcher-btn:hover{background:#ffffff0d;color:var(--text-primary)}.lang-switcher-caret{transition:transform .2s ease}.lang-switcher-caret.open{transform:rotate(180deg)}.lang-switcher-menu{background:#18181b;border:1px solid #ffffff1a;border-radius:10px;box-shadow:0 8px 24px #0006;list-style:none;margin:0;min-width:140px;padding:6px;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.lang-switcher-item{align-items:center;border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px;transition:background .2s ease}.lang-switcher-item.active,.lang-switcher-item:hover{background:#ffffff14}.lang-switcher-flag{font-size:16px}.ph-root{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#12121299;border-bottom:1px solid #ffffff0f;height:68px;left:0;position:-webkit-sticky;position:sticky;right:0;top:0;transition:background .3s ease,box-shadow .3s ease;z-index:200}.ph-scrolled{background:#0e0d12eb;box-shadow:0 1px 0 #ffffff0d,0 4px 24px #00000059}.ph-inner{gap:2rem;height:100%;margin:0 auto;max-width:1200px;padding:0 2rem}.ph-inner,.ph-logo{align-items:center;display:flex}.ph-logo{flex-shrink:0;gap:.5rem;text-decoration:none;-webkit-user-select:none;user-select:none}.ph-logo-icon{filter:drop-shadow(0 0 8px rgba(168,85,247,.45));font-size:1.35rem;line-height:1;transition:filter .25s ease,transform .25s ease}.ph-logo:hover .ph-logo-icon{filter:drop-shadow(0 0 14px rgba(168,85,247,.75));transform:rotate(-8deg) scale(1.1)}.ph-logo-text{color:#e5e7eb;font-family:Urbanist,sans-serif;font-size:1.45rem;font-weight:800;letter-spacing:-.03em;transition:color .2s}.ph-logo:hover .ph-logo-text{color:#fff}.ph-logo-k{color:#a855f7}.ph-logo-badge{align-self:flex-start;background:#a855f71f;border:1px solid #a855f74d;border-radius:4px;color:#a855f7;font-size:.6rem;font-weight:700;letter-spacing:.06em;margin-top:4px;padding:2px 5px;text-transform:uppercase}.ph-nav{align-items:center;display:flex;flex:1 1;gap:.25rem;margin-left:.5rem}.ph-nav-link{align-items:center;border-radius:2rem;color:#a1a1aa;display:inline-flex;font-family:Urbanist,sans-serif;font-size:.92rem;font-weight:500;gap:.375rem;padding:.45rem .875rem;position:relative;text-decoration:none;transition:color .2s,background .2s;white-space:nowrap}.ph-nav-link:hover{background:#ffffff0f;color:#e5e7eb}.ph-nav-active{background:#a855f71a!important;color:#e5e7eb!important}.ph-nav-legal-indicator{color:#a855f7!important;cursor:default;font-size:.85rem}.ph-nav-soon{opacity:.5;pointer-events:none}.ph-nav-soon-tag{background:#a855f726;border:1px solid #a855f740;border-radius:3px;color:#a855f7;font-size:.62rem;font-weight:700;letter-spacing:.05em;padding:1px 4px;text-transform:uppercase}.ph-cta{align-items:center;display:flex;flex-shrink:0;gap:.5rem;margin-left:auto}.ph-btn-ghost{border-radius:2rem;color:#a1a1aa;font-family:Urbanist,sans-serif;font-size:.9rem;font-weight:600;padding:.45rem 1rem;text-decoration:none;transition:color .2s,background .2s}.ph-btn-ghost:hover{background:#ffffff12;color:#e5e7eb}.ph-btn-primary{align-items:center;background:linear-gradient(135deg,#a855f7,#7c3aed);border-radius:2rem;box-shadow:0 2px 12px #a855f759;color:#fff;display:inline-flex;font-family:Urbanist,sans-serif;font-size:.9rem;font-weight:700;gap:.4rem;padding:.5rem 1.2rem;text-decoration:none;transition:box-shadow .25s ease,transform .2s ease,opacity .2s}.ph-btn-primary:hover{box-shadow:0 4px 20px #a855f78c;opacity:.95;transform:translateY(-1px)}.ph-btn-primary:active{transform:translateY(0)}.ph-hamburger{background:none;border:none;border-radius:8px;cursor:pointer;display:none;flex-direction:column;gap:5px;height:36px;justify-content:center;margin-left:auto;padding:6px;transition:background .2s;width:36px}.ph-hamburger:hover{background:#ffffff0f}.ph-hamburger span{background:#a1a1aa;border-radius:2px;display:block;height:2px;transition:transform .3s ease,opacity .3s ease,background .2s;width:100%}.ph-hamburger-open span:first-child{background:#e5e7eb;transform:translateY(7px) rotate(45deg)}.ph-hamburger-open span:nth-child(2){opacity:0;transform:scaleX(0)}.ph-hamburger-open span:nth-child(3){background:#e5e7eb;transform:translateY(-7px) rotate(-45deg)}.ph-mobile-drawer{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0e0d12f7;border-bottom:1px solid #ffffff12;left:0;max-height:0;overflow:hidden;padding:0;position:absolute;right:0;top:68px;transition:max-height .35s cubic-bezier(.4,0,.2,1),padding .3s ease}.ph-mobile-drawer-open{max-height:400px;padding:1rem 1.5rem 1.5rem}.ph-mobile-nav{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1.25rem}.ph-mobile-link{align-items:center;border-radius:.75rem;color:#a1a1aa;display:flex;font-family:Urbanist,sans-serif;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;text-decoration:none;transition:color .2s,background .2s}.ph-mobile-link:hover{background:#ffffff0f;color:#e5e7eb}.ph-mobile-cta{display:flex;flex-direction:column;gap:.625rem}.ph-mobile-lang{display:flex;justify-content:flex-start;margin-bottom:.5rem;position:relative;z-index:101}.ph-mobile-lang .lang-switcher-menu{left:0;right:auto;transform:none}.ph-btn-full{border-radius:.875rem!important;justify-content:center;text-align:center;width:100%}@media (max-width:768px){.ph-cta,.ph-nav{display:none}.ph-hamburger{display:flex;margin-left:0}.ph-inner{gap:0;justify-content:space-between;padding:0 1.25rem;width:100%}}@media (max-width:480px){.ph-logo-badge{display:none}}.sf-root{background:linear-gradient(180deg,#0e0d1200,#0e0d12fa 60px);margin-top:auto}.sf-divider{background:linear-gradient(90deg,#0000,#a855f740 30%,#a855f759 50%,#a855f740 70%,#0000);height:1px;margin:0}.sf-inner{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:280px 1fr;margin:0 auto;max-width:1200px;padding:3.5rem 2rem 2rem}.sf-logo{align-items:center;display:inline-flex;gap:.5rem;margin-bottom:1rem;text-decoration:none}.sf-logo-icon{filter:drop-shadow(0 0 8px rgba(168,85,247,.45));font-size:1.5rem}.sf-logo-text{color:#e5e7eb;font-family:Urbanist,sans-serif;font-size:1.5rem;font-weight:800;letter-spacing:-.03em}.sf-logo-k{color:#a855f7}.sf-tagline{color:#71717a;font-size:.875rem;line-height:1.65;margin:0 0 1.5rem;max-width:240px}.sf-social{display:flex;gap:.5rem}.sf-social-link{align-items:center;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:50%;color:#71717a;display:flex;height:38px;justify-content:center;text-decoration:none;transition:color .2s,background .2s,border-color .2s,transform .2s;width:38px}.sf-social-link:hover{background:#a855f71a;border-color:#a855f74d;color:#a855f7;transform:translateY(-2px)}.sf-columns{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.sf-col-heading{color:#e5e7eb;font-family:Urbanist,sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.1em;margin:0 0 1rem;text-transform:uppercase}.sf-col-list{display:flex;flex-direction:column;gap:.6rem;list-style:none;margin:0;padding:0}.sf-link{align-items:center;color:#71717a;display:inline-flex;font-size:.875rem;gap:.375rem;text-decoration:none;transition:color .2s}.sf-link:hover{color:#e5e7eb}.sf-link-soon{cursor:default;opacity:.5}.sf-soon-tag{background:#a855f71f;border:1px solid #a855f733;border-radius:3px;color:#a855f7;font-size:.6rem;font-weight:700;letter-spacing:.05em;padding:1px 4px;text-transform:uppercase}.sf-bottom{border-top:1px solid #ffffff0d;padding:1.25rem 2rem}.sf-bottom-inner{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;margin:0 auto;max-width:1200px}.sf-copyright{color:#52525b;font-size:.8rem}.sf-bottom-links{display:flex;gap:1rem;margin-left:auto}.sf-bottom-link{color:#52525b;font-size:.8rem;text-decoration:none;transition:color .2s}.sf-bottom-link:hover{color:#a1a1aa}.sf-lang{color:#52525b;font-size:.8rem}@media (max-width:1024px){.sf-inner{gap:2.5rem;grid-template-columns:1fr}.sf-tagline{max-width:100%}}@media (max-width:640px){.sf-inner{padding:2.5rem 1.25rem 1.5rem}.sf-columns{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.sf-bottom{padding:1rem 1.25rem}.sf-bottom-inner{gap:.75rem}.sf-bottom-links{gap:.75rem;margin-left:0}}@media (max-width:400px){.sf-columns{grid-template-columns:1fr}}.ll-root{background:#0e0d12;color:#e5e7eb;display:flex;flex-direction:column;font-family:Urbanist,sans-serif;height:100%;overflow-x:hidden;overflow-y:auto}.ll-body{grid-gap:3rem;align-items:start;box-sizing:border-box;display:grid;flex:1 1;gap:3rem;grid-template-columns:220px 1fr;margin:0 auto;max-width:1200px;padding:2rem 2rem 3rem;width:100%}.ll-sidebar{position:-webkit-sticky;position:sticky;top:calc(68px + 1.5rem)}.ll-sidebar-label{color:#52525b;font-size:.7rem;font-weight:700;letter-spacing:.1em;margin:0 0 .75rem .875rem;text-transform:uppercase}.ll-sidebar-link{align-items:center;border-radius:.75rem;color:#71717a;display:flex;font-size:.875rem;font-weight:500;gap:.625rem;margin-bottom:.125rem;padding:.6rem .875rem;text-decoration:none;transition:color .2s,background .2s}.ll-sidebar-link:hover{background:#ffffff0d;color:#e5e7eb}.ll-sidebar-active{background:#a855f71a!important;color:#e5e7eb!important;font-weight:600}.ll-sidebar-icon{flex-shrink:0;opacity:.75}.ll-sidebar-back{border-top:1px solid #ffffff0f;margin-top:2rem;padding-top:1.5rem}.ll-back-link{align-items:center;border-radius:.5rem;color:#52525b;display:inline-flex;font-size:.85rem;gap:.5rem;padding:.4rem .875rem;text-decoration:none;transition:color .2s,background .2s}.ll-back-link:hover{background:#ffffff0a;color:#a1a1aa}.ll-main{min-width:0}@media (max-width:900px){.ll-body{gap:0;grid-template-columns:1fr;padding:1rem 1rem 2.5rem}.ll-sidebar{grid-gap:.375rem;display:grid;gap:.375rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem;position:static}.ll-sidebar-back,.ll-sidebar-label{display:none}.ll-sidebar-link{border:1px solid #ffffff12;border-radius:.625rem;font-size:.82rem;font-weight:500;justify-content:center;margin-bottom:0;padding:.6rem .75rem;text-align:center}.ll-sidebar-icon{display:none}.ll-sidebar-active{border-color:#a855f74d!important}}@media (max-width:480px){.ll-body{padding:.75rem .875rem 2rem}}.lp-hero{align-items:flex-start;border-bottom:1px solid #ffffff0f;display:flex;flex-direction:column;margin-bottom:2rem;padding:2rem 0 1.75rem;width:100%}.lp-breadcrumb{align-items:center;color:#52525b;display:flex;font-size:.8rem;gap:.5rem;margin-bottom:1rem}.lp-breadcrumb a{color:#71717a;text-decoration:none;transition:color .2s}.lp-breadcrumb a:hover{color:#a855f7}.lp-breadcrumb-sep{color:#3f3f46}.lp-badge{align-items:center;background:#a855f71a;border:1px solid #a855f733;border-radius:4px;color:#a855f7;display:inline-flex;flex-shrink:0;font-size:.68rem;font-weight:700;gap:.375rem;letter-spacing:.1em;margin-bottom:.75rem;padding:3px 9px;text-transform:uppercase}.lp-title{color:#f4f4f5;font-family:Urbanist,sans-serif;font-size:2rem;font-weight:800;letter-spacing:-.03em;line-height:1.2;margin:0 0 .75rem;width:100%}.lp-meta{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;width:100%}.lp-meta-item{align-items:center;color:#71717a;display:inline-flex;font-size:.8rem;gap:.3rem}.lp-toc{background:hsla(0,0%,100%,.025);border:1px solid #ffffff12;border-radius:1rem;margin-bottom:2.5rem;padding:1.25rem 1.5rem}.lp-toc-title{color:#71717a;font-size:.75rem;font-weight:700;letter-spacing:.1em;margin:0 0 .875rem;text-transform:uppercase}.lp-toc-list{column-count:2;display:flex;flex-direction:column;gap:.375rem;list-style:none;margin:0;padding:0}.lp-toc-list li{break-inside:avoid;page-break-inside:avoid}.lp-toc-link{align-items:baseline;border-radius:.375rem;color:#71717a;display:flex;font-size:.875rem;gap:.5rem;padding:.25rem .375rem;text-decoration:none;transition:color .2s,background .2s}.lp-toc-link:hover{background:#a855f712;color:#a855f7}.lp-toc-num{color:#a855f7;font-size:.72rem;font-weight:700;min-width:18px;opacity:.7}.lp-content{color:#a1a1aa;line-height:1.75}.lp-section{margin-bottom:3rem;scroll-margin-top:100px}.lp-section-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1.25rem}.lp-section-num{align-items:center;background:#a855f71f;border:1px solid #a855f740;border-radius:50%;color:#a855f7;display:flex;flex-shrink:0;font-size:.78rem;font-weight:800;height:30px;justify-content:center;width:30px}.lp-section-title{color:#e5e7eb;font-family:Urbanist,sans-serif;font-size:1.2rem;font-weight:700;letter-spacing:-.015em;margin:0}.lp-section p{font-size:.9375rem;margin:0 0 1rem}.lp-section p:last-child{margin-bottom:0}.lp-section ol,.lp-section ul{margin:0 0 1rem;padding-left:1.5rem}.lp-section li{font-size:.9375rem;margin-bottom:.4rem}.lp-section a{border-bottom:1px solid #a855f74d;color:#a855f7;text-decoration:none;transition:border-color .2s,color .2s}.lp-section a:hover{border-color:#c084fc80;color:#c084fc}.lp-highlight{background:#a855f712;border:1px solid #a855f72e;border-left:3px solid #a855f7;border-radius:0 .75rem .75rem 0;color:#c4b5fd;font-size:.9rem;margin:1.25rem 0;padding:1rem 1.25rem}.lp-highlight strong{color:#e5e7eb}.lp-warning{background:#ef444412;border:1px solid #ef44442e;border-left:3px solid #ef4444;border-radius:0 .75rem .75rem 0;color:#fca5a5;font-size:.9rem;margin:1.25rem 0;padding:1rem 1.25rem}.lp-warning strong{color:#f4f4f5}.lp-info{background:#22c55e12;border:1px solid #22c55e2e;border-left:3px solid #22c55e;border-radius:0 .75rem .75rem 0;color:#86efac;font-size:.9rem;margin:1.25rem 0;padding:1rem 1.25rem}.lp-contact-card{background:linear-gradient(145deg,#1c1a22e6,#14121af2);border:1px solid #a855f733;border-radius:1.125rem;margin-top:3rem;padding:1.5rem 1.75rem}.lp-contact-card h3{color:#e5e7eb;font-family:Urbanist,sans-serif;font-size:1rem;font-weight:700;margin:0 0 .5rem}.lp-contact-card p{color:#71717a;font-size:.875rem;margin:0}.lp-contact-card a{color:#a855f7;text-decoration:none}@media (max-width:768px){.lp-hero{margin-bottom:1.5rem;padding:1.25rem 0}.lp-title{font-size:1.6rem;margin-bottom:.625rem}.lp-toc{margin-bottom:1.75rem;padding:1rem 1.125rem}.lp-toc-list{column-count:1}.lp-section{margin-bottom:2rem}.lp-section-title{font-size:1.05rem}.lp-meta{gap:.6rem}.lp-meta-item{font-size:.75rem}.lp-highlight,.lp-info,.lp-warning{font-size:.875rem;padding:.75rem 1rem}.lp-contact-card{padding:1.125rem 1.25rem}}@media (max-width:480px){.lp-title{font-size:1.4rem}.lp-breadcrumb{font-size:.75rem}.lp-section li,.lp-section p{font-size:.9rem}}.dl-root{background:#0e0d12;color:#e5e7eb;display:flex;flex-direction:column;font-family:Urbanist,sans-serif;height:100%;overflow-x:hidden;overflow-y:auto}.dl-body{grid-gap:3.5rem;align-items:start;box-sizing:border-box;display:grid;flex:1 1;gap:3.5rem;grid-template-columns:240px 1fr;margin:0 auto;max-width:1280px;padding:2rem 2rem 4rem;width:100%}.dl-sidebar{max-height:calc(100vh - 68px - 3rem);overflow-x:hidden;overflow-y:auto;position:-webkit-sticky;position:sticky;scrollbar-color:#3f3f46 #0000;scrollbar-width:thin;top:calc(68px + 1.5rem)}.dl-sidebar::-webkit-scrollbar{width:4px}.dl-sidebar::-webkit-scrollbar-track{background:#0000}.dl-sidebar::-webkit-scrollbar-thumb{background:#3f3f46;border-radius:2px}.dl-sidebar-brand{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;gap:.5rem;margin-bottom:1rem;padding:0 .875rem 1.25rem}.dl-sidebar-brand-name{color:#e5e7eb;font-size:.875rem;font-weight:700;letter-spacing:-.01em}.dl-sidebar-version{background:#a855f71f;border:1px solid #a855f740;border-radius:.375rem;color:#a855f7;font-size:.7rem;font-weight:600;letter-spacing:.02em;padding:.15rem .45rem}.dl-sidebar-stable{background:#22c55e1a;border:1px solid #22c55e33;border-radius:.375rem;color:#22c55e;font-size:.65rem;font-weight:600;letter-spacing:.03em;padding:.15rem .4rem;text-transform:uppercase}.dl-sidebar-nav{display:flex;flex-direction:column;gap:.125rem}.dl-nav-group{margin-bottom:.75rem}.dl-nav-group-label{color:#52525b;font-size:.65rem;font-weight:700;letter-spacing:.1em;margin:0 0 .375rem .875rem;text-transform:uppercase}.dl-nav-link{align-items:center;border-radius:.75rem;color:#71717a;display:flex;font-size:.875rem;font-weight:500;gap:.625rem;padding:.55rem .875rem;position:relative;text-decoration:none;transition:color .15s,background .15s}.dl-nav-link:hover{background:#ffffff0d;color:#d1d5db}.dl-nav-link--active{background:#a855f71a;color:#e5e7eb;font-weight:600}.dl-nav-link--active:hover{background:#a855f724}.dl-nav-icon{color:inherit;flex-shrink:0;opacity:.75}.dl-nav-link--active .dl-nav-icon{color:#a855f7;opacity:1}.dl-nav-badge{background:#22c55e26;border:1px solid #4ade8033;border-radius:.25rem;color:#4ade80;font-size:.6rem;font-weight:700;letter-spacing:.05em;margin-left:auto;padding:.1rem .35rem;text-transform:uppercase}.dl-nav-chevron{color:#a855f7;flex-shrink:0;margin-left:auto;opacity:.7}.dl-sidebar-footer{border-top:1px solid #ffffff0f;display:flex;flex-direction:column;gap:.125rem;margin-top:1.25rem;padding-top:1.25rem}.dl-sidebar-ext-link{align-items:center;border-radius:.625rem;color:#52525b;display:flex;font-size:.8rem;gap:.5rem;padding:.45rem .875rem;text-decoration:none;transition:color .15s,background .15s}.dl-sidebar-ext-link:hover{background:#ffffff0a;color:#a1a1aa}.dl-sidebar-ext-link--muted{font-size:.75rem;margin-top:.25rem}.dl-main{max-width:800px;min-width:0}.dl-mobile-toolbar{align-items:center;background:#0e0d12;border-bottom:1px solid #ffffff12;display:none;gap:.75rem;padding:.875rem 1rem;position:-webkit-sticky;position:sticky;top:68px;z-index:20}.dl-mobile-menu-btn{align-items:center;background:#ffffff12;border:1px solid #ffffff1a;border-radius:.5rem;color:#a1a1aa;cursor:pointer;display:flex;padding:.4rem .5rem;transition:background .15s,color .15s}.dl-mobile-menu-btn:hover{background:#ffffff1f;color:#e5e7eb}.dl-mobile-title{color:#a1a1aa;font-size:.875rem;font-weight:600}.dl-drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;inset:0;position:fixed;z-index:40}.dl-drawer{background:#111018;border-right:1px solid #ffffff14;bottom:0;left:0;overflow-y:auto;padding:1rem 1rem 2rem;position:fixed;top:0;transform:translateX(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1);width:280px;z-index:50}.dl-drawer--open{transform:translateX(0)}.dl-drawer-close{align-items:center;background:none;border:none;color:#71717a;cursor:pointer;display:flex;justify-content:flex-end;margin-bottom:1rem;padding:.25rem 0;transition:color .15s;width:100%}.dl-drawer-close:hover{color:#e5e7eb}@media (max-width:1024px){.dl-body{gap:2.5rem;grid-template-columns:210px 1fr}}@media (max-width:768px){.dl-body{gap:0;grid-template-columns:1fr;padding:1.25rem 1rem 3rem}.dl-body>.dl-sidebar{display:none}.dl-mobile-toolbar{display:flex}.dl-main{max-width:100%}}@media (max-width:480px){.dl-body{padding:1rem .875rem 2.5rem}}.dp-hero{border-bottom:1px solid #ffffff12;margin-bottom:2.5rem;padding-bottom:2rem}.dp-breadcrumb{align-items:center;color:#52525b;display:flex;flex-wrap:wrap;font-size:.78rem;gap:.4rem;margin-bottom:1rem}.dp-breadcrumb a{color:#52525b;text-decoration:none;transition:color .15s}.dp-breadcrumb a:hover{color:#a1a1aa}.dp-breadcrumb-sep{opacity:.4}.dp-badge{align-items:center;background:#a855f71a;border:1px solid #a855f733;border-radius:.375rem;color:#a855f7;display:inline-flex;font-size:.7rem;font-weight:700;gap:.35rem;letter-spacing:.08em;margin-bottom:.875rem;padding:.2rem .6rem;text-transform:uppercase}.dp-title{color:#f3f4f6;font-size:2rem;font-weight:800;letter-spacing:-.025em;line-height:1.2;margin:0 0 .75rem}.dp-description{color:#9ca3af;font-size:1.05rem;line-height:1.65;margin:0;max-width:640px}.dp-meta{flex-wrap:wrap;gap:1rem;margin-top:1rem}.dp-meta,.dp-meta-item{align-items:center;display:flex}.dp-meta-item{color:#52525b;font-size:.8rem;gap:.35rem}.dp-toc{background:#ffffff08;border:1px solid #ffffff12;border-radius:.875rem;margin-bottom:2.5rem;padding:1.25rem 1.5rem}.dp-toc-title{color:#52525b;font-size:.7rem;font-weight:700;letter-spacing:.1em;margin:0 0 .875rem;text-transform:uppercase}.dp-toc-list{counter-reset:toc-counter;display:flex;flex-direction:column;gap:.375rem;list-style:none;margin:0;padding:0}.dp-toc-list li{counter-increment:toc-counter}.dp-toc-list a{align-items:center;color:#71717a;display:flex;font-size:.875rem;gap:.5rem;text-decoration:none;transition:color .15s}.dp-toc-list a:before{color:#3f3f46;content:counter(toc-counter,decimal-leading-zero);font-size:.7rem;font-weight:700;min-width:1.5rem}.dp-toc-list a:hover{color:#a855f7}.dp-content{display:flex;flex-direction:column;gap:3rem}.dp-section{scroll-margin-top:5rem}.dp-section-title{align-items:center;border-bottom:1px solid #ffffff0f;color:#f3f4f6;display:flex;font-size:1.25rem;font-weight:700;gap:.625rem;letter-spacing:-.015em;margin:0 0 1rem;padding-bottom:.75rem}.dp-section-title:before{color:#a855f7;content:"#";font-weight:400;opacity:.6}.dp-paragraph{color:#a1a1aa;font-size:.9375rem;line-height:1.7;margin:0 0 1rem}.dp-paragraph:last-child{margin-bottom:0}.dp-list{color:#a1a1aa;display:flex;flex-direction:column;font-size:.9375rem;gap:.375rem;line-height:1.7;margin:0 0 1rem;padding-left:1.5rem}.dp-inline-code{background:#ffffff12;border:1px solid #ffffff1a;border-radius:.25rem;color:#e879f9;font-family:JetBrains Mono,Fira Code,Cascadia Code,monospace;font-size:.8125rem;padding:.1rem .4rem;white-space:nowrap}.dp-method{align-items:center;border-radius:.375rem;display:inline-flex;font-size:.7rem;font-weight:800;letter-spacing:.08em;line-height:1;padding:.25rem .6rem;text-transform:uppercase}.dp-method--get{background:#22c55e26;border:1px solid #4ade8033;color:#4ade80}.dp-method--post{background:#3b82f626;border:1px solid #60a5fa33;color:#60a5fa}.dp-method--put{background:#f59e0b26;border:1px solid #fbbf2433;color:#fbbf24}.dp-method--delete{background:#ef444426;border:1px solid #f8717133;color:#f87171}.dp-endpoint{align-items:flex-start;background:#ffffff08;border:1px solid #ffffff12;border-radius:.875rem;display:flex;gap:.75rem;margin-bottom:.625rem;padding:1rem 1.25rem;transition:border-color .15s,background .15s}.dp-endpoint:hover{background:#ffffff0d;border-color:#a855f733}.dp-endpoint-path{color:#e5e7eb;font-family:JetBrains Mono,Fira Code,monospace;font-size:.875rem;font-weight:600}.dp-endpoint-desc{color:#71717a;font-size:.825rem;line-height:1.5;margin-top:.25rem}.dp-code-wrap{margin:1.25rem 0;position:relative}.dp-code-label{align-items:center;background:#1a1825;border:1px solid #ffffff14;border-bottom:none;border-radius:.75rem .75rem 0 0;display:flex;justify-content:space-between;padding:.5rem 1rem}.dp-code-lang{color:#52525b;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.dp-copy-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:.375rem;color:#71717a;cursor:pointer;display:flex;font-family:inherit;font-size:.72rem;gap:.3rem;padding:.2rem .6rem;transition:background .15s,color .15s}.dp-copy-btn:hover{background:#ffffff1a;color:#e5e7eb}.dp-copy-btn--copied{border-color:#4ade8040;color:#4ade80}.dp-code{background:#15131f;border:1px solid #ffffff14;border-radius:0 0 .75rem .75rem;border-top:none;color:#c9d1d9;display:block;font-family:JetBrains Mono,Fira Code,Cascadia Code,monospace;font-size:.8125rem;line-height:1.7;margin:0;overflow-x:auto;padding:1.25rem 1.5rem;scrollbar-color:#3f3f46 #0000;scrollbar-width:thin;white-space:pre}.dp-code::-webkit-scrollbar{height:4px}.dp-code::-webkit-scrollbar-track{background:#0000}.dp-code::-webkit-scrollbar-thumb{background:#3f3f46;border-radius:2px}.dp-code .t-key{color:#79c0ff}.dp-code .t-str{color:#a5d6ff}.dp-code .t-num{color:#d2a8ff}.dp-code .t-bool{color:#56d364}.dp-code .t-comment{color:#8b949e;font-style:italic}.dp-code .t-method{color:#ff7b72}.dp-code .t-path{color:#ffa657}.dp-code .t-header{color:#d2a8ff}.dp-params-title{color:#52525b;font-size:.8rem;font-weight:700;letter-spacing:.08em;margin:1.5rem 0 .625rem;text-transform:uppercase}.dp-param-table{border:1px solid #ffffff12;border-collapse:collapse;border-radius:.75rem;font-size:.875rem;overflow:hidden;width:100%}.dp-param-table th{background:#ffffff08;border-bottom:1px solid #ffffff12;color:#52525b;font-size:.72rem;font-weight:700;letter-spacing:.08em;padding:.625rem 1rem;text-align:left;text-transform:uppercase}.dp-param-table td{border-bottom:1px solid #ffffff0d;color:#a1a1aa;line-height:1.5;padding:.75rem 1rem;vertical-align:top}.dp-param-table tr:last-child td{border-bottom:none}.dp-param-name{color:#e879f9;font-size:.8125rem;white-space:nowrap}.dp-param-name,.dp-param-type{font-family:JetBrains Mono,monospace}.dp-param-type{color:#79c0ff;font-size:.8rem}.dp-param-required{border-radius:.25rem;font-size:.7rem;font-weight:700;padding:.15rem .4rem;text-transform:uppercase;white-space:nowrap}.dp-param-required--yes{background:#f871711a;border:1px solid #f8717133;color:#f87171}.dp-param-required--no{background:#ffffff0a;border:1px solid #ffffff14;color:#52525b}.dp-response-title{color:#52525b;font-size:.8rem;font-weight:700;letter-spacing:.08em;margin:1.5rem 0 .625rem;text-transform:uppercase}.dp-note{border-radius:.875rem;display:flex;font-size:.875rem;gap:.875rem;line-height:1.6;margin:1.25rem 0;padding:1rem 1.25rem}.dp-note--info{background:#3b82f614;border:1px solid #3b82f633;color:#93c5fd}.dp-note--warning{background:#f59e0b14;border:1px solid #f59e0b33;color:#fde68a}.dp-note--success{background:#22c55e14;border:1px solid #22c55e33;color:#86efac}.dp-note--danger{background:#ef444414;border:1px solid #ef444433;color:#fca5a5}.dp-note-icon{flex-shrink:0;margin-top:.1rem;opacity:.85}.dp-steps{counter-reset:step-counter;display:flex;flex-direction:column;gap:1.25rem}.dp-step{align-items:flex-start;counter-increment:step-counter;display:flex;gap:1rem}.dp-step-num{align-items:center;background:#a855f726;border:1px solid #a855f74d;border-radius:50%;color:#a855f7;display:flex;flex-shrink:0;font-size:.8rem;font-weight:800;height:2rem;justify-content:center;width:2rem}.dp-step-num:after{content:counter(step-counter)}.dp-step-body h4{color:#e5e7eb;font-size:.9375rem;font-weight:700;margin:0 0 .375rem}.dp-step-body p{color:#9ca3af;font-size:.875rem;line-height:1.6;margin:0}@media (max-width:768px){.dp-title{font-size:1.6rem}.dp-description{font-size:.9375rem}.dp-code{font-size:.75rem;padding:1rem}.dp-param-table td,.dp-param-table th{padding:.5rem .75rem}.dp-endpoint{flex-direction:column;gap:.5rem}}@media (max-width:480px){.dp-title{font-size:1.375rem}.dp-note{flex-direction:column;gap:.5rem}}body.home-page-background{background:linear-gradient(180deg,var(--dark-900) 0,var(--dark-800) 50%,var(--dark-900) 100%);background-attachment:fixed;position:relative}body.home-page-background:before{background-image:radial-gradient(circle at 20% 50%,#a855f71a 0,#0000 50%),radial-gradient(circle at 80% 80%,#3b82f614 0,#0000 50%),radial-gradient(circle at 40% 90%,#ec48990f 0,#0000 50%);content:"";inset:0;pointer-events:none;position:fixed;z-index:0}.home-container{display:flex;min-height:100vh;padding-top:70px;position:relative}.main-content{flex:1 1;margin-left:280px;max-width:calc(100% - 280px);padding:2rem;width:100%}.hero-section{align-items:center;background:var(--gradient-hero);border-radius:24px;box-shadow:var(--shadow-xl),var(--shadow-glow-purple);display:flex;margin-bottom:3rem;min-height:300px;overflow:hidden;padding:3rem;position:relative}.hero-section:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.05'/%3E%3C/svg%3E");content:"";inset:0;mix-blend-mode:overlay;opacity:.4;position:absolute}.hero-content{max-width:600px;position:relative;z-index:2}.hero-title{color:#fff;font-family:var(--font-accent);font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:1rem;text-shadow:0 2px 10px #0000004d}.hero-subtitle{color:#ffffffe6;font-family:var(--font-body);font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.hero-cta-buttons{display:flex;gap:1rem}.hero-btn{border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 2rem;transition:all var(--transition-base)}.hero-btn-primary{background:#fff;color:var(--purple-700)}.hero-btn-primary:hover{box-shadow:0 10px 20px #0003;transform:translateY(-2px)}.hero-btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;color:#fff}.hero-btn-secondary:hover{background:#fff3;transform:translateY(-2px)}.discovery-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr;margin-bottom:3rem}.discovery-column{display:flex;flex-direction:column;gap:2rem}.feed-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e1e99;border:1px solid #ffffff0d;border-radius:20px;overflow:hidden;position:relative;transition:all var(--transition-base)}.feed-card:hover{border-color:#a855f74d;box-shadow:var(--shadow-lg),0 0 20px #a855f71a;transform:translateY(-5px)}.spotlight-card{display:flex;flex-direction:column;height:400px;justify-content:flex-end;padding:2rem;position:relative}.spotlight-bg{height:100%;inset:0;object-fit:cover;position:absolute;transition:transform var(--transition-slow);width:100%}.spotlight-card:hover .spotlight-bg{transform:scale(1.05)}.spotlight-overlay{background:linear-gradient(0deg,#000000e6 0,#0003 60%,#0000);inset:0;position:absolute;z-index:1}.spotlight-card .card-content{position:relative;z-index:2}.spotlight-card h3{color:#fff;font-size:1.8rem;margin-bottom:.5rem}.spotlight-card p{color:#fffc;font-size:1rem;margin-bottom:1.5rem;max-width:80%}.horizontal-card{align-items:center;display:flex;gap:1.5rem;padding:1.5rem}.horizontal-card img{border-radius:12px;box-shadow:var(--shadow-md);height:320px;object-fit:cover;width:320px}.discovery-column .new-release-card{flex:1 1}.artist-card,.recommended-card{height:180px}.artist-card img,.recommended-card img{height:140px;width:140px}.horizontal-card .card-content{flex:1 1}.horizontal-card h3{color:#fff;font-size:1.2rem;margin-bottom:.5rem}.horizontal-card p{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--gray-400);display:-webkit-box;font-size:.9rem;margin-bottom:1rem;overflow:hidden}.horizontal-card span{color:var(--gray-400);display:block;font-size:.8rem;margin-bottom:1rem}.trending-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e1e66;border:1px solid #ffffff0d;border-radius:24px;padding:1.5rem}.section-title{align-items:center;color:#fff;display:flex;font-size:1.2rem;gap:.5rem;margin-bottom:1.5rem}.section-title:before{background:var(--gradient-accent);border-radius:2px;content:"";display:block;height:20px;width:4px}.trending-grid{grid-gap:1rem;display:grid;gap:1rem}.trending-card{align-items:center;background-position:50%;background-size:cover;border-radius:16px;display:flex;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:transform var(--transition-base)}.trending-card:before{background:#0006;content:"";inset:0;position:absolute;transition:background var(--transition-base)}.trending-card:hover{box-shadow:var(--shadow-lg);transform:scale(1.02)}.trending-card:hover:before{background:#0003}.trending-card span{color:#fff;font-size:1.1rem;font-weight:700;letter-spacing:1px;position:relative;text-shadow:0 2px 4px #00000080;text-transform:uppercase;z-index:2}.card-button{background:var(--purple-600);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem 1.2rem;transition:all var(--transition-fast)}.card-button:hover{background:var(--purple-500);transform:translateY(-1px)}.card-button.light{background:#fff;color:#000}.card-button.light:hover{background:#f0f0f0}.card-button.follow{background:#0000;border:1px solid var(--purple-500);color:var(--purple-400)}.card-button.follow:hover{background:var(--purple-500);color:#fff}.feed-divider{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);border:0;height:1px;margin:3rem 0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards}.home-loader-container{align-items:center;display:flex;justify-content:center;min-height:50vh}.loader-spinner{animation:spin 1s ease-in-out infinite;border:3px solid #ffffff1a;border-radius:50%;border-top:3px solid var(--purple-500);height:40px;width:40px}@media (max-width:1024px){.discovery-grid{grid-template-columns:1fr}.main-content{margin-left:0;max-width:100%;padding:1rem 1rem 80px;width:100%}}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-section{flex-direction:column;padding:2rem;text-align:center}.hero-cta-buttons{justify-content:center}.horizontal-card{flex-direction:column;text-align:center}.horizontal-card img{height:200px;width:100%}}.discovery-tabs{background:var(--dark-800);border-radius:12px;display:flex;gap:.25rem;margin-bottom:1.5rem;padding:.25rem;width:-webkit-fit-content;width:fit-content}.discovery-tab{background:#0000;border:none;border-radius:9px;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1.25rem;transition:all var(--transition-base)}.discovery-tab:hover{background:var(--dark-700);color:var(--text-primary)}.discovery-tab.active{background:var(--accent-purple);color:#fff;font-weight:600}.picker-overlay{align-items:center;background-color:#0000004d;display:flex;inset:0;justify-content:center;position:fixed;z-index:4000}.picker-container{animation:fadeInScalePicker .3s ease-out;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background-color:#1e1e1ebf;border:1px solid #ffffff1a;border-radius:1rem;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;height:500px;max-height:70vh;max-width:90vw;overflow:hidden;width:400px}@keyframes fadeInScalePicker{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.picker-header{border-bottom:1px solid var(--color-border);flex-shrink:0;padding:.5rem}.picker-tabs{display:flex;gap:.5rem;overflow-x:auto;padding:.25rem}.picker-tabs::-webkit-scrollbar{display:none}.picker-tabs{-ms-overflow-style:none;scrollbar-width:none}.picker-tab{align-items:center;background-color:initial;border:2px solid #0000;border-radius:.5rem;cursor:pointer;display:flex;flex-shrink:0;font-size:1.5rem;height:44px;justify-content:center;transition:all .2s ease;width:44px}.picker-tab:hover{background-color:var(--color-bg-light)}.picker-tab.active{background-color:var(--color-bg-medium);border-color:var(--color-accent)}.picker-tab img{height:32px;object-fit:contain;width:32px}.picker-content{flex-grow:1;overflow-y:hidden;position:relative}.picker-content aside.EmojiPickerReact{background-color:initial!important;border:none!important;height:100%!important;width:100%!important}.picker-content .EmojiPickerReact *{background-color:initial!important}.custom-emoji-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));height:100%;overflow-y:auto;padding:1rem}.custom-emoji-btn{align-items:center;aspect-ratio:1/1;background:none;border:none;border-radius:.375rem;cursor:pointer;display:flex;height:-webkit-fit-content;height:fit-content;justify-content:center;padding:.5rem;transition:background-color .2s}.custom-emoji-btn:hover{background-color:var(--color-bg-light)}.picker-image-preview,.picker-lottie-preview{height:100%;max-height:48px;max-width:48px;pointer-events:none;width:100%}.picker-image-preview{object-fit:contain}.create-post-form{background:linear-gradient(145deg,#1c1a22e6,#16141cf2);border:1px solid #ffffff12;border-radius:1.375rem;box-shadow:0 2px 16px #00000038,inset 0 1px 0 #ffffff0a;margin-bottom:1.5rem;padding:1rem 1.25rem}.create-post-form .form-header{align-items:flex-start;display:flex;gap:1rem}.create-post-form .user-avatar{border-radius:50%;height:48px;object-fit:cover;width:48px}.create-post-form .post-textarea{background:none;border:none;color:var(--color-text-primary);flex-grow:1;font-family:var(--font-main);font-size:1.1rem;outline:none;padding-top:.5rem;resize:none}.create-post-form .post-textarea::placeholder{color:var(--color-text-placeholder)}.create-post-form .error-message{color:var(--color-error);font-size:.9rem;margin:.5rem 0 0 64px}.create-post-form .form-footer{align-items:center;display:flex;justify-content:space-between;margin-top:1rem;position:relative}.feed-container{display:flex;flex-direction:column;gap:1.25rem}.feed-error,.feed-loader{color:var(--color-text-secondary);padding:3rem;text-align:center}.post-card-anim{animation:cardFadeIn .3s ease both}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.post-card{background:linear-gradient(145deg,#1c1a22f2,#141219fa);border:1px solid #ffffff12;border-radius:1.375rem;box-shadow:0 1px 3px #00000040,0 4px 20px #0003,inset 0 1px 0 hsla(0,0%,100%,.045);cursor:pointer;overflow:hidden;padding:1.25rem 1.25rem .875rem;position:relative;transition:transform .28s cubic-bezier(.2,0,0,1),box-shadow .28s ease,border-color .28s ease}.post-card:before{background:linear-gradient(90deg,#0000,#ffffff12,#0000);content:"";height:1px;left:8%;pointer-events:none;position:absolute;right:8%;top:0}.post-card:hover{border-color:#a855f738;box-shadow:0 4px 8px #0003,0 16px 48px #00000061,0 0 0 1px #a855f71a,inset 0 1px 0 #ffffff0f;transform:translateY(-2px)}.post-avatar-link{flex-shrink:0}.post-avatar-wrapper{background-color:var(--color-bg-light);border-radius:50%;box-shadow:0 2px 10px #0006;flex-shrink:0;height:44px;overflow:hidden;position:relative;transition:box-shadow .25s ease;width:44px}.post-avatar-link:hover .post-avatar-wrapper{box-shadow:0 0 0 2.5px var(--color-accent),0 4px 16px #a855f766}.post-author-avatar{height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease-in-out;width:100%}@keyframes shimmer{to{transform:translateX(100%)}}.post-avatar-wrapper.skeleton:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);width:100%}.post-content{flex-grow:1;min-width:0}.post-header{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.5rem}.post-header-main{column-gap:.5rem;min-width:0;row-gap:.25rem}.post-author-links,.post-header-main{align-items:center;display:flex;flex-wrap:wrap}.post-author-links{gap:.25rem}.post-author-name{color:var(--color-text-primary);font-weight:700;letter-spacing:-.01em;transition:color .15s}.post-author-name:hover{color:var(--color-accent);text-decoration:underline}.post-timestamp{color:var(--color-text-secondary);font-size:.9rem;white-space:nowrap}.post-text{word-wrap:break-word;line-height:1.6;margin:0 0 1rem;white-space:pre-wrap}.post-actions{border-top:1px solid hsla(0,0%,100%,.045);display:flex;gap:.15rem;margin-top:.75rem;padding-top:.625rem}.post-action-button{align-items:center;background:none;border:none;border-radius:2rem;color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:var(--font-main);font-size:.82rem;font-weight:500;gap:.35rem;letter-spacing:.01em;padding:.45rem .7rem;transition:color .2s,background .2s}.post-action-button:hover{background:#a855f71a;color:var(--color-accent)}.post-action-button.like:hover{background:#ef444417;color:#ef4444}.post-action-button svg{height:17px;width:17px}.post-action-button.like.liked,.post-action-button.like.liked:hover{background:#ef444417;color:#ef4444}.post-action-button.like.liked svg{fill:#ef4444}.post-action-static{pointer-events:none}.post-reactions-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem;padding-bottom:.5rem}.reaction-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#282632d9;border:1px solid #ffffff14;border-radius:2rem;padding:3px 10px}.reaction-badge:hover{background:#a855f71f;border-color:#a855f773;box-shadow:0 4px 12px #a855f733;transform:scale(1.08) translateY(-1px)}.reaction-emoji{font-size:1rem}.reaction-emoji-custom{height:20px;width:20px}.reaction-count{font-size:.85rem}.reaction-badge.user-reacted{background:#a855f72e;border-color:#a855f780;box-shadow:0 2px 8px #a855f733}.reaction-badge.user-reacted .reaction-count{color:var(--color-text-primary)}.comment-options-container,.post-options-container{flex-shrink:0;position:relative}.options-button{align-items:center;background:none;border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;padding:.5rem}.options-button:hover{background-color:var(--color-bg-light);color:var(--color-text-primary)}.options-menu-small{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#201e28f2;border:1px solid #ffffff1a;border-radius:.875rem;box-shadow:0 8px 32px #00000073,0 0 0 1px #ffffff0a;max-width:220px;min-width:155px;padding:.4rem;position:absolute;right:0;top:100%;width:-webkit-max-content;width:max-content;z-index:10}.options-menu-small button{align-items:center;background:none;border:none;border-radius:.5rem;color:var(--color-text-primary);cursor:pointer;display:flex;font-family:var(--font-main);font-size:.875rem;gap:.5rem;padding:.6rem .875rem;text-align:left;transition:background .15s;white-space:nowrap;width:100%}.options-menu-small button:hover{background:#a855f72e;color:#fff}.options-menu-small button.option-delete{color:var(--color-error)}.options-menu-small button.option-delete:hover{background:#ef44442e;color:var(--color-error)}.options-menu-small button.option-report{color:#f87171}.options-menu-small button.option-report:hover{background:#ef44442e;color:#f87171}.post-thread-container{position:relative;width:100%}.post-main-content{display:flex;gap:1rem;position:relative}.post-main-content:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0c6 13 6 27 0 40s-6 27 0 40' stroke='%23a855f7' fill='none' stroke-width='2' stroke-opacity='.6' stroke-linecap='round'/%3E%3Cpath d='M10 0c-6 13-6 27 0 40s6 27 0 40' stroke='%23c084fc' fill='none' stroke-width='1.5' stroke-opacity='.3' stroke-linecap='round'/%3E%3Cpath d='M10 0c3 13 3 27 0 40s-3 27 0 40' stroke='%23f3e8ff' fill='none' stroke-width='.7' stroke-opacity='.15' stroke-linecap='round'/%3E%3Cpath d='m10 30 5.5 10L10 50 4.5 40Z' fill='none' stroke='%23a855f7' stroke-width='1.6' stroke-opacity='.7' stroke-linejoin='round'/%3E%3Ccircle cx='10' cy='40' r='1.8' fill='%239333ea' fill-opacity='.6'/%3E%3Cpath d='m10 30 3.5 8' stroke='%23f3e8ff' stroke-width='.9' stroke-opacity='.28' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:repeat-y;background-size:20px auto;bottom:0;content:"";left:12px;position:absolute;top:52px;width:20px;z-index:0}.comment-section{box-sizing:border-box;margin-top:1rem;padding-left:8px}.comment-thread-item{padding:1rem 0;position:relative}.comment-thread-item:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 0C7.5 7 .5 15 4 22c3.5 4 3.5 8 0 8' stroke='%23a855f7' fill='none' stroke-width='2' stroke-opacity='.35' stroke-linecap='round'/%3E%3Cpath d='M4 0C.5 7 7.5 15 4 22c-3.5 4-3.5 8 0 8' stroke='%23c084fc' fill='none' stroke-width='1.5' stroke-opacity='.2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:repeat-y;background-size:8px auto;bottom:0;content:"";left:12px;position:absolute;top:0;width:8px;z-index:0}.comment-item{align-items:flex-start;display:flex;gap:.75rem;position:relative;z-index:1}.comment-author-avatar{background-color:var(--color-bg-medium);border-radius:50%;flex-shrink:0;height:32px;margin-top:.25rem;object-fit:cover;width:32px}.comment-content-wrapper{align-items:flex-start;display:flex;flex-direction:column;width:100%}.comment-bubble,.comment-content{background-color:var(--color-bg-light);border-radius:.75rem;flex-grow:1;max-width:100%;padding:.75rem 1rem}.comment-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.25rem}.comment-author-name{font-size:.9rem;font-weight:600}.comment-author-name:hover{text-decoration:underline}.comment-timestamp{color:var(--color-text-secondary);font-size:.8rem}.comment-text{word-wrap:break-word;line-height:1.5;margin:0}.comment-footer{align-items:center;display:flex;gap:.75rem;margin-top:.5rem;width:100%}.comment-reactions-container{display:flex;flex-grow:1;flex-wrap:wrap;gap:.5rem;padding-left:5px}.comment-actions{display:flex;flex-shrink:0}.comment-action-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;padding:.25rem;transition:color .2s,background-color .2s}.comment-action-btn:hover{background-color:var(--color-bg-light);color:var(--color-accent)}.comment-action-btn svg{height:20px;width:20px}.comment-edit-form{display:flex;flex-direction:column;gap:.75rem}.comment-edit-textarea{background-color:var(--color-bg-deep);border:1px solid var(--color-accent);border-radius:.5rem;box-sizing:border-box;color:var(--color-text-primary);font-size:1rem;padding:.75rem 1rem;resize:vertical;width:100%}.comment-edit-actions{display:flex;gap:.75rem;justify-content:flex-end}.comment-edit-actions button{background:none;border:none;border-radius:.5rem;cursor:pointer;font-weight:600;padding:.5rem 1rem}.comment-edit-actions button[type=button]{color:var(--color-text-secondary)}.comment-edit-actions button[type=submit]{background-color:var(--color-accent);color:#fff}.comment-thread-item.pinned{background-color:#a855f714;border:1px solid var(--color-accent);border-radius:.75rem;margin:.5rem 0;padding:1rem}.pinned-badge{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.8rem;font-weight:500;gap:.5rem;margin-bottom:.75rem;padding-left:2rem}.pinned-badge svg{color:var(--color-accent)}.comment-form{display:flex;gap:.75rem;margin-top:1rem}.comment-input{background-color:var(--color-bg-light);border:1px solid var(--color-border);border-radius:1.5rem;color:var(--color-text-primary);flex-grow:1;font-size:.9rem;outline:none;padding:.75rem 1rem}.comment-input:focus{border-color:var(--color-accent)}.comment-submit-button{align-items:center;background-color:var(--color-accent);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:40px;justify-content:center;width:40px}.comment-submit-button:disabled{background-color:var(--color-disabled)}.form-footer-left{align-items:center;display:flex;gap:.5rem}.add-attachment-btn,.add-collaborator-btn{background:none;border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;padding:.5rem}.add-attachment-btn:hover,.add-collaborator-btn:hover{background-color:var(--color-bg-light);color:var(--color-accent)}.add-attachment-btn svg,.add-collaborator-btn svg{height:24px;width:24px}.attachment-preview{align-items:center;background-color:var(--color-bg-light);border:1px solid var(--color-border);border-radius:.5rem;display:flex;gap:1rem;margin:1rem 0 0 64px;padding:.75rem}.attachment-preview img{border-radius:4px;height:48px;object-fit:cover;width:48px}.attachment-preview-info{flex-grow:1;min-width:0}.attachment-preview-type{color:var(--color-text-secondary);font-size:.75rem;font-weight:600;margin:0;text-transform:uppercase}.attachment-preview-title{font-weight:500;margin:.25rem 0 0}.attachment-preview-title,.attachment-preview.poll-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-attachment-btn{background:none;border:none;color:var(--color-text-secondary);cursor:pointer}.remove-attachment-btn:hover{color:var(--color-error)}.remove-attachment-btn svg{height:20px;width:20px}.post-attachment-card{align-items:center;background:linear-gradient(145deg,#1c1c20cc,#141418f2);border:1px solid #ffffff14;border-radius:1rem;box-shadow:0 4px 15px #0003;display:flex;margin-top:1rem;overflow:hidden;position:relative;transition:transform .25s ease,border-color .25s,box-shadow .25s}.post-attachment-card:before{background:linear-gradient(to bottom,var(--color-accent),#4f46e5);border-radius:4px 0 0 4px;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.post-attachment-card:hover{border-color:#a855f74d;box-shadow:0 8px 25px #a855f726;transform:translateY(-2px)}.attachment-link-wrapper{align-items:center;color:inherit;display:flex;flex-grow:1;gap:1rem;min-width:0;padding:.85rem 1rem .85rem 1.15rem;text-decoration:none}.attachment-cover{border-radius:.6rem;box-shadow:0 4px 12px #0006;flex-shrink:0;height:64px;object-fit:cover;width:64px}.attachment-info{flex-grow:1;overflow:hidden}.attachment-type{background:#a855f71f;border-radius:4px;color:var(--color-accent);display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.07em;margin-bottom:.25rem;padding:1px 6px;text-transform:uppercase}.attachment-title{color:var(--color-text-primary);font-size:1.05rem;font-weight:700;margin:0 0 .15rem}.attachment-author,.attachment-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-author{color:var(--color-text-secondary);font-size:.78rem}.attachment-play-button{align-items:center;background:var(--color-accent);border:none;border-radius:50%;box-shadow:0 4px 15px #a855f766;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;margin-right:1rem;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s;width:48px}.attachment-play-button:hover{box-shadow:0 6px 20px #a855f799;transform:scale(1.1)}.attachment-play-button:active{transform:scale(.95)}.mini-loader{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}.collaborators-section{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;padding-left:64px}.collaborators-display{display:flex;flex-wrap:wrap;gap:.5rem}.collaborator-tag{align-items:center;background-color:var(--color-bg-light);border-radius:1rem;display:flex;font-size:.9rem;gap:.5rem;padding:.25rem .25rem .25rem .5rem}.collaborator-tag img{border-radius:50%;height:20px;width:20px}.collaborator-tag button{align-items:center;background-color:var(--color-border);border:none;border-radius:50%;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:14px;height:18px;justify-content:center;line-height:1;width:18px}.collaborator-input-container{position:relative}.collaborator-input-wrapper{align-items:center;background-color:var(--color-bg-light);border:1px solid var(--color-border);border-radius:.375rem;display:flex;gap:.5rem;padding-left:.75rem;position:relative}.at-symbol{color:var(--color-text-secondary);font-weight:500}.collaborator-input{background-color:initial;border:none;border-radius:.375rem;color:var(--color-text-primary);flex-grow:1;font-size:.9rem;outline:none;padding:.5rem .75rem .5rem .25rem}.collaborator-input-wrapper button{background-color:var(--color-accent);border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem}.collaborator-input-wrapper button:disabled{background-color:var(--color-disabled)}.collaborator-search-results{background-color:var(--color-bg-light);border:1px solid var(--color-border);border-radius:.5rem;box-shadow:0 4px 12px #0000004d;left:0;margin-top:.5rem;max-height:250px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.results-separator{background-color:var(--color-bg-deep);color:var(--color-text-secondary);font-size:.8rem;font-weight:600;padding:.5rem 1rem;text-transform:uppercase}.search-item{align-items:center;cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;transition:background-color .2s}.search-item:hover{background-color:var(--color-border)}.search-item img{border-radius:50%;height:32px;object-fit:cover;width:32px}.search-item span{font-weight:500}.search-item small{color:var(--color-text-secondary);margin-left:.25rem}.search-loader{color:var(--color-text-secondary);padding:1rem;text-align:center}.poll-creator-container{display:flex;flex-direction:column;gap:1rem;margin-top:1rem;padding-left:64px}.poll-options-creator{display:flex;flex-direction:column;gap:.5rem}.poll-option-input-wrapper{align-items:center;display:flex;gap:.5rem}.poll-option-input-wrapper input{flex-grow:1}.poll-option-input-wrapper button{border:none;font-size:1.5rem;padding:0 .5rem}.add-option-btn,.poll-option-input-wrapper button{background:none;color:var(--color-text-secondary);cursor:pointer}.add-option-btn{align-self:flex-start;border:1px solid var(--color-border);border-radius:.5rem;padding:.5rem}.poll-creator-actions{display:flex;gap:1rem;justify-content:flex-end}@media (max-width:810px){.post-attachment-card{align-items:flex-start;flex-direction:column;padding:1rem}.attachment-link-wrapper{align-items:flex-start;flex-direction:column;gap:.75rem;padding:0;width:100%}.attachment-cover{height:auto;max-width:120px;width:100%}.attachment-play-button{align-self:flex-start;background-color:var(--color-bg-light);border:1px solid var(--color-border);border-radius:2rem;margin-top:.75rem;padding:.5rem 1.2rem}.attachment-play-button svg{height:24px;width:24px}}@media (max-width:767px){.post-card{border-radius:1.125rem;padding:1rem 1rem .75rem}.post-main-content{gap:.75rem}.post-timestamp{font-size:.8rem}.post-actions{gap:.1rem}.post-action-button{padding:.4rem .55rem}.post-action-button svg{height:18px;width:auto}}@media (max-width:480px){.post-card{border-radius:.875rem;padding:.75rem .75rem .5rem}.post-main-content{gap:.6rem}.post-main-content:after{left:7px;top:42px}.post-avatar-wrapper{height:34px;width:34px}.post-actions{gap:0;margin-top:.5rem;padding-top:.5rem}.post-action-button{font-size:.78rem;padding:.35rem .4rem}.post-reactions-container{gap:.35rem;margin-top:.5rem}.reaction-badge{padding:2px 8px}.post-header{gap:.5rem}.post-author-name{font-size:.9rem}.attachment-cover{height:46px;width:46px}.attachment-title{font-size:.82rem}.attachment-author{font-size:.72rem}.attachment-play-button{height:36px;margin-right:.5rem;width:36px}.attachment-preview,.collaborators-section,.poll-creator-container{margin-left:0;padding-left:0}}.comment-compose-row{align-items:flex-start;display:flex;gap:.75rem;padding:.875rem 0}.comment-compose-avatar{border-radius:50%;flex-shrink:0;height:40px;object-fit:cover;width:40px}.comment-compose-body{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.comment-compose-input{background:none;border:none;color:var(--color-text-primary);font-family:inherit;font-size:.95rem;line-height:1.5;min-height:36px;outline:none;resize:none;width:100%}.comment-compose-input::placeholder{color:var(--color-text-secondary)}.comment-compose-footer{align-items:center;display:flex;justify-content:space-between}.comment-submit-btn{background:var(--color-accent);border:none;border-radius:2rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;line-height:1.4;padding:.4rem 1.1rem;transition:opacity .15s}.comment-submit-btn:hover:not(:disabled){opacity:.85}.comment-submit-btn:disabled{cursor:default;opacity:.4}.comment-loading{color:var(--color-text-secondary);font-size:.85rem;padding:.75rem 0;text-align:center}.post-card.detail-view{cursor:default}.post-card.detail-view:hover{border-color:#ffffff12;box-shadow:0 1px 3px #00000040,0 4px 20px #0003,inset 0 1px 0 hsla(0,0%,100%,.045);transform:none}.post-action-static{align-items:center;color:var(--color-text-secondary);cursor:default;display:inline-flex;font-size:.85rem;gap:.35rem;padding:.4rem .6rem}.expandable-menu-container{align-items:center;display:flex;flex-direction:row-reverse;gap:.75rem;position:relative}.main-menu-btn{align-items:center;background-color:var(--color-accent);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;width:44px;z-index:2}.main-menu-btn svg{height:24px;width:24px}.menu-items-wrapper{display:flex;gap:.75rem}.menu-item-btn{align-items:center;background-color:var(--color-bg-light);border:1px solid var(--color-border);border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;height:44px;justify-content:center;transition:background-color .2s,color .2s,border-color .2s;width:44px}.menu-item-btn:hover{border-color:var(--color-accent);color:var(--color-text-primary)}.menu-item-btn svg{height:24px;width:24px}@media (max-width:768px){.expandable-menu-container{position:relative}.menu-items-wrapper{border:1px solid var(--color-border);border-radius:.875rem;bottom:calc(100% + 10px);box-shadow:0 -6px 24px #00000073;flex-direction:row;flex-wrap:wrap;gap:.5rem;left:0;padding:.625rem;z-index:200}.menu-items-wrapper,.menu-items-wrapper:after{background-color:var(--color-bg-medium);position:absolute}.menu-items-wrapper:after{border-bottom:1px solid var(--color-border);border-right:1px solid var(--color-border);bottom:-6px;content:"";height:12px;left:14px;transform:rotate(45deg);width:12px}}.editor-container{background-color:initial;border-radius:.5rem;color:var(--color-text-primary);line-height:1.6;width:100%}.editor-container,.editor-input{font-size:1.1rem;position:relative}.editor-input{caret-color:var(--color-accent);min-height:80px;outline:none;resize:none;tab-size:1}.editor-placeholder{color:var(--color-text-placeholder);font-size:1.1rem;left:0;overflow:hidden;padding-top:.5rem;pointer-events:none;position:absolute;text-overflow:ellipsis;top:0;-webkit-user-select:none;user-select:none}.editor-paragraph{margin:0 0 15px}.editor-paragraph:last-child{margin-bottom:0}.editor-link{color:var(--color-accent);cursor:pointer;text-decoration:none}.editor-link:hover{text-decoration:underline}.editor-container.read-only .editor-input{min-height:auto}.custom-emoji-wrapper{display:inline-block;margin:0 2px;vertical-align:bottom}.custom-emoji-in-editor{height:1.5em;object-fit:contain;pointer-events:none;width:1.5em}.poll-container{background-color:#0000001a;border-radius:.75rem;margin-top:1rem;padding:1rem}.poll-question{font-weight:600;line-height:1.4;margin:0 0 1rem}.poll-options{display:flex;flex-direction:column;gap:.5rem}.poll-option,.poll-option-wrapper{position:relative}.poll-option{background-color:var(--color-bg-light);border:1px solid var(--color-border);border-radius:.5rem;color:var(--color-text-primary);cursor:pointer;overflow:hidden;padding:.75rem 1rem;text-align:left;transition:background-color .2s,border-color .2s;width:100%}.poll-option:not(.voted):hover{background-color:var(--color-border);border-color:var(--color-accent)}.poll-option.voted{cursor:default}.poll-option-background{background-color:var(--color-accent);border-radius:.375rem;bottom:0;left:0;opacity:.3;position:absolute;top:0;transition:width .5s ease-in-out}.poll-option-percentage,.poll-option-text{position:relative;z-index:1}.poll-option-percentage{float:right;font-weight:600}.poll-option.user-choice .poll-option-text{font-weight:700}.poll-option.user-choice .poll-option-text:before{color:var(--color-accent);content:"✓";margin-right:.5rem}.poll-footer{color:var(--color-text-secondary);font-size:.85rem;margin-top:1rem}.post-editor-wrapper{background-color:var(--color-bg-deep);border:1px solid var(--color-accent);border-radius:.5rem;margin:.5rem 0;padding:.75rem 1rem}.post-editor-input{caret-color:var(--color-accent);font-size:1rem;line-height:1.6;min-height:100px;outline:none;resize:none}.post-editor-placeholder{color:var(--color-text-placeholder);font-size:1rem;left:1rem;overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;top:.75rem;-webkit-user-select:none;user-select:none}.post-editor-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.75rem}.rmo-overlay{align-items:center;animation:rmo-fade-in .18s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#000000a6;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}@keyframes rmo-fade-in{0%{opacity:0}to{opacity:1}}.rmo-modal{animation:rmo-slide-up .22s cubic-bezier(.34,1.3,.64,1);background:#1a1825;border:1px solid #ffffff14;border-radius:1.25rem;box-shadow:0 8px 40px #0000008c,0 0 0 1px #a855f70f;max-width:440px;overflow:hidden;width:100%}@keyframes rmo-slide-up{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.rmo-header{align-items:flex-start;display:flex;gap:.75rem;padding:1.25rem 1.25rem 0}.rmo-header-icon{align-items:center;background:#a855f71f;border:1px solid #a855f740;border-radius:.625rem;color:#a855f7;display:flex;flex-shrink:0;height:32px;justify-content:center;margin-top:2px;width:32px}.rmo-header-text{flex:1 1;min-width:0}.rmo-title{color:#f4f4f5;font-family:Urbanist,sans-serif;font-size:1rem;font-weight:700;letter-spacing:-.01em;margin:0 0 .2rem}.rmo-subtitle{color:#71717a;font-size:.8rem;margin:0}.rmo-close{align-items:center;background:none;border:none;border-radius:.5rem;color:#52525b;cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;transition:background .15s,color .15s;width:30px}.rmo-close:hover{background:#ffffff12;color:#e5e7eb}.rmo-body{padding:1rem 1.25rem 1.25rem}.rmo-reasons{display:flex;flex-direction:column;gap:.375rem;margin-bottom:1.25rem}.rmo-reason-item{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:.75rem;cursor:pointer;display:flex;gap:.625rem;padding:.625rem .875rem;text-align:left;transition:background .15s,border-color .15s;width:100%}.rmo-reason-item:hover{background:#ffffff0f;border-color:#ffffff1a}.rmo-reason-item--selected{background:#a855f71a!important;border-color:#a855f759!important}.rmo-reason-icon{align-items:center;color:#71717a;display:flex;flex-shrink:0;transition:color .15s}.rmo-reason-item--selected .rmo-reason-icon{color:#a855f7}.rmo-reason-label{color:#a1a1aa;flex:1 1;font-family:Urbanist,sans-serif;font-size:.875rem;font-weight:500;transition:color .15s}.rmo-reason-item--selected .rmo-reason-label{color:#e5e7eb}.rmo-reason-check{align-items:center;background:#a855f7;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:18px;justify-content:center;width:18px}.rmo-textarea{background:#ffffff0a;border:1px solid #ffffff14;border-radius:.75rem;box-sizing:border-box;color:#e5e7eb;font-family:Urbanist,sans-serif;font-size:.9rem;line-height:1.5;margin-bottom:.375rem;outline:none;padding:.75rem 1rem;resize:none;transition:border-color .2s;width:100%}.rmo-textarea::placeholder{color:#52525b}.rmo-textarea:focus{border-color:#a855f766}.rmo-char-count{color:#52525b;font-size:.75rem;margin:0 0 1.25rem;text-align:right}.rmo-footer{align-items:center;display:flex;gap:.625rem;justify-content:flex-end}.rmo-btn-cancel{background:none;border:1px solid #ffffff14;border-radius:.75rem;color:#71717a;cursor:pointer;font-family:Urbanist,sans-serif;font-size:.875rem;font-weight:500;padding:.55rem 1rem;transition:background .15s,color .15s,border-color .15s}.rmo-btn-cancel:hover{background:#ffffff0d;border-color:#ffffff24;color:#a1a1aa}.rmo-btn-next{align-items:center;background:#a855f726;border:1px solid #a855f74d;border-radius:.75rem;color:#c084fc;cursor:pointer;display:inline-flex;font-family:Urbanist,sans-serif;font-size:.875rem;font-weight:600;gap:.25rem;padding:.55rem 1.1rem;transition:background .15s,border-color .15s,color .15s}.rmo-btn-next:not(:disabled):hover{background:#a855f740;border-color:#a855f780;color:#d8b4fe}.rmo-btn-next:disabled{cursor:not-allowed;opacity:.35}.rmo-btn-submit{align-items:center;background:linear-gradient(135deg,#a855f7,#7c3aed);border:none;border-radius:.75rem;box-shadow:0 2px 12px #a855f759;color:#fff;cursor:pointer;display:inline-flex;font-family:Urbanist,sans-serif;font-size:.875rem;font-weight:700;gap:.375rem;justify-content:center;min-width:140px;padding:.6rem 1.25rem;transition:box-shadow .2s,transform .15s,opacity .15s}.rmo-btn-submit:not(:disabled):hover{box-shadow:0 4px 20px #a855f780;transform:translateY(-1px)}.rmo-btn-submit:disabled{cursor:not-allowed;opacity:.6}.rmo-spinner{animation:rmo-spin .7s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}@keyframes rmo-spin{to{transform:rotate(1turn)}}.rmo-done{flex-direction:column;gap:.75rem;padding:2rem 1.5rem 1.75rem;text-align:center}.rmo-done,.rmo-done-icon{align-items:center;display:flex}.rmo-done-icon{animation:rmo-pop .35s cubic-bezier(.34,1.6,.64,1);background:#a855f71f;border:1.5px solid #a855f74d;border-radius:50%;color:#a855f7;height:56px;justify-content:center;width:56px}@keyframes rmo-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.rmo-done-title{color:#f4f4f5;font-family:Urbanist,sans-serif;font-size:1.1rem;font-weight:700;margin:.25rem 0 0}.rmo-done-text{color:#71717a;font-size:.85rem;line-height:1.55;margin:0 0 .5rem;max-width:300px}@media (max-width:480px){.rmo-modal{animation:rmo-slide-up-mobile .25s cubic-bezier(.34,1.2,.64,1);border-radius:1rem 1rem 0 0;bottom:0;left:0;max-width:100%;position:fixed;right:0}.rmo-overlay{align-items:flex-end;padding:0}@keyframes rmo-slide-up-mobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.auth-fullscreen{display:grid;grid-template-columns:42% 58%;min-height:calc(100vh - 70px)}.auth-brand-panel{align-items:center;background:linear-gradient(160deg,#0c0c1e,#160830 50%,#0a1628);display:flex;justify-content:center;overflow:hidden;padding:3rem 2.5rem;position:relative}.auth-brand-panel:before{background:radial-gradient(circle,#a855f729 0,#0000 70%);height:480px;left:50%;top:50%;transform:translate(-50%,-50%);width:480px}.auth-brand-panel:after,.auth-brand-panel:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.auth-brand-panel:after{background:radial-gradient(circle,#6366f11a 0,#0000 70%);bottom:5%;height:300px;left:5%;width:300px}.auth-brand-content{max-width:320px;position:relative;text-align:center;width:100%;z-index:1}.auth-brand-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff 20%,#c084fcf2);-webkit-background-clip:text;background-clip:text;font-size:2.8rem;font-weight:900;letter-spacing:-.05em;line-height:1;margin-bottom:.9rem}.auth-brand-tagline{color:#ffffff7a;font-size:1.05rem;font-weight:400;line-height:1.8;margin:0 0 2.5rem}.auth-bars{align-items:flex-end;display:flex;gap:5px;height:72px;justify-content:center;margin-bottom:2.5rem}.auth-bar{animation:auth-eq 1.3s ease-in-out infinite alternate;background:linear-gradient(180deg,#a855f7,#a855f740);background:linear-gradient(180deg,var(--color-accent,#a855f7) 0,#a855f740 100%);border-radius:3px 3px 2px 2px;transform-origin:bottom;width:6px}.auth-bar:first-child{animation-delay:0s;animation-duration:1.05s;height:28%}.auth-bar:nth-child(2){animation-delay:.12s;animation-duration:.88s;height:55%}.auth-bar:nth-child(3){animation-delay:.06s;animation-duration:1.2s;height:78%}.auth-bar:nth-child(4){animation-delay:.18s;animation-duration:.8s;height:42%}.auth-bar:nth-child(5){animation-delay:.24s;animation-duration:1.15s;height:95%}.auth-bar:nth-child(6){animation-delay:.09s;animation-duration:.97s;height:62%}.auth-bar:nth-child(7){animation-delay:.3s;animation-duration:.74s;height:88%}.auth-bar:nth-child(8){animation-delay:.15s;animation-duration:1.1s;height:50%}.auth-bar:nth-child(9){animation-delay:.21s;animation-duration:.93s;height:72%}.auth-bar:nth-child(10){animation-delay:.03s;animation-duration:1.28s;height:38%}.auth-bar:nth-child(11){animation-delay:.27s;animation-duration:.83s;height:66%}.auth-bar:nth-child(12){animation-delay:.1s;animation-duration:1.08s;height:32%}@keyframes auth-eq{0%{opacity:.45;transform:scaleY(.18)}to{opacity:1;transform:scaleY(1)}}.auth-brand-features{display:flex;flex-direction:column;gap:.65rem;text-align:left}.auth-brand-feature{align-items:center;color:#ffffff73;display:flex;font-size:.875rem;gap:.75rem}.auth-brand-feature-dot{background:#a855f7;background:var(--color-accent,#a855f7);border-radius:50%;box-shadow:0 0 6px #a855f799;flex-shrink:0;height:6px;width:6px}.auth-form-panel{align-items:center;background:#0a0a0f;background:var(--color-bg-deep,#0a0a0f);border-left:1px solid #ffffff0d;display:flex;flex-direction:column;justify-content:center;overflow-y:auto;padding:3rem 4rem;position:relative}.auth-back-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:100px;color:#ffffffa6;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:600;gap:.4rem;left:1.5rem;padding:.5rem .85rem;position:absolute;top:1.5rem;transition:all .2s}.auth-back-btn:hover{background:#ffffff1a;border-color:#fff3;color:#fff}.auth-back-btn svg{flex-shrink:0;height:16px;width:16px}.auth-form-inner{max-width:380px;width:100%}.auth-mobile-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff 20%,#c084fcf2);-webkit-background-clip:text;background-clip:text;display:none;font-size:2.2rem;font-weight:900;letter-spacing:-.05em;margin-bottom:1.75rem;text-align:center}.auth-title{color:#fff;font-size:1.85rem;font-weight:800;letter-spacing:-.025em;line-height:1.15;margin:0 0 .3rem}.auth-subtitle{color:#ffffff6b;font-size:.9rem;line-height:1.5;margin:0 0 1.75rem}.auth-error-banner{background:#f871711a;border:1px solid #f8717147;border-radius:10px;color:#fca5a5;font-size:.875rem;line-height:1.4;margin-bottom:1.25rem;padding:.75rem 1rem}.auth-google-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:600;gap:.75rem;justify-content:center;padding:.85rem 1.25rem;transition:background .2s,border-color .2s,box-shadow .2s;width:100%}.auth-google-btn:hover:not(:disabled){background:#ffffff17;border-color:#ffffff38;box-shadow:0 2px 12px #0000004d}.auth-google-btn:disabled{cursor:default;opacity:.55}.auth-google-btn svg{flex-shrink:0;height:20px;width:20px}.auth-divider{align-items:center;color:#ffffff38;display:flex;font-size:.78rem;font-weight:600;gap:.75rem;letter-spacing:.08em;margin:1.4rem 0;text-transform:uppercase}.auth-divider:after,.auth-divider:before{background:#ffffff14;content:"";flex:1 1;height:1px}.auth-form{gap:.9rem}.auth-form,.auth-input-group{display:flex;flex-direction:column}.auth-input-group{gap:.4rem}.auth-input-group label{color:#ffffff73;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.auth-input-group input{background:#ffffff0a;border:1px solid #ffffff17;border-radius:10px;box-sizing:border-box;color:#fff;font-family:inherit;font-size:.95rem;outline:none;padding:.85rem 1rem;transition:border-color .2s,box-shadow .2s,background .2s;width:100%}.auth-input-group input:focus{background:#a855f70f;border-color:#a855f7;border-color:var(--color-accent,#a855f7);box-shadow:0 0 0 3px #a855f724}.auth-input-group input::placeholder{color:#ffffff2e}.auth-input-group input:disabled{cursor:not-allowed;opacity:.5}.auth-submit-btn{background:#a855f7;background:var(--color-accent,#a855f7);border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:700;letter-spacing:.01em;margin-top:.2rem;padding:.9rem;transition:filter .2s,box-shadow .2s,transform .15s;width:100%}.auth-submit-btn:hover:not(:disabled){box-shadow:0 6px 24px #a855f761;filter:brightness(1.12);transform:translateY(-1px)}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{cursor:default;opacity:.55}.auth-switch{color:#ffffff61;font-size:.875rem;margin-top:1.75rem;text-align:center}.auth-switch a{color:#a855f7;color:var(--color-accent,#a855f7);font-weight:600;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.auth-consent{border-top:1px solid #ffffff12;display:flex;flex-direction:column;gap:.8rem;margin-top:1.5rem;padding-top:1.5rem}.auth-consent-label{align-items:flex-start;cursor:pointer;display:flex;gap:.75rem}.auth-consent-label input[type=checkbox]{accent-color:#a855f7;accent-color:var(--color-accent,#a855f7);cursor:pointer;flex-shrink:0;height:17px;margin-top:2px;width:17px}.auth-consent-label span{color:#ffffff6b;font-size:.82rem;line-height:1.55}.auth-consent-label span a{color:#ffffffb8;text-decoration:underline;text-underline-offset:2px}.auth-consent-label span a:hover{color:#fff}.auth-legal-note{color:#ffffff42;font-size:.775rem;line-height:1.65;margin-top:1.5rem;text-align:center}.auth-legal-note a{color:#ffffff6b;text-decoration:none}.auth-legal-note a:hover{text-decoration:underline}@media (max-width:768px){.auth-fullscreen{grid-template-columns:1fr;min-height:calc(100vh - 60px)}.auth-brand-panel{display:none}.auth-form-panel{border-left:none;justify-content:flex-start;padding:1.5rem 1.5rem 3rem}.auth-back-btn{align-self:flex-start;margin-bottom:1.25rem;position:static}.auth-form-inner{max-width:100%;width:100%}.auth-mobile-logo{display:block}.auth-title{font-size:1.6rem}}@media (max-width:400px){.auth-form-panel{padding:1.25rem 1rem 3rem}}.auth-brand-logo-img{height:52px;margin-bottom:.75rem;object-fit:contain;width:auto}.auth-mobile-logo img{display:block;height:38px;margin:0 auto;object-fit:contain;width:auto}.auth-steps{align-items:center;display:flex;margin-bottom:1.75rem}.auth-step-dot{background:#ffffff24;border-radius:50%;flex-shrink:0;height:9px;transition:background .3s,width .3s,height .3s,box-shadow .3s;width:9px}.auth-step-dot.active{box-shadow:0 0 10px #a855f78c;height:12px;width:12px}.auth-step-dot.active,.auth-step-dot.done{background:#a855f7;background:var(--color-accent,#a855f7)}.auth-step-dot.done{opacity:.6}.auth-step-line{background:#ffffff17;border-radius:2px;flex:1 1;height:2px;margin:0 6px;transition:background .3s}.auth-step-line.done{background:#a855f78c}.auth-step-back{background:none;border:none;color:#ffffff61;cursor:pointer;display:inline-block;font-family:inherit;font-size:.8rem;font-weight:600;margin-bottom:.6rem;padding:0;transition:color .2s}.auth-step-back:hover{color:#ffffffbf}.auth-pwd-checklist{background:#ffffff08;border:1px solid #ffffff12;border-radius:10px;display:flex;flex-direction:column;gap:.4rem;padding:.85rem 1rem}.auth-pwd-title{color:#ffffff61;font-size:.75rem;font-weight:600;letter-spacing:.04em;margin:0 0 .3rem;text-transform:uppercase}.auth-pwd-item{align-items:center;color:#ffffff52;display:flex;font-size:.84rem;gap:.5rem;transition:color .2s}.auth-pwd-dot{background:#fff3;border-radius:50%;display:inline-block;flex-shrink:0;height:6px;width:6px}.auth-pwd-item svg{color:#fff3;flex-shrink:0}.auth-pwd-item.valid{color:#ffffffd1}.auth-pwd-item.valid svg{color:#4ade80}.auth-pwd-item.invalid{color:#ffffff8c}.auth-pwd-item.invalid svg{color:#f87171}.auth-password-wrapper{position:relative}.auth-password-wrapper input{padding-right:2.75rem}.auth-eye-btn{align-items:center;background:none;border:none;color:#ffffff4d;cursor:pointer;display:flex;padding:.2rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:color .2s}.auth-eye-btn:hover{color:#ffffffb3}.auth-nickname-wrapper{position:relative}.auth-nickname-wrapper input{padding-right:2.5rem}.auth-nick-indicator{align-items:center;display:flex;height:20px;justify-content:center;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:20px}.auth-nick-ok{color:#4ade80}.auth-nick-err,.auth-nick-ok{align-items:center;display:flex}.auth-nick-err{color:#f87171}.auth-nick-loading{animation:auth-spin .65s linear infinite;border:2px solid #ffffff26;border-radius:50%;border-top:2px solid var(--color-accent,#a855f7);display:block;height:13px;width:13px}@keyframes auth-spin{to{transform:rotate(1turn)}}.auth-input-hint{color:#ffffff47;display:block;font-size:.775rem;line-height:1.4;margin-top:.35rem;transition:color .2s}.auth-input-hint.available{color:#4ade80}.auth-input-hint.taken{color:#f87171}.auth-input-hint.invalid{color:#ffffff59}.auth-input-hint.checking{color:#ffffff47}.auth-row-2col{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}@media (max-width:480px){.auth-row-2col{grid-template-columns:1fr}}.auth-optional{color:#ffffff47;font-size:.72rem;font-weight:400;letter-spacing:0;margin-left:.3rem;text-transform:none}.fp-success-state{align-items:center;animation:fp-fade-in .4s ease;display:flex;flex-direction:column;text-align:center}@keyframes fp-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fp-success-icon{align-items:center;background:#a855f71a;border:1.5px solid #a855f74d;border-radius:50%;color:#a855f7cc;display:flex;height:80px;justify-content:center;margin-bottom:1.5rem;width:80px}.fp-success-state .auth-title{font-size:1.6rem}.fp-success-state .auth-subtitle{margin-bottom:0}.tracklist-container{width:100%}.tracklist-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;padding:0 .25rem}.tracklist-header h3{color:var(--color-text-secondary);font-size:1rem;font-weight:700;letter-spacing:.08em;margin:0;text-transform:uppercase}.tracklist-placeholder{color:var(--color-text-secondary);font-size:.9rem;padding:3rem;text-align:center}.view-mode-toggle{background-color:#ffffff0d;border:1px solid var(--color-border);border-radius:.5rem;display:flex;gap:.15rem;padding:.2rem}.view-mode-toggle button{align-items:center;background:none;border:none;border-radius:.35rem;color:var(--color-text-secondary);cursor:pointer;display:flex;padding:.35rem .5rem;transition:color .2s,background .2s}.view-mode-toggle button:hover{color:var(--color-text-primary)}.view-mode-toggle button.active{background-color:var(--color-accent);color:#fff}.tracks-as-list{display:flex;flex-direction:column;gap:.5rem}.track-item-list{align-items:center;background:linear-gradient(145deg,#ffffff08,#ffffff03);border:1px solid #ffffff0d;border-radius:.85rem;display:flex;gap:1rem;padding:.75rem .85rem;position:relative;transition:transform .25s cubic-bezier(.175,.885,.32,1.275),background .25s,border-color .25s,box-shadow .25s}.track-item-list:before{background:var(--color-accent);border-radius:0 2px 2px 0;bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transform:scaleY(.4);transition:opacity .25s,transform .25s;width:3px}.track-item-list.is-playing:before{opacity:1;transform:scaleY(1)}.track-item-list.menu-open,.track-item-list:hover{background:linear-gradient(145deg,#a855f714,#a855f705);border-color:#a855f740;box-shadow:0 8px 32px #00000040;transform:translateY(-2px);z-index:10}.track-item-list.is-playing{background:linear-gradient(145deg,#a855f71f,#a855f70a);border-color:#a855f766}.track-cover-wrapper{border-radius:8px;box-shadow:0 4px 12px #0000004d;cursor:pointer;flex-shrink:0;height:52px;overflow:hidden;position:relative;width:52px}.track-cover-list{display:block;height:100%;object-fit:cover;transition:transform .25s ease,filter .25s ease;width:100%}.track-item-list:hover .track-cover-list{filter:brightness(.55);transform:scale(1.06)}.track-item-list.is-playing .track-cover-list{filter:brightness(.55)}.play-overlay-list{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;inset:0;justify-content:center;opacity:0;padding:0;position:absolute;transition:opacity .2s}.track-item-list.is-playing .play-overlay-list,.track-item-list:hover .play-overlay-list{opacity:1}.eq-bars{align-items:flex-end;display:flex;gap:2px;height:18px}.eq-bars span{animation:eq-dance .9s ease-in-out infinite alternate;background:var(--color-accent);border-radius:2px;display:block;transform-origin:bottom;width:3px}.eq-bars span:first-child{animation-duration:.7s;height:40%}.eq-bars span:nth-child(2){animation-delay:.15s;animation-duration:1s;height:100%}.eq-bars span:nth-child(3){animation-delay:.3s;animation-duration:.8s;height:60%}@keyframes eq-dance{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}.track-info-list{flex:1 1;min-width:0;padding:0}.track-title-list-link{text-decoration:none}.track-title-list{color:var(--color-text-primary);font-size:.9rem;font-weight:600;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis;transition:color .2s;white-space:nowrap}.track-item-list.is-playing .track-title-list,.track-title-list-link:hover .track-title-list{color:var(--color-accent)}.track-artist-list{margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-artist-list,.track-stats-list{color:var(--color-text-secondary);font-size:.78rem}.track-stats-list{flex-shrink:0;gap:.75rem}.stat-item,.track-stats-list{align-items:center;display:flex}.stat-item{gap:.3rem}@keyframes pulse-heart{0%{transform:scale(1)}50%{transform:scale(1.35)}to{transform:scale(1)}}.like-button{align-items:center;background:none;border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.3rem;transition:color .2s,background .2s}.like-button:hover{background:#ef44441a;color:#ef4444}.like-button.liked{color:#ef4444}.like-button.liked svg{fill:#ef4444;animation:pulse-heart .4s ease-in-out}.options-container{flex-shrink:0;position:relative}.options-button-list{align-items:center;background:none;border:none;border-radius:50%;color:#0000;cursor:pointer;display:flex;justify-content:center;padding:.4rem;transition:color .15s,background .15s}.track-item-list:hover .options-button-list{color:var(--color-text-secondary)}.options-button-list:hover{background-color:#ffffff14;color:var(--color-text-primary)!important}.options-menu{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#1c1c20f2;border:1px solid #ffffff1a;border-radius:.75rem;box-shadow:0 8px 32px #00000080,0 0 0 1px #a855f714;padding:.4rem;top:calc(100% + 4px);width:180px}.options-menu button{align-items:center;border-radius:.5rem;display:flex;font-family:var(--font-main);font-size:.88rem;gap:.5rem;padding:.6rem .75rem;transition:background .15s}.options-menu button:hover{background:#ffffff12}.options-menu button.option-delete{color:#ef4444}.options-menu button.option-delete:hover{background:#ef44441f}.options-menu.opens-up{bottom:calc(100% + 4px)}.options-submenu-container{position:relative;width:100%}.options-submenu-container .option-share{align-items:center;display:flex;padding:.6rem .75rem;width:100%}.submenu-arrow-icon{color:var(--color-text-secondary);margin-left:auto}.options-submenu{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#1c1c20f2;border:1px solid #ffffff1a;border-radius:.75rem;box-shadow:0 8px 32px #00000080,0 0 0 1px #a855f714;opacity:0;padding:.4rem;position:absolute;right:calc(100% + 4px);top:-4px;transition:opacity .2s,visibility .2s;visibility:hidden;width:220px;z-index:1002}.options-submenu-container:hover .options-submenu{opacity:1;visibility:visible}.options-submenu button{align-items:center;display:flex;width:100%}@media (max-width:600px){.options-submenu{right:50%;top:100%}}.tracks-as-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.track-card-grid{background:#0000;border-radius:.75rem;cursor:pointer;padding:.75rem;transition:background .2s}.track-card-grid:hover{background:#ffffff0a}.cover-container-grid{aspect-ratio:1/1;border-radius:.5rem;box-shadow:0 4px 20px #0006;margin-bottom:.65rem;overflow:hidden;position:relative}.track-cover-grid{display:block;height:100%;object-fit:cover;transition:transform .35s ease,filter .35s ease;width:100%}.track-card-grid:hover .track-cover-grid{filter:brightness(.6);transform:scale(1.05)}.play-overlay-grid{align-items:center;background:var(--color-accent);border-radius:50%;bottom:.6rem;box-shadow:0 0 16px #a855f7b3;color:#fff;display:flex;height:38px;justify-content:center;opacity:0;pointer-events:none;position:absolute;right:.6rem;transform:translateY(8px) scale(.85);transition:opacity .25s,transform .25s;width:38px}.track-card-grid:hover .play-overlay-grid{opacity:1;transform:translateY(0) scale(1)}.track-title-grid{color:var(--color-text-primary);font-size:.88rem;font-weight:600;margin:0 0 .4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-card-footer{align-items:center;display:flex;justify-content:space-between}.track-stats-grid{font-size:.75rem;gap:.6rem}.like-button-grid,.track-stats-grid{color:var(--color-text-secondary);display:flex}.like-button-grid{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;padding:.25rem;transition:color .2s}.like-button-grid.liked,.like-button-grid:hover{color:#ef4444}.like-button-grid.liked svg{fill:#ef4444;animation:pulse-heart .4s ease-in-out}.modal-overlay{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0a0a0ea6}.modal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#16161cf5;border-radius:1.25rem;box-shadow:0 24px 64px #0009,0 0 0 1px #a855f71a;max-width:480px;padding:1.75rem;position:relative}.modal-content h4{font-size:1.15rem;font-weight:700;margin:0 0 .5rem}.modal-content p{font-size:.9rem;margin:0 0 1.5rem}.modal-close-button{align-items:center;background:#ffffff0f;border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:1.1rem;height:30px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:background .15s,color .15s;width:30px}.modal-close-button:hover{background:#ffffff1f;color:var(--color-text-primary)}.modal-actions{gap:.75rem}.modal-button-cancel{background:#ffffff14;border:none;border-radius:.6rem;cursor:pointer;font-family:var(--font-main);font-weight:600;padding:.6rem 1.25rem;transition:background .15s}.modal-button-cancel:hover{background:#ffffff24}.modal-button-confirm{background:#ef4444;border:none;border-radius:.6rem;cursor:pointer;font-family:var(--font-main);font-weight:600;padding:.6rem 1.25rem;transition:opacity .15s}.modal-button-confirm:hover{opacity:.85}.add-to-playlist-list{display:flex;flex-direction:column;gap:.25rem;margin-top:1rem;max-height:45vh;overflow-y:auto}.add-to-playlist-item{align-items:center;background:#0000;border:none;border-radius:.65rem;color:var(--color-text-primary);cursor:pointer;display:flex;font-family:var(--font-main);gap:.75rem;padding:.6rem .75rem;text-align:left;transition:background .15s;width:100%}.add-to-playlist-item:hover{background:#ffffff0f}.add-to-playlist-item img{border-radius:.4rem;flex-shrink:0;height:44px;object-fit:cover;width:44px}.add-to-playlist-item span{font-size:.9rem;font-weight:500}@media (max-width:600px){.track-item-list{gap:.55rem;padding:.45rem .5rem}.track-cover-wrapper{height:46px;width:46px}.track-title-list{font-size:.85rem}.track-artist-list{font-size:.74rem}.track-stats-list{font-size:.74rem;gap:.5rem}.tracks-as-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}.counter-viewport{align-items:center;color:inherit;display:inline-flex;font-size:inherit;font-weight:inherit;height:1.1em;justify-content:center;line-height:1.1em;padding-left:.8rem;position:relative;vertical-align:middle}.counter-viewport>span{position:absolute;transition:transform .4s cubic-bezier(.65,0,.35,1),opacity .4s cubic-bezier(.65,0,.35,1)}.digit-enter{opacity:1;transform:translateY(0)}.digit-enter.from-up{opacity:0;transform:translateY(100%)}.digit-enter.from-down,.digit-leave-up{opacity:0;transform:translateY(-100%)}.digit-leave-down{opacity:0;transform:translateY(100%)}.edit-track-modal{max-width:500px!important;padding:2rem!important}.edit-track-header{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem}.edit-track-header h4{font-size:1.25rem!important;margin:0!important}.edit-track-icon{color:var(--color-accent)}.edit-track-form{display:flex;flex-direction:column;gap:1.25rem}.edit-track-actions{border-top:1px solid #ffffff0d;margin-top:1rem;padding-top:1.5rem}.edit-track-save-btn{align-items:center;background:linear-gradient(135deg,var(--color-accent) 0,#9333ea 100%)!important;display:flex;gap:.5rem;padding:.75rem 1.5rem!important}.edit-track-save-btn:disabled{background:#4b5563!important;cursor:not-allowed;opacity:.6}.playlist-tab-container{padding:0 1rem}.playlist-tab-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.playlist-tab-header h3{font-size:1.5rem;font-weight:700;margin:0}.create-playlist-button{align-items:center;background-color:var(--color-accent);border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:background-color .2s}.create-playlist-button:hover{background-color:var(--color-accent-hover)}.playlist-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.playlist-card{background-color:initial;border-radius:.5rem;cursor:pointer;padding:1rem;transition:background-color .2s}.playlist-card-cover,.playlist-card:hover{background-color:var(--color-bg-light)}.playlist-card-cover{align-items:center;aspect-ratio:1/1;border-radius:.375rem;display:flex;justify-content:center;margin-bottom:1rem;overflow:hidden;width:100%}.playlist-card-cover img{height:100%;object-fit:cover;width:100%}.cover-placeholder{color:var(--color-accent);font-size:4rem}.playlist-card-title{color:var(--color-text-primary);font-weight:600;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-card-author{color:var(--color-text-secondary);font-size:.85rem;margin:0}.playlist-placeholder{border:2px dashed var(--color-border);border-radius:.75rem;color:var(--color-text-secondary);padding:4rem 2rem;text-align:center}.create-playlist-button-large{align-items:center;background-color:var(--color-accent);border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;margin-top:1.5rem;padding:.75rem 1.5rem;transition:background-color .2s}.create-playlist-button-large:hover{background-color:var(--color-accent-hover)}.playlist-modal-layout{align-items:flex-start;display:flex;gap:2rem}.playlist-modal-cover{flex:0 0 300px}.playlist-modal-info{display:flex;flex:1 1 auto;flex-direction:column;gap:1.5rem}#playlist-cover-upload{display:none}.cover-art-dropzone{height:180px;transition:border-color .2s;width:180px}.dropzone-placeholder{font-size:.8rem;padding:.5rem}.dropzone-placeholder .upload-icon{height:2.5rem;width:2.5rem}.playlist-privacy-toggle{align-items:center;display:flex;gap:.75rem;justify-content:flex-start;padding-top:.5rem}.playlist-privacy-toggle label{align-items:center;color:var(--color-text-primary);cursor:pointer;display:flex}.playlist-privacy-toggle input[type=checkbox]{height:1.15rem;margin-right:.75rem;width:1.15rem}.modal-content{max-width:600px}.modal-actions,.modal-form{margin-top:2rem}@media (max-width:768px){.playlist-modal-layout{align-items:stretch;display:flex;flex-direction:column}.create-playlist-button{width:-webkit-min-content;width:min-content}}.sv-backdrop{align-items:center;animation:sv-fade-in .2s ease;background:#000000e6;display:flex;inset:0;justify-content:center;position:fixed;z-index:1200}@keyframes sv-fade-in{0%{opacity:0}to{opacity:1}}.sv-container{animation:sv-scale-in .22s cubic-bezier(.34,1.56,.64,1);background:#111;border-radius:20px;box-shadow:0 30px 80px #000000b3;display:flex;flex-direction:column;height:100%;max-height:min(92vh,780px);max-width:420px;overflow:hidden;position:relative;width:100%}@keyframes sv-scale-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.sv-progress-bars{display:flex;gap:4px;left:10px;position:absolute;right:10px;top:10px;z-index:10}.sv-progress-track{background:#ffffff4d;border-radius:2px;flex:1 1;height:3px;overflow:hidden}.sv-progress-fill{background:#fff;border-radius:2px;height:100%;transition:width .05s linear}.sv-topbar{justify-content:space-between;left:10px;pointer-events:none;position:absolute;right:10px;top:22px;z-index:10}.sv-topbar,.sv-user-info{align-items:center;display:flex}.sv-user-info{background:none;border:none;cursor:pointer;gap:9px;padding:0;pointer-events:all;text-align:left}.sv-avatar{border:2px solid #fff9;border-radius:50%;flex-shrink:0;height:36px;object-fit:cover;width:36px}.sv-user-text{display:flex;flex-direction:column;gap:1px}.sv-user-name{color:#fff;font-size:13px;font-weight:600;line-height:1.2;text-shadow:0 1px 4px #0009}.sv-user-time{color:#ffffffa6;font-size:11px}.sv-topbar-actions{align-items:center;display:flex;gap:4px;pointer-events:all}.sv-icon-btn{align-items:center;background:#00000059;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background .15s;width:36px}.sv-icon-btn:hover{background:#0009}.sv-icon-btn--danger:hover{background:#ef444473;color:#fca5a5}.sv-media-area{align-items:center;cursor:pointer;display:flex;flex:1 1;justify-content:center;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.sv-media{display:block;height:100%;inset:0;position:absolute;width:100%}.sv-media--photo{object-fit:cover;pointer-events:none}.sv-media--video{background:#000;object-fit:contain}.sv-caption{background:linear-gradient(0deg,#000000b3 0,#0000);bottom:0;color:#fff;font-size:15px;font-weight:500;left:0;padding:32px 16px 16px;right:0;text-align:center;text-shadow:0 1px 6px #00000080}.sv-caption,.sv-tap-hint{pointer-events:none;position:absolute}.sv-tap-hint{opacity:0;top:50%;transform:translateY(-50%);transition:opacity .2s;z-index:5}.sv-tap-hint--left{left:12px}.sv-tap-hint--right{right:12px}.sv-media-area:active .sv-tap-hint{opacity:1}.sv-group-nav{align-items:center;background:#ffffff1f;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background .15s;width:44px;z-index:20}.sv-group-nav:hover{background:#ffffff38}.sv-group-nav--prev{left:-56px}.sv-group-nav--next{right:-56px}.sv-bottom-bar{align-items:center;animation:sv-bar-rise .35s cubic-bezier(.34,1.3,.64,1) both;background:linear-gradient(0deg,#000000b8 0,#0000);bottom:0;display:flex;left:0;padding:14px 14px 18px;pointer-events:none;position:absolute;right:0;z-index:15}@keyframes sv-bar-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.sv-bottom-spacer{flex:1 1}.sv-viewers-btn{align-items:center;background:none;border:none;border-radius:20px;color:#fff;cursor:pointer;display:inline-flex;gap:7px;padding:4px 8px 4px 4px;pointer-events:all;transition:background .15s;width:-webkit-max-content;width:max-content}.sv-viewers-btn:hover{background:#ffffff1a}.sv-viewers-avatars{align-items:center;display:flex;flex-direction:row;flex-shrink:0}.sv-viewers-avatar{animation:sv-avatar-pop .3s cubic-bezier(.34,1.56,.64,1) both;background:#333;border:2px solid #ffffffb3;border-radius:50%;height:26px;object-fit:cover;width:26px}.sv-viewers-avatar:first-child{animation-delay:0ms}.sv-viewers-avatar:nth-child(2){animation-delay:60ms}.sv-viewers-avatar:nth-child(3){animation-delay:.12s}@keyframes sv-avatar-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.sv-viewers-zero{align-items:center;background:#ffffff1f;border-radius:50%;color:#ffffffb3;display:flex;height:26px;justify-content:center;width:26px}.sv-viewers-chevron{flex-shrink:0;opacity:.65;transition:opacity .15s}.sv-viewers-btn:hover .sv-viewers-chevron{opacity:1}.sv-like-btn{align-items:center;background:#00000059;border:none;border-radius:50%;color:#ffffffd9;cursor:pointer;display:flex;flex-shrink:0;height:42px;justify-content:center;pointer-events:all;transition:background .18s,transform .18s;width:42px}.sv-like-btn:hover{background:#ef444433;color:#f87171}.sv-like-btn--active{animation:sv-heart-pop .35s cubic-bezier(.34,1.56,.64,1);background:#ef444426}@keyframes sv-heart-pop{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}.sv-like-btn:disabled{cursor:default;opacity:.6}.sv-sheet-backdrop{align-items:flex-end;animation:sv-fade-in .18s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0000008c;display:flex;inset:0;position:absolute;z-index:30}.sv-sheet{animation:sv-sheet-slide-up .28s cubic-bezier(.34,1.2,.64,1);background:#1a1a24;border-radius:20px 20px 0 0;padding:0 16px 28px;width:100%}@keyframes sv-sheet-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sv-sheet-handle{background:#ffffff2e;border-radius:2px;height:4px;margin:12px auto 20px;width:36px}.sv-sheet-title{color:#fff;font-size:15px;font-weight:600;margin:0 0 6px;text-align:center}.sv-sheet-count{color:#ffffff73;font-size:14px;font-weight:400}.sv-sheet-sub{color:#ffffff73;font-size:13px;line-height:1.5;margin:0 0 20px;text-align:center}.sv-sheet-btn{border:none;border-radius:12px;cursor:pointer;display:block;font-size:15px;font-weight:500;margin-bottom:8px;padding:13px;transition:opacity .15s;width:100%}.sv-sheet-btn:disabled{cursor:not-allowed;opacity:.5}.sv-sheet-btn--danger{background:#ef44442e;border:1px solid #ef44444d;color:#f87171}.sv-sheet-btn--danger:hover:not(:disabled){opacity:.82}.sv-sheet-btn--cancel{background:#ffffff12;color:#ffffffb3}.sv-sheet-btn--cancel:hover:not(:disabled){background:#ffffff1f}.sv-viewers-sheet{display:flex;flex-direction:column;max-height:70vh}.sv-viewers-list{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow-y:auto;padding-bottom:4px;scrollbar-width:none}.sv-viewers-list::-webkit-scrollbar{display:none}.sv-viewer-item{align-items:center;animation:sv-viewer-item-in .3s cubic-bezier(.34,1.2,.64,1) both;background:#0000;border:none;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:10px 4px;text-align:left;transition:background .15s;width:100%}@keyframes sv-viewer-item-in{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.sv-viewer-item:hover{background:#ffffff0f}.sv-viewer-item-avatar{background:#333;border-radius:50%;flex-shrink:0;height:40px;object-fit:cover;width:40px}.sv-viewer-item-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.sv-viewer-item-name{color:#fff;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sv-viewer-item-nick{color:#fff6;font-size:12px}.sv-viewer-liked-icon{flex-shrink:0;margin-left:auto;opacity:.9}.sv-viewers-empty{color:#ffffff59;font-size:13px;margin:0;padding:20px 0;text-align:center}.sv-viewers-loading{display:flex;justify-content:center;padding:24px 0}.sv-viewers-spinner{animation:sv-spin .7s linear infinite;border:2px solid #ffffff26;border-radius:50%;border-top-color:#ffffffb3;height:24px;width:24px}@keyframes sv-spin{to{transform:rotate(1turn)}}@media (max-width:600px){.sv-container{border-radius:0;max-height:100%;max-width:100%}.sv-backdrop{padding:0}.sv-group-nav{display:none}}.archive-tab-container{width:100%}.archive-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:0 .5rem}.archive-header h3{color:var(--text);font-size:1.25rem;font-weight:600;margin:0}.archive-count{background:#ffffff0d;border-radius:99px;color:var(--text-muted);font-size:.85rem;padding:.25rem .75rem}.archive-loading{display:flex;justify-content:center;padding:4rem 0}.archive-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));width:100%}.archive-grid-item{aspect-ratio:6/16;background-color:var(--bg-hover);border-radius:4px;cursor:pointer;height:50%;overflow:hidden;position:relative;transform:translateZ(0);width:100%}.archive-media-wrapper{height:100%;position:relative;width:100%}.archive-media{display:block;height:100%;object-fit:cover;transform:translateZ(0);transition:transform .3s ease;width:100%;will-change:transform}.archive-grid-item:hover .archive-media{transform:scale(1.05) translateZ(0)}.archive-overlay{background:linear-gradient(0deg,#0009 0,#0000 40%);inset:0;opacity:.8;position:absolute}.archive-video-indicator{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));position:absolute;right:8px;top:8px;z-index:2}.archive-video-indicator svg{filter:drop-shadow(0 0 2px rgba(0,0,0,.8))}.archive-date-badge{bottom:8px;color:#fff;font-size:.75rem;font-weight:600;left:8px;position:absolute;text-shadow:0 1px 3px #000c;z-index:2}@media (max-width:640px){.archive-grid{gap:2px;grid-template-columns:repeat(3,1fr)}.archive-grid-item{border-radius:0}.archive-date-badge{font-size:.65rem}}.share-music-modal{display:flex;flex-direction:column;height:80vh;max-width:650px;padding:0}.share-music-header{border-bottom:1px solid var(--color-border);flex-shrink:0;padding:1.25rem 1.5rem;position:relative;text-align:center}.share-music-header h4{font-size:1.25rem;margin:0}.share-music-header .modal-close-button{position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.share-music-body{display:flex;flex-direction:column;flex-grow:1;overflow:hidden;padding:1rem}.search-music-input,.share-music-tabs{margin-bottom:1rem}.share-music-tabs{background-color:var(--color-bg-light);border-radius:.5rem;display:flex;flex-shrink:0;gap:.5rem;padding:.25rem}.share-music-tabs button{background:none;border:none;border-radius:.375rem;color:var(--color-text-secondary);cursor:pointer;flex-grow:1;font-size:.9rem;font-weight:600;padding:.75rem}.share-music-tabs button.active{background-color:var(--color-border);color:var(--color-text-primary)}.share-music-content{flex-grow:1;margin:0 -.5rem;overflow-y:auto;padding:0 .5rem}.share-list{display:flex;flex-direction:column;gap:.5rem}.share-track-item{align-items:center;border-radius:.5rem;display:flex;gap:1rem;padding:.75rem}.share-track-item:hover{background-color:var(--color-bg-light)}.share-track-item img{border-radius:4px;flex-shrink:0;height:48px;object-fit:cover;width:48px}.share-item-info{flex-grow:1;overflow:hidden}.share-item-title{font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-item-author{color:var(--color-text-secondary);font-size:.85rem;margin:.25rem 0 0}.share-track-item button{background-color:var(--color-accent);border:none;border-radius:.5rem;color:#fff;cursor:pointer;flex-shrink:0;font-weight:500;padding:.5rem 1rem}.share-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.share-album-card{background-color:var(--color-bg-light);border-radius:.5rem;padding:1rem;text-align:center}.share-album-card img{aspect-ratio:1/1;border-radius:4px;margin-bottom:.75rem;object-fit:cover;width:100%}.share-album-card button{background-color:var(--color-accent);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:500;margin-top:.75rem;padding:.5rem 1rem;width:100%}.share-empty,.share-loading{color:var(--color-text-secondary);padding:3rem;text-align:center}@media (max-width:768px){.share-music-modal{animation:slideUp .3s ease-out;border-radius:1rem 1rem 0 0;bottom:0;height:90vh;left:0;max-height:90vh;max-width:100%;position:fixed;width:100%}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.share-track-item{gap:.75rem}.share-track-item button{font-size:.85rem;padding:.5rem .75rem}}.gift-viewer-overlay{align-items:center;animation:fadeIn .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:6000}.glassmorphism-content{animation:scaleUp .4s ease-out;aspect-ratio:1/1.1;background:#17172399;border:1px solid #ffffff2e;border-radius:20px;box-shadow:0 8px 32px 0 #0000005e;display:flex;flex-direction:column;height:auto;max-width:500px;padding:2rem;position:relative;width:90vw}@keyframes scaleUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.viewer-close-button{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;line-height:1;position:absolute;right:15px;top:15px;transition:background-color .2s;width:30px}.viewer-close-button:hover{background:#ffffff4d}.viewer-animation-container{align-items:center;display:flex;flex-grow:1;height:70%;justify-content:center;width:100%}.viewer-info{color:#fff;padding-top:1rem;text-align:center}.viewer-info h3{font-size:1.5rem;margin:0 0 .5rem}.viewer-info p{color:#fffc;margin:0}@media (max-width:640px){.gift-viewer-overlay{align-items:flex-end;padding:0}.glassmorphism-content{animation:slideUpBottom .3s cubic-bezier(.16,1,.3,1) forwards;aspect-ratio:unset;border:none;border-radius:24px 24px 0 0;border-top:1px solid #fff3;height:auto;max-height:85vh;max-width:none;min-height:50vh;padding:2.5rem 1.5rem 2rem;width:100vw}@keyframes slideUpBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.viewer-close-button{background:#ffffff1a;right:20px;top:20px}.viewer-animation-container{height:250px;margin-bottom:1rem}}.page-loader{align-items:center;display:flex;flex-direction:column;gap:1.25rem;justify-content:center;min-height:260px;width:100%}.page-loader-eq{align-items:flex-end;display:flex;gap:5px;height:48px}.pl-bar{animation:pl-eq .85s ease-in-out infinite;background:#a855f7;background:var(--color-accent,#a855f7);border-radius:3px;transform-origin:bottom;width:6px}.pl-bar:first-child{animation-delay:0s;height:20px}.pl-bar:nth-child(2){animation-delay:.17s;height:38px}.pl-bar:nth-child(3){animation-delay:.34s;height:48px}.pl-bar:nth-child(4){animation-delay:.51s;height:30px}.pl-bar:nth-child(5){animation-delay:.68s;height:18px}@keyframes pl-eq{0%,to{opacity:.45;transform:scaleY(.3)}50%{opacity:1;transform:scaleY(1)}}.page-loader-text{animation:pl-fade 1.4s ease-in-out infinite;color:#fff6;font-size:.875rem;letter-spacing:.02em;margin:0}@keyframes pl-fade{0%,to{opacity:.4}50%{opacity:.75}}.received-gifts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:1rem}.received-gift-item{background-color:var(--color-bg-medium);border:1px solid var(--color-border);border-radius:.75rem;color:inherit;cursor:pointer;font-family:inherit;padding:1rem;text-align:center;transition:transform .2s,box-shadow .2s}.received-gift-item:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-5px)}.received-gift-media{aspect-ratio:1/1;margin-bottom:.75rem;width:100%}.received-gift-name{font-weight:600;margin:0}.received-gift-info small{color:var(--color-text-secondary);font-size:.8rem}.received-gifts-empty{background:#ffffff05;border-radius:1rem;flex-direction:column;margin-top:1rem;padding:5rem 1rem;text-align:center}.received-gifts-empty,.received-gifts-empty-icon{align-items:center;color:var(--color-text-secondary);display:flex;justify-content:center}.received-gifts-empty-icon{height:64px;margin-bottom:1.5rem;opacity:.6;width:64px}.received-gifts-empty h3{color:var(--color-text-primary);font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.received-gifts-empty p{font-size:.95rem;margin:0 0 1.5rem}.received-gifts-empty-btn{background:#a855f7;background:var(--color-accent,#a855f7);border:none;border-radius:2rem;box-shadow:0 4px 12px #a855f74d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.8rem 2rem;transition:transform .2s,box-shadow .2s,background .2s}.received-gifts-empty-btn:hover{background:#9333ea;box-shadow:0 6px 16px #a855f766;transform:translateY(-2px)}.gift-card{align-items:center;background:linear-gradient(145deg,#ffffff0a,#ffffff03);border:1px solid #ffffff0f;border-radius:1.15rem;color:inherit;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;overflow:hidden;padding:1.5rem 1rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:100%}.gift-card:before{background:radial-gradient(circle at top,#a855f726 0,#0000 70%);content:"";height:40%;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.gift-card:hover{background:linear-gradient(145deg,#a855f714,#ffffff05);border-color:#a855f74d;box-shadow:0 12px 32px #0006,0 0 0 1px #a855f71a;transform:translateY(-6px)}.gift-card:hover:before{opacity:1}.gift-card-media{align-items:center;display:flex;filter:drop-shadow(0 8px 16px rgba(0,0,0,.3));height:100px;justify-content:center;margin-bottom:1.25rem;pointer-events:none;transition:transform .3s;width:100px}.gift-card:hover .gift-card-media{transform:scale(1.1) translateY(-4px)}.gift-placeholder{font-size:4.5rem;opacity:.9}.gift-card-name{color:var(--color-text-primary);font-size:1.05rem;font-weight:700;margin:0 0 .5rem;pointer-events:none;text-shadow:0 2px 4px #00000080}.gift-card-price{align-items:baseline;background:#0000004d;border:1px solid #ffffff0d;border-radius:2rem;display:inline-flex;gap:.25rem;margin-bottom:0;padding:.3rem .8rem;pointer-events:none}.gift-card-price span{color:var(--color-accent);font-size:1.15rem;font-weight:800}.gift-card-price small{color:var(--color-text-secondary);font-size:.8rem;font-weight:600}.send-gift-modal{animation:modalFadeInUp .3s cubic-bezier(.175,.885,.32,1.275) forwards;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#16161cf2;border:1px solid #ffffff14;border-radius:1.5rem;box-shadow:0 24px 64px #0009,0 0 0 1px #a855f726;display:flex;flex-direction:column;height:70vh;max-height:85vh;max-width:700px;overflow:hidden;padding:0!important;width:90vw}@keyframes modalFadeInUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.send-gift-header{background:linear-gradient(180deg,#ffffff08,#0000);border-bottom:1px solid #ffffff0d;flex-shrink:0;padding:1.5rem 2rem;position:relative;text-align:center}.send-gift-header h4{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#a8a8b0);-webkit-background-clip:text;background-clip:text;font-size:1.35rem;font-weight:700;letter-spacing:.02em;margin:0}.send-gift-header .modal-close-button{align-items:center;background:#ffffff0d;border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:1.25rem;height:36px;justify-content:center;position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);transition:background .2s,color .2s,transform .2s;width:36px}.send-gift-header .modal-close-button:hover{background:#ffffff26;color:#fff;transform:translateY(-50%) scale(1.05)}.send-gift-body{display:flex;flex-direction:column;flex-grow:1;overflow-y:auto;padding:0}.send-gift-body::-webkit-scrollbar{width:6px}.send-gift-body::-webkit-scrollbar-track{background:#0000}.send-gift-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.send-gift-hero,.send-gift-main-layout{display:flex;flex-direction:column}.send-gift-hero{align-items:center;background:radial-gradient(circle at top,#a855f714 0,#0000 80%);padding:2.5rem 2rem 1.5rem;position:relative;text-align:center}.send-gift-hero-avatar-container{margin-bottom:1.25rem;position:relative}.send-gift-hero-avatar{border:2px solid var(--color-bg-medium);border-radius:50%;box-shadow:0 0 0 2px #a855f780,0 8px 24px #a855f74d;height:80px;object-fit:cover;position:relative;width:80px;z-index:2}.floating-particle{animation:float 3s ease-in-out infinite alternate;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));font-size:1.2rem;opacity:.8;position:absolute;z-index:1}.floating-particle.p-1{animation-delay:0s;font-size:1.4rem;left:-20px;top:-10px}.floating-particle.p-2{animation-delay:1s;font-size:1.1rem;right:-25px;top:20px}.floating-particle.p-3{animation-delay:2s;bottom:-5px;font-size:1.3rem;left:-10px}@keyframes float{0%{transform:translateY(0) rotate(0deg)}to{transform:translateY(-15px) rotate(15deg)}}.send-gift-hero-title{color:var(--color-text-primary);font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.send-gift-hero-desc{color:var(--color-text-secondary);font-size:.95rem;line-height:1.5;margin:0 0 1rem;max-width:480px}.send-gift-hero-desc strong{color:var(--color-text-primary)}.send-gift-learn-more{background:none;border:none;color:var(--color-accent);cursor:pointer;font-size:.9rem;font-weight:600;padding:0;transition:opacity .2s}.send-gift-learn-more:hover{opacity:.8}.send-gift-tabs{border-bottom:1px solid #ffffff0d;display:flex;gap:1.5rem;justify-content:center;margin-bottom:1.5rem;padding:0 2rem 1.5rem}.send-gift-tabs button{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:.95rem;font-weight:600;padding:.5rem 0;position:relative;transition:color .2s}.send-gift-tabs button.active{color:var(--color-text-primary)}.send-gift-tabs button.active:after{background:var(--color-accent);border-radius:2px;bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.send-gift-tabs button.disabled{cursor:not-allowed;opacity:.5}.gift-selection-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));padding:0 2.5rem 2rem}.gift-loading{font-weight:500;grid-column:1/-1;padding:3rem 0;text-align:center}.gift-loading,.hero-close-button{color:var(--color-text-secondary)}.hero-close-button{align-items:center;background:#ffffff0d;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;position:absolute;right:1.5rem;top:1rem;transition:all .2s;width:32px;z-index:10}.hero-close-button:hover{background:#ffffff26;color:#fff;transform:scale(1.05)}.gift-confirmation-overlay{align-items:center;animation:popupFadeIn .2s ease-out forwards;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1.5rem;position:absolute;right:0;top:0;z-index:50}.gift-confirmation-popup{animation:popupSlideUp .3s cubic-bezier(.175,.885,.32,1.275) forwards;background:#1c1c24;border:1px solid #ffffff14;border-radius:1.25rem;box-shadow:0 24px 64px #000c,0 0 0 1px #a855f733;display:flex;flex-direction:column;max-width:420px;padding:1.5rem 1.25rem 1.25rem;position:relative;width:100%}@keyframes popupFadeIn{0%{opacity:0}to{opacity:1}}@keyframes popupSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.popup-close-btn{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;position:absolute;right:1.25rem;top:1rem;transition:color .2s}.popup-close-btn:hover{color:#fff}.popup-title{color:var(--color-text-primary);font-size:1.1rem;font-weight:700;margin:0 0 1rem;text-align:center}.popup-info-banner{background:#ffffff0d;border-radius:2rem;color:var(--color-text-secondary);display:inline-block;font-size:.85rem;font-weight:600;margin:0 auto 1.25rem;padding:.5rem .85rem;text-align:center}.popup-gift-preview-card{align-items:center;background:linear-gradient(180deg,#ffffff08,#fff0);border:1px solid #ffffff0d;border-radius:1rem;display:flex;flex-direction:column;margin-bottom:1.25rem;padding:1.25rem;text-align:center}.popup-gift-media{align-items:center;display:flex;filter:drop-shadow(0 8px 16px rgba(0,0,0,.4));font-size:3.5rem;height:80px;justify-content:center;margin-bottom:.85rem;width:80px}.popup-gift-name{font-size:1rem;font-weight:700;margin:0 0 .5rem}.popup-gift-desc{color:var(--color-text-secondary);font-size:.85rem;line-height:1.4;margin:0}.popup-form-group{margin-bottom:1rem}.popup-input{background:#ffffff08;border:1px solid #ffffff1a;border-radius:.75rem;color:var(--color-text-primary);font-family:inherit;font-size:.9rem;outline:none;padding:.85rem 1rem;transition:border-color .2s,background .2s;width:100%}.popup-input:focus{background:#a855f70d;border-color:#a855f780}.popup-input::placeholder{color:#ffffff4d}.popup-form-toggle{align-items:center;border-top:1px solid #ffffff0d;display:flex;justify-content:space-between;margin-bottom:1.25rem;padding-top:1rem}.toggle-info{display:flex;flex-direction:column;gap:.25rem;padding-right:1rem}.toggle-label{color:var(--color-text-primary);font-size:.9rem;font-weight:600}.toggle-desc{color:var(--color-text-secondary);font-size:.8rem;line-height:1.3}.switch{background-color:initial;flex-shrink:0;height:24px;width:44px}.slider{background-color:#ffffff26;bottom:0;left:0;right:0;top:0;transition:.3s}.slider:before{bottom:3px;height:18px;left:3px;transition:.3s;width:18px}input:focus+.slider{box-shadow:0 0 1px var(--color-accent)}input:checked+.slider:before{transform:translateX(20px)}.slider.round{border-radius:24px}.popup-submit-btn{background:linear-gradient(135deg,var(--color-accent) 0,#9333ea 100%);border:none;border-radius:.75rem;box-shadow:0 4px 12px #a855f74d;color:#fff;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:600;padding:.85rem;transition:all .2s;width:100%}.popup-submit-btn:hover{box-shadow:0 8px 24px #a855f766;transform:translateY(-2px)}.popup-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:600px){.send-gift-modal{border-radius:0;height:100vh;max-height:100vh;width:100vw}.hero-close-button{right:1rem;top:1rem}.gift-confirmation-popup{margin-bottom:2rem}.gift-selection-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}.photo-editor{display:flex;flex-direction:column;gap:16px;width:100%}.photo-editor-canvas{background:#000;border:1px solid var(--color-border);border-radius:12px;cursor:grab;margin:0 auto;max-width:340px;overflow:hidden;position:relative;touch-action:none;-webkit-user-select:none;user-select:none;width:100%}.photo-editor-canvas:active{cursor:grabbing}.photo-editor-image{-webkit-user-drag:none;left:50%;max-width:none;pointer-events:none;position:absolute;top:50%;transform-origin:center center;translate:-50% -50%;-webkit-user-select:none;user-select:none;will-change:transform}.photo-editor-grid-overlay{inset:0;opacity:.15;pointer-events:none;position:absolute}.grid-line{background:#fff;position:absolute}.grid-line--v{bottom:0;top:0;width:1px}.grid-line--h{height:1px;left:0;right:0}.photo-editor-controls{display:flex;flex-direction:column;gap:10px;padding:0 4px}.photo-editor-control-row{align-items:center;display:flex;gap:10px}.photo-editor-control-label{align-items:center;color:var(--color-text-secondary);display:flex;flex-shrink:0;font-size:12px;gap:5px;min-width:80px}.photo-editor-slider{-webkit-appearance:none;appearance:none;background:var(--dark-600);border-radius:2px;cursor:pointer;flex:1 1;height:4px;outline:none}.photo-editor-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--purple-500);border:2px solid var(--dark-900);border-radius:50%;cursor:pointer;height:16px;-webkit-transition:background .15s,transform .1s;transition:background .15s,transform .1s;width:16px}.photo-editor-slider::-webkit-slider-thumb:hover{background:var(--purple-400);transform:scale(1.15)}.photo-editor-slider::-moz-range-thumb{background:var(--purple-500);border:2px solid var(--dark-900);border-radius:50%;cursor:pointer;height:16px;width:16px}.photo-editor-value{color:var(--color-text-tertiary);font-size:11px;min-width:36px;text-align:right}.photo-editor-reset-btn{align-self:flex-start;background:none;border:1px solid var(--color-border-light);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;font-size:12px;padding:5px 12px;transition:background .15s,color .15s}.photo-editor-reset-btn:hover{background:var(--white-alpha-10);color:var(--color-text-primary)}.photo-editor-hint{color:var(--color-text-tertiary);font-size:11px;margin:0;text-align:center}.video-recorder{align-items:center;display:flex;flex-direction:column;gap:16px;width:100%}.video-recorder--error{color:var(--color-text-secondary);gap:12px;padding:32px 16px;text-align:center}.video-recorder--error svg{color:var(--color-error);opacity:.7}.video-recorder-viewport{aspect-ratio:9/16;background:#000;border:1px solid var(--color-border);border-radius:12px;max-width:340px;overflow:hidden;position:relative;width:100%}.video-recorder-live{display:block;height:100%;object-fit:cover;transform:scaleX(-1);width:100%}.video-recorder-live--hidden{display:none}.video-recorder-preview{background:#000;display:block;height:100%;object-fit:contain;width:100%}.video-recorder-badge{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border-radius:20px;color:#fff;display:flex;font-size:12px;font-weight:600;gap:6px;left:12px;letter-spacing:.5px;padding:4px 10px;position:absolute;top:12px}.vr-rec-dot{animation:vr-blink 1s step-end infinite;background:#ef4444;border-radius:50%;flex-shrink:0;height:8px;width:8px}@keyframes vr-blink{0%,to{opacity:1}50%{opacity:0}}.video-recorder-progress-bar{background:#fff3;bottom:0;height:3px;left:0;position:absolute;right:0}.video-recorder-progress-fill{background:linear-gradient(90deg,var(--purple-500),var(--pink-500));height:100%;transition:width .9s linear}.video-recorder-controls{gap:24px;width:100%}.video-recorder-controls,.vr-record-btn{align-items:center;display:flex;justify-content:center}.vr-record-btn{background:#0000;border:4px solid #fff;border-radius:50%;cursor:pointer;flex-shrink:0;height:70px;padding:0;transition:transform .15s,border-color .2s;width:70px}.vr-record-btn:hover{transform:scale(1.06)}.vr-record-btn--stop{border-color:#ef4444}.vr-start-icon{border-radius:50%;height:48px;transition:border-radius .2s,width .2s,height .2s;width:48px}.vr-start-icon,.vr-stop-icon{background:#ef4444;display:block}.vr-stop-icon{border-radius:4px;height:24px;width:24px}.vr-btn{border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:500;padding:9px 20px;transition:background .15s,opacity .15s}.vr-btn--ghost{background:#0000;border:1px solid var(--color-border-light);color:var(--color-text-secondary)}.vr-btn--ghost:hover{background:var(--white-alpha-10)}.vr-btn--secondary{background:var(--dark-600);color:var(--color-text-primary)}.vr-btn--secondary:hover{background:var(--dark-700)}.vr-btn--primary{background:linear-gradient(135deg,var(--purple-600),var(--purple-500));color:#fff}.vr-btn--primary:hover{opacity:.9}.vr-duration-hint{color:var(--color-text-secondary);font-size:13px;min-width:60px;text-align:center}.video-recorder-hint{color:var(--color-text-tertiary);font-size:12px;margin:0;text-align:center}.csm-screen{animation:csm-fadein .18s ease;background:#000;display:flex;flex-direction:column;inset:0;overscroll-behavior:none;position:fixed;touch-action:none;z-index:1200}@keyframes csm-fadein{0%{opacity:0}to{opacity:1}}.csm-topbar{background:linear-gradient(180deg,#0000008c 0,#0000);justify-content:space-between;left:0;padding:max(env(safe-area-inset-top,0px),12px) 16px 12px;pointer-events:none;position:absolute;right:0;top:0;z-index:10}.csm-topbar,.csm-topbar-btn{align-items:center;display:flex}.csm-topbar-btn{background:#00000059;border:none;border-radius:50%;color:#fff;cursor:pointer;flex-shrink:0;height:38px;justify-content:center;padding:0;pointer-events:all;transition:background .15s;width:38px}.csm-topbar-btn:hover{background:#0009}.csm-topbar-btn:disabled{cursor:not-allowed;opacity:.4}.csm-topbar-title{color:#ffffffe6;font-size:15px;font-weight:600;letter-spacing:.3px;pointer-events:none}.csm-topbar-right{align-items:center;display:flex;justify-content:flex-end;min-width:38px;pointer-events:all}.csm-share-btn{align-items:center;background:#fff;border:none;border-radius:20px;color:#000;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:4px;padding:7px 14px;transition:opacity .15s;white-space:nowrap}.csm-share-btn:hover{opacity:.88}.csm-uploading-pct{color:#fff;font-size:14px;font-weight:600}.csm-main{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:0;overflow:hidden;position:relative}.csm-main .photo-editor{gap:0;height:100%;width:100%}.csm-main .photo-editor-canvas{aspect-ratio:unset;border:none;border-radius:0;flex:1 1;height:100%;max-width:100%;width:100%}.csm-main .photo-editor-controls,.csm-main .photo-editor-hint{display:none}.csm-main .video-recorder{gap:0;height:100%;width:100%}.csm-main .video-recorder-viewport{aspect-ratio:unset;border:none;border-radius:0;flex:1 1;height:100%;max-width:100%}.csm-picker{-webkit-tap-highlight-color:transparent;color:#fff6;cursor:pointer;flex-direction:column;gap:12px;height:100%;-webkit-user-select:none;user-select:none;width:100%}.csm-picker,.csm-picker-icon{align-items:center;display:flex;justify-content:center}.csm-picker-icon{background:#ffffff12;border-radius:50%;height:100px;transition:background .2s;width:100px}.csm-picker:focus-visible .csm-picker-icon,.csm-picker:hover .csm-picker-icon{background:#ffffff21}.csm-picker-label{color:#ffffff8c;font-size:16px;font-weight:500;margin:0}.csm-video-done{color:#ffffffb3;flex-direction:column;gap:14px;height:100%;width:100%}.csm-video-done,.csm-video-done-check{align-items:center;display:flex;justify-content:center}.csm-video-done-check{background:#10b9812e;border-radius:50%;color:#10b981;height:80px;width:80px}.csm-video-done p{color:#fffc;font-size:16px;font-weight:500;margin:0}.csm-retake-btn{background:#ffffff1f;border:1px solid #fff3;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;padding:8px 22px;transition:background .15s}.csm-retake-btn:hover{background:#fff3}.csm-file-input-hidden{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.csm-bottom-panel{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#000000bf;display:flex;flex-direction:column;flex-shrink:0;gap:0;padding-bottom:env(safe-area-inset-bottom,0)}.csm-caption-row{border-bottom:1px solid #ffffff14;padding:10px 16px 8px}.csm-caption-input{background:#0000;border:none;color:#fff;font-family:var(--font-body);font-size:15px;outline:none;padding:0;width:100%}.csm-caption-input::placeholder{color:#ffffff59}.csm-error-bar{background:#ef444426;color:#ff6b6b;font-size:13px;margin:0;padding:8px 16px}.csm-progress-track{background:#ffffff26;height:3px}.csm-progress-fill{background:linear-gradient(90deg,var(--purple-600),var(--pink-500));height:100%;transition:width .3s ease}.csm-gallery-strip{padding:10px 12px 4px}.csm-thumb-row{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.csm-thumb-row::-webkit-scrollbar{display:none}.csm-thumb{background:#222;border:2px solid #0000;border-radius:8px;cursor:pointer;flex-shrink:0;height:56px;overflow:hidden;padding:0;transition:border-color .15s,transform .12s;width:56px}.csm-thumb img{display:block;height:100%;object-fit:cover;width:100%}.csm-thumb--active{border-color:var(--purple-400);transform:scale(1.05)}.csm-thumb--add{align-items:center;background:#ffffff14;border-color:#0000;color:#ffffff80;display:flex;justify-content:center}.csm-thumb--add:hover{background:#ffffff26;color:#fff}.csm-pick-row{gap:10px;padding:4px 0}.csm-pick-btn,.csm-pick-row{display:flex;justify-content:center}.csm-pick-btn{align-items:center;background:#ffffff1a;border:1px solid #ffffff26;border-radius:22px;color:#ffffffd9;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;gap:7px;max-width:160px;padding:9px 20px;transition:background .15s}.csm-pick-btn:hover{background:#ffffff2e}.csm-mode-tabs{display:flex;gap:8px;justify-content:center;padding:10px 16px 12px}.csm-mode-tab{background:#0000;border:none;border-radius:20px;color:#fff6;cursor:pointer;font-size:13px;font-weight:700;letter-spacing:1.2px;padding:6px 18px;transition:color .15s,background .15s}.csm-mode-tab:disabled{cursor:not-allowed;opacity:.3}.csm-mode-tab--active{background:#ffffff1f;color:#fff}.csm-mode-tab:hover:not(:disabled):not(.csm-mode-tab--active){color:#ffffffb3}.now-playing-banner{align-items:center;animation:npb-fade-in .35s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#1212128c;border:1px solid #ffffff1f;border-radius:12px;bottom:14px;box-shadow:0 4px 20px #0006;display:flex;gap:10px;max-width:260px;padding:8px 14px 8px 8px;position:absolute;right:16px;z-index:5}@keyframes npb-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.now-playing-banner-cover{border-radius:6px;flex-shrink:0;height:42px;object-fit:cover;width:42px}.now-playing-banner-cover-placeholder{background:var(--color-bg-light)}.now-playing-banner-body{align-items:center;display:flex;gap:8px;min-width:0}.now-playing-equalizer{align-items:flex-end;display:flex;flex-shrink:0;gap:2px;height:18px}.now-playing-equalizer span{animation:npb-bar 1.1s ease-in-out infinite;background:var(--color-accent);border-radius:2px;display:block;width:3px}.now-playing-equalizer span:first-child{animation-delay:0s;animation-duration:1s;height:60%}.now-playing-equalizer span:nth-child(2){animation-delay:.15s;animation-duration:1.2s;height:100%}.now-playing-equalizer span:nth-child(3){animation-delay:.3s;animation-duration:.9s;height:75%}.now-playing-equalizer span:nth-child(4){animation-delay:.45s;animation-duration:1.1s;height:50%}@keyframes npb-bar{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.now-playing-banner-text{display:flex;flex-direction:column;min-width:0}.now-playing-banner-label{color:var(--color-accent);font-size:.65rem;font-weight:600;letter-spacing:.06em;margin-bottom:1px;text-transform:uppercase}.now-playing-banner-title{color:#fff;font-size:.82rem;font-weight:700}.now-playing-banner-artist,.now-playing-banner-title{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-playing-banner-artist{color:var(--color-text-secondary);font-size:.72rem}@media (max-width:600px){.now-playing-banner{bottom:8px;max-width:200px;padding:6px 10px 6px 6px;right:8px}.now-playing-banner-cover{height:34px;width:34px}.now-playing-banner-artist,.now-playing-banner-title{max-width:110px}}.page-profile-container{display:flex;flex-direction:column;gap:0;min-height:calc(100vh - 70px);width:100%}.profile-banner-actions{position:absolute;right:1rem;top:1rem;z-index:6}.profile-banner-action-btn{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0a0a0f8c;border:1px solid #ffffff26;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:background .2s,border-color .2s;width:40px}.profile-banner-action-btn:hover{background:#0a0a0fcc;border-color:#ffffff4d}.profile-banner-actions .profile-actions-dropdown{right:0;top:calc(100% + 8px)}.page-profile-header{display:flex;flex-direction:column;position:relative}.page-profile-background{background-color:#1e1e2e;background-position:top;background-size:cover;flex-shrink:0;height:320px;position:relative;width:100%}.page-profile-background:after{background:linear-gradient(180deg,#0a0a0f00 30%,#0a0a0fb3 75%,#0a0a0f);background:linear-gradient(to bottom,#0a0a0f00 30%,#0a0a0fb3 75%,var(--color-bg-deep,#0a0a0f) 100%);content:"";inset:0;pointer-events:none;position:absolute}.page-profile-actions-group.profile-actions-mobile-only{display:none}.page-profile-actions-group.profile-actions-desktop-only{display:flex}.page-profile-header-content{align-items:flex-end;display:flex;justify-content:space-between;margin-top:-80px;padding:0 2.5rem;position:relative;z-index:3}.page-profile-avatar-wrapper{flex-shrink:0;position:relative}.page-profile-avatar{background-color:#1a1a2e;border:5px solid #0a0a0f;border:5px solid var(--color-bg-deep,#0a0a0f);border-radius:50%;box-shadow:0 0 0 1px #ffffff14,0 12px 40px #0009;height:160px;object-fit:cover;transition:box-shadow .3s ease;width:160px}.page-profile-avatar:hover{box-shadow:0 0 0 1px #fff3,0 16px 50px #000c}.profile-avatar-story-ring{background:#0000;border-radius:50%;display:inline-block;flex-shrink:0;padding:0;transition:background .3s,transform .2s}.profile-avatar-story-ring--active{background:linear-gradient(135deg,#f093fb,#a855f7 50%,#667eea);cursor:pointer;padding:3px}.profile-avatar-story-ring--active:hover{opacity:.92;transform:scale(1.03)}.profile-avatar-story-ring--active .page-profile-avatar{border-width:4px}.profile-add-story-btn{align-items:center;background:linear-gradient(135deg,var(--purple-600),var(--purple-500));border:2px solid #0f0f0f;border:2px solid var(--color-bg-primary,#0f0f0f);border-radius:50%;bottom:4px;box-shadow:0 2px 8px #a855f780;cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;position:absolute;right:4px;transition:transform .15s,box-shadow .15s;width:28px;z-index:2}.profile-add-story-btn:hover{box-shadow:0 4px 14px #a855f7b3;transform:scale(1.12)}.page-profile-actions-group{align-items:center;display:flex;flex-direction:row;gap:.65rem;margin-bottom:12px}.page-profile-action-button{background:#1db954;background:var(--color-accent,#1db954);border:none;border-radius:500px;box-shadow:0 4px 16px #1db9544d;color:#000;cursor:pointer;font-size:.9rem;font-weight:700;letter-spacing:.04em;padding:.65rem 1.75rem;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1)}.page-profile-action-button:hover:not(:disabled){box-shadow:0 6px 22px #1db95473;filter:brightness(1.08);transform:scale(1.04)}.page-profile-action-button:disabled{cursor:default;opacity:.6}.page-profile-logout-button,.page-profile-secondary-button{background:#0000;border:2px solid #ffffff40;border-radius:500px;color:var(--color-text-primary);cursor:pointer;font-size:.9rem;font-weight:600;letter-spacing:.02em;padding:.6rem 1.4rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.page-profile-secondary-button:hover{background:#ffffff0f;border-color:#ffffffb3}.page-profile-logout-button{border-color:#f8717159;color:#f87171}.page-profile-logout-button:hover{background:#f871711a;border-color:#f87171bf}.page-profile-secondary-button.with-icon{align-items:center;display:flex;gap:.4rem;padding:.6rem 1rem}.profile-actions-menu-container{position:relative}.profile-actions-dropdown{backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);background:#14141cf5;border:1px solid #ffffff14;border-radius:12px;box-shadow:0 24px 48px #0009,0 0 0 1px #ffffff0a;min-width:210px;opacity:0;padding:.4rem;position:absolute;right:0;top:calc(100% + 10px);transform:scale(.95) translateY(-8px);transform-origin:top right;transition:opacity .18s ease,transform .18s ease,visibility .18s;visibility:hidden;z-index:30}.profile-actions-dropdown.visible{opacity:1;transform:scale(1) translateY(0);visibility:visible}.dropdown-action-button{background:none;border:none;border-radius:8px;color:var(--color-text-primary);cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1rem;text-align:left;transition:background-color .15s;width:100%}.dropdown-action-button:hover{background-color:#ffffff1a}.dropdown-action-button.danger{color:#ff4d4d}.dropdown-action-button.danger:hover{background-color:#ff4d4d1f}.page-profile-info{padding:1.25rem 2.5rem .5rem}.page-profile-display-name{align-items:center;display:flex;font-size:2.2rem;font-weight:900;gap:.5rem;letter-spacing:-.03em;line-height:1.1;margin:0;text-shadow:0 2px 24px #ffffff1f}.page-profile-verified-badge{flex-shrink:0;height:28px;width:28px}.page-profile-nickname{color:var(--color-text-secondary);font-size:1rem;letter-spacing:.01em;margin-top:.2rem}.page-profile-description{color:#ffffffb3;font-size:1rem;line-height:1.65;margin-top:1rem;max-width:640px}.page-profile-stats{display:flex;gap:2.5rem;margin-bottom:1rem;margin-top:1.25rem}.page-profile-stat-item{align-items:baseline;cursor:pointer;display:flex;gap:.45rem;transition:opacity .15s}.page-profile-stat-item:hover{opacity:.8}.page-profile-stat-link{color:inherit;text-decoration:none}.page-profile-stat-item strong{color:#fff;font-size:1.2rem;font-weight:800}.page-profile-stat-item span{color:var(--color-text-secondary);font-size:.9rem;text-transform:lowercase}.page-profile-tabs{-ms-overflow-style:none;background-color:#0a0a0f;background-color:var(--color-bg-deep,#0a0a0f);border-bottom:1px solid #ffffff14;display:flex;gap:0;margin-top:1.5rem;overflow-x:auto;padding:0 2rem;position:-webkit-sticky;position:sticky;scrollbar-width:none;top:70px;z-index:10}.page-profile-tabs::-webkit-scrollbar{display:none}.page-profile-tab-button{align-items:center;background:none;border:none;color:#ffffff80;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;letter-spacing:.01em;padding:1rem 1.25rem;position:relative;transition:color .2s ease;white-space:nowrap}.page-profile-tab-button:hover{color:#ffffffd9}.page-profile-tab-button.active{color:#fff}.page-profile-tab-button:after{background:linear-gradient(90deg,#1db954,#14a8ff);background:linear-gradient(90deg,var(--color-accent,#1db954),#14a8ff);border-radius:3px 3px 0 0;bottom:-1px;content:"";height:3px;left:0;position:absolute;right:0;transform:scaleX(0);transition:transform .25s cubic-bezier(.4,0,.2,1)}.page-profile-tab-button.active:after{transform:scaleX(1)}.page-profile-main-content{flex-grow:1;padding:2rem 2.5rem;width:100%}.page-profile-tab-placeholder{background:#ffffff05;border:1px dashed #ffffff14;border-radius:1.25rem;color:var(--color-text-secondary);padding:5rem 2rem;text-align:center}.profile-music-layout{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;margin-bottom:2rem}.profile-feed-subtabs{border-bottom:1px solid var(--color-border);display:flex;margin-bottom:0}.profile-feed-subtab{background:none;border:none;border-bottom:2px solid #0000;color:var(--color-text-secondary);cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:.875rem .5rem;transition:color .15s,border-color .15s;white-space:nowrap}.profile-feed-subtab:hover{background:#ffffff0a;color:var(--color-text-primary)}.profile-feed-subtab.active{border-bottom-color:var(--color-accent);color:var(--color-text-primary);font-weight:700}.feed-subtab-placeholder{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:1rem;padding:4rem 2rem}.feed-subtab-placeholder svg{opacity:.4}.feed-subtab-placeholder p{font-size:.95rem;opacity:.6}@media (min-width:1100px){.profile-music-layout{grid-template-columns:1fr 1fr}}.profile-section{background:#ffffff08;border:1px solid #ffffff0f;border-radius:1.25rem;margin-bottom:1.5rem;padding:1.5rem 1.75rem;transition:border-color .2s}.profile-section:hover{border-color:#ffffff1f}.profile-section-title{color:#fff;font-size:1.3rem;font-weight:800;letter-spacing:-.01em;margin-bottom:1.25rem}@media (max-width:900px){.page-profile-actions-group.profile-actions-desktop-only{display:none}.page-profile-actions-group.profile-actions-mobile-only{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.25rem;width:100%}.page-profile-background{height:180px}.page-profile-header-content{align-items:flex-start;flex-direction:column;gap:.75rem;margin-top:-55px;padding:0 1.25rem}.page-profile-avatar{border-width:4px;height:110px;width:110px}.page-profile-actions-group{flex-wrap:wrap;margin-bottom:0;width:100%}.page-profile-info{padding:1.25rem 1.25rem .5rem}.page-profile-display-name{font-size:1.7rem}.page-profile-tabs{padding:0 1rem;top:60px}.page-profile-main-content{padding:1.25rem 1rem}.profile-section{padding:1rem 1.25rem}}.folder-edit-modal{display:flex;flex-direction:column;height:85vh;max-width:550px}.folder-edit-modal .form-group{margin-bottom:1.5rem}.folder-edit-modal .form-input{width:100%}.chat-selection-list{background-color:var(--color-bg-deep);border:1px solid var(--color-border);border-radius:.5rem;display:flex;flex-direction:column;flex-grow:1;overflow-y:auto;padding:.5rem}.chats-loading-placeholder{color:var(--color-text-secondary);margin:auto}.chat-selection-item{align-items:center;border-radius:.375rem;cursor:pointer;display:flex;gap:1rem;padding:.75rem;transition:background-color .2s}.chat-selection-item:hover{background-color:var(--color-bg-light)}.chat-selection-item input[type=checkbox]{accent-color:var(--color-accent);flex-shrink:0;height:20px;pointer-events:none;width:20px}.chat-selection-avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.chat-selection-name{font-weight:500}.folder-edit-modal .modal-actions{border-top:1px solid var(--color-border);margin-top:1.5rem;padding-top:1.5rem}.icon-selection-grid{background-color:var(--color-bg-deep);border-radius:.5rem;display:flex;flex-wrap:wrap;gap:.75rem;padding:.75rem}.icon-option{align-items:center;background-color:var(--color-bg-light);border:2px solid #0000;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}.icon-option:hover{border-color:var(--color-border);color:var(--color-text-primary)}.icon-option.selected{background-color:var(--color-accent);border-color:var(--color-accent-hover);color:#fff}.icon-option svg{height:24px;width:24px}.confirmation-modal{max-width:450px;text-align:center}.confirmation-checkbox-label{align-items:center;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:.9rem;gap:.75rem;justify-content:center;margin:1.5rem 0}.confirmation-checkbox-label input[type=checkbox]{accent-color:var(--color-accent);height:18px;width:18px}.modal-button-confirm.delete{background-color:var(--color-error)}.modal-button-confirm.delete:hover{background-color:#c13030}.settings-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1.5rem}.settings-header h3{border-bottom:none;font-size:1.5rem;font-weight:600;margin-bottom:0;margin-top:0;padding-bottom:0}.settings-description{color:var(--color-text-secondary);line-height:1.6;margin-bottom:2rem;max-width:100%}.add-pack-button{align-items:center;display:inline-flex;gap:.5rem}.packs-list{display:flex;flex-direction:column;gap:.75rem}.pack-item-link{background-color:var(--color-bg-light);border:1px solid var(--color-border);border-radius:.5rem;color:inherit;display:block;text-decoration:none;transition:background-color .2s,box-shadow .2s}.pack-item-link:hover{background-color:var(--color-bg-medium);border-color:#4a4a52}.pack-item{align-items:center;display:flex;gap:1rem;padding:1rem}.pack-cover-preview{background-color:var(--color-bg-deep);border-radius:.375rem;flex-shrink:0;height:48px;object-fit:cover;width:48px}.pack-name{flex-grow:1;font-size:1rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pack-actions{align-items:center;display:flex;gap:.5rem}.pack-actions .button-edit{background-color:var(--color-bg-deep);border:1px solid var(--color-border);border-radius:.375rem;color:var(--color-text-primary);font-size:.875rem;padding:.5rem 1rem}.arrow-icon{color:var(--color-text-secondary);transition:color .2s}.pack-item-link:hover .arrow-icon{color:var(--color-text-primary)}.no-packs-placeholder{border:2px dashed var(--color-border-dashed);border-radius:.75rem;color:var(--color-text-secondary);padding:3rem 1rem;text-align:center}.no-packs-placeholder p{margin-bottom:1.5rem;margin-top:0}@media (max-width:600px){.settings-header{align-items:flex-start;flex-direction:column;gap:1rem}.add-pack-button-text{display:none}.add-pack-button{border-radius:50%;padding:.75rem}.pack-actions .button-edit{display:none}.pack-name{font-size:.95rem}}.purchase-modal{text-align:center}.purchase-details{align-items:center;display:flex;flex-direction:column;gap:.5rem;padding:2rem 0}.purchase-note-lottie{height:100px;margin-bottom:1rem;width:100px}.purchase-details p{color:var(--color-text-secondary);font-size:1rem;margin:0}.purchase-package-name,.purchase-package-price{color:var(--color-accent);font-size:1.5rem;font-weight:700}.modal-button-confirm.save{background-color:var(--color-accent)}.modal-button-confirm.save:hover{filter:brightness(1.1)}.wallet-tab-container h3{border-bottom:1px solid var(--color-border);font-size:1.5rem;font-weight:600;margin:0 0 2rem;padding-bottom:1.5rem}.section-title{color:var(--color-text-secondary);font-size:1.25rem;font-weight:600;margin:2.5rem 0 1.5rem}.balance-card{align-items:center;background:linear-gradient(135deg,var(--color-bg-light) 0,#3a3a4a 100%);border:1px solid var(--color-border);border-radius:.75rem;display:flex;justify-content:space-between;padding:2rem}.balance-info p{color:var(--color-text-secondary);font-size:1rem;margin:0 0 .5rem}.balance-amount{align-items:center;display:flex;font-size:2.5rem;font-weight:700;gap:2.06rem}.balance-note-icon{height:48px;width:48px}.balance-amount .counter-viewport{padding-left:0}.packages-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.package-card{background-color:var(--color-bg-medium);border:1px solid var(--color-border);border-radius:.75rem;overflow:hidden;padding:1.5rem;position:relative;text-align:center;transition:border-color .2s}.package-card.popular{border-color:var(--color-accent)}.popular-badge{background-color:var(--color-accent);color:var(--color-bg-deep);font-size:.75rem;font-weight:700;padding:.25rem 2.5rem;position:absolute;right:-35px;top:10px;transform:rotate(45deg)}.package-notes{align-items:center;display:flex;font-size:2rem;font-weight:700;gap:.5rem;justify-content:center;margin-bottom:.5rem}.package-notes svg{color:var(--color-accent);height:28px;width:28px}.package-price{color:var(--color-text-secondary);font-size:1.1rem;margin:0 0 1.5rem}.package-card .button-secondary{background-color:var(--color-bg-light);width:100%}.transaction-history-placeholder{background-color:var(--color-bg-medium);border:2px dashed var(--color-border-dashed);border-radius:.75rem;color:var(--color-text-secondary);padding:3rem;text-align:center}@media (max-width:768px){.balance-card{align-items:flex-start;flex-direction:column;gap:1.5rem}}.gift-history-container h3{border-bottom:1px solid var(--color-border);font-size:1.5rem;font-weight:600;margin:0 0 1rem;padding-bottom:1.5rem}.history-list{display:flex;flex-direction:column;gap:.75rem;margin-top:2rem}.history-item{align-items:center;background-color:var(--color-bg-light);border:1px solid var(--color-border);border-radius:.5rem;display:flex;gap:1rem;padding:1rem 1.5rem}.history-item-icon{align-items:center;background-color:var(--color-bg-medium);border-radius:50%;box-sizing:border-box;display:flex;flex-shrink:0;height:44px;justify-content:center;padding:5px;width:44px}.history-item-details{flex-grow:1}.history-item-details p{font-weight:500;margin:0}.history-item-details small{color:var(--color-text-secondary);font-size:.85rem}.history-item-price{font-size:1.1rem;font-weight:700}.history-item-price.sent{color:var(--color-error)}.history-item-price.received{color:var(--color-success)}.settings-page-container{height:100%;margin:0 auto;max-width:1440px;overflow-y:auto;padding:0 4rem}.settings-page-header{background-color:var(--color-bg-deep);border-bottom:1px solid var(--color-border);margin:0 -4rem;padding:2.5rem 4rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;transition:padding .3s ease,background-color .3s ease,-webkit-backdrop-filter .3s ease;transition:padding .3s ease,background-color .3s ease,backdrop-filter .3s ease;transition:padding .3s ease,background-color .3s ease,backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease;z-index:10}.settings-page-header.shrunk{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#121212d9;padding-bottom:1rem;padding-top:1rem}.settings-page-header h1{font-size:2.5rem;font-weight:700;margin:0;transition:font-size .3s ease}.settings-page-header.shrunk h1{font-size:1.5rem}.settings-layout{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:280px 1fr;margin-top:2rem}.settings-sidebar{display:flex;flex-direction:column;gap:.125rem}.settings-sidebar button{align-items:center;background:none;border:none;border-radius:.5rem;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:.75rem;padding:.65rem .875rem;text-align:left;transition:background-color .15s,color .15s;width:100%}.settings-sidebar button:hover{background-color:#ffffff0d;color:var(--color-text-primary)}.settings-sidebar button.active{background-color:#a855f71a;color:var(--color-accent);font-weight:600}.settings-sidebar button.active svg{stroke:var(--color-accent)}.settings-sidebar svg{stroke-width:2px;flex-shrink:0;height:20px;width:20px}.settings-main-content{display:flex;flex-direction:column}.settings-tab-content{flex-grow:1}.settings-tab-content h3{border-bottom:1px solid var(--color-border);font-size:1.125rem;font-weight:700;letter-spacing:-.01em;margin:0 0 1.75rem;padding-bottom:1.25rem}.form-section{margin-bottom:2.5rem}.form-section>label{color:var(--color-text-primary);display:block;font-size:.875rem;font-weight:600;letter-spacing:.01em;margin-bottom:.875rem}.image-uploaders-container{grid-gap:1.5rem;align-items:flex-end;background-color:var(--color-bg-medium);border:1px solid var(--color-border);border-radius:.75rem;display:grid;gap:1.5rem;grid-template-columns:auto 1fr;padding:1.25rem}.image-uploader{align-items:center;display:flex;flex-direction:column;gap:1rem}.image-uploader.background{align-items:flex-start;width:100%}.image-preview{object-fit:cover}.image-preview.profile{border-radius:50%;height:100px;width:100px}.image-preview.background{border-radius:.5rem;height:150px;width:100%}.image-uploader input[type=file]{display:none}.button-secondary{background-color:var(--color-bg-deep);border-radius:.5rem;cursor:pointer;font-weight:500;padding:.6rem 1.2rem}.button-secondary:hover{border-color:var(--color-text-primary)}.form-row{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--color-text-primary);font-size:.8125rem;font-weight:600;letter-spacing:.01em}.form-group small{font-size:.875rem;line-height:1.2;margin-top:.25rem}.form-error-text{color:var(--color-error)}.input-group{align-items:center;background-color:var(--color-bg-light);border:1px solid var(--color-border);border-radius:.5rem;display:flex}.input-group span{color:var(--color-text-secondary);padding-left:1rem}.input-group input{background:none;border:none;color:var(--color-text-primary);flex-grow:1;padding:.75rem 1rem .75rem .5rem}.input-group input:focus{box-shadow:none;outline:none}.textarea-wrapper{position:relative}.settings-tab-content .form-textarea{padding-bottom:45px;resize:vertical}.textarea-footer{align-items:center;bottom:10px;display:flex;gap:1rem;position:absolute;right:10px}.char-counter{font-size:.9rem}.char-counter,.emoji-button{color:var(--color-text-secondary)}.emoji-button{align-items:center;background:none;border:none;border-radius:.375rem;cursor:pointer;display:flex;justify-content:center;line-height:1;padding:5px;transition:color .15s,background-color .15s}.emoji-button:hover{background-color:#ffffff14;color:var(--color-text-primary)}.emoji-button svg{stroke-width:2px;height:18px;width:18px}.emoji-picker-wrapper{bottom:45px;position:absolute;right:0;z-index:10}.privacy-toggle{align-items:center;background-color:var(--color-bg-light);border:1px solid var(--color-border);border-radius:.5rem;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1.5rem}.privacy-toggle div{max-width:70%}.privacy-toggle p{font-weight:600;margin:0}.privacy-toggle span{color:var(--color-text-secondary);font-size:.9rem}.privacy-section{background-color:var(--color-bg-light);border:1px solid var(--color-border);border-radius:.75rem;margin-top:1.75rem;padding:1.5rem}.privacy-section-header{margin-bottom:1rem}.privacy-section-title{font-size:1rem;font-weight:700;margin:0 0 .2rem}.privacy-section-desc{color:var(--color-text-secondary);font-size:.875rem}.privacy-select-group{display:flex;flex-direction:column;gap:.5rem}.privacy-option{align-items:center;border:1px solid #0000;border-radius:.5rem;cursor:pointer;display:flex;gap:1rem;padding:.85rem 1rem;transition:background-color .15s,border-color .15s}.privacy-option:hover{background-color:#ffffff0a}.privacy-option.selected{background-color:#64dc8214;background-color:rgba(var(--color-accent-rgb,100,220,130),.08);border-color:var(--color-accent)}.privacy-radio{border:2px solid var(--color-border);border-radius:50%;display:inline-block;flex-shrink:0;height:18px;transition:border-color .15s,background-color .15s;width:18px}.privacy-option.selected .privacy-radio{background:radial-gradient(circle at center,var(--color-accent) 55%,#0000 55%);border-color:var(--color-accent)}.privacy-option div{display:flex;flex-direction:column;gap:.1rem}.privacy-option strong{font-size:.95rem;font-weight:600}.privacy-option span{color:var(--color-text-secondary);font-size:.82rem}.privacy-sub-option{align-items:center;border-top:1px solid var(--color-border);display:flex;gap:1rem;margin-top:1rem;padding:1rem 1rem .5rem}.privacy-sub-option>div{flex:1 1}.privacy-sub-option p{font-size:.9rem;font-weight:600;margin:0 0 .15rem}.privacy-sub-option span{color:var(--color-text-secondary);font-size:.8rem}.switch{display:inline-block;height:28px;position:relative;width:50px}.switch input{height:0;opacity:0;width:0}.slider{background-color:var(--color-border);cursor:pointer;inset:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:4px;content:"";height:20px;left:4px;width:20px}input:checked+.slider{background-color:var(--color-accent)}input:checked+.slider:before{transform:translateX(22px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.settings-actions{border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;margin-top:auto;padding-top:2rem}.folders-tab-container{display:flex;flex-direction:column;gap:1.5rem}.folders-tab-description p{color:var(--color-text-secondary);line-height:1.6;margin:0 0 1rem;max-width:80%}.folder-list{border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem;padding-top:2rem}.folder-item{align-items:center;background-color:var(--color-bg-light);border:1px solid var(--color-border);border-radius:.5rem;display:flex;justify-content:space-between;padding:1rem 1.5rem}.folder-item-name{font-weight:600}.folder-item-actions{align-items:center;display:flex;gap:1rem}.folder-item-actions button{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.5rem}.folder-item-actions button:hover{color:var(--color-text-primary)}.folder-list-placeholder{color:var(--color-text-secondary);padding:3rem;text-align:center}.form-section-description{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:1.5rem;margin-top:-.5rem}.animation-picker{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.animation-option{align-items:center;display:flex;flex-direction:column;gap:1rem}.animation-preview-wrapper{align-items:center;background-color:var(--color-bg-light);border:1px solid var(--color-border);border-radius:.5rem;cursor:pointer;display:flex;height:80px;justify-content:center;width:100%}.animation-preview{animation-duration:.6s;animation-fill-mode:forwards;animation-play-state:paused;background-color:var(--color-accent);border-radius:1rem;color:#fff;font-weight:600;padding:.5rem 1rem}.animation-option:hover .animation-preview:not(.active),.animation-preview-wrapper:hover .animation-preview:not(.active){animation-play-state:running}.animation-preview.active{outline:2px solid var(--color-accent)}.animation-preview.animation-vortex-out{animation-name:vortex-out}.animation-preview.animation-fall-out{animation-name:fall-out}.animation-preview.animation-pixelate-out{animation-name:pixelate-out}.animation-preview.animation-blur-out{animation-name:blurOut}.animation-option label{align-items:center;display:flex;font-size:.9rem;gap:.5rem}.animation-option input[type=radio]{accent-color:var(--color-accent)}@media (max-width:900px){.settings-page-container{padding:0 1rem}.settings-page-header{margin:0 -1rem;padding-left:1rem;padding-right:1rem}.settings-page-header h1{font-size:1.5rem}.settings-layout{gap:0;grid-template-columns:1fr;margin-top:0}.settings-sidebar{background-color:var(--color-bg-deep);border-bottom:1px solid var(--color-border);flex-direction:row;gap:0;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:0;position:-webkit-sticky;position:sticky;scrollbar-width:none;top:0;z-index:5}.settings-sidebar::-webkit-scrollbar{display:none}.settings-sidebar button{align-items:center;border-bottom:2px solid #0000;border-radius:0;flex-direction:column;flex-shrink:0;font-size:.6875rem;font-weight:500;gap:.3rem;letter-spacing:0;min-width:60px;padding:.7rem .875rem .6rem;white-space:nowrap}.settings-sidebar button:hover{background:none;color:var(--color-text-primary)}.settings-sidebar button.active{background:none;border-bottom:2px solid var(--color-accent);color:var(--color-accent)}.settings-sidebar button.active svg{stroke:var(--color-accent)}.settings-sidebar svg{height:18px;width:18px}}@media (max-width:600px){.form-row{grid-template-columns:1fr}.image-uploaders-container{background-color:var(--color-bg-medium);gap:.875rem;grid-template-columns:1fr;padding:.875rem}.image-preview.profile{height:72px;width:72px}.image-preview.background{height:96px}.button-secondary{font-size:.8125rem;padding:.5rem .875rem}.privacy-toggle{align-items:flex-start;flex-direction:column;gap:1rem}.form-group label{font-size:.75rem}.form-section>label{font-size:.8125rem}}.form-section-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:.875rem}.form-section-header-row>label{margin-bottom:0}.preview-trigger-btn{align-items:center;background:#a855f71a;border:1px solid #a855f74d;border-radius:2rem;color:var(--color-accent);cursor:pointer;display:flex;font-size:.8125rem;font-weight:600;gap:.375rem;padding:.375rem .875rem;transition:background-color .15s,border-color .15s;white-space:nowrap}.preview-trigger-btn:hover{background:#a855f72e;border-color:#a855f78c}.preview-trigger-btn svg{stroke:var(--color-accent);flex-shrink:0;height:14px;width:14px}.preview-modal-backdrop{align-items:center;animation:previewFadeIn .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000b8;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:200}@keyframes previewFadeIn{0%{opacity:0}to{opacity:1}}.preview-modal{animation:previewSlideUp .22s cubic-bezier(.34,1.2,.64,1);background:var(--color-bg-medium);border:1px solid var(--color-border);border-radius:1.125rem;box-shadow:0 24px 56px #000000a6;max-width:440px;overflow:hidden;width:100%}@keyframes previewSlideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.preview-modal-topbar{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:.875rem 1.25rem}.preview-modal-topbar span{color:var(--color-text-primary);font-size:.9375rem;font-weight:600}.preview-modal-close-btn{align-items:center;background:#ffffff12;border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:.8rem;height:28px;justify-content:center;transition:background-color .15s,color .15s;width:28px}.preview-modal-close-btn:hover{background:#ffffff24;color:var(--color-text-primary)}.preview-profile-banner{display:block;height:130px;object-fit:cover;width:100%}.preview-profile-banner:after{background:linear-gradient(180deg,#0a0a0f00 30%,#0a0a0fb3 75%,#0a0a0f);background:linear-gradient(to bottom,#0a0a0f00 30%,#0a0a0fb3 75%,var(--color-bg-deep,#0a0a0f) 100%);content:"";inset:0;pointer-events:none;position:absolute}.preview-profile-body{padding:0 1.25rem 1.5rem;position:relative}.preview-avatar-wrap{display:inline-block;margin-bottom:.625rem;margin-top:-40px}.preview-profile-avatar{border:3px solid var(--color-bg-medium);border-radius:50%;display:block;height:80px;object-fit:cover;width:80px}.preview-profile-name{color:var(--color-text-primary);font-size:1.0625rem;font-weight:700;letter-spacing:-.01em;margin:0 0 .15rem}.preview-profile-nickname{color:var(--color-text-secondary);font-size:.875rem;margin:0 0 .75rem}.preview-profile-desc{color:var(--color-text-primary);font-size:.9rem;line-height:1.55;white-space:pre-wrap}.sidebar-mode-selector{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.sidebar-mode-option{align-items:center;border:1px solid #0000;border-radius:.5rem;cursor:pointer;display:flex;gap:1rem;padding:.85rem 1rem;transition:background-color .15s,border-color .15s}.sidebar-mode-option:hover{background-color:#ffffff0a}.sidebar-mode-option.selected{background-color:#a855f714;border-color:var(--color-accent)}.sidebar-mode-radio{align-items:center;border:2px solid var(--color-border);border-radius:50%;display:flex;flex-shrink:0;height:18px;justify-content:center;transition:border-color .15s;width:18px}.sidebar-mode-option.selected .sidebar-mode-radio{border-color:var(--color-accent)}.sidebar-mode-radio-dot{background:var(--color-accent);border-radius:50%;display:block;height:9px;width:9px}.sidebar-mode-option div{display:flex;flex-direction:column;gap:.1rem}.sidebar-mode-option strong{color:var(--color-text-primary);font-size:.95rem;font-weight:600}.sidebar-mode-option span{color:var(--color-text-secondary);font-size:.82rem}.preview-modal-note{align-items:center;border-top:1px solid var(--color-border);color:var(--color-text-placeholder);display:flex;font-size:.72rem;gap:.4rem;padding:.625rem 1.25rem}.account-danger-zone{background:#7f1d1d14;border:1px solid #7f1d1d;border-radius:.75rem;margin-top:1.5rem;padding:1.5rem}.danger-zone-title{color:#ef4444;font-size:1rem;font-weight:600;margin:0 0 .5rem}.danger-zone-desc{color:var(--color-text-secondary);font-size:.875rem;line-height:1.5;margin:0 0 1rem}.danger-zone-btn{background:#dc2626;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem 1.2rem;transition:background .2s}.danger-zone-btn:hover:not(:disabled){background:#b91c1c}.danger-zone-btn:disabled{cursor:not-allowed;opacity:.5}.delete-account-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.delete-account-modal{background:var(--color-bg-light);border:1px solid #7f1d1d;border-radius:1rem;display:flex;flex-direction:column;gap:.75rem;max-width:420px;padding:2rem;width:100%}.delete-account-modal h3{color:#ef4444;font-size:1.15rem;font-weight:700;margin:0}.delete-account-modal p{color:var(--color-text-secondary);font-size:.875rem;line-height:1.5;margin:0}.delete-account-modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem}.settings-account-tab-btn.active{background:#ef444414!important;color:#ef4444!important}.user-list{flex-direction:row;justify-content:flex-start!important;width:100%}.user-card{border:1px solid #282828;border-radius:10px;display:flex;flex-direction:row;padding:15px;text-align:center;width:29%}.user-card-in-sidebar{align-items:center;background-color:#333333b8;border-radius:10px;display:flex;flex-wrap:wrap;justify-content:flex-start;margin-bottom:15px;max-width:356px;padding:10px}.user-card-in-sidebar p{align-items:flex-end;color:#fff;display:flex;font-size:14px;padding-left:15px}@media (max-width:768px){.user-card{width:calc(50% - 20px)}}@media (max-width:480px){.user-card{width:100%}}.user-list-info{align-items:flex-start;display:flex;flex-direction:column;padding-left:20px}.user-list-info h3 a{color:#fff;text-decoration:none}.user-list-info p{color:#939393}.user-avatar{border-radius:50%;height:auto;width:100%}.settings-container{background-color:#121212;color:#fff;display:flex;height:100vh}.sidebar{background-color:#1f1f1f!important;padding:20px;width:250px}.sidebar-background{background:url(/static/media/no-messages-yet.261324a5e1b9fb893d26.svg);background-origin:content-box;background-position-x:center;background-position-y:center;background-repeat:no-repeat;background-size:contain}.settings-content{flex-grow:1;padding:20px}.settings-section{background-color:#333;border-radius:8px;padding:20px 40px 20px 20px}.user-list{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.profile-picture{border-radius:50%;height:100px;object-fit:cover;width:100px}.sidebar-user-picture{border-radius:50%;height:auto;object-fit:cover;width:50px}.sidebar-content .verified-badge{height:15px;padding-left:5px;width:15px}.user-list-info h3 a{align-items:flex-end;display:flex;width:100%!important}.user-list-info .verified-badge{align-items:center;display:flex;justify-content:center;margin-left:5px;width:20px}:root{--color-accent-hover:#a855f7}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Urbanist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;margin:0;overflow-x:hidden}.ulb-root{align-items:center;border:1px solid #0000;border-radius:10px;display:flex;flex-wrap:wrap;font-size:13px;gap:12px;justify-content:space-between;line-height:1.4;margin-bottom:6px;padding:10px 16px;transition:background .2s}.ulb--normal{background:#a855f712;border-color:#a855f726;color:var(--color-text-secondary)}.ulb--normal .ulb-icon{color:#a855f7}.ulb--normal .ulb-progress-fill{background:#a855f7}.ulb--warning{background:#f59e0b14;border-color:#f59e0b40;color:#d97706}.ulb--warning .ulb-icon{color:#f59e0b}.ulb--warning .ulb-progress-fill{background:#f59e0b}.ulb--warning strong{color:#f59e0b}.ulb--blocked{background:#ef444414;border-color:#ef444440;color:#ef4444}.ulb--blocked .ulb-icon{color:#ef4444}.ulb--blocked .ulb-progress-fill{background:#ef4444}.ulb--blocked strong{color:#ef4444}.ulb--override{background:#3b82f614;border-color:#3b82f633;color:var(--color-text-secondary)}.ulb--override .ulb-icon{color:#3b82f6}.ulb--override .ulb-progress-fill{background:#3b82f6}.ulb--override strong{color:#3b82f6}.ulb-left{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.ulb-icon{flex-shrink:0}.ulb-text{line-height:1.45}.ulb-text strong{font-weight:600}.ulb-right{align-items:center;display:flex;flex-shrink:0;gap:8px}.ulb-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;letter-spacing:.03em;padding:2px 8px;white-space:nowrap}.ulb-badge--early-adopter{background:#fbbf2426;border:1px solid #fbbf244d;color:#fbbf24}.ulb-badge--beta-tester{background:#3b82f626;border:1px solid #3b82f64d;color:#60a5fa}.ulb-badge--creator-plus{background:#a855f726;border:1px solid #a855f74d;color:#c084fc}.ulb-badge--vip{background:#f43f5e26;border:1px solid #f43f5e4d;color:#fb7185}.ulb-progress-wrap{align-items:center;display:flex;gap:7px}.ulb-progress-track{background:#ffffff1a;border-radius:99px;height:4px;overflow:hidden;width:80px}.ulb-progress-fill{border-radius:99px;height:100%;transition:width .4s ease}.ulb-count{color:inherit;font-size:12px;font-weight:600;opacity:.85;white-space:nowrap}@media (max-width:520px){.ulb-right{justify-content:flex-start;width:100%}.ulb-progress-track{width:100px}}.up-page{display:flex;justify-content:center;min-height:100vh;padding:28px 16px 80px}.up-container{display:flex;flex-direction:column;gap:6px;max-width:760px;width:100%}.up-topbar{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.up-back-btn{align-items:center;border-radius:8px;color:var(--color-text-secondary);display:inline-flex;flex-shrink:0;font-size:13px;gap:4px;padding:6px 10px 6px 6px;text-decoration:none;transition:background .15s,color .15s}.up-back-btn:hover{background:#ffffff0f}.up-back-btn:hover,.up-title{color:var(--color-text-primary)}.up-title{flex:1 1;font-size:20px;font-weight:700;margin:0;text-align:center}.up-album-link{border-radius:8px;color:var(--color-accent);flex-shrink:0;font-size:13px;padding:6px 10px;text-decoration:none;transition:background .15s;white-space:nowrap}.up-album-link:hover{background:#a855f71a}.up-form{gap:16px}.up-form,.up-section{display:flex;flex-direction:column}.up-section{background:var(--color-bg-medium);border:1px solid var(--color-border);border-radius:16px;gap:18px;padding:24px}.up-section-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:8px;padding-bottom:4px}.up-section-icon{color:var(--color-accent);flex-shrink:0}.up-section-title{color:var(--color-text-secondary);font-size:14px;font-weight:600;letter-spacing:.06em;margin:0;text-transform:uppercase}.up-media-grid{grid-gap:16px;align-items:stretch;display:grid;gap:16px;grid-template-columns:1fr 160px}.up-audio-wrap{display:flex;flex-direction:column}.up-dropzone{align-items:center;border:2px dashed var(--color-border-dashed);border-radius:12px;cursor:pointer;display:flex;flex:1 1;justify-content:center;min-height:160px;transition:border-color .2s,background .2s}.up-dropzone--active,.up-dropzone:hover:not(.up-dropzone--disabled){background:#a855f70a;border-color:var(--color-accent)}.up-dropzone--filled{background:#a855f70d;border-color:#a855f766;border-style:solid;cursor:default}.up-dropzone--disabled{cursor:not-allowed;opacity:.5}.up-dropzone-inner{flex-direction:column;gap:10px;padding:24px;text-align:center}.up-dropzone-inner,.up-dz-icon{align-items:center;display:flex}.up-dz-icon{background:#a855f71f;border-radius:14px;color:var(--color-accent);height:52px;justify-content:center;width:52px}.up-dz-label{color:var(--color-text-primary);font-size:14px;font-weight:500;margin:0}.up-dz-hint{color:var(--color-text-placeholder);font-size:12px}.up-dz-btn{background:#a855f71f;border-radius:8px;color:var(--color-accent);display:inline-block;font-size:13px;font-weight:500;margin-top:2px;padding:7px 16px;transition:background .15s}.up-dropzone:hover .up-dz-btn{background:#a855f733}.up-file-info{align-items:center;display:flex;gap:12px;padding:16px 20px;width:100%}.up-file-icon-wrap{align-items:center;background:#a855f726;border-radius:10px;color:var(--color-accent);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.up-file-meta{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.up-file-name{color:var(--color-text-primary);font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.up-file-size{color:var(--color-text-secondary);font-size:12px}.up-file-remove{background:none;border:none;border-radius:6px;color:var(--color-text-placeholder);cursor:pointer;flex-shrink:0;font-size:20px;line-height:1;padding:4px 8px;transition:color .15s,background .15s}.up-file-remove:hover{background:#ef44441a;color:var(--color-error)}.up-cover-wrap{display:flex;flex-direction:column}.up-cover-preview{background:var(--color-bg-light);border:2px dashed var(--color-border-dashed);border-radius:12px;height:100%;min-height:160px;overflow:hidden;position:relative;transition:border-color .2s}.up-cover-preview--drag{background:#a855f70a;border-color:var(--color-accent)}.up-cover-preview img{display:block;height:100%;object-fit:cover;width:100%}.up-cover-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s}.up-cover-preview:hover .up-cover-overlay{opacity:1}.up-cover-change{align-items:center;background:#ffffff1f;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:7px 14px;transition:background .15s}.up-cover-change:hover{background:#fff3}.up-cover-empty{align-items:center;color:var(--color-text-placeholder);cursor:pointer;display:flex;flex-direction:column;font-size:13px;gap:8px;height:100%;justify-content:center;min-height:160px;transition:color .15s}.up-cover-empty:hover{color:var(--color-text-secondary)}.up-form-group{display:flex;flex-direction:column;gap:7px;position:relative}.up-label{align-items:center;color:var(--color-text-secondary);display:flex;font-size:13px;font-weight:500}.up-required{color:var(--color-error);margin-left:3px}.up-input{background:var(--color-bg-light);border:1px solid var(--color-border);border-radius:10px;box-sizing:border-box;color:var(--color-text-primary);font-family:inherit;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.up-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #a855f71f}.up-input::placeholder{color:var(--color-text-placeholder)}.up-input:disabled{cursor:not-allowed;opacity:.55}.up-input--readonly{background:#ffffff08;cursor:default;opacity:.6}.up-textarea{background:var(--color-bg-light);border:1px solid var(--color-border);border-radius:10px;box-sizing:border-box;color:var(--color-text-primary);font-family:inherit;font-size:14px;line-height:1.55;min-height:90px;outline:none;padding:10px 14px;resize:vertical;transition:border-color .2s,box-shadow .2s;width:100%}.up-textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #a855f71f}.up-textarea::placeholder{color:var(--color-text-placeholder)}.up-textarea:disabled{cursor:not-allowed;opacity:.55}.up-char-count{font-size:11px;text-align:right}.up-char-count,.up-hint{color:var(--color-text-placeholder);margin:0}.up-hint{font-size:12px;line-height:1.4}.up-tags-box{align-items:center;background:var(--color-bg-light);border:1px solid var(--color-border);border-radius:10px;cursor:text;display:flex;flex-wrap:wrap;gap:6px;min-height:44px;padding:8px 12px;transition:border-color .2s,box-shadow .2s}.up-tags-box:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px #a855f71f}.up-tags-box--disabled{opacity:.55}.up-tag{align-items:center;background:#a855f726;border-radius:6px;color:var(--color-accent);display:inline-flex;font-size:13px;font-weight:500;gap:5px;padding:3px 10px}.up-tag-remove{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font-size:16px;line-height:1;opacity:.6;padding:0;transition:opacity .15s}.up-tag-remove:hover{opacity:1}.up-tags-input{background:none;border:none;color:var(--color-text-primary);flex:1 1;font-family:inherit;font-size:13px;min-width:80px;outline:none;padding:2px 0}.up-tags-input::placeholder{color:var(--color-text-placeholder)}.up-suggestions{background:var(--color-bg-light);border:1px solid var(--color-border);border-radius:10px;box-shadow:0 8px 24px #00000059;display:flex;flex-direction:column;gap:2px;left:0;list-style:none;margin:0;padding:6px;position:absolute;right:0;top:calc(100% + 4px);z-index:40}.up-suggestion{border-radius:7px;color:var(--color-text-secondary);cursor:pointer;font-size:13px;padding:8px 12px;transition:background .12s,color .12s}.up-suggestion:hover{background:#a855f71f;color:var(--color-accent)}.up-two-col{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.up-select-wrap{position:relative}.up-select-wrap:after{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid var(--color-text-placeholder);content:"";height:0;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-50%);width:0}.up-select{appearance:none;-webkit-appearance:none;background:var(--color-bg-light);border:1px solid var(--color-border);border-radius:10px;box-sizing:border-box;color:var(--color-text-primary);cursor:pointer;font-family:inherit;font-size:14px;outline:none;padding:10px 38px 10px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.up-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #a855f71f}.up-select:disabled{cursor:not-allowed;opacity:.55}.up-select option{background:var(--color-bg-medium);color:var(--color-text-primary)}.up-type-pills{display:flex;flex-wrap:wrap;gap:8px}.up-type-pill{align-items:center;background:var(--color-bg-light);border:1px solid var(--color-border);border-radius:50px;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:500;gap:6px;padding:8px 18px;transition:all .15s}.up-type-pill:hover:not(:disabled){background:#a855f70f}.up-type-pill--active,.up-type-pill:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.up-type-pill--active{background:#a855f724}.up-type-pill:disabled{cursor:not-allowed;opacity:.5}.up-original-info{animation:up-slide-in .2s ease;background:#3b82f60d;border:1px solid #3b82f62e;border-radius:10px;display:flex;flex-direction:column;gap:12px;padding:16px}@keyframes up-slide-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.up-toggle-row{align-items:center;background:var(--color-bg-light);border:1px solid var(--color-border);border-radius:10px;display:flex;gap:16px;justify-content:space-between;padding:14px 16px}.up-toggle-info{display:flex;flex-direction:column;gap:3px}.up-toggle{background:var(--color-bg-deep);border:1.5px solid var(--color-border);border-radius:99px;cursor:pointer;flex-shrink:0;height:24px;padding:0;position:relative;transition:background .2s,border-color .2s;width:44px}.up-toggle--on{background:var(--color-accent);border-color:var(--color-accent)}.up-toggle:disabled{cursor:not-allowed;opacity:.5}.up-toggle-thumb{background:var(--color-text-secondary);border-radius:50%;height:16px;left:2px;position:absolute;top:2px;transition:transform .2s,background .2s;width:16px}.up-toggle--on .up-toggle-thumb{background:#fff;transform:translateX(20px)}.up-section--rights{gap:16px}.up-rights-checks{display:flex;flex-direction:column;gap:12px}.up-check-row{align-items:flex-start;background:var(--color-bg-light);border:1px solid var(--color-border);border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:12px;transition:border-color .15s}.up-check-row:hover{border-color:#a855f74d}.up-checkbox{accent-color:var(--color-accent);cursor:pointer;flex-shrink:0;height:16px;margin-top:2px;width:16px}.up-check-text{color:var(--color-text-secondary);font-size:13px;line-height:1.5}.up-link{color:var(--color-accent);text-decoration:none}.up-link:hover{text-decoration:underline}.up-progress-block{background:#a855f70f;border:1px solid #a855f726;border-radius:10px;display:flex;flex-direction:column;gap:8px;padding:14px}.up-progress-header{align-items:center;display:flex;justify-content:space-between}.up-status{color:var(--color-text-secondary);font-size:13px}.up-progress-pct{color:var(--color-accent);font-size:13px;font-weight:600}.up-progress-track{background:#ffffff14;border-radius:99px;height:5px;overflow:hidden}.up-progress-fill{background:var(--color-accent);border-radius:99px;height:100%;transition:width .3s ease}.up-progress-fill--done{background:var(--color-success)}.up-success-msg{align-items:center;background:#22c55e1a;border:1px solid #22c55e40;border-radius:10px;color:var(--color-success);display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px}.up-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:4px}.up-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;gap:7px;justify-content:center;padding:10px 24px;text-decoration:none;transition:all .15s}.up-btn--primary{background:var(--color-accent);color:#fff}.up-btn--primary:hover:not(:disabled){background:var(--color-accent-hover);box-shadow:0 4px 16px #a855f759;transform:translateY(-1px)}.up-btn--primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.45;transform:none}.up-btn--secondary{background:var(--color-bg-light);border:1px solid var(--color-border);color:var(--color-text-secondary)}.up-btn--secondary:hover{background:#ffffff12;border-color:#ffffff26;color:var(--color-text-primary)}.up-spinner{animation:up-spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;width:14px}@keyframes up-spin{to{transform:rotate(1turn)}}.up-sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (max-width:640px){.up-page{padding:16px 12px 80px}.up-section{border-radius:14px;padding:18px 16px}.up-topbar{margin-bottom:10px}.up-title{font-size:17px}.up-album-link{display:none}.up-media-grid{grid-template-columns:1fr}.up-cover-empty,.up-cover-preview{min-height:140px}.up-two-col{gap:14px;grid-template-columns:1fr}.up-type-pills{gap:6px}.up-type-pill{font-size:12px;padding:7px 14px}.up-actions{flex-direction:column-reverse}.up-btn{width:100%}}@media (max-width:400px){.up-topbar{flex-wrap:wrap}.up-title{font-size:16px;order:-1;text-align:left;width:100%}.up-back-btn{order:2}}.create-album-page{box-sizing:border-box;min-height:100vh;padding:2rem 1rem}.create-album-container{margin:0 auto;max-width:42rem}.create-album-header{color:var(--color-text-primary);font-size:2.25rem;font-weight:700;margin-bottom:2rem;text-align:center}.create-album-form{background-color:var(--color-bg-medium);border:1px solid var(--color-border);border-radius:.75rem;padding:2rem}.form-group{margin-bottom:2rem}.form-label{font-size:1.125rem}.form-input{transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #a855f74d;outline:none}.form-actions{align-items:flex-end;flex-direction:column;padding-top:1rem}.button-primary:hover{background-color:var(--color-accent-hover)}.status-message{align-self:center;color:var(--color-text-secondary)}.cover-art-dropzone{align-items:center;background-color:var(--color-bg-light);border:2px dashed var(--color-border-dashed);border-radius:.5rem;cursor:pointer;display:flex;height:250px;justify-content:center;overflow:hidden;position:relative;width:100%}.cover-art-dropzone:hover{border-color:var(--color-accent)}.cover-art-dropzone input[type=file]{cursor:pointer;height:100%;inset:0;opacity:0;position:absolute;width:100%}.cover-preview{height:100%;object-fit:cover;width:100%}.dropzone-placeholder{color:var(--color-text-secondary);text-align:center}.dropzone-placeholder .upload-icon{height:3rem;margin:0 auto .5rem;width:3rem}.playlist-page-container{padding:2rem 3rem;transition:background .5s ease-in-out}.sticky-playlist-header{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:#121212d9;display:flex;gap:1rem;margin:0 -3rem;opacity:0;padding:.75rem 3rem;pointer-events:none;position:-webkit-sticky;position:sticky;top:0;transform:translateY(-20px);transition:opacity .3s ease-in-out,transform .3s ease-in-out;z-index:50}.sticky-playlist-header.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.sticky-playlist-header img{border-radius:4px;flex-shrink:0;height:40px;object-fit:cover;width:40px}.sticky-playlist-header h3{flex-grow:1;font-size:1.1rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sticky-play-button{align-items:center;background-color:var(--color-accent);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:transform .2s;width:40px}.sticky-play-button:hover{transform:scale(1.05)}.sticky-play-button svg{height:20px;margin-left:2px;width:20px}.playlist-header{align-items:flex-end;display:flex;gap:1.5rem;margin-bottom:2rem;position:relative;z-index:1}.playlist-cover-art{align-items:center;background-color:var(--color-bg-light);border-radius:.5rem;box-shadow:0 8px 24px #00000080;display:flex;flex-shrink:0;height:230px;justify-content:center;width:230px}.playlist-cover-art img{border-radius:.5rem;height:100%;object-fit:cover;width:100%}.playlist-details{background:#0000!important;border:none!important;display:flex;flex-direction:column;padding:0!important}.playlist-details h1,.playlist-details p{background:#0000!important;color:var(--color-text-primary)}.playlist-type{font-size:.9rem;font-weight:600;margin:0 0 .5rem}.playlist-title{font-size:4rem;font-weight:800;line-height:1.1;margin:0}.playlist-creator{color:var(--color-text-secondary);margin-top:1rem}.playlist-creator a{color:var(--color-text-primary);font-weight:600;text-decoration:none}.playlist-creator a:hover{text-decoration:underline}.loading-placeholder{color:var(--color-text-secondary);font-size:1.2rem;padding:4rem;text-align:center}.playlist-actions-bar{align-items:center;display:flex;gap:1rem;padding:1.4rem 0}.playlist-play-button{align-items:center;background-color:var(--color-accent);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;margin-right:.5rem;transition:transform .2s,background-color .2s;width:56px}.playlist-play-button:hover{background-color:var(--color-accent-hover);transform:scale(1.05)}.playlist-play-button svg{height:32px;width:32px}.playlist-options-container{position:relative}.playlist-options-button{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.5rem}.playlist-options-button:hover{color:var(--color-text-primary)}.playlist-options-button svg{height:32px;width:32px}.options-menu{background-color:var(--color-bg-light);border:1px solid var(--color-border);border-radius:.5rem;box-shadow:0 4px 12px #0000004d;opacity:0;padding:.5rem;position:absolute;right:0;top:100%;transform:scale(.9);transition:opacity .15s ease-in-out,transform .15s ease-in-out;width:200px;z-index:1001}.options-menu.active{opacity:1;transform:scale(1)}.options-menu button{background:none;border:none;border-radius:.25rem;color:var(--color-text-primary);cursor:pointer;display:block;padding:.75rem 1rem;text-align:left;width:100%}.options-menu button:hover{background-color:var(--color-accent)}.options-menu button.option-delete:hover{background-color:#ef4444}.options-menu.opens-up{bottom:100%;margin-bottom:5px;top:auto}.playlist-content{padding-top:2rem}.customize-panel{animation:slideIn .3s ease-out;background-color:var(--color-bg-medium);border-left:1px solid var(--color-border);display:flex;flex-direction:column;height:100%;position:fixed;right:0;top:0;width:360px;z-index:1500}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.customize-panel-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;flex-shrink:0;justify-content:space-between;padding:1.25rem 1.5rem}.customize-panel-header h4{font-size:1.2rem;margin:0}.customize-panel-header button{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.75rem}.customize-panel-header button:hover{color:var(--color-text-primary)}.customize-panel-content{flex-grow:1;overflow-y:auto;padding:1.5rem}.customize-panel-content h5{color:var(--color-text-secondary);font-size:1rem;font-weight:600;margin:0 0 1rem}.gradient-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.gradient-option{aspect-ratio:1/1;border:3px solid #0000;border-radius:.5rem;cursor:pointer;transition:transform .2s,border-color .2s;width:100%}.gradient-option:hover{transform:scale(1.05)}.gradient-option.selected{border-color:var(--color-text-primary);box-shadow:0 0 15px #ffffff80}.customize-panel-footer{border-top:1px solid var(--color-border);padding:1.5rem}.button-primary{border:none;border-radius:.5rem;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem}.playlist-page-container.gradient-default{background:linear-gradient(to bottom,var(--color-accent) 0,var(--color-bg-deep) 350px)}.playlist-page-container.gradient-1{background:linear-gradient(to bottom,#667eea 0,var(--color-bg-deep) 350px)}.playlist-page-container.gradient-2{background:linear-gradient(to bottom,#ff9a9e 0,var(--color-bg-deep) 350px)}.playlist-page-container.gradient-3{background:linear-gradient(to bottom,#00c6fb 0,var(--color-bg-deep) 350px)}.playlist-page-container.gradient-4{background:linear-gradient(to bottom,#30cfd0 0,var(--color-bg-deep) 350px)}.playlist-page-container.gradient-5{background:linear-gradient(to bottom,#a1c4fd 0,var(--color-bg-deep) 350px)}.playlist-page-container.gradient-6{background:linear-gradient(to bottom,#43e97b 0,var(--color-bg-deep) 350px)}.playlist-page-container.gradient-7{background:linear-gradient(to bottom,#fa709a 0,var(--color-bg-deep) 350px)}.playlist-page-container.gradient-8{background:linear-gradient(to bottom,#f093fb 0,var(--color-bg-deep) 350px)}.playlist-page-container.gradient-9{background:linear-gradient(to bottom,#4facfe 0,var(--color-bg-deep) 350px)}.playlist-page-container.gradient-10{background:linear-gradient(to bottom,#f5d020 0,var(--color-bg-deep) 350px)}.playlist-page-container.gradient-11{background:linear-gradient(to bottom,#1e3c72 0,var(--color-bg-deep) 350px)}.playlist-page-container.gradient-12{background:linear-gradient(to bottom,#b721ff 0,var(--color-bg-deep) 350px)}.playlist-page-container.gradient-13{background:linear-gradient(to bottom,#08aeea 0,var(--color-bg-deep) 350px)}.playlist-page-container.gradient-14{background:linear-gradient(to bottom,#8bc6ec 0,var(--color-bg-deep) 350px)}.playlist-page-container.gradient-15{background:linear-gradient(180deg,#ff3cac 0,#784ba0 100%,#2b86c5 0)}.playlist-page-container.gradient-16{background:linear-gradient(180deg,#52acff 0,#ffe32c)}.gradient-option.gradient-1{background-image:linear-gradient(135deg,#667eea,#764ba2)}.gradient-option.gradient-2{background-image:linear-gradient(135deg,#ff9a9e,#fecfef)}.gradient-option.gradient-3{background-image:linear-gradient(135deg,#00c6fb,#005bea)}.gradient-option.gradient-4{background-image:linear-gradient(135deg,#30cfd0,#330867)}.gradient-option.gradient-5{background-image:linear-gradient(135deg,#a1c4fd,#c2e9fb)}.gradient-option.gradient-6{background-image:linear-gradient(135deg,#43e97b,#38f9d7)}.gradient-option.gradient-7{background-image:linear-gradient(135deg,#fa709a,#fee140)}.gradient-option.gradient-8{background-image:linear-gradient(135deg,#f093fb,#f5576c)}.gradient-option.gradient-9{background-image:linear-gradient(135deg,#4facfe,#00f2fe)}.gradient-option.gradient-10{background-image:linear-gradient(135deg,#f5d020,#f53803)}.gradient-option.gradient-11{background-image:linear-gradient(135deg,#1e3c72,#2a5298)}.gradient-option.gradient-12{background-image:linear-gradient(135deg,#21d4fd,#b721ff)}.gradient-option.gradient-13{background-image:linear-gradient(135deg,#08aeea,#2af598)}.gradient-option.gradient-14{background-image:linear-gradient(135deg,#8bc6ec,#9599e2)}.gradient-option.gradient-15{background-image:linear-gradient(135deg,#ff3cac,#784ba0 100%,#2b86c5 0)}.gradient-option.gradient-16{background-image:linear-gradient(135deg,#52acff,#ffe32c)}@media (max-width:768px){.playlist-page-container{padding:1.5rem 1rem}.sticky-playlist-header{margin:0 -1rem;padding:.75rem 1rem}.playlist-header{align-items:center;flex-direction:column;text-align:center}.playlist-title{font-size:2.5rem}.playlist-cover-art{height:180px;width:180px}.playlist-actions-bar{justify-content:center}.customize-panel{width:100%}}.messages-page-container{background-color:var(--color-bg-deep);display:flex;height:calc(100vh - 70px);height:calc(100vh - var(--header-height, 70px));transition:height .4s ease-in-out}.messages-page-container.player-visible{height:calc(100vh - 160px);height:calc(100vh - var(--header-height, 70px) - 90px)}.folders-icon-sidebar{align-items:center;background-color:var(--color-bg-medium);border-right:1px solid var(--color-border);display:flex;flex-direction:column;flex-shrink:0;gap:.75rem;padding:1rem 0;width:80px}.folder-icon-item{align-items:center;background-color:var(--color-bg-light);border:2px solid #0000;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;height:52px;justify-content:center;position:relative;transition:all .2s ease;width:52px}.folder-icon-item:hover{background-color:var(--color-border);border-radius:16px}.folder-icon-item.active{background-color:var(--color-accent);border-radius:16px;color:#fff}.folder-icon-item svg{height:28px;width:28px}.main-chat-wrapper{display:flex;flex-direction:column;flex-grow:1;min-width:0;overflow:hidden}.folder-tabs-mobile{background-color:var(--color-bg-medium);border-bottom:1px solid var(--color-border);display:none;flex-shrink:0;overflow-x:auto;padding:.5rem;white-space:nowrap}.folder-tabs-mobile.hidden-mobile{display:none}.folder-tabs-mobile::-webkit-scrollbar{display:none}.folder-tabs-mobile{-ms-overflow-style:none;scrollbar-width:none}.mobile-tab-item{align-items:center;background:none;border:none;border-radius:1rem;color:var(--color-text-secondary);display:inline-flex;font-weight:600;gap:.5rem;padding:.5rem 1rem;position:relative}.mobile-tab-item.active{background-color:var(--color-accent);color:#fff}.mobile-tab-item svg{height:20px;width:20px}.chat-area-grid{display:grid;flex:1 1;grid-template-columns:320px 1fr;min-height:0;overflow:hidden}.conversations-sidebar{background-color:var(--color-bg-deep);border-right:1px solid var(--color-border);display:flex;flex-direction:column;overflow:hidden}.conversations-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;flex-shrink:0;justify-content:space-between;padding:1.25rem 1.5rem}.conversations-header h2{font-size:1.5rem;margin:0}.new-group-button{align-items:center;background:none;border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.5rem}.new-group-button:hover{background-color:var(--color-bg-light);color:var(--color-text-primary)}.conversations-list{flex-grow:1;overflow-y:auto;padding:.5rem}.conversation-item{align-items:center;border-radius:.5rem;cursor:pointer;display:flex;gap:1rem;padding:.75rem;transition:background-color .2s}.conversation-item-main{align-items:center;display:flex;flex-grow:1;gap:1rem;overflow:hidden}.conversation-item:hover{background-color:var(--color-bg-light)}.conversation-item.active{background-color:var(--color-accent)}.conversation-item img{border-radius:50%;flex-shrink:0;height:50px;object-fit:cover;width:50px}.conversation-details{flex-grow:1;overflow:hidden}.conversation-name{color:var(--color-text-primary);font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item.active .conversation-name{color:#fff}.conversation-last-message{color:var(--color-text-secondary);font-size:.9rem;margin:.25rem 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item.active .conversation-last-message{color:var(--color-text-primary)}.no-conversations{color:var(--color-text-secondary);padding:2rem;text-align:center}.unread-badge{background-color:var(--color-accent);border-radius:1rem;color:#fff;flex-shrink:0;font-size:.8rem;font-weight:600;margin-left:.5rem;padding:.25rem .6rem}.folder-unread-badge{align-items:center;background-color:var(--color-error);border:2px solid var(--color-bg-medium);border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:20px;justify-content:center;position:absolute;right:2px;top:2px;width:20px}.folder-unread-badge.mobile{border:none;border-radius:1rem;height:auto;margin-left:.5rem;padding:.1rem .5rem;position:static;width:auto}.chat-window{display:flex;flex-direction:column;height:100%;overflow:hidden}.chat-window.is-swiping{transition:none!important}.chat-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;flex-shrink:0;gap:1rem;padding:1rem 1.5rem}.back-button-mobile{background:none;border:none;color:var(--color-text-primary);cursor:pointer;display:none;margin-right:.75rem;padding:.25rem}.back-button-mobile svg{height:24px;width:24px}.chat-header img{border-radius:50%;cursor:pointer;height:40px;object-fit:cover;width:40px}.chat-header h3{cursor:pointer;font-size:1.1rem;margin:0}.messages-area{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-height:0;overflow-y:auto;padding:1rem .5rem}.message-input-container{background-color:var(--color-bg-medium);border-top:1px solid var(--color-border);display:flex;flex-direction:column;flex-shrink:0}.message-input-area{align-items:center;display:flex;gap:1rem;padding:1rem 1.5rem}.message-input-form{display:flex;gap:1rem;width:100%}.message-input-form input{background-color:var(--color-bg-light);border:1px solid var(--color-border);border-radius:2rem;color:var(--color-text-primary);flex-grow:1;font-size:1rem;outline:none;padding:.75rem 1.25rem;width:100%}.message-input-form input:focus{border-color:var(--color-accent)}.message-input-form button{align-items:center;background-color:var(--color-accent);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;transition:background-color .2s;width:48px}.message-input-form button:disabled{background-color:var(--color-disabled);cursor:not-allowed}.chat-placeholder{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem;text-align:center}.chat-placeholder h3{color:var(--color-text-primary);margin-bottom:.5rem}.attachment-button{align-items:center;background:none;border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:background-color .2s}.attachment-button:hover{background-color:var(--color-bg-light);color:var(--color-text-primary)}.attachment-button svg{height:24px;width:24px}.message-wrapper.highlight{animation:highlight-anim 1.5s ease-out}@keyframes highlight-anim{0%{background-color:#a855f733}to{background-color:initial}}.saved-messages-avatar{align-items:center;background-color:var(--color-accent);border-radius:50%;display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.saved-messages-avatar svg{color:#fff;height:28px;width:28px}.saved-messages-avatar.header{height:40px;width:40px}.saved-messages-avatar.header svg{height:22px;width:22px}.chat-placeholder .placeholder-icon{color:var(--color-accent);height:80px;margin-bottom:1.5rem;width:80px}@media (max-width:1024px){.chat-area-grid{grid-template-columns:280px 1fr}}@media (max-width:768px){.messages-page-container{height:calc(100dvh - 70px);height:calc(100dvh - var(--header-height, 70px))}.messages-page-container.player-visible{height:calc(100dvh - 140px);height:calc(100dvh - var(--header-height, 70px) - 70px)}.folders-icon-sidebar{display:none}.folder-tabs-mobile{display:block}.main-chat-wrapper{height:100%}.chat-area-grid{grid-template-columns:1fr;height:100%;overflow:hidden;position:relative}.conversations-sidebar{background-color:var(--color-bg-deep);height:100%;left:0;position:absolute;top:0;transform:translateX(0);transition:transform .3s ease-in-out;width:100%;z-index:10}.conversations-sidebar.hidden-mobile{transform:translateX(-100%)}.chat-window{background-color:var(--color-bg-deep);height:100%;left:0;position:absolute;top:0;transform:translateX(100%);transition:transform .3s ease-in-out;width:100%;z-index:20}.chat-window:not(.hidden-mobile){transform:translateX(0)}.back-button-mobile{align-items:center;display:flex}}.upload-progress-overlay{background-color:#0000001a;display:flex;height:5px;left:0;position:fixed;top:0;width:100%;z-index:2000}.upload-progress-bar{background-color:var(--color-accent);border-radius:0 2px 2px 0;height:100%;transition:width .1s linear}.image-viewer-overlay{align-items:center;animation:iv-fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000000d9;display:flex;inset:0;justify-content:center;padding:2rem;position:fixed;z-index:4000}@keyframes iv-fadeIn{0%{opacity:0}to{opacity:1}}.image-viewer-content{align-items:center;animation:iv-scaleIn .3s ease;display:flex;justify-content:center;max-height:90vh;max-width:90vw;position:relative}@keyframes iv-scaleIn{0%{transform:scale(.9)}to{transform:scale(1)}}.image-viewer-content img{border-radius:.5rem;box-shadow:0 10px 30px #00000080;display:block;max-height:100%;max-width:100%}.image-viewer-close{background:none;border:none;color:#fff;cursor:pointer;font-size:3rem;font-weight:300;line-height:1;opacity:.8;padding:.5rem;position:absolute;right:-20px;top:-40px;transition:opacity .2s}.image-viewer-close:hover{opacity:1}@media (max-width:768px){.image-viewer-close{align-items:center;background-color:#00000080;border-radius:50%;display:flex;font-size:2rem;height:40px;justify-content:center;right:0;top:0;width:40px}}.create-group-modal{height:80vh;max-width:500px;width:90%}.create-group-modal,.modal-body{display:flex;flex-direction:column}.modal-body{flex-grow:1;overflow:hidden;padding:0 1.5rem 1.5rem}.group-name-input{margin-bottom:1rem!important}.search-users-input{margin-bottom:1.5rem!important}.followers-list{flex-grow:1;margin:0 -1.5rem;overflow-y:auto;padding:0 1.5rem}.follower-item{align-items:center;border-radius:.5rem;cursor:pointer;display:flex;gap:1rem;padding:.75rem;transition:background-color .2s}.follower-item:hover{background-color:var(--color-bg-light)}.follower-item input[type=checkbox]{accent-color:var(--color-accent);flex-shrink:0;height:20px;width:20px}.follower-info{overflow:hidden}.follower-nickname{color:var(--color-text-secondary);font-size:.9rem;margin:0}.no-followers-message{padding:2rem}.no-followers-message,.search-hint{color:var(--color-text-secondary);text-align:center}.search-hint{font-size:.85rem;margin:.25rem 0 .75rem}.follower-item.blocked{cursor:not-allowed;opacity:.5}.follower-name{align-items:center;display:flex;font-weight:500;gap:.4rem;margin:0}.selected-members-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.member-chip{align-items:center;background:#ffffff14;border:1px solid var(--color-border);border-radius:2rem;cursor:pointer;display:flex;font-size:.85rem;gap:.4rem;padding:.3rem .7rem;transition:background .15s}.member-chip:hover{background:#ff505026;border-color:#f44}.member-chip img{border-radius:50%;height:22px;object-fit:cover;width:22px}.chip-remove{color:var(--color-text-secondary);font-size:1rem;margin-left:.1rem}.search-users-input{margin-bottom:.5rem!important}.info-panel-overlay{background-color:#0000004d;inset:0;position:fixed;z-index:2500}.info-panel{animation:slideInFromRight .3s ease-out;background-color:var(--color-bg-deep);border-left:1px solid var(--color-border);display:flex;flex-direction:column;height:100%;position:fixed;right:0;top:0;width:360px;z-index:2501}@keyframes slideInFromRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.info-panel-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;flex-shrink:0;justify-content:space-between;padding:1.25rem 1.5rem}.info-panel-header h4{font-size:1.2rem;margin:0}.info-panel-header button{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.75rem}.info-panel-content{overflow-y:auto;padding:1.5rem}.group-main-info{align-items:center;display:flex;flex-direction:column;margin-bottom:2rem}.group-info-avatar{border-radius:50%;height:120px;margin-bottom:1rem;object-fit:cover;width:120px}.group-info-name-container{align-items:center;display:flex;gap:.75rem}.group-info-name-container h2{font-size:1.5rem;margin:0}.edit-group-button{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:0}.edit-group-button svg{height:20px;width:20px}.edit-group-button:hover{color:var(--color-text-primary)}.group-main-info p{color:var(--color-text-secondary);margin:.5rem 0 0}.info-section-title{color:var(--color-text-secondary);font-size:.8rem;font-weight:600;margin-bottom:1rem;text-transform:uppercase}.members-list{display:flex;flex-direction:column;gap:.5rem}.member-item{align-items:center;border-radius:.375rem;display:flex;gap:1rem;padding:.5rem}.member-item img{border-radius:50%;height:40px;object-fit:cover;width:40px}.member-name{font-weight:500;margin:0}.member-role.admin{color:var(--color-accent);font-size:.8rem;margin:0}.attachment-overlay{background-color:initial;inset:0;position:fixed;z-index:2000}.attachment-menu-container{height:100%;position:relative;width:100%}.attachment-menu-desktop{animation:fadeInScale .2s ease-out forwards;background-color:var(--color-bg-light);border:1px solid var(--color-border);border-radius:.75rem;bottom:80px;box-shadow:0 4px 20px #00000040;display:none;left:20px;padding:.5rem;position:absolute;transform-origin:bottom left}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.attachment-menu-desktop ul{list-style:none;margin:0;padding:0}.attachment-menu-desktop li{align-items:center;border-radius:.375rem;color:var(--color-text-primary);cursor:pointer;display:flex;gap:1rem;padding:.75rem 1rem;transition:background-color .2s;width:220px}.attachment-menu-desktop li:hover{background-color:var(--color-border)}.attachment-menu-desktop li.disabled{color:var(--color-disabled);cursor:not-allowed}.attachment-menu-desktop li.disabled:hover{background-color:initial}.attachment-menu-desktop svg{height:22px;width:22px}.attachment-sheet-mobile{animation:slideUp .3s ease-out forwards;background-color:var(--color-bg-medium);border-top-left-radius:1rem;border-top-right-radius:1rem;bottom:0;box-shadow:0 -5px 20px #0003;display:none;left:0;padding:.75rem;position:fixed;right:0}.attachment-sheet-handle{background-color:var(--color-border);border-radius:2px;height:4px;margin:0 auto 1rem;width:40px}.attachment-sheet-scroll{display:flex;gap:1rem;overflow-x:auto;padding:.5rem 1rem 1rem}.attachment-sheet-scroll::-webkit-scrollbar{display:none}.attachment-sheet-scroll{-ms-overflow-style:none;scrollbar-width:none}.mobile-item{align-items:center;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:.5rem}.mobile-item.disabled{cursor:not-allowed;filter:grayscale(80%);opacity:.6}.mobile-item-icon{align-items:center;border-radius:50%;color:#fff;display:flex;height:60px;justify-content:center;width:60px}.mobile-item-icon svg{height:28px;width:28px}.mobile-item-label{color:var(--color-text-secondary);font-size:.8rem}.mobile-item-icon.color-blue{background-color:#3897f0}.mobile-item-icon.color-cyan{background-color:#00bcd4}.mobile-item-icon.color-sky{background-color:#5ac8fa}.mobile-item-icon.color-green{background-color:#4cd964}.mobile-item-icon.color-yellow{background-color:#fc0}.mobile-item-icon.color-red{background-color:#ff3b30}@media (min-width:769px){.attachment-menu-desktop{display:block}}@media (max-width:768px){.attachment-overlay{background-color:#0006}.attachment-sheet-mobile{display:block}}.message-wrapper{align-items:flex-end;border-radius:12px;display:flex;gap:.75rem;max-width:80%;padding:5px 15px;position:relative;transition:background-color .2s}.message-wrapper.sent{align-self:flex-end;flex-direction:row-reverse}.message-wrapper.received{align-self:flex-start}.message-wrapper.selected{background-color:#2ddfb833}.message-avatar{height:32px;margin-bottom:25px;width:32px}.message-content-wrapper{display:flex;flex-direction:column}.message-wrapper.sent .message-content-wrapper{align-items:flex-end}.message-wrapper.received .message-content-wrapper{align-items:flex-start}.sender-name{color:var(--color-text-secondary);font-size:.8rem;font-weight:600;margin:0 .75rem .25rem}.message-bubble{border-radius:1.25rem;box-sizing:border-box;min-width:85px;padding:.75rem 1rem 25px;position:relative}.message-bubble.deleted{background-color:initial!important;border:1px dashed var(--color-border);padding:.75rem 1rem}.message-bubble.deleted p{color:var(--color-text-secondary);font-style:italic}.message-bubble p{margin:0;word-break:break-word}.message-wrapper.sent .message-bubble{background-color:var(--color-accent);border-bottom-right-radius:.25rem;color:#fff}.message-wrapper.received .message-bubble{background-color:var(--color-bg-light);border-bottom-left-radius:.25rem}.message-metadata{align-items:center;bottom:5px;color:var(--color-text-placeholder);display:flex;font-size:.75rem;gap:5px;position:absolute;right:12px}.message-wrapper.sent .message-metadata{color:#ffffffb3}.selection-checkbox{align-items:center;background-color:var(--color-bg-deep);border:2px solid var(--color-text-secondary);border-radius:50%;display:flex;height:22px;justify-content:center;transition:all .2s}.message-wrapper.received .selection-checkbox{right:-30px}.message-wrapper.sent .selection-checkbox{left:-30px}.message-wrapper.selected .selection-checkbox{background-color:var(--color-accent);border-color:var(--color-accent);color:#fff}.selection-checkbox svg{height:14px;width:14px}.message-bubble.track-message{background:#0000;padding:0}.music-attachment-message{align-items:center;background-color:var(--color-bg-light);border:1px solid var(--color-border);border-radius:.875rem;cursor:pointer;display:flex;gap:.75rem;max-width:280px;padding:.65rem .75rem;transition:border-color .2s;width:280px}.music-attachment-message:hover{border-color:var(--color-accent)}.music-attachment-message img{border-radius:.5rem;flex-shrink:0;height:52px;object-fit:cover;width:52px}.music-attachment-message .music-info{flex:1 1;overflow:hidden}.music-attachment-message .music-info .title{font-size:.9rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-attachment-message .music-info .artist{color:var(--color-text-secondary);font-size:.8rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-attachment-message svg{color:var(--color-accent);flex-shrink:0}.play-track-button{align-items:center;background:var(--color-accent);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.message-bubble.album-message{background:#0000;max-width:400px;padding:0;width:100%}.album-message-card{align-items:center;background-color:var(--color-bg-light);border:1px solid var(--color-border);border-radius:.875rem;display:flex;gap:.75rem;max-width:280px;padding:.65rem .75rem;width:280px}.album-message-card img{border-radius:.5rem;flex-shrink:0;height:52px;object-fit:cover;width:52px}.album-message-info{display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow:hidden}.album-message-info .album-label{color:var(--color-accent);font-size:.72rem;font-weight:700;letter-spacing:.04em;margin:0 0 .15rem;text-transform:uppercase}.album-message-info .album-title{font-size:.9rem;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.album-message-info .album-author{color:var(--color-text-secondary);font-size:.78rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-preview-bubble{background-color:#0000001a;border-left:2px solid var(--color-accent);border-radius:4px;margin-bottom:5px;max-width:100%;padding:4px 8px}.reply-sender{color:var(--color-accent);font-size:.85rem;font-weight:600;margin:0}.reply-text{color:var(--color-text-secondary);font-size:.9rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.forwarded-header{align-items:center;color:var(--color-accent);display:flex;font-size:.85rem;font-weight:600;gap:.5rem;margin:0 0 .25rem .5rem}.forwarded-header svg{stroke-width:2.5;height:16px;width:16px}.selection-checkbox{position:absolute;top:50%;transform:translateY(-50%);width:22px}.reactions-container{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem;max-width:100%;padding-left:5px}.message-wrapper.sent .reactions-container{justify-content:flex-end}.reaction-badge{align-items:center;background-color:var(--color-bg-light);border:1px solid var(--color-border);border-radius:1rem;cursor:pointer;display:flex;padding:2px 8px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.reaction-badge:hover{border-color:var(--color-accent);transform:scale(1.08)}.reaction-emoji{font-size:.9rem;line-height:1;margin-right:.3rem}.reaction-count{color:var(--color-text-secondary);font-size:.8rem;font-weight:600;line-height:1}.reaction-badge.user-reacted{background-color:initial;border-color:var(--color-accent)}.reaction-badge.user-reacted .reaction-count,.reaction-badge.user-reacted .reaction-emoji{color:#fff}.reaction-emoji-custom{height:18px;margin-right:.3rem;object-fit:contain;width:18px}.message-bubble.image-message{background-color:initial;border-radius:1.25rem;max-width:320px;overflow:hidden;padding:0}.image-message-content{cursor:pointer;overflow:hidden;position:relative}.chat-image,.image-message-content{border-radius:1.25rem;display:block}.chat-image{height:auto;max-height:300px;max-width:100%;object-fit:cover}.hd-badge{background-color:#000000a6;border-radius:4px;bottom:8px;color:#fff;font-size:.65rem;font-weight:700;line-height:1;padding:2px 6px;pointer-events:none;position:absolute;right:8px}.message-bubble.video-message{background-color:initial;border-radius:1.25rem;max-width:350px;overflow:hidden;padding:0}.video-message-content{background-color:#000;overflow:hidden;position:relative}.chat-video,.video-message-content{border-radius:1.25rem;display:block}.chat-video{max-height:300px;width:100%}.reaction-lottie-wrapper{flex-shrink:0;height:22px;margin-right:.2rem;pointer-events:none;width:22px}.message-avatar-wrapper{align-self:flex-end;flex-shrink:0;height:36px;margin-bottom:20px;position:relative;width:36px}.message-avatar{border-radius:50%;height:36px;object-fit:cover;transition:opacity .25s ease;width:36px}.message-avatar.loaded{opacity:1}.message-avatar.avatar-hidden{left:0;opacity:0;position:absolute;top:0}@keyframes shimmer-wave{0%{background-position:-200px 0}to{background-position:200px 0}}.message-avatar-shimmer{animation:shimmer-wave 1.5s linear infinite;background:linear-gradient(90deg,#ffffff0d,#ffffff24 60px,#ffffff0d 120px);background-size:200px 100%;border-radius:50%;height:36px;width:36px}.spa-card{animation:spa-fade-in .22s ease;background:#ffffff0a;border:1px solid #ffffff1a;border-left:3px solid #7c3aedb3;border-radius:14px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:8px;margin-top:6px;max-width:300px;padding:12px 12px 10px;text-align:left;transition:background .18s,border-color .18s;width:100%}@keyframes spa-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.spa-card:hover{background:#ffffff12;border-color:#7c3aede6}.spa-card:active{transform:scale(.98)}.spa-label-row{color:#7c3aedd9;font-size:.7rem;font-weight:700;gap:5px;letter-spacing:.07em;text-transform:uppercase}.spa-author-row,.spa-label-row{align-items:center;display:flex}.spa-author-row{gap:7px}.spa-author-avatar{background:#2a2a2a;border-radius:50%;flex-shrink:0;height:22px;object-fit:cover;width:22px}.spa-author-nick{color:#fffc;font-size:.8rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spa-body{align-items:flex-start;display:flex;gap:10px}.spa-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#ffffffa6;display:-webkit-box;flex:1 1;font-size:.85rem;line-height:1.45;margin:0;min-width:0;overflow:hidden}.spa-thumb{background:#1e1e2a;border-radius:8px;flex-shrink:0;height:60px;object-fit:cover;width:60px}.spa-footer{align-items:center;color:#7c3aedbf;display:flex;font-size:.75rem;font-weight:500;gap:5px;margin-top:2px;transition:color .15s}.spa-card:hover .spa-footer{color:#7c3aed}.spa-card--skeleton{cursor:default;pointer-events:none}.spa-skeleton-avatar,.spa-skeleton-label,.spa-skeleton-line,.spa-skeleton-text{animation:spa-shimmer 1.4s ease-in-out infinite;background:#ffffff12;border-radius:4px}.spa-skeleton-label{border-radius:4px;height:10px;width:50px}.spa-skeleton-avatar{border-radius:50%;flex-shrink:0;height:22px;width:22px}.spa-skeleton-lines{display:flex;flex:1 1;flex-direction:column;gap:5px}.spa-skeleton-line.long{height:10px;width:70%}.spa-skeleton-line.short{height:10px;width:40%}.spa-skeleton-text{height:10px;width:85%}.spa-skeleton-text.med{width:55%}@keyframes spa-shimmer{0%,to{opacity:.45}50%{opacity:.9}}.spa-card--deleted{align-items:center;border-left-color:#ffffff1f;color:#ffffff4d;cursor:default;display:flex;font-size:.82rem;font-style:italic;gap:8px;pointer-events:none}.spa-deleted-icon{font-size:1rem}@media (max-width:480px){.spa-card{max-width:100%;padding:10px 10px 8px}.spa-text{font-size:.8rem}.spa-thumb{height:50px;width:50px}.spa-author-nick{font-size:.75rem}.spa-footer{font-size:.7rem}}.message-context-menu{fill:none;stroke:currentColor;stroke-width:2;animation:fadeIn .1s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--color-bg-light);background-color:#282828cc;border:1px solid var(--color-border);border-radius:.75rem;box-shadow:0 4px 12px #0000004d;padding:.5rem;position:fixed;z-index:3000}.quick-reactions-bar{display:flex;justify-content:space-around;padding:.5rem}.quick-reaction-btn{align-items:center;background:none;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:1.8rem;justify-content:center;padding:.25rem;transition:transform .15s cubic-bezier(.175,.885,.32,1.275)}.quick-reaction-btn:hover{transform:scale(1.3)}.quick-reaction-btn.open-picker svg{height:24px;width:24px}.context-menu-item{align-items:center;background:none;border:none;border-radius:.25rem;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:.9rem;gap:1rem;padding:.75rem 1rem;text-align:left;width:100%}.context-menu-item:hover{background-color:var(--color-accent);color:#fff}.context-menu-item.delete:hover{background-color:var(--color-error)}.context-menu-item svg{flex-shrink:0;height:20px;width:20px}.context-menu-divider{background-color:var(--color-border);height:1px;margin:.5rem 0}.selection-header{align-items:center;animation:slideDown .3s ease-out;background-color:var(--color-bg-medium);border-bottom:1px solid var(--color-border);display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 1.5rem}.selection-count{font-size:1.2rem;font-weight:600}.selection-actions{display:flex;gap:1rem}.selection-action-btn{align-items:center;background:none;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;justify-content:center;padding:.5rem}.selection-action-btn:hover{color:var(--color-accent)}.selection-action-btn svg{stroke:currentColor;fill:none;stroke-width:2;height:24px;width:24px}.reply-preview-container{align-items:center;animation:slideDown .3s ease-out;background-color:var(--color-bg-deep);border-top:1px solid var(--color-border);display:flex;justify-content:space-between;padding:.5rem 1.5rem}.reply-preview-content{border-left:3px solid var(--color-accent);overflow:hidden;padding-left:1rem}.reply-preview-sender{color:var(--color-accent);font-size:.9rem;font-weight:600;margin:0}.reply-preview-text{color:var(--color-text-secondary);font-size:.9rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-preview-cancel{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.25rem}.reply-preview-cancel:hover{color:var(--color-text-primary)}.reply-preview-cancel svg{height:20px;width:20px}.pinned-bar-container{background-color:var(--color-bg-medium);border-bottom:1px solid var(--color-border);flex-shrink:0;position:relative}.pinned-bar-main{align-items:center;cursor:pointer;display:flex;gap:1rem;padding:.75rem 1.5rem;transition:background-color .2s}.pinned-bar-main:hover{background-color:var(--color-bg-light)}.pinned-bar-main svg{fill:var(--color-accent);stroke:none;color:var(--color-accent);flex-shrink:0;height:20px;width:20px}.pinned-bar-info{overflow:hidden}.pinned-bar-title{font-size:.9rem;font-weight:600;margin:0}.pinned-bar-content{color:var(--color-text-secondary);font-size:.9rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pinned-list-overlay{background-color:var(--color-bg-light);border:1px solid var(--color-border);border-radius:0 0 .5rem .5rem;box-shadow:0 10px 20px #0003;left:0;max-height:250px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:50}.pinned-list-item{border-bottom:1px solid var(--color-border);cursor:pointer;padding:1rem 1.5rem}.pinned-list-item:hover{background-color:var(--color-border)}.pinned-list-item:last-child{border-bottom:none}.pinned-list-sender{color:var(--color-accent);font-weight:600;margin:0 0 .25rem}.pinned-list-content{color:var(--color-text-primary);margin:0}.storage-panel-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0006;display:flex;inset:0;justify-content:center;padding:2rem;position:fixed;z-index:2500}.storage-panel{animation:scaleIn .3s ease;background-color:var(--color-bg-deep);border:1px solid var(--color-border);border-radius:1rem;display:flex;height:100%;max-height:90vh;max-width:1200px;overflow:hidden;position:relative;width:100%}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.storage-sidebar{background-color:var(--color-bg-medium);border-right:1px solid var(--color-border);display:flex;flex-direction:column;flex-shrink:0;padding:1.5rem;transition:transform .35s ease-in-out;width:280px}.storage-sidebar-header{display:none}.storage-sidebar h3{font-size:1.5rem;margin:0 0 2rem .5rem}.storage-sidebar nav{display:flex;flex-direction:column;gap:.5rem}.storage-sidebar nav button{align-items:center;background:none;border:none;border-radius:.5rem;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:1rem;padding:.85rem 1rem;text-align:left;transition:.2s}.storage-sidebar nav button:hover{background-color:var(--color-bg-light);color:var(--color-text-primary)}.storage-sidebar nav button.active{background-color:var(--color-accent);color:#fff}.storage-sidebar nav button svg{stroke:currentColor;fill:none;stroke-width:2;height:24px;transition:.3s ease;width:24px}.storage-sidebar nav button:hover svg{transform:scale(1.1) rotate(-5deg)}.storage-sidebar nav button.active svg{fill:#fff;transform:scale(1.15)}.storage-main-content{display:flex;flex-direction:column;flex-grow:1}.storage-content-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;flex-shrink:0;justify-content:center;padding:1.25rem 1.5rem;position:relative}.storage-content-header h4{font-size:1.25rem;margin:0}.close-button-desktop{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.8rem;position:absolute;right:1.5rem;top:50%;transform:translateY(-50%)}.close-button-mobile,.mobile-back-button{display:none}.storage-content-body{flex-grow:1;overflow-y:auto;padding:1.5rem}.placeholder-content{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;height:100%;justify-content:center;margin:auto;text-align:center}.placeholder-content .placeholder-icon{color:var(--color-border);height:60px;margin-bottom:1rem;width:60px}.placeholder-content h4{color:var(--color-text-primary);margin:0 0 .5rem}@media (max-width:768px){.storage-panel-overlay{padding:0}.storage-panel{border:none;border-radius:0;height:100%;max-height:100%;width:100%}.storage-main-content,.storage-sidebar{box-sizing:border-box;height:100%;left:0;position:absolute;top:0;transition:transform .35s ease-in-out;width:100%}.storage-main-content{background-color:var(--color-bg-deep);transform:translateX(100%);z-index:30}.storage-sidebar{z-index:20}.storage-panel.content-view-active .storage-sidebar{transform:translateX(-100%)}.storage-panel.content-view-active .storage-main-content{transform:translateX(0)}.storage-sidebar-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;margin:0 -1.5rem 1rem;padding:1.25rem 1rem 1.25rem 1.5rem}.storage-sidebar h3{flex-grow:1;font-size:1.25rem;margin:0;padding:0;text-align:left}.close-button-mobile{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;display:block;flex-shrink:0;font-size:2rem}.close-button-desktop{display:none}.mobile-back-button{background:none;border:none;color:var(--color-text-primary);display:block;left:1rem;padding:.5rem;position:absolute;top:50%;transform:translateY(-50%)}.storage-content-header{justify-content:center}.storage-content-body{padding:1rem}}.saved-music-tab{display:flex;flex-direction:column;height:100%}.saved-music-header{border-bottom:1px solid var(--color-border);padding:0 1rem 1.5rem}.saved-music-header h3{font-size:1.5rem;margin:0 0 1.5rem}.sub-tabs{background-color:var(--color-bg-light);border-radius:.5rem;display:flex;gap:.5rem;padding:.25rem}.sub-tabs button{background:none;border:none;border-radius:.375rem;color:var(--color-text-secondary);cursor:pointer;flex-grow:1;font-size:.9rem;font-weight:600;padding:.75rem;transition:background-color .2s,color .2s}.sub-tabs button.active,.sub-tabs button:hover{color:var(--color-text-primary)}.sub-tabs button.active{background-color:var(--color-border)}.saved-music-content{flex-grow:1;overflow-y:auto;padding-top:1.5rem}.saved-chats-list,.source-messages-view{display:flex;flex-direction:column;height:100%}.source-messages-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:1rem;margin-bottom:1rem;padding-bottom:1.5rem}.source-messages-header button{background:none;border:none;color:var(--color-text-primary);cursor:pointer;font-size:1.5rem}.source-messages-header h4{font-size:1.25rem;margin:0}.source-header-avatar{border-radius:50%;height:36px;object-fit:cover;width:36px}.source-messages-view .messages-area{flex-grow:1;overflow-y:auto;padding:.5rem}.forward-modal{display:flex;flex-direction:column;height:70vh;max-width:450px;padding:0}.forward-modal-header{border-bottom:1px solid var(--color-border);padding:1.25rem 1.5rem;position:relative;text-align:center}.forward-modal-header h4{font-size:1.25rem;margin:0}.forward-modal-header .modal-close-button{position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.forward-modal-body{display:flex;flex-direction:column;flex-grow:1;overflow:hidden;padding:1rem}.search-chats-input{margin-bottom:1rem}.forward-chat-list{flex-grow:1;overflow-y:auto}.forward-chat-item{align-items:center;border-radius:.5rem;cursor:pointer;display:flex;gap:1rem;padding:.75rem;transition:background-color .2s}.forward-chat-item:hover{background-color:var(--color-bg-light)}.forward-chat-item img,.saved-messages-avatar.small{border-radius:50%;height:44px;object-fit:cover;width:44px}.saved-messages-avatar.small svg{height:24px;width:24px}.forward-chat-item span{font-weight:500}.audio-visualizer{display:block;height:100%;opacity:.88;width:100%}.tc-root{display:flex;flex-direction:column;width:100%}.tc-root--compact{gap:.75rem}.tc-root--full{gap:1.25rem}.tc-compose{align-items:flex-start;display:flex;gap:.75rem}.tc-compose-avatar{border-radius:50%;flex-shrink:0;height:34px;margin-top:.2rem;object-fit:cover;width:34px}.tc-root--full .tc-compose-avatar{height:40px;width:40px}.tc-compose-wrapper{flex:1 1;min-width:0;position:relative}.tc-compose-field{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:1.25rem;box-sizing:border-box;display:flex;gap:.5rem;padding:.55rem .55rem .55rem 1rem;transition:border-color .2s,background .2s;width:100%}.tc-compose-field:focus-within{background:#ffffff17;border-color:#ffffff38}.tc-root--full .tc-compose-field{background:var(--color-bg-light);border-color:var(--color-border);border-radius:1rem;padding:.7rem .6rem .7rem 1.1rem}.tc-root--full .tc-compose-field:focus-within{background:var(--color-bg-medium);border-color:var(--color-accent)}.tc-compose-textarea{background:none;border:none;color:var(--color-text-primary);flex:1 1;font-family:inherit;font-size:.875rem;line-height:1.5;max-height:120px;min-height:22px;outline:none;overflow-y:auto;padding:0;resize:none}.tc-compose-textarea::placeholder,.tc-emoji-btn{color:var(--color-text-secondary)}.tc-emoji-btn{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;padding:0;transition:color .18s,background .18s;width:30px}.tc-emoji-btn svg{height:18px;width:18px}.tc-emoji-btn--active,.tc-emoji-btn:hover{background:#ffffff14;color:var(--color-text-primary)}.tc-emoji-picker-wrap{border-radius:14px;box-shadow:0 8px 40px #000000b3,0 0 0 1px #ffffff12;overflow:hidden;position:fixed;z-index:3000}.tc-send-btn{align-items:center;background-color:var(--color-accent);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;opacity:1;transition:opacity .18s,transform .15s,background-color .18s;width:32px}.tc-send-btn svg{height:16px;margin-left:2px;width:16px}.tc-send-btn:disabled{cursor:default;opacity:.3;transform:none}.tc-send-btn:not(:disabled):hover{background-color:#9333ea;background-color:var(--color-accent-hover,#9333ea);transform:scale(1.08)}.tc-send-btn:not(:disabled):active{transform:scale(.94)}.tc-login-hint{color:var(--color-text-secondary);font-size:.85rem;padding:.5rem 0;text-align:center}.tc-login-hint a{color:var(--color-accent);text-decoration:none}.tc-login-hint a:hover{text-decoration:underline}.tc-state-msg{color:var(--color-text-secondary);font-size:.82rem;padding:.5rem 0;text-align:center}.tc-state-msg--empty{opacity:.7}.tc-list{display:flex;flex-direction:column}.tc-root--compact .tc-list{gap:.6rem;max-height:240px;overflow-y:auto;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin}.tc-root--compact .tc-list::-webkit-scrollbar{width:4px}.tc-root--compact .tc-list::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:2px}.tc-root--full .tc-list{gap:0}.tc-comment{align-items:flex-start;display:flex;gap:.75rem}.tc-root--full .tc-comment{border-bottom:1px solid var(--color-border);padding:1rem 0}.tc-root--full .tc-comment:last-child{border-bottom:none}.tc-comment-avatar-link{flex-shrink:0}.tc-comment-avatar{border-radius:50%;height:32px;object-fit:cover;transition:opacity .2s;width:32px}.tc-root--full .tc-comment-avatar{height:40px;width:40px}.tc-comment-avatar-link:hover .tc-comment-avatar{opacity:.8}.tc-comment-body{flex:1 1;min-width:0}.tc-comment-header{align-items:baseline;display:flex;gap:.5rem;margin-bottom:.25rem}.tc-comment-author{color:var(--color-text-primary);font-size:.82rem;font-weight:600;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.tc-root--full .tc-comment-author{font-size:.9rem}.tc-comment-author:hover{text-decoration:underline}.tc-comment-time{color:var(--color-text-secondary);flex-shrink:0;font-size:.74rem}.tc-comment-text{color:var(--color-text-primary);font-size:.875rem;line-height:1.45;margin:0 0 .4rem;white-space:pre-wrap;word-break:break-word}.tc-root--compact .tc-comment-text{font-size:.82rem}.tc-like-btn{align-items:center;background:none;border:none;border-radius:.375rem;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:.78rem;gap:.3rem;padding:.2rem .3rem;transition:color .18s,background .18s}.tc-like-btn svg{height:14px;width:14px}.tc-like-btn:hover:not(:disabled){background:#ffffff0f;color:var(--color-text-primary)}.tc-like-btn--liked{color:var(--color-accent)!important}.tc-like-btn:disabled{cursor:default;opacity:.5}.tc-load-more{background:var(--color-bg-light);border:1px solid var(--color-border);border-radius:.5rem;color:var(--color-text-primary);cursor:pointer;font-size:.875rem;font-weight:500;margin-top:.5rem;padding:.75rem;transition:background .2s;width:100%}.tc-load-more:hover{background:var(--color-border)}.tsp-overlay{align-items:flex-end;animation:tsp-overlay-in .22s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#000000b8;display:flex;inset:0;justify-content:center;position:fixed;z-index:2500}@keyframes tsp-overlay-in{0%{opacity:0}to{opacity:1}}.tsp-panel{animation:tsp-panel-in .32s cubic-bezier(.32,1.2,.64,1);background:#0f0f14;border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 -8px 40px #00000080;display:flex;flex-direction:column;height:min(92dvh,700px);max-width:520px;overflow:hidden;width:100%}@keyframes tsp-panel-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.tsp-drag-handle{background:#ffffff24;border-radius:2px;flex-shrink:0;height:4px;margin:10px auto 0;width:36px}.tsp-header{border-bottom:1px solid #ffffff12;gap:10px;padding:12px 16px}.tsp-close-btn,.tsp-header{align-items:center;display:flex;flex-shrink:0}.tsp-close-btn{background:#ffffff12;border:none;border-radius:50%;color:#fff;cursor:pointer;height:36px;justify-content:center;transition:background .18s;width:36px}.tsp-close-btn:hover{background:#ffffff21}.tsp-header-title{color:#f0f0f0;flex:1 1;font-size:1rem;overflow:hidden;text-overflow:ellipsis}.tsp-header-title,.tsp-send-btn{font-weight:600;white-space:nowrap}.tsp-send-btn{animation:tsp-btn-pop .25s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#7c3aed,#5b21b6);border:none;border-radius:20px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.88rem;padding:.45rem 1.1rem;transition:opacity .18s,transform .18s}@keyframes tsp-btn-pop{0%{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}.tsp-send-btn:hover{opacity:.88}.tsp-send-btn:active{transform:scale(.96)}.tsp-send-btn:disabled{cursor:not-allowed;opacity:.5}.tsp-track-card{align-items:center;background:#ffffff0a;border-bottom:1px solid #ffffff12;display:flex;flex-shrink:0;gap:12px;padding:12px 16px}.tsp-track-cover{background:#1e1e1e;border-radius:8px;flex-shrink:0;height:48px;object-fit:cover;width:48px}.tsp-track-info{display:flex;flex-direction:column;gap:3px;min-width:0}.tsp-track-title{color:#f0f0f0;font-size:.95rem;font-weight:600}.tsp-track-author,.tsp-track-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tsp-track-author{color:#ffffff73;font-size:.82rem}.tsp-chips{animation:tsp-chips-in .2s ease;border-bottom:1px solid #ffffff0f;display:flex;flex-shrink:0;gap:8px;overflow-x:auto;padding:10px 16px;scrollbar-width:none}@keyframes tsp-chips-in{0%{max-height:0;opacity:0}to{max-height:80px;opacity:1}}.tsp-chips::-webkit-scrollbar{display:none}.tsp-chip{align-items:center;background:#7c3aed2e;border:1px solid #7c3aed59;border-radius:20px;color:#c4b5fd;cursor:pointer;display:flex;flex-shrink:0;font-size:.82rem;font-weight:500;gap:6px;padding:5px 10px 5px 5px;transition:background .15s;white-space:nowrap}.tsp-chip:hover{background:#7c3aed47}.tsp-chip img{border-radius:50%;flex-shrink:0;height:22px;object-fit:cover;width:22px}.tsp-chip svg{opacity:.65}.tsp-search-wrap{border-bottom:1px solid #ffffff12;flex-shrink:0;padding:12px 16px;position:relative}.tsp-search-icon{color:#ffffff59;display:flex;left:28px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.tsp-search-input{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;box-sizing:border-box;color:#fff;font-size:.95rem;outline:none;padding:11px 40px 11px 38px;transition:border-color .2s,background .2s;width:100%}.tsp-search-input::placeholder{color:#ffffff4d}.tsp-search-input:focus{background:#ffffff14;border-color:#7c3aed80}.tsp-search-clear{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#ffffff8c;cursor:pointer;display:flex;height:20px;justify-content:center;position:absolute;right:28px;top:50%;transform:translateY(-50%);transition:background .15s;width:20px}.tsp-search-clear:hover{background:#ffffff2e}.tsp-list{flex:1 1;overflow-y:auto;padding:8px;scrollbar-color:#ffffff1f #0000;scrollbar-width:thin}.tsp-list::-webkit-scrollbar{width:4px}.tsp-list::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:2px}.tsp-section-label{color:#ffffff4d;font-size:.75rem;font-weight:600;letter-spacing:.08em;margin:0;padding:8px 10px 4px;text-transform:uppercase}.tsp-user-row{align-items:center;background:#0000;border:none;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:10px;text-align:left;transition:background .15s;width:100%}.tsp-user-row:hover{background:#ffffff0d}.tsp-user-row--selected{background:#7c3aed1a}.tsp-user-row--selected:hover{background:#7c3aed29}.tsp-user-avatar{background:#2a2a2a;border-radius:50%;flex-shrink:0;height:46px;object-fit:cover;width:46px}.tsp-user-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.tsp-user-name{color:#f0f0f0;font-size:.95rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tsp-user-nick{color:#fff6;font-size:.82rem}.tsp-user-check{align-items:center;border:2px solid #fff3;border-radius:50%;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:border-color .18s,background .18s;width:24px}.tsp-user-check--on{animation:tsp-check-pop .22s cubic-bezier(.34,1.56,.64,1);background:#7c3aed;border-color:#7c3aed;color:#fff}@keyframes tsp-check-pop{0%{transform:scale(.6)}to{transform:scale(1)}}.tsp-empty{color:#ffffff4d;font-size:.9rem;line-height:1.5;margin:0;padding:32px 20px;text-align:center}.tsp-skeleton-row{align-items:center;display:flex;gap:12px;padding:10px}.tsp-skeleton-avatar{animation:tsp-shimmer 1.4s ease-in-out infinite;background:#ffffff12;border-radius:50%;flex-shrink:0;height:46px;width:46px}.tsp-skeleton-body{display:flex;flex:1 1;flex-direction:column;gap:6px}.tsp-skeleton-line{animation:tsp-shimmer 1.4s ease-in-out infinite;background:#ffffff12;border-radius:6px;height:12px}.tsp-skeleton-line.long{width:60%}.tsp-skeleton-line.short{width:35%}@keyframes tsp-shimmer{0%,to{opacity:.5}50%{opacity:1}}.tsp-bottom-actions{border-top:1px solid #ffffff12;display:flex;flex-shrink:0;gap:10px;padding:12px 16px 20px}.tsp-action-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fffc;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:500;gap:8px;justify-content:center;padding:12px;transition:background .18s,border-color .18s,transform .1s}.tsp-action-btn:hover{background:#ffffff1a;border-color:#fff3}.tsp-action-btn:active{transform:scale(.97)}@media (min-width:600px){.tsp-overlay{align-items:center}.tsp-panel{animation:tsp-panel-desktop-in .28s cubic-bezier(.34,1.2,.64,1);border-radius:20px}@keyframes tsp-panel-desktop-in{0%{opacity:0;transform:scale(.94) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.tsp-drag-handle{display:none}}@keyframes slide-up-panel{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-down-panel{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes heart-pop{0%{transform:scale(1)}40%{transform:scale(1.35)}70%{transform:scale(.92)}to{transform:scale(1)}}@keyframes comments-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.now-playing-panel{animation:slide-up-panel .42s cubic-bezier(.32,.72,0,1) forwards;background:#0d0d0f;display:flex;flex-direction:column;inset:0;overflow:hidden;position:fixed;transform:translateY(100%);z-index:2000}.now-playing-panel.closing{animation:slide-down-panel .38s cubic-bezier(.32,.72,0,1) forwards}.panel-artwork-bg{background-position:50%;background-size:cover;filter:blur(70px) saturate(2.2) brightness(.22);inset:-30px;position:absolute;transition:background-image .8s ease;z-index:0}.panel-header{flex-shrink:0;padding:1rem 1.5rem 0;position:relative;touch-action:pan-y;z-index:2}.panel-close-btn,.panel-header{align-items:center;display:flex;justify-content:center}.panel-close-btn{background:none;border:none;border-radius:50%;color:#ffffff8c;cursor:pointer;padding:.4rem;transition:color .2s,background-color .2s}.panel-close-btn:hover{background-color:#ffffff14;color:#fff}.panel-close-btn svg{height:28px;width:28px}.panel-content{flex-direction:column;flex-grow:1;overflow:hidden;padding:.5rem 1.5rem 0;z-index:1}.cover-carousel,.panel-content{align-items:center;display:flex;position:relative}.cover-carousel{height:clamp(180px,34vh,280px);justify-content:center;margin-bottom:1rem;width:100%}.carousel-artwork{aspect-ratio:1/1;background:#1e1e26;border-radius:14px;max-width:280px;object-fit:cover;opacity:0;position:absolute;transform:scale(0);transition:transform .48s cubic-bezier(.32,.72,0,1),opacity .48s ease,box-shadow .48s ease;width:64%}.carousel-artwork.active{box-shadow:0 8px 24px #00000080,0 32px 72px #0009;opacity:1;transform:translateX(0) scale(1);z-index:10}.carousel-artwork.prev-1{transform:translateX(-68%) scale(.76)}.carousel-artwork.next-1,.carousel-artwork.prev-1{box-shadow:0 6px 18px #00000059;opacity:.38;z-index:9}.carousel-artwork.next-1{transform:translateX(68%) scale(.76)}.carousel-artwork.prev-2{opacity:.18;transform:translateX(-118%) scale(.56);z-index:8}.carousel-artwork.next-2{opacity:.18;transform:translateX(118%) scale(.56);z-index:8}.carousel-artwork.hidden{opacity:0;transform:scale(0);z-index:1}.track-details{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.625rem;width:100%}.track-details-text{flex:1 1;min-width:0}.track-details-text h2{color:var(--color-text-primary);font-size:1.25rem;font-weight:700;letter-spacing:-.01em;margin:0}.track-details-text h2,.track-details-text h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-details-text h3{color:var(--color-text-secondary);font-size:.875rem;font-weight:400;margin:.2rem 0 0}.track-like-btn{align-items:center;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:.5rem;transition:color .2s,transform .15s}.track-like-btn:hover{color:var(--color-text-primary)}.track-like-btn.liked{animation:heart-pop .35s ease;color:var(--color-accent)}.track-like-btn.liked svg{fill:var(--color-accent);stroke:var(--color-accent)}.track-like-btn svg{height:24px;width:24px}.progress-section{margin-bottom:.875rem;width:100%}.waveform-wrapper{min-height:54px;position:relative}.seeker-bar{-webkit-appearance:none;background:#0000;cursor:pointer;height:100%;left:0;margin:0;opacity:0;position:absolute;top:0;width:100%}.seeker-bar::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-accent);border-radius:50%;height:16px;width:16px}.time-stamps{color:var(--color-text-secondary);display:flex;font-size:.74rem;justify-content:space-between;letter-spacing:.025em;margin-top:.4rem}.main-controls{gap:2rem;margin-bottom:.875rem;width:100%}.main-controls,.main-controls button{align-items:center;display:flex;justify-content:center}.main-controls button{background:none;border:none;border-radius:50%;color:#ffffffbf;cursor:pointer;padding:.5rem;transition:color .18s,transform .15s}.main-controls button:hover{color:#fff;transform:scale(1.1)}.main-controls button:active{transform:scale(.93)}.play-pause-main{background-color:var(--color-text-primary)!important;border-radius:50%!important;color:var(--color-bg-deep)!important;height:68px;padding:0!important;transition:transform .15s,background-color .2s!important;width:68px}.play-pause-main:hover{background-color:#fff!important;transform:scale(1.06)!important}.play-pause-main:active{transform:scale(.95)!important}.panel-visualizer-wrap{display:none}@media (min-width:768px){.panel-visualizer-wrap{display:flex;flex:1 1;flex-direction:column;min-height:0;width:100%}}.panel-view-toggle{display:flex;flex-shrink:0;gap:.25rem;padding:.25rem 0 .625rem}.panel-view-btn{align-items:center;background:none;border:none;border-radius:.5rem;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:.75rem;gap:.3rem;padding:.3rem .65rem;transition:color .18s,background-color .18s}.panel-view-btn:hover{background-color:#ffffff0f;color:var(--color-text-primary)}.panel-view-btn.active{background-color:#ffffff1a;color:var(--color-text-primary)}.panel-view-btn svg{height:15px;width:15px}.panel-view-content{min-height:0}.panel-view-content,.queue-list{display:flex;flex:1 1;flex-direction:column}.queue-list{gap:.125rem;overflow-y:auto;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin}.queue-list::-webkit-scrollbar{width:3px}.queue-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.queue-item{align-items:center;border-left:2px solid #0000;border-radius:.5rem;display:flex;gap:.625rem;padding:.35rem .5rem;transition:background-color .15s}.queue-item:hover{background-color:#ffffff0a}.queue-item.queue-active{background-color:#8b5cf61a;border-left-color:var(--color-accent)}.queue-item.queue-history{opacity:.35}.queue-item-cover{background:#1e1e26;border-radius:5px;flex-shrink:0;height:36px;object-fit:cover;width:36px}.queue-item-info{flex:1 1;min-width:0}.queue-item-title{color:var(--color-text-primary);font-size:.8rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-item.queue-active .queue-item-title{color:var(--color-accent)}.queue-item-artist{color:var(--color-text-secondary);font-size:.7rem;margin-top:.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-item-playing{align-items:flex-end;display:flex;flex-shrink:0;gap:2px;height:14px}.queue-item-playing span{animation:queue-bar-bounce .9s ease-in-out infinite alternate;background:var(--color-accent);border-radius:2px;display:block;width:3px}.queue-item-playing span:first-child{animation-delay:0s;height:6px}.queue-item-playing span:nth-child(2){animation-delay:.15s;height:10px}.queue-item-playing span:nth-child(3){animation-delay:.3s;height:7px}@keyframes queue-bar-bounce{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}.queue-empty{color:var(--color-text-secondary);font-size:.8rem;opacity:.6;padding:2rem 0;text-align:center}.actions-bar{border-top:1px solid #ffffff12;justify-content:space-around;margin-top:auto;padding:.625rem 0 max(.875rem,env(safe-area-inset-bottom));width:100%}.action-btn,.actions-bar{align-items:center;display:flex}.action-btn{background:none;border:none;border-radius:.5rem;color:var(--color-text-secondary);cursor:pointer;font-size:.8rem;gap:.35rem;padding:.4rem .6rem;transition:color .2s,background-color .2s}.action-btn:hover{background-color:#ffffff0f;color:var(--color-text-primary)}.action-btn svg{height:18px;width:18px}.comments-sheet-overlay{background:#00000080;inset:0;position:absolute;z-index:10}.comments-sheet{animation:comments-sheet-in .32s cubic-bezier(.32,1.2,.64,1);background:#131317;border-top-left-radius:20px;border-top-right-radius:20px;bottom:0;box-shadow:0 -8px 40px #00000080;display:flex;flex-direction:column;left:0;max-height:72dvh;position:absolute;right:0;z-index:11}.comments-sheet-handle{background:#ffffff24;border-radius:2px;flex-shrink:0;height:4px;margin:10px auto 0;width:36px}.comments-sheet-header{align-items:center;border-bottom:1px solid #ffffff12;display:flex;flex-shrink:0;justify-content:space-between;padding:10px 16px 12px}.comments-sheet-title{color:#f0f0f0;font-size:1rem;font-weight:600}.comments-sheet-close{align-items:center;background:#ffffff12;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .18s;width:32px}.comments-sheet-close:hover{background:#ffffff21}.comments-sheet-close svg{height:16px;width:16px}.comments-sheet-content{flex:1 1;overflow-y:auto;padding:12px 16px;scrollbar-color:#ffffff1f #0000;scrollbar-width:thin}.comments-sheet-content::-webkit-scrollbar{width:4px}.comments-sheet-content::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:2px}.player-container{grid-gap:2rem;align-items:center;background-color:var(--color-bg-medium);border-top:1px solid var(--color-border);bottom:0;box-sizing:border-box;display:grid;gap:2rem;grid-template-columns:minmax(0,1fr) minmax(300px,2fr) minmax(0,1fr);height:90px;left:0;padding:0 1.5rem;position:fixed;transition:transform .4s ease-in-out,padding-left .25s ease;width:100%;z-index:1000}@media (min-width:769px){body.sidebar-mode-full .player-container{padding-left:calc(280px + 1.5rem)}body.sidebar-mode-hover .player-container,body.sidebar-mode-icons .player-container{padding-left:calc(64px + 1.5rem)}}.player-container:not(.mobile-view){cursor:default}.player-container.mobile-view{cursor:pointer}.player-container.mobile-view:hover{background-color:var(--color-bg-light)}.mini-player-progress{background-color:var(--color-accent);bottom:0;height:2px;left:0;pointer-events:none;position:absolute}.player-track-info{align-items:center;display:flex;gap:1rem;justify-self:start;min-width:200px}.player-track-info img{border-radius:4px;height:56px;object-fit:cover;width:56px}.player-title{color:var(--color-text-primary);font-weight:600;margin:0}.player-author{color:var(--color-text-secondary);font-size:.85rem;margin:.25rem 0 0}.player-center-section{align-items:center;display:flex;flex-direction:column;gap:.5rem;width:100%}.player-controls{gap:1rem}.player-controls,.player-main-button{align-items:center;display:flex;justify-content:center}.player-main-button{background-color:var(--color-text-primary);border:none;border-radius:50%;color:var(--color-bg-deep);cursor:pointer;height:40px;transition:transform .2s,background-color .2s;width:40px}.player-main-button:hover{background-color:#fff;transform:scale(1.05)}.player-control-button{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.5rem}.player-control-button:hover{color:var(--color-text-primary)}.player-progress-container{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.8rem;gap:1rem;width:100%}.player-progress-bar{-webkit-appearance:none;background:var(--color-bg-light);border-radius:2px;cursor:pointer;height:4px;outline:none;width:100%}.player-progress-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-text-primary);border-radius:50%;height:14px;-webkit-transition:background .2s;transition:background .2s;width:14px}.player-progress-bar:hover::-webkit-slider-thumb{background:var(--color-accent)}.player-actions{align-items:center;display:flex;gap:1rem;justify-self:end}.player-action-button{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.5rem}.player-action-button:hover{color:var(--color-text-primary)}.player-live-share-btn{align-items:center;display:flex;gap:4px;position:relative;transition:color .2s}.player-live-share-btn.active{color:var(--color-accent)!important}.player-live-share-btn.active svg{filter:drop-shadow(0 0 4px var(--color-accent))}.player-new-badge{background:#a855f726;border:1px solid var(--color-accent);border-radius:3px;color:var(--color-accent);font-size:.55rem;font-weight:700;letter-spacing:.04em;line-height:1.3;padding:1px 4px;white-space:nowrap}.volume-container{align-items:center;display:flex;gap:.5rem}.volume-slider{-webkit-appearance:none;background:var(--color-bg-light);border-radius:2px;cursor:pointer;height:4px;outline:none;width:100px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-text-primary);border-radius:50%;height:14px;width:14px}.mobile-play-pause{display:none}@media (max-width:768px){.player-container{gap:1rem;grid-template-columns:1fr auto;height:70px;padding:0 1rem}.player-actions,.player-center-section{display:none}.player-track-info img{height:48px;width:48px}.mobile-play-pause{align-items:center;display:flex;justify-content:center}.player-main-button.mobile{background-color:initial;color:var(--color-text-primary)}}.create-pack-page{min-height:calc(100vh - 70px);padding:2rem 1rem}.create-pack-container{background-color:var(--color-bg-medium);border:1px solid var(--color-border);border-radius:.75rem;margin:0 auto;max-width:800px;padding:2.5rem}.create-pack-header{font-size:2rem;font-weight:700;margin-bottom:2.5rem;text-align:center}.create-pack-form .form-group{margin-bottom:1.5rem}.form-grid{align-items:flex-start;display:flex;gap:2.5rem;margin-bottom:2rem}.form-column-cover{flex:0 0 200px}.form-column-info{display:flex;flex:1 1;flex-direction:column;gap:1.5rem}.form-label{color:var(--color-text-secondary);margin-bottom:.75rem}.form-input{background-color:var(--color-bg-light);border:1px solid var(--color-border);border-radius:.5rem;box-sizing:border-box;color:var(--color-text-primary);display:block;font-size:1rem;padding:.75rem 1rem;width:100%}.toggle-switch{align-items:center;display:flex;gap:.75rem}.toggle-switch .toggle-label{color:var(--color-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-switch input{display:none}.toggle-switch .slider{background-color:var(--color-border);border-radius:28px;cursor:pointer;height:28px;position:relative;transition:background-color .2s;width:50px}.toggle-switch .slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:20px;left:4px;position:absolute;transition:transform .2s;width:20px}.toggle-switch input:checked+.slider{background-color:var(--color-accent)}.toggle-switch input:checked+.slider:before{transform:translateX(22px)}.file-dropzone{align-items:center;background-color:var(--color-bg-light);border:2px dashed var(--color-border-dashed);border-radius:.5rem;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;justify-content:center;overflow:hidden;position:relative;text-align:center;transition:border-color .2s}.file-dropzone:hover{border-color:var(--color-accent)}.file-dropzone.cover{height:200px;width:200px}.file-dropzone.emojis{min-height:150px;padding:1rem}.file-dropzone input[type=file]{display:none}.file-dropzone .upload-icon{color:var(--color-text-secondary);height:48px;width:48px}.file-dropzone span{color:var(--color-text-secondary);font-size:.9rem;padding:0 1rem}.file-dropzone small{color:var(--color-text-placeholder);font-size:.8rem}.preview-image{height:100%;object-fit:cover;width:100%}.file-preview-grid{grid-gap:1rem;background-color:var(--color-bg-light);border:1px solid var(--color-border);border-radius:.5rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));padding:1rem}.file-preview-item{background-color:var(--color-bg-medium);border-radius:.375rem;flex-direction:column;gap:.5rem;padding:.75rem;position:relative}.file-preview-item,.preview-media-container{align-items:center;display:flex;justify-content:center}.preview-media-container{height:64px;width:64px}.preview-media-container img{height:100%;object-fit:contain;width:100%}.file-name{color:var(--color-text-secondary);font-size:.75rem;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.remove-file-btn{align-items:center;background-color:var(--color-error);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:22px;justify-content:center;opacity:0;position:absolute;right:-5px;top:-5px;transform:scale(.8);transition:opacity .2s,transform .2s;width:22px;z-index:2}.file-preview-item:hover .remove-file-btn{opacity:1;transform:scale(1)}.remove-file-btn svg{height:16px;width:16px}.add-more-files-btn{align-items:center;border:2px dashed var(--color-border-dashed);border-radius:.375rem;color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;min-height:110px;transition:all .2s}.add-more-files-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.add-more-files-btn .upload-icon{height:32px;width:32px}.form-actions{border-top:1px solid var(--color-border);display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:2rem}.button-primary,.button-secondary{border:none;border-radius:.5rem;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;text-decoration:none}.button-primary{background-color:var(--color-accent);color:#fff}.button-primary:hover{filter:brightness(1.1)}.button-primary:disabled{background-color:var(--color-disabled);cursor:not-allowed}.button-secondary{background-color:initial;border:1px solid var(--color-border);color:var(--color-text-primary)}.button-secondary:hover{background-color:var(--color-bg-light)}@media (max-width:768px){.form-grid{align-items:center;flex-direction:column;gap:1.5rem}.form-column-cover{display:flex;justify-content:center;width:100%}.form-column-info{text-align:center;width:100%}.toggle-switch{justify-content:center}}.waveform-container{align-items:center;display:flex;gap:2px;height:80px;justify-content:space-between;width:100%}.waveform-bar{background-color:var(--color-border);border-radius:2px;transition:background-color .3s;width:3px}.track-page-container{padding-bottom:5rem}.track-page-loading{align-items:center;color:var(--color-text-secondary);display:flex;font-size:1.2rem;justify-content:center;min-height:50vh}.track-page-header{align-items:center;background:linear-gradient(105deg,#4f4f4f,#2e2e2e);display:flex;gap:2rem;justify-content:space-between;min-height:340px;overflow:hidden;padding:3rem 4rem;position:relative}.track-header-info{align-items:center;display:flex;gap:1.5rem;z-index:2}.track-page-play-button{align-items:center;background-color:var(--color-accent);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:64px;justify-content:center;transition:transform .2s;width:64px}.track-page-play-button:hover{transform:scale(1.08)}.track-header-details h1{color:var(--color-text-primary);font-size:2.5rem;font-weight:700;margin:0;word-break:break-word}.track-header-details a{color:var(--color-text-secondary);font-size:1.2rem;text-decoration:none}.track-header-details a:hover{color:var(--color-text-primary)}.track-header-cover{border-radius:.5rem;box-shadow:0 10px 30px #00000080;height:250px;object-fit:cover;width:250px;z-index:2}.track-header-waveform{bottom:0;height:100%;left:0;opacity:.2;pointer-events:auto;position:absolute;width:100%;z-index:1}.track-header-waveform>div{height:100%!important;pointer-events:auto}.track-page-body{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 320px;margin:0 auto;max-width:1440px;padding:2rem 4rem}.track-main-content{display:flex;flex-direction:column;gap:2rem}.track-actions-bar{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:1rem;padding-bottom:1.5rem}.action-button{align-items:center;background-color:var(--color-bg-light);border:1px solid var(--color-border);border-radius:.375rem;color:var(--color-text-primary);cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.6rem 1.2rem}.action-button.disabled{cursor:not-allowed;opacity:.6}.action-button svg{color:var(--color-text-secondary);height:20px;width:20px}.track-author-card{align-items:center;display:flex;gap:1rem}.track-author-card img{border-radius:50%;height:56px;object-fit:cover;width:56px}.track-author-info{flex-grow:1}.track-author-info a{font-size:1.1rem;font-weight:600}.track-author-info span{color:var(--color-text-secondary);display:block;font-size:.9rem}.follow-button{background-color:initial;border:1px solid var(--color-border);border-radius:.375rem;color:var(--color-text-primary);font-weight:500;padding:.6rem 1.2rem}.follow-button.disabled{cursor:not-allowed;opacity:.6}.track-content-section{border-top:1px solid var(--color-border);padding-top:2rem}.track-content-section:first-of-type{border-top:none;padding-top:0}.track-content-section h3{font-size:1.5rem;font-weight:700;margin:0 0 1.5rem}.more-button{background-color:var(--color-bg-light);border:1px solid var(--color-border);border-radius:.5rem;color:var(--color-text-primary);cursor:pointer;font-weight:600;margin-top:1rem;padding:.75rem;text-align:center;width:100%}.more-button:hover{background-color:var(--color-border)}.albums-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.album-card{background-color:var(--color-bg-medium);border-radius:.5rem;padding:1rem;transition:background-color .2s}.album-card:hover{background-color:#2a2a2a}.album-card img{aspect-ratio:1/1;border-radius:.375rem;margin-bottom:.75rem;object-fit:cover;width:100%}.album-title{font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.album-year{font-size:.9rem;margin:.25rem 0 0}.album-year,.track-description{color:var(--color-text-secondary)}.track-description{line-height:1.6}.track-comments-section{border-top:1px solid var(--color-border);padding-top:2rem}.track-comments-section h3{font-size:1.5rem;font-weight:700;margin:0 0 1.5rem}.track-sidebar{display:flex;flex-direction:column;gap:2rem}.sidebar-module{background-color:var(--color-bg-medium);border:1px solid var(--color-border);border-radius:.75rem;padding:1.5rem}.sidebar-module h5{color:var(--color-text-secondary);font-size:1rem;font-weight:600;margin:0 0 1rem;text-transform:uppercase}.stats-grid{grid-gap:1rem;color:var(--color-text-primary);gap:1rem;grid-template-columns:1fr 1fr}.tags-container{display:flex;flex-wrap:wrap;gap:.5rem}.tag-item{background-color:var(--color-bg-light);border:1px solid var(--color-border);border-radius:1rem;font-size:.85rem;padding:.25rem .75rem}.sidebar-placeholder{color:var(--color-text-secondary);font-size:.9rem}@media (max-width:1024px){.track-page-body{grid-template-columns:1fr}.track-sidebar{order:-1}}@media (max-width:768px){.track-page-container{overflow-x:hidden;padding-bottom:7rem}.track-page-header{align-items:center;box-sizing:border-box;flex-direction:column;min-height:auto;padding:2rem 1.5rem;text-align:center}.track-header-details,.track-header-info{align-items:center;flex-direction:column;width:100%}.track-header-details{display:flex;max-width:100%}.track-header-details h1{font-size:2rem;max-width:100%}.track-header-cover{height:200px;margin-top:1rem;width:200px}.track-header-waveform{display:none}.track-page-body{display:flex;flex-direction:column;margin:0;max-width:100%;padding:1.5rem}.sidebar-module,.track-page-body,.track-sidebar{box-sizing:border-box;width:100%}.sidebar-module{max-width:100%}}.tag-page-wrapper{display:flex;height:100%}.tag-page-content-pusher{flex-grow:1;height:100%;overflow-y:auto;transition:margin-left .4s ease-in-out}.tag-page-loader{align-items:center;color:var(--color-text-secondary);display:flex;font-size:1.5rem;justify-content:center;min-height:80vh}.tag-page-container{padding-bottom:4rem}.tag-hero-section{align-items:flex-start;background-position:50%;background-size:cover;color:#fff;display:flex;flex-direction:column;height:350px;justify-content:flex-end;padding:3rem 4rem;position:relative;z-index:0}.tag-hero-overlay{background:linear-gradient(0deg,#121212e6 0,#12121233);inset:0;position:absolute}.tag-hero-content{position:relative;z-index:2}.tag-name{font-size:4.5rem;font-weight:800;margin:0}.tag-metadata{color:var(--color-text-secondary);font-size:1rem;margin:.5rem 0 1.5rem .25rem}.tag-play-all-button{align-items:center;background-color:var(--color-accent);border:none;border-radius:2rem;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:.75rem;padding:.8rem 1.75rem;transition:transform .2s,filter .2s}.tag-play-all-button:hover{filter:brightness(1.1);transform:scale(1.05)}.tag-play-all-button svg{height:24px;width:24px}.tag-page-main-content{margin:0 auto;max-width:1400px;padding:3rem 4rem}.tag-content-section{margin-bottom:3.5rem}.tag-section-title{border-bottom:1px solid var(--color-border);color:var(--color-text-primary);font-size:1.75rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:1rem}.themed-playlist-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.themed-playlist-card{align-items:center;background-color:initial;border-radius:.5rem;color:inherit;display:flex;gap:1rem;padding:.75rem;text-decoration:none;transition:background-color .2s}.themed-playlist-card:hover{background-color:var(--color-bg-light)}.themed-playlist-artwork{border-radius:.375rem;flex-shrink:0;height:80px;overflow:hidden;width:80px}.themed-playlist-artwork img{height:100%;object-fit:cover;width:100%}.themed-playlist-info p{font-weight:600;margin:0 0 .25rem}.themed-playlist-info span{color:var(--color-text-secondary);font-size:.9rem}.related-tags-container{display:flex;flex-wrap:wrap;gap:1rem}.related-tag{background-color:var(--color-bg-light);border-radius:2rem;color:var(--color-text-secondary);font-weight:500;padding:.6rem 1.2rem;text-decoration:none;transition:all .2s}.related-tag:hover{background-color:var(--color-accent);color:#fff}@media (max-width:768px){.tag-hero-section{height:300px;padding:2rem 1.5rem}.tag-name{font-size:3rem}.tag-page-main-content{padding:2rem 1.5rem}.left-sidebar{display:none}}@keyframes slideUp{0%{transform:translateY(120px)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(0)}to{transform:translateY(120px)}}.bottom-nav-bar{align-items:flex-start;animation:slideUp .3s ease-out forwards;background-color:var(--color-bg-medium);border-top:1px solid var(--color-border);bottom:0;box-sizing:border-box;display:flex;display:none;height:70px;justify-content:space-around;left:0;padding-top:8px;position:fixed;right:0;transform:translateY(120px);z-index:999}@media (max-width:768px){.bottom-nav-bar{display:flex}}.bottom-nav-bar.player-visible{bottom:70px}.bottom-nav-bar.hiding{animation:slideDown .3s ease-in forwards}.bottom-nav-item{-webkit-tap-highlight-color:transparent;align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;flex-grow:1;font-size:.7rem;font-weight:500;gap:4px;justify-content:center;text-decoration:none;transition:color .2s}.bottom-nav-item svg{stroke:currentColor;fill:none;stroke-width:2;height:24px;width:24px}.bottom-nav-item.active{color:var(--color-accent)}.bottom-nav-item.special{position:relative;top:-25px}.special-icon-wrapper{background-color:var(--color-accent);border:4px solid var(--color-bg-medium);border-radius:50%;box-shadow:0 -2px 10px #0000004d;color:#fff;height:56px;width:56px}.special-icon-inner,.special-icon-wrapper{align-items:center;display:flex;justify-content:center}.special-icon-inner{height:28px;transform-origin:center center;width:28px}.special-icon-inner svg{stroke:#fff;stroke-width:2.5;display:block;height:28px;width:28px}.creation-menu-overlay{align-items:flex-end;background-color:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:998}.creation-menu-sheet{background-color:var(--color-bg-light);border-top-left-radius:1rem;border-top-right-radius:1rem;display:flex;flex-direction:column;gap:1rem;max-width:500px;padding:1.5rem 1.5rem 6.5rem;width:100%}.creation-menu-item{align-items:center;background-color:var(--color-bg-medium);border-radius:.75rem;color:var(--color-text-primary);display:flex;font-weight:600;gap:1rem;padding:1rem}.creation-item-icon{align-items:center;border-radius:50%;color:#fff;display:flex;height:44px;justify-content:center;width:44px}.creation-item-icon svg{stroke:#fff;height:24px;width:24px}.creation-item-icon.color-purple{background-color:#a855f7}.creation-item-icon.color-blue{background-color:#3b82f6}.creation-item-icon.color-green{background-color:#22c55e}.creation-item-icon.color-stories{background:linear-gradient(135deg,#f093fb,#a855f7 50%,#667eea)}.creation-item-icon.color-rooms{background:linear-gradient(135deg,#f97316,#ef4444)}.edit-pack-page{height:100%;margin:0 auto;max-width:800px;overflow-y:auto;padding:0 1rem}.edit-pack-header{align-items:center;background-color:var(--color-bg-deep);border-bottom:1px solid var(--color-border);display:flex;justify-content:center;padding:1.5rem 0;position:-webkit-sticky;position:sticky;top:0;transition:padding .3s ease,background-color .3s ease,-webkit-backdrop-filter .3s ease;transition:padding .3s ease,background-color .3s ease,backdrop-filter .3s ease;transition:padding .3s ease,background-color .3s ease,backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease;z-index:10}.edit-pack-header.shrunk{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#121212d9;padding-bottom:1rem;padding-top:0}.edit-pack-header h1{font-size:1.75rem;margin:0;text-align:center;transition:font-size .3s ease}.edit-pack-header.shrunk h1{font-size:1.25rem}.back-link{color:var(--color-text-secondary);font-size:.9rem;left:1rem;position:absolute;text-decoration:none;top:50%;transform:translateY(-50%);transition:opacity .3s ease}.edit-pack-header.shrunk .back-link{opacity:0;pointer-events:none}.header-scroll-trigger{height:1px;width:100%}.edit-pack-container{background-color:var(--color-bg-medium);border:1px solid var(--color-border);border-radius:1rem;margin-top:1rem;padding:2rem}.edit-form-grid{align-items:flex-start;display:flex;gap:2.5rem;margin-bottom:2rem}.edit-form-column{flex:1 1}.emojis-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.emoji-item{align-items:center;background-color:var(--color-bg-light);border:1px solid var(--color-border);border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;padding:.5rem;position:relative}.emoji-item.new{border-style:dashed}.emoji-item.marked-for-deletion{border-color:var(--color-error);opacity:.5}.emoji-item.marked-for-deletion .remove-btn{background-color:var(--color-error);color:#f7baba;opacity:1;transform:scale(1) rotate(45deg)}.emoji-preview{align-items:center;display:flex;height:64px;justify-content:center;width:64px}.emoji-preview img,.emoji-preview>div{height:100%;object-fit:contain;width:100%}.emoji-name{font-size:.75rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.emoji-name,.remove-btn{color:var(--color-text-secondary)}.remove-btn{align-items:center;background:var(--color-bg-light);border:1px solid var(--color-border);border-radius:50%;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;transition:all .2s ease;width:24px}.emoji-item:hover .remove-btn{border-color:var(--color-error);color:var(--color-error);transform:scale(1.1)}.remove-btn svg{height:18px;width:18px}.add-emoji-btn{align-items:center;border:2px dashed var(--color-border-dashed);border-radius:.5rem;color:var(--color-text-secondary);cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:122px;transition:all .2s}.add-emoji-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.add-emoji-btn input[type=file]{display:none}.add-emoji-btn .upload-icon{height:32px;width:32px}.edit-pack-footer{align-items:center;border-top:1px solid var(--color-border);display:flex;justify-content:space-between;margin-top:2rem;padding-top:1.5rem}.button-danger{background:none;border:1px solid var(--color-error);border-radius:.5rem;color:var(--color-error);cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:background-color .2s,color .2s}.button-danger:hover{background-color:var(--color-error);color:#fff}.button-danger:disabled{cursor:not-allowed;opacity:.5}.file-dropzone,.form-group,.form-input,.pack-type-indicator{margin-bottom:1rem}.form-label{display:block;font-weight:500;margin-bottom:.5rem}@media (max-width:600px){.edit-pack-page{padding:0 1rem 4rem}.edit-pack-header{align-items:flex-start;display:flex;flex-direction:column;grid-template-columns:1fr auto 1fr;margin:0 -1rem;padding-left:1rem;padding-right:1rem}.edit-pack-header .back-link{grid-column:1/2;justify-self:start;position:static;transform:none}.edit-pack-header h1{grid-column:2/3}.edit-pack-container{padding:1.5rem}.edit-form-grid{align-items:center;flex-direction:column;gap:1.5rem}.edit-form-column{width:100%}.edit-pack-footer{align-items:stretch;flex-direction:column-reverse;gap:1rem}}.ulm-backdrop{align-items:center;animation:ulm-fade .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}@keyframes ulm-fade{0%{opacity:0}to{opacity:1}}.ulm-modal{animation:ulm-slide-up .2s ease;background:var(--color-bg-medium);border:1px solid var(--color-border);border-radius:18px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}@keyframes ulm-slide-up{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.ulm-header{border-bottom:1px solid var(--color-border);justify-content:space-between;padding:20px 20px 16px}.ulm-header,.ulm-header-info{align-items:center;display:flex;gap:12px}.ulm-avatar{border-radius:50%;flex-shrink:0;height:40px;object-fit:cover;width:40px}.ulm-avatar--placeholder{align-items:center;background:#a855f733;color:var(--color-accent);display:flex;font-size:16px;font-weight:700;justify-content:center}.ulm-name{color:var(--color-text-primary);font-size:15px;font-weight:600;margin:0}.ulm-nick{color:var(--color-text-secondary);font-size:13px;margin:0}.ulm-close{align-items:center;background:none;border:none;border-radius:8px;color:var(--color-text-placeholder);cursor:pointer;display:flex;flex-shrink:0;padding:6px;transition:color .15s,background .15s}.ulm-close:hover{background:#ffffff12;color:var(--color-text-primary)}.ulm-body{display:flex;flex:1 1;flex-direction:column;gap:14px;padding:16px 20px}.ulm-card{background:var(--color-bg-light);border:1px solid var(--color-border);border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:16px}.ulm-card-header{align-items:center;color:var(--color-text-secondary);display:flex;font-size:12px;font-weight:600;gap:7px;letter-spacing:.06em;text-transform:uppercase}.ulm-usage-row{align-items:center;display:flex;gap:10px;justify-content:space-between}.ulm-usage-num{color:var(--color-text-primary);font-size:24px;font-weight:700}.ulm-usage-num strong{color:var(--color-accent)}.ulm-usage-label{background:#ffffff0d;border:1px solid var(--color-border);border-radius:20px;color:var(--color-text-placeholder);font-size:12px;padding:4px 10px}.ulm-progress-track{background:#ffffff12;border-radius:99px;height:6px;overflow:hidden}.ulm-progress-fill{background:var(--color-accent);border-radius:99px;height:100%;transition:width .4s ease}.ulm-progress-fill--full{background:var(--color-error)}.ulm-usage-hint{color:var(--color-text-placeholder);font-size:11px;margin:0}.ulm-limit-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.ulm-expiry-wrap,.ulm-limit-input-wrap{display:flex;flex-direction:column;gap:8px}.ulm-label{color:var(--color-text-secondary);font-size:12px;font-weight:500}.ulm-input{background:var(--color-bg-deep);border:1px solid var(--color-border);border-radius:9px;box-sizing:border-box;color:var(--color-text-primary);font-family:inherit;font-size:20px;font-weight:700;outline:none;padding:10px 12px;transition:border-color .2s;width:100%}.ulm-input:focus{border-color:var(--color-accent)}.ulm-input:disabled{opacity:.5}.ulm-check-inline{align-items:center;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:13px;gap:8px}.ulm-check-inline input{accent-color:var(--color-accent);cursor:pointer;height:15px;width:15px}.ulm-date-input{background:var(--color-bg-deep);border:1px solid var(--color-border);border-radius:9px;box-sizing:border-box;color:var(--color-text-primary);color-scheme:dark;cursor:pointer;font-family:inherit;font-size:13px;outline:none;padding:8px 12px;transition:border-color .2s;width:100%}.ulm-date-input:focus{border-color:var(--color-accent)}.ulm-date-input:disabled{opacity:.5}.ulm-reset-btn{align-self:flex-start;background:none;border:1px solid #ef444440;border-radius:8px;color:#f87171;cursor:pointer;font-family:inherit;font-size:12px;padding:7px 12px;transition:all .15s}.ulm-reset-btn:hover{background:#ef444414;border-color:#ef444466}.ulm-reset-btn:disabled{cursor:not-allowed;opacity:.5}.ulm-badges-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.ulm-badge-btn{align-items:center;background:var(--color-bg-medium);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:inherit;gap:10px;padding:10px 12px;text-align:left;transition:all .15s}.ulm-badge-btn:hover:not(:disabled){background:#a855f70d;border-color:#a855f766}.ulm-badge-btn:disabled{cursor:not-allowed;opacity:.5}.ulm-badge-btn--early-adopter.ulm-badge-btn--active{background:#fbbf2414;border-color:#fbbf2480;color:#fbbf24}.ulm-badge-btn--beta-tester.ulm-badge-btn--active{background:#3b82f614;border-color:#3b82f680;color:#60a5fa}.ulm-badge-btn--creator-plus.ulm-badge-btn--active{background:#a855f714;border-color:#a855f780;color:#c084fc}.ulm-badge-btn--vip.ulm-badge-btn--active{background:#f43f5e14;border-color:#f43f5e80;color:#fb7185}.ulm-badge-info{display:flex;flex-direction:column;gap:2px}.ulm-badge-label{font-size:12px;font-weight:600}.ulm-badge-desc{font-size:10px;line-height:1.3;opacity:.7}.ulm-error{background:#ef444414;border:1px solid #ef444433;border-radius:8px;color:var(--color-error);font-size:13px;margin:0;padding:10px 14px}.ulm-footer{border-top:1px solid var(--color-border);display:flex;gap:10px;justify-content:flex-end;padding:16px 20px}.ulm-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;gap:6px;padding:9px 20px;transition:all .15s}.ulm-btn--cancel{background:var(--color-bg-light);border:1px solid var(--color-border);color:var(--color-text-secondary)}.ulm-btn--cancel:hover{background:#ffffff12;color:var(--color-text-primary)}.ulm-btn--cancel:disabled{cursor:not-allowed;opacity:.5}.ulm-btn--save{background:var(--color-accent);color:#fff}.ulm-btn--save:hover:not(:disabled){background:var(--color-accent-hover);box-shadow:0 4px 14px #a855f759;transform:translateY(-1px)}.ulm-btn--save:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:480px){.ulm-badges-grid,.ulm-limit-row{grid-template-columns:1fr}.ulm-footer{flex-direction:column}.ulm-btn{justify-content:center;width:100%}}.table-container{background-color:var(--color-bg-medium);border:1px solid var(--color-border);border-radius:.75rem;overflow-x:auto}.user-table{border-collapse:collapse;font-size:.9rem;width:100%}.user-table td,.user-table th{border-bottom:1px solid var(--color-border);padding:1rem 1.25rem;text-align:left;white-space:nowrap}.user-table th{color:var(--color-text-secondary);font-size:.75rem;font-weight:600;text-transform:uppercase}.user-table tbody tr:last-child td{border-bottom:none}.user-table tbody tr:hover{background-color:var(--color-bg-light)}.user-info-cell{align-items:center;display:flex;gap:1rem}.user-avatar-table{border-radius:50%;height:40px;object-fit:cover;width:40px}.user-details-table{display:flex;flex-direction:column}.user-details-table span{font-weight:600}.user-details-table small{color:var(--color-text-secondary)}.roles-container{display:flex;flex-wrap:wrap;gap:.5rem}.role-badge{background-color:var(--color-bg-light);border:1px solid var(--color-border);border-radius:1rem;font-size:.8rem;font-weight:500;padding:.25rem .75rem;text-transform:capitalize}.role-badge.admin{background-color:#a855f720;border-color:var(--color-accent);color:var(--color-accent)}.status-badge{border-radius:1rem;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.status-badge.active{background-color:#22c55e20;color:var(--color-success)}.status-badge.banned{background-color:#ef444420;color:var(--color-error)}.action-buttons{display:flex;gap:.5rem}.action-buttons button{background:none;border:1px solid var(--color-border);border-radius:.375rem;color:var(--color-text-secondary);cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:all .2s}.action-buttons button:hover{border-color:var(--color-text-primary);color:var(--color-text-primary)}.action-buttons button.delete:hover{background-color:var(--color-error);border-color:var(--color-error);color:#fff}.action-buttons button.detail{background:#ffffff0a;border-color:#ffffff1f;color:var(--color-text-primary);font-weight:600}.action-buttons button.detail:hover{background-color:#ffffff17;border-color:#fff3}.action-buttons button.limits{border-color:#a855f74d;color:var(--color-accent)}.action-buttons button.limits:hover{background-color:#a855f71f;border-color:var(--color-accent);color:var(--color-accent)}.upload-usage-chip{align-items:center;background:#ffffff0a;border:1px solid var(--color-border);border-radius:20px;color:var(--color-text-secondary);display:inline-flex;font-size:12px;font-weight:500;gap:5px;padding:3px 10px;white-space:nowrap}.upload-usage-chip--warn{background:#f59e0b1a;border-color:#f59e0b40;color:#f59e0b}.upload-usage-chip--full{background:#ef44441a;border-color:#ef444440;color:var(--color-error)}.upload-usage-chip--override{background:#3b82f61a;border-color:#3b82f640;color:#60a5fa}@media (max-width:900px){.user-table thead{display:none}.user-table,.user-table tbody,.user-table td,.user-table tr{display:block;width:100%}.user-table tr{border:1px solid var(--color-border);border-radius:.5rem;margin-bottom:1rem;overflow:hidden}.user-table td{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:.75rem 1rem;text-align:right;white-space:normal}.user-table td:last-child{border-bottom:none}.user-table td:before{color:var(--color-text-secondary);content:attr(data-label);font-weight:600;margin-right:1rem;text-align:left}.user-info-cell{justify-content:flex-end}.user-details-table{text-align:right}}.modal-overlay{background-color:#0009;bottom:0;right:0;z-index:1000}.modal-content{background-color:var(--color-bg-medium);box-shadow:0 5px 15px #0000004d;max-width:500px;width:90%}.modal-title{color:var(--color-text-primary);font-size:1.5rem;margin-bottom:1.5rem;margin-top:0}.roles-checkbox-group{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.role-checkbox-label{align-items:center;cursor:pointer;display:flex;font-size:1rem}.role-checkbox-label input[type=checkbox]{height:18px;margin-right:.75rem;width:18px}.role-name{text-transform:capitalize}.modal-button{border:none;border-radius:.375rem;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:background-color .2s}.modal-button.primary{background-color:var(--color-accent);color:#fff}.modal-button.primary:hover{background-color:var(--color-accent-hover)}.modal-button.secondary{background-color:var(--color-bg-light);color:var(--color-text-secondary)}.modal-button.secondary:hover{background-color:var(--color-border)}.unclaimed-tracks-section{background:#1e293b;background:var(--surface-default,#1e293b);border:1px solid #334155;border:1px solid var(--border-default,#334155);border-radius:12px;margin-top:3rem;padding:1.5rem}.unclaimed-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.unclaimed-header h2{font-size:1.25rem;margin:0}.refresh-btn,.unclaimed-header h2{color:#f8fafc;color:var(--text-primary,#f8fafc)}.refresh-btn{align-items:center;background:#334155;background:var(--surface-hover,#334155);border:1px solid #475569;border:1px solid var(--border-default,#475569);border-radius:8px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.refresh-btn:hover{background:#475569;background:var(--surface-active,#475569)}.refresh-btn .spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.track-title-cell{display:flex;flex-direction:column}.track-id-cell{background:#1e293b;background:var(--surface-hover,#1e293b);border:1px solid #334155;border:1px solid var(--border-default,#334155);border-radius:4px;font-family:monospace;font-size:.85rem;gap:.5rem;padding:.25rem .5rem;width:-webkit-fit-content;width:fit-content}.icon-btn,.track-id-cell{align-items:center;display:flex}.icon-btn{background:#0000;border:none;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;justify-content:center;padding:2px;transition:color .2s}.icon-btn:hover{color:#f8fafc;color:var(--text-primary,#f8fafc)}.detail-link{align-items:center;background:#0000;border:1px solid #a855f74d;border-radius:6px;color:#a855f7;display:inline-flex;font-size:.875rem;font-weight:500;gap:.25rem;padding:6px 12px;text-decoration:none;transition:background .2s}.detail-link:hover{background:#a855f71a}.admin-page-container{margin:0 auto;max-width:1600px;padding:2rem}.admin-page-header{border-bottom:1px solid var(--color-border);margin-bottom:2rem;padding-bottom:1.5rem}.admin-page-header h1{font-size:2rem;margin:0}.admin-page-header p{color:var(--color-text-secondary);margin-top:.5rem}.admin-page-error,.admin-page-loader{color:var(--color-text-secondary);font-size:1.2rem;padding:4rem;text-align:center}.admin-page-error{color:var(--color-error)}.aup-page{min-height:100vh;padding:24px 16px 80px}.aup-container{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:1100px}.aup-error,.aup-loader{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;font-size:15px;gap:16px;padding:80px 24px;text-align:center}.aup-error{color:var(--color-error)}.aup-topbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.aup-back{align-items:center;border-radius:8px;color:var(--color-text-secondary);display:inline-flex;font-size:13px;gap:5px;padding:7px 12px 7px 8px;text-decoration:none;transition:background .15s,color .15s}.aup-back:hover{background:#ffffff0f;color:var(--color-text-primary)}.aup-topbar-actions{align-items:center;display:flex;gap:8px}.aup-btn{align-items:center;border:none;border-radius:9px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;text-decoration:none;transition:all .15s;white-space:nowrap}.aup-btn--ghost{background:var(--color-bg-light);border:1px solid var(--color-border);color:var(--color-text-secondary)}.aup-btn--ghost:hover{background:#ffffff12;color:var(--color-text-primary)}.aup-btn--ban{background:#ef44441f;border:1px solid #ef444440;color:#f87171}.aup-btn--ban:hover:not(:disabled){background:#ef444433;border-color:#ef4444}.aup-btn--unban{background:#22c55e1a;border:1px solid #22c55e40;color:#4ade80}.aup-btn--unban:hover:not(:disabled){background:#22c55e2e}.aup-btn--secondary{background:var(--color-bg-light);border:1px solid var(--color-border);color:var(--color-text-secondary)}.aup-btn--secondary:hover{color:var(--color-text-primary)}.aup-btn--full{justify-content:center;width:100%}.aup-btn:disabled{cursor:not-allowed;opacity:.5}.aup-layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr 380px}.aup-left,.aup-right{gap:16px}.aup-card,.aup-left,.aup-right{display:flex;flex-direction:column}.aup-card{background:var(--color-bg-medium);border:1px solid var(--color-border);border-radius:16px;gap:14px;padding:20px}.aup-card--danger{background:#ef444408;border-color:#ef444433}.aup-card-title{align-items:center;border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);display:flex;font-size:13px;font-weight:600;gap:7px;letter-spacing:.06em;margin:0;padding-bottom:10px;text-transform:uppercase}.aup-card-title--danger{color:#f87171}.aup-profile-head{align-items:flex-start;display:flex;gap:16px}.aup-avatar-wrap{flex-shrink:0;position:relative}.aup-avatar{border:2px solid var(--color-border);border-radius:50%;height:72px;object-fit:cover;width:72px}.aup-banned-badge{align-items:center;background:var(--color-error);border:2px solid var(--color-bg-medium);border-radius:20px;bottom:-4px;color:#fff;display:inline-flex;font-size:10px;font-weight:700;gap:3px;padding:2px 6px;position:absolute;right:-4px;white-space:nowrap}.aup-profile-info{display:flex;flex-direction:column;gap:4px;min-width:0}.aup-display-name{color:var(--color-text-primary);font-size:20px;font-weight:700;margin:0;word-break:break-word}.aup-nickname{color:var(--color-text-secondary);font-size:14px;margin:0}.aup-role-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}.aup-role-chip{background:#ffffff0f;border:1px solid var(--color-border);border-radius:20px;color:var(--color-text-secondary);display:inline-block;font-size:11px;font-weight:600;padding:2px 9px;text-transform:capitalize}.aup-role-chip--admin{background:#a855f726;border-color:#a855f766;color:#c084fc}.aup-role-chip--creator{background:#22c55e1f;border-color:#22c55e59;color:#4ade80}.aup-role-chip--moderator{background:#3b82f61f;border-color:#3b82f659;color:#60a5fa}.aup-role-chip--verified{background:#fbbf241f;border-color:#fbbf2459;color:#fbbf24}.aup-bio{color:var(--color-text-secondary);font-size:13px;line-height:1.55;margin:0}.aup-meta-list{display:flex;flex-direction:column;gap:7px}.aup-meta-row{align-items:center;color:var(--color-text-secondary);display:flex;font-size:13px;gap:8px}.aup-meta-row svg{color:var(--color-text-placeholder);flex-shrink:0}.aup-verified-icon{color:var(--color-success)!important}.aup-unverified-icon{color:var(--color-error)!important}.aup-badges-display{display:flex;flex-wrap:wrap;gap:7px}.aup-badge-pill{align-items:center;border:1px solid #0000;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:3px 10px}.aup-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.aup-stat-card{background:var(--color-bg-medium);border:1px solid var(--color-border);border-radius:12px;gap:12px;padding:14px}.aup-stat-card,.aup-stat-icon{align-items:center;display:flex}.aup-stat-icon{border-radius:10px;flex-shrink:0;height:38px;justify-content:center;width:38px}.aup-stat-body{display:flex;flex-direction:column;gap:2px;min-width:0}.aup-stat-value{color:var(--color-text-primary);font-size:18px;font-weight:700;line-height:1}.aup-stat-label{color:var(--color-text-placeholder);font-size:11px;letter-spacing:.05em;text-transform:uppercase}.aup-stat-sub{color:var(--color-text-secondary);font-size:11px}.aup-tracks-list{display:flex;flex-direction:column;gap:4px}.aup-track-row{align-items:center;background:var(--color-bg-light);border:1px solid #0000;border-radius:10px;display:flex;gap:12px;padding:10px 12px;text-decoration:none;transition:background .15s}.aup-track-row:hover{background:#a855f712;border-color:#a855f733}.aup-track-cover{align-items:center;background:#a855f71f;border-radius:7px;color:var(--color-accent);display:flex;flex-shrink:0;height:36px;justify-content:center;overflow:hidden;width:36px}.aup-track-cover img{display:block;height:100%;object-fit:cover;width:100%}.aup-track-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.aup-track-title{color:var(--color-text-primary);font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aup-track-meta{align-items:center;color:var(--color-text-placeholder);display:flex;font-size:11px;gap:4px}.aup-explicit-tag{background:#ef444426;border-radius:3px;color:#f87171;font-size:10px;font-weight:700;padding:1px 4px}.aup-track-stats{align-items:flex-end;color:var(--color-text-placeholder);display:flex;flex-direction:column;flex-shrink:0;font-size:11px;gap:2px;white-space:nowrap}.aup-roles-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.aup-role-toggle{align-items:center;background:var(--color-bg-light);border:1px solid var(--color-border);border-radius:9px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:10px 12px;text-transform:capitalize;transition:all .15s;-webkit-user-select:none;user-select:none}.aup-role-toggle:hover{border-color:#a855f74d;color:var(--color-text-primary)}.aup-role-toggle--on{background:#a855f71a;border-color:#a855f766;color:#c084fc}.aup-role-dot{background:var(--color-border);border-radius:50%;flex-shrink:0;height:8px;width:8px}.aup-role-dot--admin{background:#c084fc}.aup-role-dot--creator{background:#4ade80}.aup-role-dot--moderator{background:#60a5fa}.aup-role-dot--verified{background:#fbbf24}.aup-role-dot--user{background:#71717a}.aup-save-btn{align-items:center;align-self:flex-start;background:var(--color-accent);border:none;border-radius:9px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:7px;padding:9px 18px;transition:all .15s}.aup-save-btn:hover:not(:disabled){background:var(--color-accent-hover);box-shadow:0 4px 14px #a855f74d;transform:translateY(-1px)}.aup-save-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.aup-usage-block{display:flex;flex-direction:column;gap:8px}.aup-usage-row{align-items:center;display:flex;font-size:13px;justify-content:space-between}.aup-usage-label{color:var(--color-text-secondary)}.aup-usage-val{color:var(--color-text-primary);font-weight:700}.aup-usage-track{background:#ffffff0f;border-radius:99px;height:6px;overflow:hidden}.aup-usage-fill{border-radius:99px;height:100%;transition:width .4s ease}.aup-usage-hint{color:var(--color-text-placeholder);font-size:11px;margin:0}.aup-limit-fields{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.aup-field-group{display:flex;flex-direction:column;gap:8px}.aup-field-label{color:var(--color-text-secondary);font-size:12px;font-weight:500}.aup-input{background:var(--color-bg-light);border:1px solid var(--color-border);border-radius:9px;box-sizing:border-box;color:var(--color-text-primary);font-family:inherit;font-size:16px;font-weight:700;outline:none;padding:9px 12px;transition:border-color .2s;width:100%}.aup-input:focus{border-color:var(--color-accent)}.aup-input:disabled{opacity:.5}.aup-input--date{color-scheme:dark;font-size:13px;font-weight:400}.aup-check-inline{align-items:center;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:13px;gap:8px}.aup-check-inline input{accent-color:var(--color-accent);cursor:pointer;height:15px;width:15px}.aup-reset-btn{align-self:flex-start;background:none;border:1px solid #ef444440;border-radius:8px;color:#f87171;cursor:pointer;font-family:inherit;font-size:12px;padding:6px 12px;transition:all .15s}.aup-reset-btn:hover{background:#ef444414;border-color:#ef444466}.aup-reset-btn:disabled{cursor:not-allowed;opacity:.5}.aup-divider{background:var(--color-border);height:1px;margin:2px 0}.aup-subsection-title{align-items:center;color:var(--color-text-secondary);display:flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.06em;margin:0;text-transform:uppercase}.aup-badges-toggles{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.aup-badge-toggle{align-items:center;background:var(--color-bg-light);border:1px solid var(--color-border);border-radius:9px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:12px;font-weight:600;gap:7px;padding:9px 12px;transition:all .15s}.aup-badge-toggle:hover:not(:disabled){border-color:#a855f74d}.aup-badge-toggle:disabled{cursor:not-allowed;opacity:.5}.aup-badge-toggle--early-adopter.aup-badge-toggle--active{background:#fbbf2414;border-color:#fbbf2480;color:#fbbf24}.aup-badge-toggle--beta-tester.aup-badge-toggle--active{background:#3b82f614;border-color:#3b82f680;color:#60a5fa}.aup-badge-toggle--creator-plus.aup-badge-toggle--active{background:#a855f714;border-color:#a855f780;color:#c084fc}.aup-badge-toggle--vip.aup-badge-toggle--active{background:#f43f5e14;border-color:#f43f5e80;color:#fb7185}.aup-danger-desc{color:var(--color-text-secondary);font-size:13px;line-height:1.5;margin:0}.aup-sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (max-width:900px){.aup-layout{grid-template-columns:1fr}.aup-right{order:-1}}@media (max-width:600px){.aup-page{padding:16px 12px 80px}.aup-stats-grid{grid-template-columns:1fr 1fr}.aup-roles-grid{grid-template-columns:repeat(2,1fr)}.aup-limit-fields{grid-template-columns:1fr}.aup-badges-toggles{grid-template-columns:1fr 1fr}.aup-topbar-actions{width:100%}.aup-topbar-actions .aup-btn{flex:1 1;justify-content:center}}.post-analytics-card{align-items:center;background-color:var(--color-bg-medium);border:1px solid var(--color-border);border-radius:.75rem;display:flex;gap:1.5rem;justify-content:space-between;padding:1.25rem;transition:background-color .2s}.post-analytics-card:hover{background-color:var(--color-bg-light)}.post-analytics-content{flex-grow:1;overflow:hidden}.post-snippet{color:var(--color-text-secondary);font-size:.9rem;line-height:1.4;max-height:60px;overflow:hidden;position:relative}.post-snippet:after{background:linear-gradient(to bottom,#0000,var(--color-bg-medium));bottom:0;content:"";height:20px;left:0;position:absolute;right:0}.post-analytics-card:hover .post-snippet:after{background:linear-gradient(to bottom,#0000,var(--color-bg-light))}.post-snippet-placeholder{color:var(--color-text-placeholder);font-size:.9rem;font-style:italic}.post-analytics-attachment{align-items:center;background-color:var(--color-bg-light);border-radius:.375rem;display:flex;gap:.75rem;margin-top:1rem;padding:.5rem}.post-analytics-attachment img{border-radius:4px;height:32px;object-fit:cover;width:32px}.post-analytics-attachment span{font-size:.9rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-analytics-attachment.poll svg{color:var(--color-accent);flex-shrink:0;height:32px;width:32px}.post-analytics-stats{display:flex;flex-shrink:0;gap:1.5rem}.post-analytics-stats .stat-item{align-items:center;color:var(--color-text-primary);display:flex;font-size:1rem;font-weight:600;gap:.5rem;position:relative}.post-analytics-stats .stat-item svg{color:var(--color-text-secondary);height:20px;width:20px}.stat-tooltip{background-color:var(--color-bg-light);border-radius:6px;bottom:150%;color:#fff;font-size:.8rem;left:50%;margin-left:-50px;opacity:0;padding:5px 10px;position:absolute;text-align:center;transition:opacity .2s;visibility:hidden;width:100px;z-index:1}.stat-item:hover .stat-tooltip{opacity:1;visibility:visible}@media (max-width:600px){.post-analytics-card{align-items:stretch;flex-direction:column}.post-analytics-stats{border-top:1px solid var(--color-border);justify-content:space-around;padding-top:1rem}}.studio-page-container{height:100%;margin:0 auto;max-width:100%;overflow-y:auto;padding:0 4rem}.studio-hero{background:linear-gradient(160deg,#0c0c1e,#160830 55%,#0a1628);border-bottom:1px solid #a855f72e;margin:0 -4rem;overflow:hidden;padding:2.75rem 4rem 2.25rem;position:relative}.studio-hero-glow{border-radius:50%;pointer-events:none;position:absolute}.studio-hero-glow--purple{background:radial-gradient(circle,#a855f721 0,#0000 70%);height:520px;left:55%;top:50%;transform:translate(-50%,-50%);width:520px}.studio-hero-glow--indigo{background:radial-gradient(circle,#6366f117 0,#0000 70%);bottom:-20%;height:300px;left:2%;width:300px}.studio-hero-inner{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;position:relative;z-index:1}.studio-hero-user{align-items:center;display:flex;gap:1.5rem}.studio-hero-avatar-wrap{flex-shrink:0;position:relative}.studio-hero-avatar{border:2px solid #a855f773;border-radius:50%;display:block;height:72px;object-fit:cover;width:72px}.studio-hero-avatar-ring{animation:studio-ring-spin 4s linear infinite;background:conic-gradient(#a855f7b3,#6366f166,#a855f7b3);border-radius:50%;inset:-5px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#fff 0);mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#fff 0);pointer-events:none;position:absolute}@keyframes studio-ring-spin{to{transform:rotate(1turn)}}.studio-hero-info{display:flex;flex-direction:column;gap:.3rem}.studio-hero-badges-row{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem}.studio-badge{border-radius:100px;font-size:.7rem;font-weight:700;letter-spacing:.05em;line-height:1.4;padding:.18rem .6rem}.studio-badge--role{background:#a855f72e;border:1px solid #a855f759;color:#c084fc}.studio-badge--creator{background:#34d3991f;border:1px solid #34d39947;color:#6ee7b7}.studio-badge--admin{background:#facc151f;border:1px solid #facc1547;color:#fde68a}.studio-hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff 25%,#c084fce6);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:800;letter-spacing:-.025em;line-height:1.15;margin:0}.studio-hero-subtitle{color:#ffffff59;font-size:.85rem;margin:0}.studio-hero-stats{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;display:flex;padding:1rem 0}.studio-quick-stat{align-items:center;display:flex;flex-direction:column;gap:.2rem;padding:0 1.5rem}.studio-quick-stat__val{color:#fff;font-size:1.4rem;font-weight:800;letter-spacing:-.02em;line-height:1}.studio-quick-stat__val--dim{color:#ffffff2e}.studio-quick-stat__lbl{color:#ffffff59;font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.studio-quick-stat-sep{background:#ffffff14;display:block;flex-shrink:0;height:2.2rem;width:1px}.studio-layout{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:248px 1fr;margin-top:2rem;padding-bottom:3rem}.studio-sidebar{gap:1.75rem;height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:1rem}.studio-nav-group,.studio-sidebar{display:flex;flex-direction:column}.studio-nav-group{gap:.1rem}.studio-nav-group__label{color:#ffffff40;display:block;font-size:.68rem;font-weight:700;letter-spacing:.09em;margin-bottom:.3rem;padding:0 .75rem;text-transform:uppercase}.studio-nav-btn{align-items:center;background:#0000;border:none;border-radius:10px;color:#ffffff6b;cursor:pointer;display:flex;font-family:inherit;font-size:.875rem;font-weight:500;gap:.75rem;padding:.65rem .75rem;position:relative;text-align:left;transition:background .18s,color .18s;width:100%}.studio-nav-btn:hover{background:hsla(0,0%,100%,.055);color:#ffffffc7}.studio-nav-btn.active{background:#a855f724;color:#c084fc;font-weight:600}.studio-nav-btn.active:before{background:#a855f7;border-radius:0 3px 3px 0;bottom:25%;content:"";left:0;position:absolute;top:25%;width:3px}.studio-nav-btn__icon{align-items:center;color:#ffffff4d;display:flex;flex-shrink:0;height:18px;justify-content:center;transition:color .18s;width:18px}.studio-nav-btn__icon svg{height:17px;width:17px}.studio-nav-btn:hover .studio-nav-btn__icon{color:#ffffffb3}.studio-nav-btn.active .studio-nav-btn__icon{color:#a855f7}.studio-nav-btn__label{flex:1 1}.studio-main-content{min-width:0}.studio-coming-soon{background:#ffffff05;border:1px dashed #a855f733;border-radius:18px;flex-direction:column;gap:1rem;min-height:320px;padding:4.5rem 2rem;text-align:center}.studio-coming-soon,.studio-coming-soon-icon{align-items:center;display:flex;justify-content:center}.studio-coming-soon-icon{background:#a855f71a;border:1px solid #a855f738;border-radius:16px;color:#a855f7;height:58px;margin-bottom:.25rem;width:58px}.studio-coming-soon-icon svg{height:28px;width:28px}.studio-coming-soon-title{color:var(--color-text-primary);font-size:1.45rem;font-weight:700;letter-spacing:-.02em;margin:0}.studio-coming-soon-desc{color:var(--color-text-secondary);font-size:.9rem;line-height:1.65;margin:0;max-width:400px}.studio-coming-soon-features{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:.5rem 0 0;max-width:360px;padding:0;text-align:left;width:100%}.studio-coming-soon-features li{align-items:center;color:#ffffff73;display:flex;font-size:.85rem;gap:.6rem}.studio-coming-soon-dot{background:#a855f799;border-radius:50%;box-shadow:0 0 5px #a855f780;display:inline-block;flex-shrink:0;height:5px;width:5px}.studio-coming-soon-badge{background:#a855f71f;border:1px solid #a855f747;border-radius:100px;color:#c084fc;font-size:.72rem;font-weight:700;letter-spacing:.07em;margin-top:.75rem;padding:.28rem .9rem;text-transform:uppercase}.dashboard-grid-layout{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:2fr 1fr}.dashboard-main-column{display:flex;flex-direction:column;gap:2.5rem;max-width:100%;min-width:0}.dashboard-section{width:100%}.dashboard-section-title{color:var(--color-text-primary);font-size:1rem;font-weight:700;letter-spacing:-.01em;margin:0 0 1rem}.stats-grid{grid-gap:.85rem;display:grid;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr))}.stat-card{align-items:flex-start;background:#ffffff08;border:1px solid #ffffff12;border-radius:14px;box-sizing:border-box;cursor:default;display:flex;gap:1rem;min-width:0;padding:1.2rem 1.35rem;transition:border-color .2s,background .2s,transform .18s}.stat-card:hover{background:#a855f70d;border-color:#a855f733;transform:translateY(-1px)}.stat-card--dim{opacity:.6}.stat-card-icon{align-items:center;background:#a855f71f;border-radius:12px;color:#a855f7;display:flex;flex-shrink:0;height:42px;justify-content:center;width:42px}.stat-card-icon--green{background:#22c55e1f;color:#4ade80}.stat-card-icon--blue{background:#6366f11f;color:#818cf8}.stat-card-icon--amber{background:#f59e0b1f;color:#fbbf24}.stat-card-icon--rose{background:#f43f5e1f;color:#fb7185}.stat-card-icon--teal{background:#14b8a61f;color:#2dd4bf}.stat-card-icon svg{height:20px;width:20px}.stat-card-info{flex:1 1;min-width:0}.stat-card-title{color:var(--color-text-secondary);font-size:.73rem;font-weight:600;letter-spacing:.05em;margin:0 0 .3rem;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.stat-card-value{color:var(--color-text-primary);font-size:1.6rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:0}.stat-card-value--placeholder{color:#ffffff29;font-size:1.4rem}.stat-card-badge{border-radius:100px;display:inline-block;font-size:.68rem;font-weight:700;margin-top:.35rem;padding:.15rem .55rem}.stat-card-badge--up{background:#22c55e1f;border:1px solid #22c55e38;color:#4ade80}.stat-card-badge--down{background:#f43f5e1a;border:1px solid #f43f5e38;color:#fb7185}.stat-card-badge--dim{background:#ffffff0d;border:1px solid #ffffff1a;color:#ffffff4d}.stat-card-loader{animation:studio-pulse 1.6s ease-in-out infinite;background:#ffffff0f;border-radius:6px;height:1.6rem;width:64px}@keyframes studio-pulse{0%{opacity:.35}50%{opacity:.65}to{opacity:.35}}.dashboard-track-list{background:#ffffff05;border:1px solid #ffffff12;border-radius:14px;padding:.6rem}.audience-geography-card,.recent-followers-card{background:#ffffff05;border:1px solid #ffffff12;border-radius:14px;min-height:150px;padding:1.4rem}.country-list{display:flex;flex-direction:column;gap:.85rem;list-style:none;margin:0;padding:0}.country-list li{align-items:center;display:flex;font-size:.85rem;gap:.75rem}.country-name{color:var(--color-text-primary);flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:80px}.country-bar-container{background:#ffffff0f;border-radius:4px;flex-grow:1;height:6px;overflow:hidden}.country-bar{background:linear-gradient(90deg,#a855f7,#7c3aed);border-radius:4px;height:100%;transition:width .6s ease}.country-percentage{color:var(--color-text-secondary);font-size:.82rem;font-weight:700;text-align:right;width:45px}.followers-grid{grid-gap:.65rem;gap:.65rem;grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}.follower-item img{border:2px solid #0000;border-radius:50%;height:40px;object-fit:cover;transition:transform .2s,border-color .2s;width:40px}.follower-item img:hover{border-color:#a855f78c;transform:scale(1.12)}.no-data-placeholder{color:var(--color-text-secondary);font-size:.875rem;padding:2rem 0;text-align:center}.posts-analytics-list{display:flex;flex-direction:column;gap:.85rem}.posts-summary-stats{grid-gap:.85rem;display:grid;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr));margin-bottom:2rem}.studio-insights-row{grid-gap:.85rem;display:grid;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}.studio-insight-card{background:#ffffff05;border:1px solid #ffffff12;border-radius:14px;box-sizing:border-box;display:flex;flex-direction:column;gap:.4rem;min-width:0;padding:1.2rem 1.35rem}.studio-insight-card__label{color:#ffffff47;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.studio-insight-card__value{color:var(--color-text-primary);font-size:1.05rem;font-weight:700}.studio-insight-card__value--dim{color:#fff3}.studio-insight-card__sub{color:var(--color-text-secondary);font-size:.78rem;line-height:1.45}@media (max-width:1200px){.dashboard-grid-layout{grid-template-columns:1fr}}@media (max-width:1024px){.studio-hero-stats{display:none}}@media (max-width:900px){.studio-page-container{padding:0 1rem}.studio-hero{margin:0 -1rem;padding:2rem 1rem 1.5rem}.studio-layout{gap:1rem;grid-template-columns:1fr}.studio-sidebar{-ms-overflow-style:none;border-bottom:1px solid #ffffff12;flex-direction:row;flex-wrap:nowrap;gap:.4rem;overflow-x:auto;padding-bottom:.5rem;position:static;scrollbar-width:none}.studio-sidebar::-webkit-scrollbar{display:none}.studio-nav-group{flex-direction:row;flex-shrink:0;gap:.2rem}.studio-nav-group__label{display:none}.studio-nav-btn{flex-shrink:0;font-size:.8rem;gap:.4rem;padding:.45rem .85rem;white-space:nowrap;width:auto}.studio-nav-btn.active:before{display:none}.posts-summary-stats,.stats-grid,.studio-insights-row{grid-template-columns:1fr 1fr}.dashboard-grid-layout{gap:1.25rem}}@media (max-width:640px){.studio-hero-user{align-items:flex-start;flex-direction:column;gap:.85rem}.studio-hero-avatar{height:56px;width:56px}.studio-hero-title{font-size:1.45rem}.studio-page-container{padding:0 .75rem}.studio-hero{margin:0 -.75rem;padding:1.5rem .75rem 1.25rem}.posts-summary-stats,.stats-grid,.studio-insights-row{grid-template-columns:1fr}.stat-card{gap:.75rem;padding:1rem}.stat-card-value{font-size:1.35rem}.stat-card-icon{height:36px;width:36px}.studio-insight-card{padding:1rem}.studio-nav-btn{font-size:.775rem;padding:.4rem .7rem;width:auto}.studio-nav-btn__icon svg{height:14px;width:14px}.studio-hero-inner{align-items:flex-start;flex-direction:column;gap:1rem}}.notif-main{padding-top:0!important}.notif-page{margin:0 auto;max-width:860px;padding-bottom:6rem;width:100%}.notif-page-container.home-container{padding-top:20px}.notif-sticky-header{background:#0000;border-bottom:1px solid #ffffff0f;margin-left:-2rem;margin-right:-2rem;padding:2rem 2rem 0;position:-webkit-sticky;position:sticky;top:0;transition:background .3s ease,backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease;z-index:20}.notif-sticky-header.scrolled{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#0d0d11e6}.notif-title-row{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.25rem}.notif-title-left{align-items:center;display:flex;gap:.85rem}.notif-title-row h1{color:var(--color-text-primary);font-size:2.1rem;font-weight:800;letter-spacing:-.04em;margin:0}.notif-unread-pill{align-items:center;animation:pulse-pill 2.5s ease-in-out infinite;background:linear-gradient(135deg,#a855f7,#6366f1);border-radius:2rem;box-shadow:0 2px 10px #a855f766;color:#fff;display:inline-flex;font-size:.75rem;font-weight:700;letter-spacing:.02em;padding:.25rem .75rem}@keyframes pulse-pill{0%,to{box-shadow:0 2px 10px #a855f766}50%{box-shadow:0 2px 18px #a855f7b3}}.notif-mark-all-btn{background:none;border:1.5px solid #ffffff1f;border-radius:2rem;color:var(--color-accent);cursor:pointer;flex-shrink:0;font-size:.82rem;font-weight:600;padding:.5rem 1.2rem;transition:background .2s,border-color .2s,color .2s;white-space:nowrap}.notif-mark-all-btn:hover:not(:disabled){background:#a855f71f;border-color:var(--color-accent)}.notif-mark-all-btn:disabled{cursor:not-allowed;opacity:.4}.notif-tabs{display:flex;gap:0;overflow-x:auto;scrollbar-width:none}.notif-tabs::-webkit-scrollbar{display:none}.notif-tab{align-items:center;background:none;border:none;border-bottom:2.5px solid #0000;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.45rem;margin-bottom:-1px;padding:.85rem 1.35rem;position:relative;transition:color .18s;white-space:nowrap}.notif-tab.active,.notif-tab:hover{color:var(--color-text-primary)}.notif-tab.active{border-bottom-color:var(--color-accent);font-weight:700}.notif-tab.active:after{border-radius:2px;bottom:0;content:"";height:2.5px;left:50%;position:absolute;transform:translateX(-50%);width:60%}.notif-tab-icon{align-items:center;display:inline-flex;flex-shrink:0;opacity:.75}.notif-tab-icon,.notif-tab-icon svg{height:16px;width:16px}.notif-tab.active .notif-tab-icon{color:var(--color-accent);opacity:1}.notif-tab-badge{align-items:center;background:var(--color-accent);border-radius:10px;color:#fff;display:inline-flex;font-size:.65rem;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 4px}.notif-body{padding:.5rem .5rem 0}.notif-group{margin-bottom:.25rem}.notif-group-label{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.72rem;font-weight:700;gap:.75rem;letter-spacing:.12em;padding:1.5rem .75rem .65rem;text-transform:uppercase}.notif-group-label:after{background:linear-gradient(90deg,var(--color-border),#0000);content:"";flex:1 1;height:1px}.notif-item{align-items:center;border:1px solid #0000;border-radius:1.25rem;color:inherit;cursor:pointer;display:flex;gap:1rem;margin:.15rem 0;outline:none;padding:1rem 1.1rem;position:relative;text-decoration:none;transition:background-color .15s,transform .15s}.notif-item:hover{background:#ffffff0d;border-color:#ffffff0f;transform:translateX(3px)}.notif-item:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.notif-item--unread{background:#a855f70f;border-color:#a855f71a}.notif-item--unread:hover{background:#a855f71c;border-color:#a855f733}.notif-item-avatar-wrap{flex-shrink:0;position:relative}.notif-item-avatar{border:2px solid #ffffff14;border-radius:50%;display:block;height:54px;object-fit:cover;width:54px}.notif-item-system-avatar{align-items:center;background:linear-gradient(135deg,#a855f733,#7c3aed40);border:2px solid #a855f74d;border-radius:50%;color:#a855f7;display:flex;height:54px;justify-content:center;width:54px}.notif-item-system-avatar svg{height:26px;width:26px}.notif-item-type-badge{align-items:center;border:2.5px solid #0d0d11;border-radius:50%;bottom:-4px;box-shadow:0 2px 8px #00000059;color:#fff;display:flex;height:22px;justify-content:center;position:absolute;right:-6px;width:22px}.notif-item-type-badge svg{flex-shrink:0;height:11px;width:11px}.notif-item-body{flex:1 1;min-width:0}.notif-item-text{color:var(--color-text-primary);font-size:.93rem;line-height:1.5;margin:0 0 .3rem}.notif-item-username{color:var(--color-text-primary);font-weight:700}.notif-item-text strong{color:var(--color-text-secondary);font-style:italic;font-weight:600}.notif-item-meta{align-items:center;display:flex;gap:.65rem}.notif-item-time{color:var(--color-text-secondary);font-size:.78rem}.notif-item-type-label{font-size:.72rem;font-weight:600;opacity:.85}.notif-item-thumbnail{border:1px solid #ffffff14;border-radius:10px;flex-shrink:0;height:50px;object-fit:cover;width:50px}.notif-item-chevron{align-items:center;color:var(--color-text-secondary);display:flex;flex-shrink:0;opacity:0;transition:opacity .15s,transform .15s}.notif-item-chevron svg{height:16px;width:16px}.notif-item:hover .notif-item-chevron{opacity:1;transform:translateX(2px)}.notif-item-unread-dot{align-self:center;background:var(--color-accent);border-radius:50%;box-shadow:0 0 8px #a855f7b3;flex-shrink:0;height:9px;margin-left:.1rem;width:9px}.notif-skeleton-list{padding:.5rem .5rem 0}.notif-skeleton{align-items:center;border-radius:1.25rem;display:flex;gap:1rem;margin:.15rem 0;padding:1rem 1.1rem}.notif-skeleton-avatar{animation:notif-shimmer 1.5s ease-in-out infinite;background:var(--color-bg-light);border-radius:50%;flex-shrink:0;height:54px;width:54px}.notif-skeleton-body{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.notif-skeleton-line{animation:notif-shimmer 1.5s ease-in-out infinite;background:var(--color-bg-light);border-radius:7px;height:13px}.notif-skeleton-line.long{width:70%}.notif-skeleton-line.short{animation-delay:.2s;width:35%}@keyframes notif-shimmer{0%,to{opacity:1}50%{opacity:.25}}.notif-empty{color:var(--color-text-secondary);flex-direction:column;padding:5rem 2rem 4rem;text-align:center}.notif-empty,.notif-empty-icon{align-items:center;display:flex}.notif-empty-icon{background:#ffffff0a;border:1px solid #ffffff12;border-radius:50%;height:80px;justify-content:center;margin-bottom:1.5rem;width:80px}.notif-empty-icon svg{stroke:var(--color-text-secondary);height:36px;opacity:.5;width:36px}.notif-empty h3{color:var(--color-text-primary);font-size:1.2rem;font-weight:700;margin:0 0 .7rem}.notif-empty p{font-size:.9rem;line-height:1.65;margin:0;max-width:300px}@media (max-width:1024px){.notif-sticky-header{margin-left:-1rem;margin-right:-1rem;padding:1.25rem 1.25rem 0}.notif-body,.notif-skeleton-list{padding-left:.5rem;padding-right:.5rem}}@media (max-width:600px){.notif-sticky-header{margin-left:-1rem;margin-right:-1rem;padding:1rem .75rem 0}.notif-title-row h1{font-size:1.5rem}.notif-body,.notif-skeleton-list{padding-left:0;padding-right:0}.notif-item{padding:.85rem}.notif-item,.notif-skeleton{border-radius:1rem}.notif-tab{font-size:.85rem;padding:.75rem .9rem}.notif-tab-emoji{display:none}}.notif-mobile-nav{display:none}@media (max-width:520px){.notif-sticky-header{padding:.5rem .75rem 0}.notif-mobile-nav{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;gap:.6rem;margin-bottom:.5rem;padding:.2rem 0 .5rem}.notif-back-btn{align-items:center;background:#ffffff0f;border:none;border-radius:50%;color:var(--color-text-primary);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:background .18s;width:32px}.notif-back-btn:hover{background:#ffffff1f}.notif-mobile-nav-title{color:var(--color-text-primary);font-size:1rem;font-weight:700;letter-spacing:-.02em}.notif-h1-desktop{display:none}.notif-title-row{flex-wrap:nowrap;gap:.75rem;margin-bottom:.5rem}.notif-mark-all-btn{flex-shrink:0;font-size:.78rem;padding:.38rem .85rem}.notif-unread-pill{font-size:.7rem;padding:.2rem .55rem}}.rrp-wrap{display:flex;justify-content:center;min-height:60vh;padding:2rem 1rem 4rem}.rrp-card{background:linear-gradient(145deg,#1c1a22f2,#141219fa);border:1px solid #ffffff12;border-radius:1.5rem;box-shadow:0 4px 40px #00000073,inset 0 1px 0 #ffffff0a;display:flex;flex-direction:column;gap:1.5rem;max-width:560px;padding:2rem;width:100%}.rrp-header{gap:1rem}.rrp-header,.rrp-header-icon{align-items:center;display:flex}.rrp-header-icon{background:#a855f71f;border:1px solid #a855f740;border-radius:.875rem;color:#a855f7;flex-shrink:0;height:44px;justify-content:center;width:44px}.rrp-title{color:#f4f4f5;font-family:Urbanist,sans-serif;font-size:1.15rem;font-weight:700;letter-spacing:-.015em;margin:0 0 .2rem}.rrp-subtitle{color:#71717a;font-size:.82rem;margin:0}.rrp-status{align-items:center;border-radius:2rem;display:inline-flex;font-family:Urbanist,sans-serif;font-size:.875rem;font-weight:600;gap:.5rem;padding:.55rem 1rem;width:-webkit-fit-content;width:fit-content}.rrp-status--resolved{background:#22c55e1f;border:1px solid #22c55e4d;color:#4ade80}.rrp-status--dismissed{background:#a1a1aa1a;border:1px solid #a1a1aa33;color:#a1a1aa}.rrp-status--pending{background:#fbbf241a;border:1px solid #fbbf2440;color:#fbbf24}.rrp-details{background:#ffffff08;border:1px solid #ffffff0f;border-radius:1rem;display:flex;flex-direction:column;gap:.625rem;padding:1rem 1.25rem}.rrp-detail-row{align-items:baseline;display:flex;font-size:.875rem;gap:.625rem}.rrp-detail-label{color:#71717a;flex-shrink:0;font-weight:500;min-width:110px}.rrp-detail-value{color:#e4e4e7}.rrp-detail-link{color:#c084fc;text-decoration:none;transition:color .15s}.rrp-detail-link:hover{color:#e879f9;text-decoration:underline}.rrp-message{display:flex;flex-direction:column;gap:.75rem}.rrp-message p{color:#a1a1aa;font-size:.9rem;line-height:1.65;margin:0}.rrp-inline-link{color:#c084fc;text-decoration:underline;text-underline-offset:2px;transition:color .15s}.rrp-inline-link:hover{color:#e879f9}.rrp-admin-note{background:#a855f70f;border-left:3px solid #a855f780;border-radius:0 .625rem .625rem 0;color:#c4b5fd;font-size:.875rem;line-height:1.55;margin:.25rem 0 0;padding:.75rem 1rem}.rrp-admin-note-label{color:#a855f7;display:block;font-size:.75rem;font-weight:600;letter-spacing:.03em;margin-bottom:.3rem;text-transform:uppercase}.rrp-actions{border-top:1px solid #ffffff0f;display:flex;flex-direction:column;gap:.875rem;padding-top:1.25rem}.rrp-actions-hint{color:#71717a;font-size:.82rem;margin:0}.rrp-actions-row{display:flex;flex-wrap:wrap;gap:.625rem}.rrp-btn-block,.rrp-btn-restrict{align-items:center;border-radius:.75rem;cursor:pointer;display:inline-flex;font-family:Urbanist,sans-serif;font-size:.875rem;font-weight:600;gap:.45rem;padding:.55rem 1.1rem;transition:background .15s,border-color .15s,color .15s,opacity .15s}.rrp-btn-block{background:#ef44441f;border:1px solid #ef444459;color:#f87171}.rrp-btn-block:not(:disabled):hover{background:#ef444438;border-color:#ef44448c;color:#fca5a5}.rrp-btn-restrict{background:#ffffff0d;border:1px solid #ffffff1a;color:#a1a1aa}.rrp-btn-restrict:not(:disabled):hover{background:#ffffff17;border-color:#ffffff2e;color:#e4e4e7}.rrp-btn-block:disabled,.rrp-btn-restrict:disabled{cursor:default;opacity:.5}.rrp-back-link{align-items:center;color:#71717a;display:inline-flex;font-size:.875rem;gap:.4rem;text-decoration:none;transition:color .15s;width:-webkit-fit-content;width:fit-content}.rrp-back-link:hover{color:#a1a1aa}.rrp-skeleton{gap:1.25rem}.rrp-skeleton-line{animation:rrp-shimmer 1.5s infinite;background:#ffffff0f;border-radius:6px;height:14px;width:75%}.rrp-skeleton-line--wide{height:20px;width:55%}.rrp-skeleton-line--short{width:35%}@keyframes rrp-shimmer{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.rrp-not-found{align-items:center;padding:3rem 2rem;text-align:center}.rrp-not-found-icon{align-items:center;background:#ef44441a;border:1.5px solid #ef444440;border-radius:50%;color:#f87171;display:flex;height:56px;justify-content:center;margin-bottom:.5rem;width:56px}.rrp-not-found-icon svg{height:28px;width:28px}.rrp-not-found-title{color:#f4f4f5;font-family:Urbanist,sans-serif;font-size:1.1rem;font-weight:700;margin:0 0 .5rem}.rrp-not-found-text{color:#71717a;font-size:.875rem;line-height:1.55;margin:0 0 1.5rem;max-width:320px}@media (max-width:600px){.rrp-wrap{padding:1rem .75rem 3rem}.rrp-card{border-radius:1.25rem;padding:1.5rem 1.25rem}.rrp-actions-row{flex-direction:column}.rrp-btn-block,.rrp-btn-restrict{justify-content:center;width:100%}.rrp-detail-label{min-width:90px}}.post-page-main{padding-top:0!important}.post-page-wrapper{margin:0 auto;max-width:100%!important;padding:1.5rem .5rem 6rem;width:100%!important}.post-page-back{align-items:center;background:none;border:none;border-radius:10rem;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;margin-bottom:1rem;padding:.6rem .75rem;transition:background .15s,color .15s}.post-page-back:hover{background:#ffffff0f;color:var(--color-text-primary)}.post-page-back svg{height:18px;width:18px}.post-page-card{border-radius:1.5rem;overflow:hidden}.post-page-divider{border:none;border-top:1px solid var(--color-border);margin:0}.post-page-skeleton{background:var(--color-bg-secondary);border-radius:1.5rem;display:flex;flex-direction:column;gap:.75rem;padding:1.5rem}.post-skeleton-header{border-radius:.75rem;height:48px;width:55%}.post-skeleton-body,.post-skeleton-header{animation:post-shimmer 1.5s ease-in-out infinite;background:var(--color-bg-light)}.post-skeleton-body{border-radius:.5rem;height:16px}.post-skeleton-body.short{animation-delay:.2s;width:35%}@keyframes post-shimmer{0%,to{opacity:1}50%{opacity:.3}}.post-page-not-found{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:.75rem;padding:4rem 2rem;text-align:center}.post-page-not-found span{font-size:3rem}.post-page-not-found h2{color:var(--color-text-primary);font-size:1.3rem;font-weight:700;margin:0}.post-page-not-found p{font-size:.9rem;margin:0}.post-page-not-found button{background:var(--color-accent);border:none;border-radius:2rem;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;margin-top:1rem;padding:.65rem 1.5rem;transition:opacity .2s}.post-page-not-found button:hover{opacity:.85}@media (max-width:600px){.post-page-wrapper{padding:1rem 0 5rem}}.sp-page{margin:0 auto;max-width:860px;padding-bottom:5rem}.sp-hero{background:linear-gradient(160deg,#0c0c1e,#160830 55%,#0a1628);border-bottom:1px solid #a855f726;overflow:hidden;padding:2.5rem 1.5rem 2rem;position:relative}.sp-hero-glow{border-radius:50%;pointer-events:none;position:absolute}.sp-hero-glow--purple{background:radial-gradient(circle,#a855f724 0,#0000 70%);height:480px;right:-10%;top:50%;transform:translateY(-50%);width:480px}.sp-hero-glow--blue{background:radial-gradient(circle,#6366f11a 0,#0000 70%);bottom:-30%;height:240px;left:5%;width:240px}.sp-hero-inner{position:relative;z-index:1}.sp-input-wrap{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffff0d;border:1.5px solid #a855f747;border-radius:16px;display:flex;gap:.85rem;padding:.9rem 1.1rem;transition:border-color .22s,background .22s,box-shadow .22s}.sp-input-wrap:focus-within{background:hsla(0,0%,100%,.075);border-color:#a855f7a6;box-shadow:0 0 0 4px #a855f71a,0 8px 32px #0000004d}.sp-input-icon{align-items:center;color:#a855f7b3;display:flex;flex-shrink:0;justify-content:center;transition:color .2s}.sp-input-icon svg{height:22px;width:22px}.sp-input-wrap:focus-within .sp-input-icon{color:#a855f7}.sp-input{background:none;border:none;color:#fff;flex:1 1;font-family:inherit;font-size:1.05rem;font-weight:400;letter-spacing:.01em;outline:none}.sp-input::placeholder{color:#ffffff47}.sp-input-clear{align-items:center;background:#ffffff12;border:none;border-radius:8px;color:#ffffff73;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:background .18s,color .18s;width:28px}.sp-input-clear:hover{background:#a855f72e;color:#c084fc}.sp-input-clear svg{height:14px;width:14px}.sp-input-hint{align-items:center;color:#a855f7a6;display:flex;font-size:.78rem;gap:.45rem;margin-top:.65rem;padding:0 .25rem}.sp-input-hint svg{flex-shrink:0;height:13px;width:13px}.sp-input-hint strong{color:#c084fcd9;font-weight:600}.sp-did-you-mean{align-items:center;display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.65rem;padding:0 .25rem}.sp-did-you-mean__label{color:#facc15b3;font-size:.78rem;white-space:nowrap}.sp-did-you-mean__pill{align-items:center;background:#a855f71a;border:1px solid #a855f759;border-radius:100px;color:#c084fc;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.78rem;font-weight:600;padding:.22rem .65rem;transition:background .18s,border-color .18s,transform .15s}.sp-did-you-mean__pill:hover{background:#a855f738;border-color:#a855f799;transform:translateY(-1px)}.sp-body{padding:2rem 1.5rem 0}.sp-section{margin-bottom:2.5rem}.sp-section-title{align-items:center;color:#ffffff59;display:flex;font-size:.8rem;font-weight:700;gap:.55rem;letter-spacing:.08em;margin:0 0 1.1rem;text-transform:uppercase}.sp-section-title svg{color:#a855f7b3;flex-shrink:0;height:14px;width:14px}.sp-genre-chips{display:flex;flex-wrap:wrap;gap:.55rem}.sp-genre-chip{align-items:center;background:#a855f70f;border:1px solid #a855f738;border-radius:100px;color:#ffffff9e;cursor:pointer;display:flex;font-family:inherit;font-size:.82rem;font-weight:500;gap:.4rem;padding:.4rem .9rem;transition:background .18s,border-color .18s,color .18s,transform .15s}.sp-genre-chip:hover{background:#a855f726;border-color:#a855f773;color:#c084fc;transform:translateY(-1px)}.sp-popular-grid{grid-gap:.85rem;display:grid;gap:.85rem;grid-template-columns:repeat(auto-fill,minmax(min(180px,100%),1fr))}.sp-popular-card{align-items:center;background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;display:flex;gap:.75rem;padding:.85rem}.sp-popular-card--dim{opacity:.45}.sp-popular-card__cover{background:#a855f717;border-radius:8px;flex-shrink:0;height:42px;width:42px}.sp-popular-card__info{display:flex;flex-direction:column;gap:.3rem;min-width:0}.sp-popular-card__title{color:#ffffff8c;font-size:.85rem;font-weight:600}.sp-popular-card__artist{color:#ffffff40;font-size:.75rem}@keyframes sp-pulse{0%{opacity:.3}50%{opacity:.55}to{opacity:.3}}.sp-skeleton-section-title{animation:sp-pulse 1.6s ease-in-out infinite;background:#ffffff12;border-radius:6px;height:12px;margin-bottom:1.1rem;width:100px}.sp-skeleton-grid{grid-gap:.85rem;display:grid;gap:.85rem;grid-template-columns:repeat(auto-fill,minmax(min(140px,100%),1fr))}.sp-skeleton-card{align-items:center;background:#ffffff05;border:1px solid #ffffff0f;border-radius:14px;display:flex;flex-direction:column;gap:.7rem;padding:1.25rem 1rem}.sp-skeleton-avatar{animation:sp-pulse 1.6s ease-in-out infinite;height:64px;width:64px}.sp-skeleton-avatar--sm{flex-shrink:0;height:40px;width:40px}.sp-skeleton-line{animation:sp-pulse 1.6s ease-in-out infinite;background:#ffffff0f}.sp-skeleton-line--name{height:12px;width:80px}.sp-skeleton-line--sub{height:10px;width:55px}.sp-skeleton-row{border-bottom:1px solid #ffffff0a;gap:.85rem;padding:.7rem 0}.sp-skeleton-text{gap:.4rem}.sp-empty,.sp-skeleton-text{display:flex;flex-direction:column}.sp-empty{align-items:center;gap:1rem;padding:4rem 2rem}.sp-empty__icon{align-items:center;background:#a855f714;border:1px solid #a855f733;border-radius:16px;color:#a855f799;display:flex;height:56px;justify-content:center;margin-bottom:.25rem;width:56px}.sp-empty__icon svg{height:26px;width:26px}.sp-empty__title{color:var(--color-text-primary);font-size:1.25rem;font-weight:700;letter-spacing:-.015em;margin:0}.sp-empty__desc{color:var(--color-text-secondary);font-size:.9rem;line-height:1.6;margin:0;max-width:340px}.sp-empty__desc strong{color:#c084fce6}.sp-tabs{flex-wrap:wrap;gap:.35rem;margin-bottom:2rem}.sp-tab,.sp-tabs{align-items:center;display:flex}.sp-tab{background:#ffffff08;border:1px solid #ffffff14;border-radius:100px;color:#ffffff73;cursor:pointer;font-family:inherit;font-size:.83rem;font-weight:500;gap:.45rem;padding:.45rem 1rem;transition:background .18s,border-color .18s,color .18s}.sp-tab:hover{background:#a855f714;border-color:#a855f740;color:#ffffffbf}.sp-tab--active{background:#a855f726;border-color:#a855f773;color:#c084fc;font-weight:600}.sp-tab__badge{align-items:center;background:#a855f738;border-radius:100px;color:#c084fc;display:inline-flex;font-size:.68rem;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 .35rem}.sp-tab--active .sp-tab__badge{background:#a855f759}.sp-track-list-wrap{background:#ffffff05;border:1px solid #ffffff0f;border-radius:14px;padding:.5rem}.sp-artist-grid{grid-gap:.85rem;display:grid;gap:.85rem;grid-template-columns:repeat(auto-fill,minmax(min(140px,100%),1fr))}.sp-artist-card{align-items:center;background:#ffffff05;border:1px solid #ffffff12;border-radius:16px;display:flex;flex-direction:column;gap:.5rem;padding:1.4rem 1rem 1.1rem;text-align:center;text-decoration:none;transition:background .2s,border-color .2s,transform .18s,box-shadow .2s}.sp-artist-card:hover{background:#a855f70f;border-color:#a855f747;box-shadow:0 8px 24px #00000040;transform:translateY(-2px)}.sp-artist-card__avatar-wrap{flex-shrink:0;position:relative}.sp-artist-card__avatar{border:2px solid #a855f740;border-radius:50%;display:block;height:72px;object-fit:cover;transition:border-color .2s;width:72px}.sp-artist-card:hover .sp-artist-card__avatar{border-color:#a855f799}.sp-artist-card__ring{animation:sp-ring-spin 4s linear infinite;background:conic-gradient(#a855f7b3,#6366f166,#a855f7b3);border-radius:50%;inset:-4px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#fff 0);mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#fff 0);opacity:0;pointer-events:none;position:absolute;transition:opacity .25s}.sp-artist-card:hover .sp-artist-card__ring{opacity:1}@keyframes sp-ring-spin{to{transform:rotate(1turn)}}.sp-artist-card__name{align-items:center;color:var(--color-text-primary);display:flex;font-size:.85rem;font-weight:600;gap:.3rem;line-height:1.3;margin:.2rem 0 0}.sp-artist-card__nick{color:#ffffff52;font-size:.75rem}.sp-artist-card__tracks{align-items:center;color:#a855f7b3;display:flex;font-size:.7rem;font-weight:600;gap:.3rem;margin-top:.1rem}.sp-artist-card__tracks svg{height:11px;width:11px}.sp-user-list{display:flex;flex-direction:column;gap:.1rem}.sp-user-row{gap:.9rem;padding:.65rem .85rem;text-decoration:none;transition:background .18s}.sp-user-row:hover{background:#a855f712}.sp-user-row__avatar{border:1.5px solid #a855f733;border-radius:50%;flex-shrink:0;height:40px;object-fit:cover;width:40px}.sp-user-row__info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.sp-user-row__name{align-items:center;color:var(--color-text-primary);display:flex;font-size:.875rem;font-weight:600;gap:.3rem;line-height:1.3}.sp-user-row__nick{color:#ffffff4d;font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:640px){.sp-hero{padding:1.75rem 1rem 1.5rem}.sp-body{padding:1.5rem 1rem 0}.sp-input{font-size:.95rem}.sp-artist-grid{gap:.65rem;grid-template-columns:repeat(auto-fill,minmax(min(120px,100%),1fr))}.sp-artist-card{padding:1.1rem .75rem .9rem}.sp-artist-card__avatar{height:58px;width:58px}.sp-popular-grid{grid-template-columns:1fr 1fr}.sp-tabs{gap:.25rem}.sp-tab{font-size:.78rem;padding:.38rem .8rem}}.followers-main{padding-left:0!important;padding-right:0!important;padding-top:0!important}.followers-page{box-sizing:border-box;color:#e5e7eb;color:var(--color-text-primary,#e5e7eb);display:flex;flex-direction:column;margin:0 auto;max-width:900px;padding:0 2rem 4rem;width:100%}.followers-topbar{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#121212eb;border-bottom:1px solid #ffffff0f;display:flex;gap:.75rem;margin-bottom:.25rem;padding:1.25rem 0 .75rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.followers-back{align-items:center;background:#ffffff0f;border:none;border-radius:50%;color:#f0f0f0;color:var(--color-text,#f0f0f0);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:background .15s;width:36px}.followers-back:hover{background:#ffffff1f}.followers-topbar-info{display:flex;flex-direction:column;gap:1px;min-width:0}.followers-topbar-name{color:#f0f0f0;color:var(--color-text,#f0f0f0);font-size:1rem;font-weight:700;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.followers-topbar-name:hover{text-decoration:underline}.followers-topbar-nick{color:#ffffff73;font-size:.75rem}.followers-tabs{border-bottom:1px solid #ffffff14;display:flex;gap:0;margin-bottom:1.5rem;overflow-x:auto;scrollbar-width:none}.followers-tabs::-webkit-scrollbar{display:none}.followers-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#ffffff80;cursor:pointer;display:flex;flex-shrink:0;font-size:.875rem;font-weight:500;gap:.45rem;margin-bottom:-1px;padding:.75rem 1.1rem;transition:color .15s,border-color .15s;white-space:nowrap}.followers-tab.active,.followers-tab:hover:not(.disabled){color:#f0f0f0;color:var(--color-text,#f0f0f0)}.followers-tab.active{border-bottom-color:#a855f7;border-bottom-color:var(--color-accent,#a855f7);font-weight:600}.followers-tab.disabled{cursor:default;opacity:.4}.followers-tab-label{line-height:1}.followers-tab-count{align-items:center;background:#ffffff17;border-radius:10px;display:inline-flex;font-size:.7rem;font-weight:600;height:20px;justify-content:center;line-height:1;min-width:20px;padding:0 5px}.followers-tab.active .followers-tab-count{background:#a855f740;color:#c084fc}.followers-tab-lock{align-items:center;display:flex;opacity:.5}.followers-content{flex:1 1}.followers-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(310px,1fr))}.follower-card{align-items:center;background:#ffffff0a;border:1px solid #ffffff12;border-radius:14px;cursor:pointer;display:flex;gap:.875rem;padding:.875rem 1rem;position:relative;transition:background .15s,border-color .15s,transform .12s}.follower-card:hover{background:#ffffff14;border-color:#ffffff21;transform:translateY(-1px)}.follower-avatar{background:#ffffff0f;border:2px solid #ffffff1a;border-radius:50%;flex-shrink:0;height:52px;object-fit:cover;width:52px}.follower-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.follower-name{color:#f0f0f0;color:var(--color-text,#f0f0f0);font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.follower-nick{color:#ffffff73}.follower-bio,.follower-nick{font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.follower-bio{color:#ffffff8c;margin:3px 0 0}.follower-sub-count{color:#ffffff59;font-size:.72rem;margin-top:2px}.follower-follow-btn{background:#0000;border:1px solid #a855f7;border:1px solid var(--color-accent,#a855f7);border-radius:20px;color:#a855f7;color:var(--color-accent,#a855f7);cursor:pointer;flex-shrink:0;font-size:.78rem;font-weight:600;padding:.4rem .85rem;transition:background .15s,color .15s,opacity .15s;white-space:nowrap}.follower-follow-btn:hover{background:#a855f7;background:var(--color-accent,#a855f7);color:#fff}.follower-follow-btn.following{background:#ffffff14;border-color:#fff3;color:#ffffffb3}.follower-follow-btn.following:hover{background:#ef444426;border-color:#ef444480;color:#f87171}.follower-follow-btn:disabled{cursor:default;opacity:.5}.follower-card.skeleton{cursor:default;pointer-events:none}.skeleton-box{animation:skeleton-shimmer 1.4s ease infinite;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff17 50%,#ffffff0d 75%);background-size:200% 100%;border-radius:4px}.follower-avatar.skeleton-box{border-radius:50%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.followers-empty{align-items:center;display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:5rem 1rem;text-align:center}.followers-empty-icon{font-size:3rem;margin-bottom:.5rem}.followers-empty h3{color:#f0f0f0;color:var(--color-text,#f0f0f0);font-size:1.1rem;font-weight:600;margin:0}.followers-empty p{color:#ffffff73;font-size:.875rem;margin:0;max-width:300px}@media (max-width:768px){.followers-page{padding:0 1rem 5rem}.followers-grid{grid-template-columns:1fr}.follower-card{padding:.75rem}.followers-tab{font-size:.82rem;padding:.7rem .75rem}}@media (min-width:900px){.followers-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.followers-grid{grid-template-columns:repeat(3,1fr)}}.in-app-browser-overlay{align-items:center;animation:browserFadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:5000}.in-app-browser-container{animation:browserSlideUp .4s ease-out;background-color:var(--color-bg-deep);border-radius:1rem;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;height:90vh;overflow:hidden;width:95%}@keyframes browserFadeIn{0%{opacity:0}to{opacity:1}}@keyframes browserSlideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.browser-header{background-color:var(--color-bg-medium);border-bottom:1px solid var(--color-border);padding:.75rem 1rem}.address-bar,.browser-header{align-items:center;display:flex;gap:.75rem}.address-bar{background-color:var(--color-bg-light);border-radius:.5rem;flex-grow:1;padding:.5rem 1rem}.address-bar svg{color:var(--color-text-secondary);height:18px;width:18px}.address-bar input{background:none;border:none;color:var(--color-text-primary);font-size:.9rem;outline:none;width:100%}.browser-action-btn,.browser-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:background-color .2s,color .2s;width:36px}.browser-action-btn:hover,.browser-close-btn:hover{background-color:var(--color-bg-light);color:var(--color-text-primary)}.browser-close-btn{font-size:2rem}.browser-action-btn svg{height:18px;width:18px}.browser-content-area{background-color:#fff}.browser-content-area,.browser-iframe{height:100%;position:relative;width:100%}.browser-iframe{border:none;z-index:1}.browser-fallback-message,.browser-loader-container{align-items:center;background-color:var(--color-bg-deep);color:var(--color-text-secondary);display:flex;flex-direction:column;inset:0;justify-content:center;padding:2rem;position:absolute;text-align:center;z-index:2}.browser-loader{animation:rotation 1s linear infinite;border:5px solid var(--color-border);border-bottom-color:var(--color-accent);border-radius:50%;display:inline-block;height:48px;margin-bottom:1rem;width:48px}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.browser-fallback-message h4{color:var(--color-text-primary);font-size:1.5rem;margin:0 0 1rem}.browser-fallback-message p{line-height:1.6;margin-bottom:2rem;max-width:400px}.fallback-open-button{align-items:center;background-color:var(--color-accent);border:none;border-radius:2rem;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:.75rem;padding:.8rem 1.75rem;transition:transform .2s}.fallback-open-button:hover{transform:scale(1.05)}.fallback-open-button svg{height:20px;width:20px}.app-card-container{align-items:center;background-color:var(--color-bg-medium);border:1px solid var(--color-border);border-radius:.75rem;cursor:pointer;display:flex;gap:1.5rem;padding:1.5rem;transition:background-color .2s,transform .2s}.app-card-container:hover{background-color:var(--color-bg-light);transform:translateY(-5px)}.app-card-icon{border-radius:12px;flex-shrink:0;height:64px;object-fit:cover;width:64px}.app-card-info,.app-card-name{overflow:hidden}.app-card-name{font-size:1.2rem;font-weight:600;margin:0;text-overflow:ellipsis;white-space:nowrap}.app-card-description{color:var(--color-text-secondary);font-size:.9rem;line-height:1.4;margin:.25rem 0 0}.apps-marketplace-container{margin:0 auto;max-width:960px;padding:2rem 1.5rem}.apps-marketplace-header{margin-bottom:3rem;text-align:center}.apps-marketplace-header h1{font-size:2.5rem;font-weight:700;margin:0}.apps-marketplace-header p{color:var(--color-text-secondary);font-size:1.1rem;margin-top:.5rem}.apps-grid{display:flex;flex-direction:column;gap:1.5rem}.apps-marketplace-loader{color:var(--color-text-secondary);padding:4rem;text-align:center}.gifts-marketplace-container{margin:0 auto;max-width:1200px;padding:2rem 1.5rem}.gifts-marketplace-header{margin-bottom:3rem;text-align:center}.gifts-marketplace-header h1{font-size:2.5rem;font-weight:700;margin:0}.gifts-marketplace-header p{color:var(--color-text-secondary);font-size:1.1rem;margin-top:.5rem}.gifts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.gifts-marketplace-loader{color:var(--color-text-secondary);padding:4rem;text-align:center}.sp-overlay{align-items:flex-end;animation:sp-overlay-in .25s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#000000a6;display:flex;inset:0;justify-content:center;position:fixed;z-index:1050}@keyframes sp-overlay-in{0%{opacity:0}to{opacity:1}}.sp-panel{animation:sp-panel-in .32s cubic-bezier(.32,1.2,.64,1);background:#0f0f14;border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 -8px 40px #00000080;display:flex;flex-direction:column;height:100dvh;max-height:100dvh;max-width:520px;overflow:hidden;width:100%}@keyframes sp-panel-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sp-drag-handle{background:#ffffff24;border-radius:2px;flex-shrink:0;height:4px;margin:10px auto 0;width:36px}.sp-header{border-bottom:1px solid #ffffff12;gap:10px;padding:12px 16px}.sp-back-btn,.sp-header{align-items:center;display:flex;flex-shrink:0}.sp-back-btn{background:#ffffff12;border:none;border-radius:50%;color:#fff;cursor:pointer;height:36px;justify-content:center;transition:background .18s;width:36px}.sp-back-btn:hover{background:#ffffff21}.sp-header-title{color:#f0f0f0;flex:1 1;font-size:1rem;overflow:hidden;text-overflow:ellipsis}.sp-header-title,.sp-send-btn{font-weight:600;white-space:nowrap}.sp-send-btn{animation:sp-send-pop .25s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#7c3aed,#5b21b6);border:none;border-radius:20px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.88rem;padding:.45rem 1.1rem;transition:opacity .18s,transform .18s}@keyframes sp-send-pop{0%{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}.sp-send-btn:hover{opacity:.88}.sp-send-btn:active{transform:scale(.96)}.sp-send-btn:disabled{cursor:not-allowed;opacity:.5}.sp-chips{animation:sp-chips-in .2s ease;border-bottom:1px solid #ffffff0f;display:flex;flex-shrink:0;gap:8px;overflow-x:auto;padding:10px 16px;scrollbar-width:none}@keyframes sp-chips-in{0%{max-height:0;opacity:0}to{max-height:80px;opacity:1}}.sp-chips::-webkit-scrollbar{display:none}.sp-chip{align-items:center;background:#7c3aed2e;border:1px solid #7c3aed59;border-radius:20px;color:#c4b5fd;cursor:pointer;display:flex;flex-shrink:0;font-size:.82rem;font-weight:500;gap:6px;padding:5px 10px 5px 5px;transition:background .15s;white-space:nowrap}.sp-chip:hover{background:#7c3aed47}.sp-chip img{border-radius:50%;flex-shrink:0;height:22px;object-fit:cover;width:22px}.sp-chip svg{opacity:.65}.sp-search-wrap{border-bottom:1px solid #ffffff12;flex-shrink:0;padding:12px 16px;position:relative}.sp-search-icon{color:#ffffff59;display:flex;left:28px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.sp-search-input{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;box-sizing:border-box;color:#fff;font-size:.95rem;outline:none;padding:11px 40px 11px 38px;transition:border-color .2s,background .2s;width:100%}.sp-search-input::placeholder{color:#ffffff4d}.sp-search-input:focus{background:#ffffff14;border-color:#7c3aed80}.sp-search-clear{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#ffffff8c;cursor:pointer;display:flex;height:20px;justify-content:center;position:absolute;right:28px;top:50%;transform:translateY(-50%);transition:background .15s;width:20px}.sp-search-clear:hover{background:#ffffff2e}.sp-list{flex:1 1;overflow-y:auto;padding:8px;scrollbar-color:#ffffff1f #0000;scrollbar-width:thin}.sp-list::-webkit-scrollbar{width:4px}.sp-list::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:2px}.sp-section-label{color:#ffffff4d;font-size:.75rem;font-weight:600;letter-spacing:.08em;margin:0;padding:8px 10px 4px;text-transform:uppercase}.sp-user-row{align-items:center;background:#0000;border:none;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:10px;text-align:left;transition:background .15s;width:100%}.sp-user-row:hover{background:#ffffff0d}.sp-user-row--selected{background:#7c3aed1a}.sp-user-row--selected:hover{background:#7c3aed29}.sp-user-avatar{background:#2a2a2a;border-radius:50%;flex-shrink:0;height:46px;object-fit:cover;width:46px}.sp-user-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.sp-user-name{color:#f0f0f0;font-size:.95rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-user-nick{color:#fff6;font-size:.82rem}.sp-user-check{align-items:center;border:2px solid #fff3;border-radius:50%;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:border-color .18s,background .18s;width:24px}.sp-user-check--on{animation:sp-check-pop .22s cubic-bezier(.34,1.56,.64,1);background:#7c3aed;border-color:#7c3aed;color:#fff}@keyframes sp-check-pop{0%{transform:scale(.6)}to{transform:scale(1)}}.sp-empty{color:#ffffff4d;font-size:.9rem;line-height:1.5;margin:0;padding:32px 20px;text-align:center}.sp-skeleton-row{align-items:center;display:flex;gap:12px;padding:10px}.sp-skeleton-avatar{animation:sp-shimmer 1.4s ease-in-out infinite;background:#ffffff12;border-radius:50%;flex-shrink:0;height:46px;width:46px}.sp-skeleton-body{display:flex;flex:1 1;flex-direction:column;gap:6px}.sp-skeleton-line{animation:sp-shimmer 1.4s ease-in-out infinite;background:#ffffff12;border-radius:6px;height:12px}.sp-skeleton-line.long{width:60%}.sp-skeleton-line.short{width:35%}@keyframes sp-shimmer{0%,to{opacity:.5}50%{opacity:1}}.sp-bottom-actions{border-top:1px solid #ffffff12;display:flex;flex-shrink:0;gap:10px;padding:12px 16px 20px}.sp-action-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fffc;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:500;gap:8px;justify-content:center;padding:12px;transition:background .18s,border-color .18s,transform .1s}.sp-action-btn:hover{background:#ffffff1a;border-color:#fff3}.sp-action-btn:active{transform:scale(.97)}@media (min-width:600px){.sp-overlay{align-items:center}.sp-panel{animation:sp-panel-desktop-in .28s cubic-bezier(.34,1.2,.64,1);border-radius:20px;height:min(92vh,720px)}@keyframes sp-panel-desktop-in{0%{opacity:0;transform:scale(.94) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.sp-drag-handle{display:none}}.guest-banner{animation:banner-slide-up .4s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#0f0f14eb;border-top:1px solid #a855f740;bottom:0;left:0;padding:1rem 2rem;position:fixed;right:0;z-index:900}@keyframes banner-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.guest-banner-content{align-items:center;display:flex;gap:1.5rem;justify-content:space-between;margin:0 auto;max-width:1100px}.guest-banner-text{display:flex;flex-direction:column;gap:2px;min-width:0}.guest-banner-title{color:#fff;font-size:.95rem;font-weight:700;white-space:nowrap}.guest-banner-sub{color:#ffffff80;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guest-banner-actions{display:flex;flex-shrink:0;gap:.65rem}.guest-btn-login{background:#0000;border:1px solid #ffffff40;border-radius:500px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1.25rem;transition:border-color .15s,background .15s}.guest-btn-login:hover{background:#ffffff0f;border-color:#ffffff80}.guest-btn-signup{background:#a855f7;background:var(--color-accent,#a855f7);border:none;border-radius:500px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:700;padding:.5rem 1.25rem;transition:background .15s,transform .1s}.guest-btn-signup:hover{background:#9333ea;transform:translateY(-1px)}.guest-popup-overlay{align-items:center;animation:overlay-fade-in .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000a6;display:flex;inset:0;justify-content:center;padding:1.5rem;position:fixed;z-index:1200}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.guest-popup{align-items:center;animation:popup-scale-in .35s cubic-bezier(.16,1,.3,1);background:#16161cf7;border:1px solid #a855f733;border-radius:24px;box-shadow:0 0 0 1px #ffffff0d,0 32px 64px #0009,0 0 60px #a855f71f;display:flex;flex-direction:column;max-width:420px;padding:2.5rem 2rem 2rem;position:relative;text-align:center;width:100%}@keyframes popup-scale-in{0%{opacity:0;transform:scale(.88) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.guest-popup-close{align-items:center;background:#ffffff14;border:none;border-radius:50%;color:#fff9;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:background .15s,color .15s;width:32px}.guest-popup-close:hover{background:#ffffff24;color:#fff}.guest-popup-icon{align-items:flex-end;display:flex;gap:4px;height:44px;margin-bottom:1.5rem}.guest-eq-bar{animation:guest-eq .9s ease-in-out infinite;background:#a855f7;background:var(--color-accent,#a855f7);border-radius:3px;transform-origin:bottom;width:6px}.guest-eq-bar:first-child{animation-delay:0s;height:18px}.guest-eq-bar:nth-child(2){animation-delay:.15s;height:36px}.guest-eq-bar:nth-child(3){animation-delay:.3s;height:44px}.guest-eq-bar:nth-child(4){animation-delay:.45s;height:28px}.guest-eq-bar:nth-child(5){animation-delay:.6s;height:16px}@keyframes guest-eq{0%,to{opacity:.5;transform:scaleY(.35)}50%{opacity:1;transform:scaleY(1)}}.guest-popup-title{color:#fff;font-size:1.4rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:0 0 .75rem}.guest-popup-desc{color:#ffffff8c;font-size:.9rem;line-height:1.65;margin:0 0 2rem;max-width:320px}.guest-popup-actions{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.25rem;width:100%}.guest-popup-signup{background:#a855f7;background:var(--color-accent,#a855f7);border:none;border-radius:500px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.85rem 1.5rem;transition:background .15s,transform .1s,box-shadow .15s;width:100%}.guest-popup-signup:hover{background:#9333ea;box-shadow:0 4px 20px #a855f766;transform:translateY(-1px)}.guest-popup-login{background:#0000;border:1px solid #ffffff2e;border-radius:500px;color:#ffffffd9;cursor:pointer;font-size:1rem;font-weight:600;padding:.85rem 1.5rem;transition:border-color .15s,background .15s;width:100%}.guest-popup-login:hover{background:#ffffff0d;border-color:#fff6}.guest-popup-terms{color:#ffffff4d;font-size:.72rem;line-height:1.6;margin:0}.guest-popup-link{color:#a855f7b3;cursor:pointer;transition:color .15s}.guest-popup-link:hover{color:#a855f7}@media (max-width:600px){.guest-banner{padding:.875rem 1rem}.guest-banner-content{align-items:flex-start;flex-direction:column;gap:.75rem}.guest-banner-sub{display:none}.guest-banner-actions{width:100%}.guest-btn-login,.guest-btn-signup{flex:1 1;text-align:center}.guest-popup{border-radius:20px;padding:2rem 1.25rem 1.5rem}.guest-popup-title{font-size:1.2rem}}.story-circle-wrapper{align-items:center;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:6px;position:relative;-webkit-user-select:none;user-select:none}.story-circle-wrapper:focus-visible{border-radius:50px;outline:2px solid var(--purple-500);outline-offset:4px}.story-circle-ring{border-radius:50%;flex-shrink:0;height:68px;padding:3px;position:relative;transition:transform .15s ease;width:68px}.story-circle-wrapper:hover .story-circle-ring{transform:scale(1.05)}.story-circle-ring--unseen{background:linear-gradient(135deg,#f093fb,#a855f7 40%,#667eea);box-shadow:0 0 16px #a855f773}.story-circle-ring--seen{background:var(--dark-600)}.story-circle-ring--empty{background:none;border:2px dashed var(--dark-600);padding:4px}.story-circle-avatar-wrap{background:var(--dark-800);border:3px solid var(--dark-900);border-radius:50%;height:100%;overflow:hidden;width:100%}.story-circle-avatar{display:block;height:100%;object-fit:cover;width:100%}.story-circle-add-btn{align-items:center;background:var(--purple-600);border:2px solid var(--dark-900);border-radius:50%;bottom:22px;cursor:pointer;display:flex;height:22px;justify-content:center;padding:0;position:absolute;right:-2px;transition:background .15s,transform .15s;width:22px;z-index:2}.story-circle-add-btn:hover{background:var(--purple-500);transform:scale(1.15)}.story-circle-label{color:var(--color-text-secondary);font-size:11px;line-height:1.2;max-width:70px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.stories-row-section{align-items:center;background:var(--dark-800);border:1px solid var(--color-border);border-radius:16px;display:flex;gap:4px;margin-bottom:20px;overflow:hidden;padding:14px 12px;position:relative}.stories-row-scroll{-ms-overflow-style:none;align-items:flex-start;display:flex;flex:1 1;gap:12px;overflow-x:auto;padding:4px 6px 2px;scroll-behavior:smooth;scrollbar-width:none}.stories-row-scroll::-webkit-scrollbar{display:none}.stories-row-arrow{align-items:center;background:var(--dark-700);border:1px solid var(--color-border-light);border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;padding:0;transition:background .15s,color .15s;width:28px;z-index:1}.stories-row-arrow:hover{background:var(--dark-600);color:var(--color-text-primary)}.stories-row-arrow--left{margin-right:4px}.stories-row-arrow--right{margin-left:4px}@media (max-width:600px){.stories-row-section{border-left:none;border-radius:0;border-right:none;margin-bottom:12px;padding:10px 6px}.stories-row-arrow{display:none}}.nf-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 64px);overflow:hidden;padding:40px 20px;position:relative}.nf-blob{border-radius:50%;filter:blur(80px);pointer-events:none;position:absolute;z-index:0}.nf-blob-1{animation:nf-blob-drift 8s ease-in-out infinite alternate;background:#7c3aed26;height:400px;left:-100px;top:-100px;width:400px}.nf-blob-2{animation:nf-blob-drift 10s ease-in-out infinite alternate-reverse;background:#ec48991a;bottom:-80px;height:300px;right:-80px;width:300px}@keyframes nf-blob-drift{0%{transform:translate(0) scale(1)}to{transform:translate(30px,20px) scale(1.1)}}.nf-content{max-width:480px;position:relative;text-align:center;z-index:1}.nf-code-group{align-items:center;display:flex;gap:16px;justify-content:center;margin-bottom:32px}.nf-4{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#ec4899);-webkit-background-clip:text;background-clip:text;font-size:clamp(80px,18vw,140px);font-weight:800;letter-spacing:-4px;line-height:1;-webkit-user-select:none;user-select:none}.nf-vinyl{flex-shrink:0}.nf-vinyl,.nf-vinyl-disc{align-items:center;display:flex;justify-content:center}.nf-vinyl-disc{animation:nf-spin 4s linear infinite;background:radial-gradient(circle at center,#1a1a2e 28%,#0000 29%),repeating-radial-gradient(circle at center,#1a1a26 0,#0d0d1a 4px,#1a1a26 8px);border:3px solid #7c3aed66;border-radius:50%;box-shadow:0 0 0 2px #7c3aed26,0 8px 32px #00000080;height:clamp(80px,16vw,130px);width:clamp(80px,16vw,130px)}@keyframes nf-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.nf-vinyl-label{align-items:center;animation:nf-counter-spin 4s linear infinite;background:linear-gradient(135deg,#7c3aed,#5b21b6);border-radius:50%;color:#ffffffe6;display:flex;font-size:clamp(18px,4vw,30px);font-weight:800;height:36%;justify-content:center;letter-spacing:-1px;width:36%}@keyframes nf-counter-spin{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}.nf-title{color:#f0f0f0;font-size:clamp(1.3rem,4vw,1.8rem);font-weight:700;margin:0 0 12px}.nf-desc{color:#ffffff80;font-size:.95rem;line-height:1.6;margin:0 0 32px}.nf-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.nf-btn{border:none;border-radius:12px;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 28px;transition:opacity .18s,transform .15s}.nf-btn:hover{opacity:.85}.nf-btn:active{transform:scale(.97)}.nf-btn-primary{background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff}.nf-btn-ghost{background:#ffffff12;border:1px solid #ffffff1f;color:#ffffffb3}.evp-page{align-items:center;background:#121212;background:var(--color-bg-deep,#121212);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:24px;position:relative}.evp-card{animation:evp-card-in .5s cubic-bezier(.34,1.3,.64,1) both;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff0a;border:1px solid #ffffff17;border-radius:24px;box-shadow:0 24px 60px #00000080;max-width:380px;padding:48px 40px 40px;position:relative;text-align:center;width:100%;z-index:2}@keyframes evp-card-in{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.evp-check-wrap{margin:0 auto 28px}.evp-check-svg,.evp-check-wrap{height:80px;width:80px}.evp-check-circle{stroke:#a855f7;stroke:var(--color-accent,#a855f7);stroke-width:2.5;fill:#a855f71f;stroke-dasharray:157;stroke-dashoffset:157;animation:evp-circle-draw .6s ease .15s forwards}.evp-check-mark{stroke:#a855f7;stroke:var(--color-accent,#a855f7);stroke-width:3;stroke-dasharray:36;stroke-dashoffset:36;animation:evp-check-draw .4s ease .7s forwards}@keyframes evp-circle-draw{to{stroke-dashoffset:0}}@keyframes evp-check-draw{to{stroke-dashoffset:0}}.evp-title{animation:evp-fade-up .4s ease .6s both;color:#fff;font-size:22px;font-weight:700;margin:0 0 10px}.evp-sub{animation:evp-fade-up .4s ease .7s both;color:#ffffff80;font-size:14px;line-height:1.6;margin:0 0 28px}@keyframes evp-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.evp-progress{animation:evp-fade-up .4s ease .8s both;background:#ffffff14;border-radius:2px;height:3px;margin-bottom:24px;overflow:hidden}.evp-progress-fill{animation:evp-progress-run 3.5s linear .5s both;background:linear-gradient(90deg,#a855f7,#667eea);background:linear-gradient(90deg,var(--color-accent,#a855f7),#667eea);border-radius:2px;height:100%}@keyframes evp-progress-run{0%{width:0}to{width:100%}}.evp-btn{align-items:center;animation:evp-fade-up .4s ease .9s both;background:#a855f7;background:var(--color-accent,#a855f7);border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;justify-content:center;padding:11px 28px;transition:background .18s,transform .15s}.evp-btn:hover{background:#9333ea;background:var(--color-accent-hover,#9333ea);transform:translateY(-1px)}.evp-btn:active{transform:translateY(0)}.evp-blob{border-radius:50%;filter:blur(60px);opacity:.18;pointer-events:none;position:absolute}.evp-blob--1{animation:evp-blob-float 8s ease-in-out infinite alternate;background:#a855f7;height:320px;right:-80px;top:-80px;width:320px}.evp-blob--2{animation:evp-blob-float 10s ease-in-out infinite alternate-reverse;background:#667eea;bottom:-60px;height:240px;left:-60px;width:240px}@keyframes evp-blob-float{0%{transform:translate(0) scale(1)}to{transform:translate(20px,20px) scale(1.08)}}@media (max-width:480px){.evp-card{border-radius:20px;padding:36px 24px 32px}.evp-title{font-size:20px}}.library-page{margin:0 auto;max-width:860px;padding:2rem 1rem}.library-header{margin-bottom:2rem}.library-title{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin-bottom:1.25rem}.library-tabs{background:var(--dark-800);border-radius:12px;display:flex;gap:.25rem;padding:.25rem;width:-webkit-fit-content;width:fit-content}.library-tab{align-items:center;background:#0000;border:none;border-radius:9px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1.25rem;transition:all var(--transition-base)}.library-tab:hover{background:var(--dark-700);color:var(--text-primary)}.library-tab.active{background:var(--accent-purple);color:#fff;font-weight:600}.library-loader{display:flex;justify-content:center;padding:60px 0}.library-section{animation:fadeIn .2s ease}.library-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.library-card{background:var(--dark-800);border:1px solid var(--border-subtle);border-radius:12px;color:inherit;display:flex;flex-direction:column;gap:.6rem;overflow:hidden;text-decoration:none;transition:transform var(--transition-base),background var(--transition-base)}.library-card:hover{background:var(--dark-700);transform:translateY(-3px)}.library-card-cover{aspect-ratio:1;background:var(--dark-700);overflow:hidden}.library-card-cover img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.library-card:hover .library-card-cover img{transform:scale(1.05)}.library-card-info{display:flex;flex-direction:column;gap:.2rem;padding:0 .75rem .75rem}.library-card-title{color:var(--text-primary);font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-card-meta{color:var(--text-secondary);font-size:.78rem}.library-list{display:flex;flex-direction:column;gap:.5rem}.library-track-row{align-items:center;background:var(--dark-800);border:1px solid var(--border-subtle);border-radius:10px;color:inherit;display:flex;gap:1rem;padding:.75rem;text-decoration:none;transition:background var(--transition-base)}.library-track-cover,.library-track-row:hover{background:var(--dark-700)}.library-track-cover{border-radius:8px;flex-shrink:0;height:48px;object-fit:cover;width:48px}.library-track-info{display:flex;flex:1 1;flex-direction:column;gap:.15rem;min-width:0}.library-track-title{color:var(--text-primary);font-size:.92rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-track-meta{color:var(--text-secondary);font-size:.78rem}.library-track-plays{color:var(--text-tertiary);flex-shrink:0;font-size:.78rem}.library-empty{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:.75rem;padding:60px 20px;text-align:center}.library-empty svg{height:40px;opacity:.4;width:40px}.library-empty p{font-size:1rem}.library-cta{background:var(--accent-purple);border-radius:10px;color:#fff;font-size:.9rem;font-weight:600;margin-top:.5rem;padding:.6rem 1.5rem;text-decoration:none;transition:opacity var(--transition-base)}.library-cta:hover{opacity:.85}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.library-page{padding:1rem .75rem}.library-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.library-track-plays{display:none}}.evb-bar{align-items:center;animation:evb-in .25s ease both;background:#a855f714;border-bottom:1px solid #a855f72e;display:flex;gap:10px;min-height:0;padding:9px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:50}@keyframes evb-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.evb-icon{color:#a855f7;color:var(--color-accent,#a855f7);flex-shrink:0;opacity:.85}.evb-text{color:#ffffffa6;flex:1 1;font-size:13px;font-weight:400;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.evb-text strong{color:#ffffffd9;font-weight:600}.evb-btn{background:#a855f724;border:1px solid #a855f74d;border-radius:7px;color:#a855f7;color:var(--color-accent,#a855f7);cursor:pointer;flex-shrink:0;font-family:inherit;font-size:12px;font-weight:500;padding:4px 11px;transition:background .15s,border-color .15s;white-space:nowrap}.evb-btn:hover:not(:disabled){background:#a855f73d;border-color:#a855f780}.evb-btn:disabled{cursor:not-allowed;opacity:.45}.evb-close{align-items:center;background:#0000;border:none;border-radius:5px;color:#ffffff4d;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;line-height:0;padding:3px;transition:color .15s,background .15s}.evb-close:hover{background:#ffffff12;color:#ffffffb3}@media (max-width:480px){.evb-bar{flex-wrap:wrap;gap:6px 10px;padding:8px 12px}.evb-text{font-size:12px;order:1;white-space:normal}.evb-icon{order:0}.evb-close{margin-left:auto;order:2}.evb-btn{font-size:12px;order:3;padding:6px 11px;text-align:center;width:100%}}.room-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.room-card:hover{border-color:#a855f759;box-shadow:0 12px 40px #a855f726;transform:translateY(-4px)}.room-card:focus-visible{outline:2px solid #a855f7;outline:2px solid var(--purple-500,#a855f7);outline-offset:2px}.room-card--full{cursor:not-allowed;opacity:.65}.room-card--full:hover{border-color:#ffffff14;box-shadow:none;transform:none}.room-card__cover{aspect-ratio:16/9;background:linear-gradient(135deg,#1e1040,#0f0b1e);flex-shrink:0;position:relative;width:100%}.room-card__cover-img{display:block;height:100%;object-fit:cover;width:100%}.room-card__cover-placeholder{align-items:center;background:linear-gradient(135deg,#1a0a35,#0f162a);display:flex;height:100%;justify-content:center;width:100%}.room-card__cover-placeholder svg{color:#a855f766;height:48px;width:48px}.room-card__live-dot{animation:room-live-pulse 1.5s ease-in-out infinite;background:#ef4444;border-radius:50%;box-shadow:0 0 0 3px #ef44444d;height:10px;left:10px;position:absolute;top:10px;width:10px}.room-card__full-badge{background:#000000b3;border-radius:20px;color:#fff9;font-size:.7rem;font-weight:600;letter-spacing:.04em;padding:2px 8px;position:absolute;right:10px;text-transform:uppercase;top:10px}.room-card__body{display:flex;flex:1 1;flex-direction:column;gap:6px;padding:14px 16px 16px}.room-card__name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:1rem;font-weight:700;line-height:1.3;margin:0;overflow:hidden}.room-card__host{align-items:center;display:flex;gap:6px}.room-card__host-avatar{border:1px solid #ffffff26;border-radius:50%;flex-shrink:0;height:20px;object-fit:cover;width:20px}.room-card__host-name{color:#ffffff80;font-size:.78rem}.room-card__host-name,.room-card__now-playing{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-card__now-playing{align-items:center;color:#a855f7e6;display:flex;font-size:.8rem;gap:5px;margin:0}.room-card__now-playing svg{flex-shrink:0;height:13px;width:13px}.room-card__np-artist{color:#fff6;font-weight:400}.room-card__desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#ffffff59;display:-webkit-box;font-size:.78rem;line-height:1.5;margin:0;overflow:hidden}.room-card__tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.room-card__tag{background:#a855f71a;border:1px solid #a855f733;border-radius:20px;color:#a855f7cc;font-size:.7rem;font-weight:500;padding:1px 8px}.room-card__footer{align-items:center;border-top:1px solid #ffffff0f;display:flex;justify-content:space-between;margin-top:auto;padding-top:8px}.room-card__count{align-items:center;color:#fff6;display:flex;font-size:.78rem;font-weight:500;gap:5px}.room-card__count svg{height:14px;width:14px}.room-card__join-btn{background:#a855f726;border:1px solid #a855f780;border-radius:20px;color:#a855f7e6;cursor:pointer;font-size:.78rem;font-weight:600;padding:5px 14px;transition:background .15s,color .15s,border-color .15s}.room-card__join-btn:hover{background:#a855f74d;border-color:#a855f7cc;color:#fff}.room-card__join-btn--disabled{cursor:not-allowed}.room-card__join-btn--disabled,.room-card__join-btn--disabled:hover{background:#0000;border-color:#ffffff1a;color:#fff3}.crs-overlay{align-items:flex-end;animation:crs-fade-in .2s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}@keyframes crs-fade-in{0%{opacity:0}to{opacity:1}}.crs-sheet{animation:crs-slide-up .3s cubic-bezier(.32,.72,0,1);background:#16112a;border:1px solid #a855f733;border-bottom:none;border-radius:24px 24px 0 0;display:flex;flex-direction:column;max-height:92dvh;max-width:560px;overflow:hidden;position:relative;width:100%}@keyframes crs-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (min-width:640px){.crs-overlay{align-items:center}.crs-sheet{animation:crs-pop-in .25s cubic-bezier(.34,1.56,.64,1);border:1px solid #a855f733;border-radius:20px;max-height:90dvh}@keyframes crs-pop-in{0%{opacity:0;transform:scale(.94) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}}.crs-handle{background:#fff3;border-radius:2px;flex-shrink:0;height:4px;margin:10px auto 0;width:40px}@media (min-width:640px){.crs-handle{display:none}}.crs-header{align-items:center;border-bottom:1px solid #ffffff12;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px 12px}.crs-title{color:#fff;font-size:1.15rem;font-weight:700;margin:0}.crs-close-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:50%;color:#fff9;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:background .15s,color .15s;width:32px}.crs-close-btn:hover{background:#ffffff1f;color:#fff}.crs-close-btn svg{height:16px;width:16px}.crs-form{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.crs-scroll-area{flex:1 1;gap:18px;overflow-y:auto;padding:16px 24px;scrollbar-color:#a855f74d #0000;scrollbar-width:thin}.crs-field,.crs-scroll-area{display:flex;flex-direction:column}.crs-field{gap:6px;position:relative}.crs-label{color:#ffffff80;font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.crs-input,.crs-textarea{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;color:#fff;font-family:inherit;font-size:.95rem;outline:none;padding:10px 14px;resize:none;transition:border-color .15s,background .15s}.crs-input:focus,.crs-textarea:focus{background:#a855f70f;border-color:#a855f780}.crs-input::placeholder,.crs-textarea::placeholder{color:#ffffff40}.crs-char-count{align-self:flex-end;color:#ffffff40;font-size:.72rem;margin-top:-4px}.crs-hint{color:#ffffff4d;font-size:.78rem;line-height:1.4;margin:0}.crs-visibility-row{display:flex;gap:10px}.crs-vis-btn{align-items:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;color:#ffffff80;cursor:pointer;display:flex;flex:1 1;font-size:.88rem;font-weight:600;gap:8px;justify-content:center;padding:10px 12px;transition:all .15s}.crs-vis-btn svg{height:16px;width:16px}.crs-vis-btn:hover{border-color:#a855f766;color:#fffc}.crs-vis-btn--active{background:#a855f726;border-color:#a855f799;color:#fff}.crs-range{-webkit-appearance:none;background:#a855f74d;border-radius:2px;cursor:pointer;height:4px;outline:none;width:100%}.crs-range::-webkit-slider-thumb{-webkit-appearance:none;background:#a855f7;background:var(--purple-500,#a855f7);border-radius:50%;box-shadow:0 0 8px #a855f780;cursor:pointer;height:18px;width:18px}.crs-range::-moz-range-thumb{background:#a855f7;background:var(--purple-500,#a855f7);border:none;border-radius:50%;cursor:pointer;height:18px;width:18px}.crs-range-labels{color:#ffffff40;display:flex;font-size:.72rem;justify-content:space-between;margin-top:-2px}.crs-tags-container{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;flex-wrap:wrap;gap:6px;min-height:42px;padding:8px 10px}.crs-tag,.crs-tags-container{align-items:center;display:flex}.crs-tag{background:#a855f71f;border:1px solid #a855f740;border-radius:20px;color:#a855f7e6;font-size:.8rem;font-weight:600;gap:4px;padding:2px 8px 2px 10px}.crs-tag-remove{align-items:center;background:none;border:none;color:#a855f799;cursor:pointer;display:flex;font-size:1rem;line-height:1;padding:0;transition:color .1s}.crs-tag-remove:hover{color:#f87171}.crs-tag-input{background:none;border:none;color:#fff;flex:1 1;font-family:inherit;font-size:.88rem;min-width:80px;outline:none}.crs-tag-input::placeholder{color:#fff3}.crs-suggested-tags{display:flex;flex-wrap:wrap;gap:5px}.crs-suggested-tag{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:20px;color:#ffffff59;cursor:pointer;font-size:.75rem;font-weight:500;padding:2px 10px;transition:all .15s}.crs-suggested-tag:hover{background:#a855f714;border-color:#a855f766;color:#a855f7e6}.crs-error{background:#ef444414;border:1px solid #ef444433;border-radius:8px;color:#f87171;font-size:.82rem;margin:0;padding:8px 12px}.crs-footer{border-top:1px solid #ffffff12;display:flex;flex-shrink:0;gap:10px;padding:14px 24px max(20px,env(safe-area-inset-bottom))}.crs-cancel-btn{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;color:#fff9;cursor:pointer;flex:0 0 auto;font-size:.9rem;font-weight:600;padding:11px 20px;transition:all .15s}.crs-cancel-btn:hover{background:#ffffff1a;color:#fff}.crs-submit-btn{align-items:center;background:linear-gradient(135deg,#7e22ce,#a855f7);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:700;gap:8px;justify-content:center;padding:11px 20px;transition:opacity .15s,transform .1s}.crs-submit-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.crs-submit-btn:disabled{cursor:not-allowed;opacity:.45;transform:none}.crs-spinner{animation:crs-spin .7s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}@keyframes crs-spin{to{transform:rotate(1turn)}}.rooms-page{display:flex;flex-direction:column;min-height:100vh}.rooms-hero{background:linear-gradient(160deg,#0c0c1e,#160830 55%,#0a1020);border-bottom:1px solid #ffffff0f;overflow:hidden;padding:48px 32px 40px;position:relative}.rooms-hero-glow{border-radius:50%;filter:blur(60px);pointer-events:none;position:absolute}.rooms-hero-glow--purple{background:radial-gradient(circle,#a855f72e 0,#0000 70%);height:400px;left:-50px;top:-100px;width:400px}.rooms-hero-glow--blue{background:radial-gradient(circle,#3b82f61f 0,#0000 70%);bottom:-60px;height:300px;right:5%;width:300px}.rooms-hero-inner{align-items:center;display:flex;gap:20px;margin:0 auto;max-width:1200px;position:relative;width:100%;z-index:1}.rooms-hero-icon{align-items:center;background:linear-gradient(135deg,#a855f740,#6366f133);border:1px solid #a855f74d;border-radius:16px;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.rooms-hero-icon svg{color:#c084fce6;height:28px;width:28px}.rooms-hero-text{flex:1 1;min-width:0}.rooms-hero-title{color:#fff;font-size:1.8rem;font-weight:800;letter-spacing:-.03em;margin:0 0 4px}.rooms-hero-sub{color:#ffffff73;font-size:.9rem;line-height:1.5;margin:0}.rooms-hero-live{color:#ef4444cc;font-weight:600}.rooms-create-btn{align-items:center;background:linear-gradient(135deg,#7e22ce,#a855f7);border:none;border-radius:14px;box-shadow:0 4px 20px #a855f766;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.92rem;font-weight:700;gap:8px;padding:11px 22px;transition:opacity .15s,transform .1s;white-space:nowrap}.rooms-create-btn svg{height:18px;width:18px}.rooms-create-btn:hover{opacity:.9;transform:translateY(-1px)}.rooms-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:14px;margin:0 auto;max-width:1200px;padding:20px 32px 12px;width:100%}.rooms-search-wrap{flex:0 0 240px}.rooms-search{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:20px;color:#fff;font-family:inherit;font-size:.88rem;outline:none;padding:8px 16px;transition:border-color .15s;width:100%}.rooms-search:focus{border-color:#a855f766}.rooms-search::placeholder{color:#ffffff40}.rooms-tag-filters{display:flex;flex:1 1;flex-wrap:wrap;gap:6px}.rooms-tag-btn{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:20px;color:#ffffff73;cursor:pointer;font-size:.8rem;font-weight:600;padding:5px 14px;transition:all .15s;white-space:nowrap}.rooms-tag-btn:hover{border-color:#a855f759;color:#fffc}.rooms-tag-btn--active{background:#a855f726;border-color:#a855f799;color:#c084fc}.rooms-stats-bar{align-items:center;display:flex;gap:14px;margin:0 auto;max-width:1200px;padding:0 32px 16px;width:100%}.rooms-stat{color:#ffffff4d;font-size:.8rem}.rooms-stat-val{color:#fff9;font-weight:700}.rooms-stat-sep{background:#ffffff1f;height:12px;width:1px}.rooms-grid-wrap{flex:1 1;margin:0 auto;max-width:1200px;padding:0 32px 40px;width:100%}.rooms-grid,.rooms-skeleton-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.rooms-skeleton-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;overflow:hidden;padding:0 0 16px}.rooms-sk-img{aspect-ratio:16/9;background:#ffffff0f;width:100%}.rooms-sk-img,.rooms-sk-line{animation:rooms-sk-pulse 1.5s ease-in-out infinite}.rooms-sk-line{background:#ffffff0d;border-radius:6px;height:12px;margin:12px 16px 0}.rooms-sk-line--title{height:16px;width:70%}.rooms-sk-line--sub{width:50%}.rooms-sk-line--short{width:35%}@keyframes rooms-sk-pulse{0%,to{opacity:.4}50%{opacity:.8}}.rooms-empty{align-items:center;color:#fff3;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:80px 20px;text-align:center}.rooms-empty svg{height:56px;opacity:.4;width:56px}.rooms-empty h3{color:#fff6;font-size:1.1rem;font-weight:700;margin:0}.rooms-empty p{color:#ffffff40;font-size:.85rem;line-height:1.6;margin:0;max-width:320px}.rooms-create-btn--empty{background:#a855f733;border:1px solid #a855f766;box-shadow:none;margin-top:8px}@media (max-width:900px){.rooms-hero{padding:36px 20px 30px}.rooms-grid-wrap,.rooms-stats-bar,.rooms-toolbar{padding-left:20px;padding-right:20px}}@media (max-width:640px){.rooms-hero-inner{flex-wrap:wrap}.rooms-hero-title{font-size:1.4rem}.rooms-create-btn{justify-content:center;width:100%}.rooms-toolbar{align-items:stretch;flex-direction:column;gap:10px}.rooms-search-wrap{flex:initial}.rooms-search{width:100%}.rooms-tag-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.rooms-tag-filters::-webkit-scrollbar{display:none}.rooms-grid,.rooms-skeleton-grid{grid-template-columns:1fr}}.rp-player{background:#ffffff08;border-top:1px solid #ffffff14;display:flex;flex-direction:column;flex-shrink:0;gap:12px;padding:16px 20px}.rp-track-info{align-items:center;display:flex;gap:12px}.rp-cover{border-radius:8px;flex-shrink:0;height:48px;object-fit:cover;width:48px}.rp-cover--empty{align-items:center;background:linear-gradient(135deg,#1a0a35,#0f162a);border:1px solid #ffffff12;display:flex;justify-content:center}.rp-cover-icon{color:#a855f780;height:22px;width:22px}.rp-meta{flex:1 1;min-width:0}.rp-title{color:#fff;font-size:.9rem;font-weight:600;margin:0}.rp-artist,.rp-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rp-artist{color:#fff6;font-size:.78rem;margin:2px 0 0}.rp-sync-badge{border:1px solid #ffffff26;border-radius:20px;color:#fff6;flex-shrink:0;font-size:.7rem;font-weight:700;letter-spacing:.05em;padding:3px 8px;white-space:nowrap}.rp-sync-badge--live{animation:rp-live-pulse 2s ease-in-out infinite;border-color:#ef444459;color:#ef4444}@keyframes rp-live-pulse{0%,to{opacity:1}50%{opacity:.6}}.rp-progress-row{align-items:center;display:flex;gap:10px}.rp-time{font-feature-settings:"tnum";color:#ffffff59;font-size:.72rem;font-variant-numeric:tabular-nums;min-width:30px;white-space:nowrap}.rp-seek-bar{align-items:center;display:flex;flex:1 1;height:20px;position:relative}.rp-seek-bar--interactive{cursor:pointer}.rp-seek-bg{background:#ffffff1f;inset:8px 0}.rp-seek-bg,.rp-seek-fill{border-radius:2px;height:4px;position:absolute}.rp-seek-fill{background:linear-gradient(90deg,#7e22ce,#a855f7);left:0;pointer-events:none;top:8px;transition:width .1s linear}.rp-seek-thumb{background:#a855f7;border-radius:50%;box-shadow:0 0 8px #a855f799;height:14px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:left .1s linear;width:14px}.rp-seek-bar--interactive:hover .rp-seek-thumb{transform:translate(-50%,-50%) scale(1.3)}.rp-controls{gap:12px;justify-content:space-between}.rp-controls,.rp-host-controls{align-items:center;display:flex}.rp-host-controls{gap:8px}.rp-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:50%;color:#ffffffb3;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .15s;width:36px}.rp-btn svg{height:18px;width:18px}.rp-btn:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff40;color:#fff}.rp-btn:disabled{cursor:not-allowed;opacity:.3}.rp-btn--primary{background:linear-gradient(135deg,#7e22ce,#a855f7);border-color:#0000;box-shadow:0 4px 16px #a855f766;color:#fff;height:44px;width:44px}.rp-btn--primary svg{height:22px;width:22px}.rp-btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#9333ea,#c084fc);transform:scale(1.05)}.rp-guest-status{align-items:flex-end;display:flex;gap:3px;height:24px}.rp-eq-bar{animation:rp-eq .9s ease-in-out infinite alternate;background:#a855f7;background:var(--purple-500,#a855f7);border-radius:2px;display:block;width:4px}.rp-eq-bar:first-child{animation-duration:.8s;height:60%}.rp-eq-bar:nth-child(2){animation-duration:1.1s;height:100%}.rp-eq-bar:nth-child(3){animation-duration:.7s;height:40%}@keyframes rp-eq{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.rp-volume{gap:8px;margin-left:auto}.rp-mute-btn,.rp-volume{align-items:center;display:flex}.rp-mute-btn{background:none;border:none;color:#fff6;cursor:pointer;flex-shrink:0;height:28px;justify-content:center;padding:0;transition:color .15s;width:28px}.rp-mute-btn:hover{color:#fffc}.rp-mute-btn svg{height:18px;width:18px}.rp-volume-slider{-webkit-appearance:none;background:#fff3;border-radius:2px;cursor:pointer;height:3px;outline:none;width:80px}.rp-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#a855f7;background:var(--purple-500,#a855f7);border-radius:50%;cursor:pointer;height:12px;width:12px}.rp-volume-slider::-moz-range-thumb{background:#a855f7;background:var(--purple-500,#a855f7);border:none;border-radius:50%;cursor:pointer;height:12px;width:12px}.rp-autoplay-btn{align-items:center;animation:rp-autoplay-pulse 2s ease-in-out infinite;background:linear-gradient(90deg,#7e22ce80,#a855f766);border:1px solid #a855f780;border-radius:10px;color:#e9d5ff;cursor:pointer;display:flex;font-family:inherit;font-size:.85rem;font-weight:600;justify-content:center;letter-spacing:.01em;margin-bottom:2px;padding:.6rem 1rem;transition:background .15s,transform .1s;width:100%}.rp-autoplay-btn:hover{background:linear-gradient(90deg,#7e22ceb3,#a855f799);transform:scale(1.01)}@keyframes rp-autoplay-pulse{0%,to{box-shadow:0 0 0 0 #a855f74d}50%{box-shadow:0 0 0 6px #a855f700}}@media (max-width:480px){.rp-volume-slider{width:60px}.rp-player{padding:12px 16px}}.rchat-root{display:flex;flex-direction:column;height:100%;overflow:hidden}.rchat-messages{display:flex;flex:1 1;flex-direction:column;gap:6px;overflow-y:auto;padding:12px 14px;scrollbar-color:#a855f740 #0000;scrollbar-width:thin}.rchat-messages::-webkit-scrollbar{width:4px}.rchat-messages::-webkit-scrollbar-thumb{background:#a855f740;border-radius:2px}.rchat-empty{color:#ffffff40;font-size:.82rem;margin:auto;text-align:center}.rchat-system-msg{padding:4px 0;text-align:center}.rchat-system-msg span{background:#ffffff0a;border-radius:20px;color:#ffffff4d;font-size:.72rem;padding:3px 10px}.rchat-msg{align-items:flex-end;display:flex;gap:7px;max-width:90%}.rchat-msg--own{align-self:flex-end;flex-direction:row-reverse}.rchat-avatar{border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;height:26px;object-fit:cover;width:26px}.rchat-bubble-group{display:flex;flex-direction:column;gap:2px}.rchat-msg--own .rchat-bubble-group{align-items:flex-end}.rchat-sender{color:#a855f7cc;font-size:.7rem;font-weight:600;margin-left:2px}.rchat-bubble{background:#ffffff12;border:1px solid #ffffff14;border-radius:14px 14px 14px 3px;padding:7px 11px;position:relative}.rchat-msg--own .rchat-bubble{background:#a855f72e;border-color:#a855f740;border-radius:14px 14px 3px 14px}.rchat-text{color:#ffffffe0;font-size:.88rem;line-height:1.45;margin:0;white-space:pre-wrap;word-break:break-word}.rchat-time{color:#ffffff40;display:block;font-size:.65rem;margin-top:3px;text-align:right}.rchat-reactions{border-top:1px solid #ffffff0f;display:flex;gap:6px;justify-content:center;padding:8px 14px}.rchat-reaction-btn{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;cursor:pointer;font-size:1.4rem;line-height:1;padding:4px 8px;transition:transform .1s,background .1s}.rchat-reaction-btn:hover{background:#a855f726;border-color:#a855f74d;transform:scale(1.15)}.rchat-input-row{background:#00000026;border-top:1px solid #ffffff12;gap:8px;padding:10px 12px}.rchat-emoji-btn,.rchat-input-row{align-items:center;display:flex;flex-shrink:0}.rchat-emoji-btn{background:none;border:none;border-radius:8px;color:#ffffff59;cursor:pointer;height:32px;justify-content:center;padding:0;transition:color .15s,background .15s;width:32px}.rchat-emoji-btn:hover{background:#ffffff0f;color:#ffffffb3}.rchat-emoji-btn svg{height:18px;width:18px}.rchat-input{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:20px;color:#fff;flex:1 1;font-family:inherit;font-size:.88rem;outline:none;padding:8px 14px;transition:border-color .15s}.rchat-input:focus{border-color:#a855f766}.rchat-input::placeholder{color:#ffffff40}.rchat-send-btn{align-items:center;background:linear-gradient(135deg,#7e22ce,#a855f7);border:none;border-radius:50%;box-shadow:0 3px 12px #a855f766;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:opacity .15s,transform .1s;width:36px}.rchat-send-btn svg{height:16px;width:16px}.rchat-send-btn:hover:not(:disabled){opacity:.9;transform:scale(1.08)}.rchat-send-btn:disabled{cursor:not-allowed;opacity:.3;transform:none}.rq-root{display:flex;flex-direction:column;height:100%;overflow:hidden}.rq-header{align-items:center;border-bottom:1px solid #ffffff12;display:flex;flex-shrink:0;justify-content:space-between;padding:14px 16px 10px}.rq-title{color:#ffffffb3;font-size:.9rem;font-weight:700;letter-spacing:.06em;margin:0;text-transform:uppercase}.rq-add-btn{align-items:center;background:#a855f71f;border:1px solid #a855f740;border-radius:20px;color:#a855f7e6;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:5px;padding:4px 12px;transition:all .15s}.rq-add-btn svg{height:14px;width:14px}.rq-add-btn:hover{background:#a855f738;border-color:#a855f780;color:#fff}.rq-search{flex-shrink:0}.rq-search,.rq-search-tabs{border-bottom:1px solid #ffffff12}.rq-search-tabs{display:flex;gap:0}.rq-search-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#fff6;cursor:pointer;display:flex;flex:1 1;font-size:.8rem;font-weight:600;gap:6px;justify-content:center;padding:9px 12px;transition:all .15s}.rq-search-tab svg{height:14px;width:14px}.rq-search-tab:hover{color:#ffffffb3}.rq-search-tab--active{border-bottom-color:#a855f7;color:#a855f7}.rq-search-row{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;gap:8px;padding:10px 14px}.rq-search-row svg{color:#ffffff4d;flex-shrink:0;height:16px;width:16px}.rq-search-input{background:none;border:none;color:#fff;flex:1 1;font-family:inherit;font-size:.9rem;outline:none}.rq-search-input::placeholder{color:#ffffff40}.rq-cards-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-height:260px;overflow-y:auto;padding:10px 12px;scrollbar-color:#a855f733 #0000;scrollbar-width:thin}.rq-card{background:#ffffff0a;border:1px solid #ffffff12;border-radius:10px;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:background .15s,transform .15s}.rq-card:hover{background:#ffffff14;transform:translateY(-2px)}.rq-card-cover{aspect-ratio:1;background:#ffffff0f;flex-shrink:0;overflow:hidden}.rq-card-cover img{height:100%;object-fit:cover;transition:transform .3s;width:100%}.rq-card:hover .rq-card-cover img{transform:scale(1.05)}.rq-card-cover--empty{align-items:center;color:#ffffff26;display:flex;height:100%;justify-content:center;width:100%}.rq-card-cover--empty svg{height:28px;width:28px}.rq-card-info{flex:1 1;min-width:0;padding:6px 8px 2px}.rq-card-title{color:#ffffffd9;font-size:.78rem;font-weight:600;margin:0}.rq-card-artist,.rq-card-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rq-card-artist{color:#ffffff59;font-size:.7rem;margin:2px 0 0}.rq-card-add{align-items:center;background:#a855f726;border:none;border-top:1px solid #a855f726;color:#a855f7;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:6px;transition:background .15s;width:100%}.rq-card-add svg{height:16px;width:16px}.rq-card-add:hover{background:#a855f74d;color:#fff}.rq-search-results{max-height:200px;overflow-y:auto;scrollbar-color:#a855f733 #0000;scrollbar-width:thin}.rq-search-empty,.rq-search-loading{color:#ffffff4d;font-size:.8rem;margin:0;padding:10px 16px;text-align:center}.rq-result-row{align-items:center;cursor:default;display:flex;gap:10px;justify-content:space-between;padding:8px 14px;transition:background .1s}.rq-result-row:hover{background:#ffffff0a}.rq-result-info{display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.rq-result-title{color:#ffffffd9;font-size:.85rem;font-weight:600}.rq-result-artist,.rq-result-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rq-result-artist{color:#ffffff59;font-size:.75rem}.rq-result-add{background:none;border:1px solid #a855f740;border-radius:20px;color:#a855f7cc;cursor:pointer;flex-shrink:0;font-size:.75rem;font-weight:600;padding:3px 10px;transition:all .1s;white-space:nowrap}.rq-result-add:hover{background:#a855f726;color:#fff}.rq-now-playing{border-bottom:1px solid #ffffff12;flex-shrink:0;padding:0 0 4px}.rq-now-label{color:#a855f7b3;display:block;font-size:.68rem;font-weight:700;letter-spacing:.08em;padding:8px 16px 4px;text-transform:uppercase}.rq-list{flex:1 1;overflow-y:auto;scrollbar-color:#a855f733 #0000;scrollbar-width:thin}.rq-track{align-items:center;display:flex;gap:10px;padding:8px 14px;transition:background .1s}.rq-track:hover{background:#ffffff0a}.rq-track--active{background:#a855f70f}.rq-track--active:hover{background:#a855f71a}.rq-track-num{color:#ffffff40;font-size:.75rem;text-align:center}.rq-eq,.rq-track-num{flex-shrink:0;min-width:18px}.rq-eq{align-items:flex-end;display:flex;gap:2px;height:16px}.rq-eq span{animation:rq-eq-anim .8s ease-in-out infinite alternate;background:#a855f7;background:var(--purple-500,#a855f7);border-radius:1.5px;display:block;width:3px}.rq-eq span:first-child{animation-duration:.7s;height:60%}.rq-eq span:nth-child(2){animation-duration:1s;height:100%}.rq-eq span:nth-child(3){animation-duration:.85s;height:45%}@keyframes rq-eq-anim{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.rq-track-cover{background:#ffffff0f;border-radius:6px;flex-shrink:0;height:36px;overflow:hidden;width:36px}.rq-track-cover img{display:block;height:100%;object-fit:cover;width:100%}.rq-track-cover--empty{align-items:center;background:linear-gradient(135deg,#1a0a35,#0f162a);display:flex;height:100%;justify-content:center;width:100%}.rq-track-cover--empty svg{color:#a855f766;height:16px;width:16px}.rq-track-meta{flex:1 1;min-width:0}.rq-track-title{color:#ffffffd9;font-size:.85rem;font-weight:600;margin:0}.rq-track-artist,.rq-track-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rq-track-artist{color:#ffffff59;font-size:.75rem;margin:1px 0 0}.rq-track-actions{display:flex;gap:4px;opacity:0;transition:opacity .15s}.rq-track:hover .rq-track-actions{opacity:1}.rq-action-btn{align-items:center;background:#ffffff0f;border:none;border-radius:6px;color:#fff6;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .1s;width:28px}.rq-action-btn svg{height:14px;width:14px}.rq-action-btn--play:hover{background:#a855f733;color:#c084fc}.rq-action-btn--remove:hover{background:#ef444426;color:#f87171}.rq-empty{align-items:center;color:#fff3;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:40px 20px}.rq-empty svg{height:36px;opacity:.5;width:36px}.rq-empty p{font-size:.82rem;line-height:1.5;margin:0;text-align:center}.room-page{background:#0f0b1e;display:flex;flex-direction:column;height:calc(100vh - 70px);overflow:hidden}.room-page--error,.room-page--loading{align-items:center;justify-content:center}.room-loader{align-items:center;color:#fff6;display:flex;flex-direction:column;font-size:.9rem;gap:16px}.room-loader-spinner{animation:room-spin .8s linear infinite;border:3px solid #a855f733;border-radius:50%;border-top-color:#a855f7;height:40px;width:40px}@keyframes room-spin{to{transform:rotate(1turn)}}.room-error-box{max-width:400px;padding:40px;text-align:center}.room-error-box h2{color:#fff;font-size:1.2rem;font-weight:700;margin:0 0 10px}.room-error-box p{color:#fff6;font-size:.9rem;margin:0 0 20px}.room-back-home-btn{background:#a855f71f;border:1px solid #a855f766;border-radius:12px;color:#c084fc;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 22px;transition:all .15s}.room-back-home-btn:hover{background:#a855f738;color:#fff}.room-topbar{background:#0000004d;border-bottom:1px solid #ffffff14;gap:14px;min-height:60px;padding:12px 20px}.room-back-btn,.room-topbar{align-items:center;display:flex;flex-shrink:0}.room-back-btn{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;color:#fff9;cursor:pointer;height:36px;justify-content:center;transition:all .15s;width:36px}.room-back-btn:hover{background:#ffffff1f;color:#fff}.room-back-btn svg{height:20px;width:20px}.room-topbar-info{flex:1 1;min-width:0}.room-topbar-name{color:#fff;font-size:1rem;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-topbar-meta{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.room-topbar-host{align-items:center;color:#fff6;display:flex;font-size:.75rem;font-weight:500;gap:5px}.room-topbar-host img{border:1px solid #ffffff1f;border-radius:50%;height:18px;object-fit:cover;width:18px}.room-host-badge{background:#a855f733;border:1px solid #a855f74d;border-radius:20px;color:#c084fc;font-size:.65rem;font-weight:700;letter-spacing:.05em;padding:1px 6px;text-transform:uppercase}.room-topbar-sep{color:#fff3;font-size:.75rem}.room-topbar-count{align-items:center;color:#ffffff59;display:flex;font-size:.75rem;gap:3px}.room-topbar-count svg{height:13px;width:13px}.room-live-badge{animation:room-live-pulse 2s ease-in-out infinite;color:#ef4444;font-size:.7rem;font-weight:700;letter-spacing:.05em}@keyframes room-live-pulse{0%,to{opacity:1}50%{opacity:.5}}.rp-participants{align-items:center;display:flex;flex-shrink:0}.rp-participant{border:2px solid #0f0b1e;border-radius:50%;flex-shrink:0;height:30px;margin-left:-6px;position:relative;width:30px}.rp-participants .rp-participant:first-child{margin-left:0}.rp-participant img{border-radius:50%;display:block;height:100%;object-fit:cover;width:100%}.rp-participant-crown{align-items:center;background:#0f0b1e;border-radius:50%;bottom:-4px;display:flex;height:14px;justify-content:center;position:absolute;right:-4px;width:14px}.rp-participant-crown svg{color:#f59e0b;height:9px;width:9px}.rp-participant--overflow{align-items:center;background:#a855f733;border-color:#a855f74d;color:#a855f7e6;display:flex;font-size:.6rem;font-weight:700;justify-content:center}.room-leave-btn{align-items:center;background:#ef444414;border:1px solid #ef444440;border-radius:10px;color:#ef4444cc;cursor:pointer;display:flex;flex-shrink:0;font-size:.82rem;font-weight:600;gap:6px;padding:7px 14px;transition:all .15s;white-space:nowrap}.room-leave-btn svg{height:16px;width:16px}.room-leave-btn:hover{background:#ef444426;border-color:#ef444466;color:#f87171}.room-end-btn{align-items:center;background:#ef44442e;border:1px solid #ef444480;border-radius:10px;color:#f87171;cursor:pointer;display:flex;flex-shrink:0;font-size:.82rem;font-weight:700;gap:6px;padding:7px 14px;transition:all .15s;white-space:nowrap}.room-end-btn svg{height:16px;width:16px}.room-end-btn:hover{background:#ef44444d;color:#fca5a5}.room-body{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.room-columns{display:grid;flex:1 1;grid-template-columns:360px 1fr;overflow:hidden}.room-col{display:flex;flex-direction:column;overflow:hidden}.room-col--queue{background:#0000001a;border-right:1px solid #ffffff14}.room-col--chat{display:flex;flex-direction:column;overflow:hidden}.room-chat-header{align-items:center;border-bottom:1px solid #ffffff12;color:#ffffff80;display:flex;flex-shrink:0;font-size:.82rem;font-weight:700;gap:8px;letter-spacing:.07em;padding:14px 18px 10px;text-transform:uppercase}.room-chat-header svg{height:15px;width:15px}.room-chat-count{background:#ffffff0f;border-radius:20px;color:#ffffff40;font-size:.7rem;font-weight:600;margin-left:auto;padding:1px 7px}.room-mobile-content{display:none;flex:1 1;overflow:hidden}.room-mobile-tabs{display:none;flex-shrink:0}@media (max-width:900px){.room-page{height:calc(100dvh - 60px)}.room-columns{display:none}.room-mobile-content{display:flex;flex-direction:column}.room-mobile-tabs{background:#0000004d;border-top:1px solid #ffffff14;display:flex;flex-shrink:0;padding-bottom:env(safe-area-inset-bottom,0)}.room-mobile-tab{align-items:center;background:none;border:none;color:#ffffff59;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.68rem;font-weight:600;gap:3px;justify-content:center;letter-spacing:.06em;padding:10px 0 12px;text-transform:uppercase;transition:color .15s}.room-mobile-tab svg{height:20px;width:20px}.room-mobile-tab.active{color:#a855f7}.room-mobile-tab.active svg{filter:drop-shadow(0 0 6px rgba(168,85,247,.6))}.room-topbar{gap:10px;padding:10px 14px}.room-topbar-name{font-size:.88rem}.room-leave-label,.rp-participants{display:none}.room-end-btn,.room-leave-btn{padding:7px}}@media (max-width:480px){.room-topbar{min-height:52px}.room-topbar-meta{display:none}}:root{--font-main:"Urbanist",sans-serif;--color-bg-deep:#121212;--color-bg-medium:#181818;--color-bg-light:#282828;--color-border:#3f3f46;--color-border-dashed:#52525b;--color-text-primary:#e5e7eb;--color-text-secondary:#a1a1aa;--color-text-placeholder:#71717a;--color-accent:#a855f7;--color-accent-hover:#9333ea;--color-success:#22c55e;--color-error:#ef4444;--color-disabled:#4b5563;--header-height:70px}#root,body,html{height:100%;margin:0;overflow:hidden;padding:0}body{background-color:#121212;background-color:var(--color-bg-deep);color:#e5e7eb;color:var(--color-text-primary);font-family:Urbanist,sans-serif;font-family:var(--font-main)}#root,.app-container{display:flex;flex-direction:column;height:100%}.app-container{position:relative}.app-main-content{flex:1 1 auto;min-height:0;overflow-y:auto;position:relative}@media (max-width:768px){.app-main-content,.dashboard-container,.page-profile-container,.playlist-page-container{padding-bottom:100px}body.player-visible-mobile .app-main-content,body.player-visible-mobile .dashboard-container,body.player-visible-mobile .page-profile-container{padding-bottom:170px}body.in-chat-view .app-main-content{padding-bottom:0}}body.no-sidebar .main-content{margin-left:0;max-width:100%}body.sidebar-mode-full .app-main-content{padding-left:280px}body.sidebar-mode-hover .app-main-content,body.sidebar-mode-icons .app-main-content{padding-left:64px}body.no-sidebar-offset .app-main-content{padding-left:0!important}body.sidebar-mode-full .main-content,body.sidebar-mode-hover .main-content,body.sidebar-mode-icons .main-content{margin-left:0;max-width:100%}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#181818;background:var(--color-bg-medium)}::-webkit-scrollbar-thumb{background:#282828;background:var(--color-bg-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3f3f46;background:var(--color-border)}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,20px)}15%{opacity:1;transform:translate(-50%)}85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,20px)}}.toast-notification{animation:fadeInOut 3s ease-in-out forwards;background-color:#a855f7;background-color:var(--color-accent);border-radius:.5rem;bottom:110px;box-shadow:0 4px 12px #0000004d;color:#fff;font-weight:500;left:50%;padding:1rem 1.5rem;position:fixed;transform:translateX(-50%);z-index:3000}.toast-notification.error{background-color:#ef4444;background-color:var(--color-error)}.form-input,.form-textarea{background-color:#282828;background-color:var(--color-bg-light);border:1px solid #3f3f46;border:1px solid var(--color-border);border-radius:.5rem;box-sizing:border-box;color:#e5e7eb;color:var(--color-text-primary);display:block;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s;width:100%}.form-input:focus,.form-textarea:focus{border-color:#a855f7;border-color:var(--color-accent);box-shadow:0 0 0 3px #a855f74d;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:#71717a;color:var(--color-text-placeholder)}.modal-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#12121280;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;padding:1rem;position:fixed;top:0;width:100%;z-index:2000}.modal-content{background-color:#282828cc;border:1px solid #ffffff1a;border-radius:.75rem;box-shadow:0 8px 32px 0 #0000005e;max-width:550px;padding:2rem;width:100%}.modal-content h4{font-size:1.5rem;margin-top:0}.modal-content p{color:#a1a1aa;color:var(--color-text-secondary);margin:1rem 0 2rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.modal-button-cancel,.modal-button-confirm{border:none;border-radius:.5rem;cursor:pointer;font-weight:600;padding:.75rem 1.5rem}.modal-button-cancel{background-color:#ffffff1a;color:#e5e7eb;color:var(--color-text-primary)}.modal-button-confirm{background-color:#ef4444;background-color:var(--color-error);color:#fff}.modal-form{display:flex;flex-direction:column;gap:1.5rem;margin-top:1.5rem}
/*# sourceMappingURL=main.f3ba92ee.css.map*/