:root{--app-bg: #000000;--app-bg-2: #0a0a0a;--app-bg-3: #111111;--app-bg-4: #1a1a1a;--app-bg-glass: rgba(0, 0, 0, .8);--app-bg-glass-2: rgba(17, 17, 17, .92);--ink-primary: #f5f5f7;--ink-secondary: rgba(245, 245, 247, .72);--ink-tertiary: rgba(245, 245, 247, .44);--ink-muted: rgba(245, 245, 247, .28);--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .16);--border-focus: rgba(123, 92, 240, .6);--violet: #7B5CF0;--violet-dim: rgba(123, 92, 240, .18);--violet-glow: rgba(123, 92, 240, .35);--color-primary: #7B5CF0;--color-secondary: #7B5CF0;--color-accent: #7B5CF0;--color-success: #30D158;--color-mint: #7B5CF0;--color-purple: #7B5CF0;--color-bg: #000000;--color-bg-primary: #000000;--color-bg-secondary: #0a0a0a;--color-bg-tertiary: #111111;--color-bg-elevated: #1a1a1a;--color-bg-glass: rgba(0, 0, 0, .8);--color-ink-black: #000000;--color-snow: #f5f5f7;--color-text-primary: #f5f5f7;--color-text-secondary: rgba(245, 245, 247, .72);--color-text-tertiary: rgba(245, 245, 247, .44);--color-text-muted: rgba(245, 245, 247, .28);--color-border: rgba(255, 255, 255, .08);--color-border-hover: rgba(255, 255, 255, .16);--color-accent-primary: #7B5CF0;--color-accent-secondary:#7B5CF0;--color-accent-success: #30D158;--color-interaction: #7B5CF0;--color-upvote-bar: #7B5CF0;--gradient-marketing: linear-gradient(135deg, #7B5CF0 0%, #a78bfa 100%);--gradient-primary: linear-gradient(135deg, #7B5CF0 0%, #a78bfa 100%);--font-primary: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-logo: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-24: 6rem;--space-32: 8rem;--space-hero: 8rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--transition-fast: .15s ease;--transition-base: .25s ease;--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-player: 0 -1px 0 rgba(255,255,255,.06), 0 -8px 32px rgba(0,0,0,.4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-primary);background:var(--app-bg);color:var(--ink-primary);line-height:1.6;min-height:100vh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);overscroll-behavior-y:contain}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 40% at 50% -10%,rgba(123,92,240,.1),transparent);pointer-events:none;z-index:-1}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}a,button,input,select,textarea,[role=button],[tabindex]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.2;letter-spacing:-.02em;color:var(--ink-primary)}.text-gradient{background:var(--gradient-marketing);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-6)}.w-full{width:100%}.mt-4{margin-top:var(--space-4)}.mt-2{margin-top:var(--space-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.6rem var(--space-6);font-weight:600;font-size:.875rem;border-radius:var(--radius-full);transition:all var(--transition-base);letter-spacing:-.01em;min-height:44px;touch-action:manipulation}.btn-primary{background:var(--violet);color:#fff;font-weight:600}.btn-primary:hover{background:#8b6ff2;transform:scale(1.02)}.btn-primary:active{transform:scale(.97)}.btn-secondary{background:var(--app-bg-4);color:var(--ink-primary);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--border-hover);background:#222}.btn-ghost{background:transparent;color:var(--ink-secondary)}.btn-ghost:hover{background:var(--app-bg-3);color:var(--ink-primary)}.btn-icon{width:44px;height:44px;padding:0;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--ink-secondary);transition:all var(--transition-fast);min-width:44px}.btn-icon:hover{background:var(--app-bg-3);color:var(--ink-primary)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:1rem;min-height:52px}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:.8rem;font-weight:500;color:var(--ink-tertiary);text-transform:uppercase;letter-spacing:.06em}.form-input{background:var(--app-bg-3);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);color:var(--ink-primary);font-family:var(--font-primary);font-size:.9375rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.form-input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--violet-dim)}.form-input::placeholder{color:var(--ink-muted)}.form-textarea{min-height:120px;resize:vertical}.form-file{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:160px;background:var(--app-bg-3);border:1.5px dashed var(--border);border-radius:var(--radius-xl);padding:var(--space-8);cursor:pointer;transition:all var(--transition-base);position:relative}.form-file:hover{border-color:var(--violet);background:var(--violet-dim)}.form-file input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.app-layout{display:grid;grid-template-columns:240px 1fr;height:100vh;overflow:hidden;background:var(--app-bg);transition:grid-template-columns .3s cubic-bezier(.16,1,.3,1)}.app-layout.sidebar-collapsed{grid-template-columns:80px 1fr}.sidebar{background:var(--app-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:var(--space-6) 0;z-index:100;overflow:hidden;transition:width .3s cubic-bezier(.16,1,.3,1);position:relative}.sidebar-top{padding:0 var(--space-4) var(--space-6);display:flex;align-items:center;justify-content:space-between}.btn-sidebar-toggle{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--ink-tertiary);transition:all var(--transition-fast);background:#ffffff08;border:1px solid var(--border)}.btn-sidebar-toggle:hover{background:#ffffff14;color:var(--ink-primary)}.app-layout.sidebar-collapsed .nav-label,.app-layout.sidebar-collapsed .nav-section-title,.app-layout.sidebar-collapsed .user-info,.app-layout.sidebar-collapsed .logo-text{display:none}.app-layout.sidebar-collapsed .logo-img{width:32px;margin:0 auto}.app-layout.sidebar-collapsed .nav-item{justify-content:center;padding:.8rem 0;gap:0}.app-layout.sidebar-collapsed .nav-icon{font-size:1.25rem}.app-layout.sidebar-collapsed .sidebar-top{flex-direction:column;gap:var(--space-6);padding:0}.app-layout.sidebar-collapsed .user-profile{padding:var(--space-2);justify-content:center}.logo{display:flex;align-items:center;text-decoration:none}.logo-img{width:80px;height:auto;display:block;filter:brightness(1)}.sidebar-nav{flex:1;overflow-y:auto;padding:0 var(--space-3)}.nav-section{margin-bottom:var(--space-6)}.nav-section-title{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-muted);margin-bottom:var(--space-2);padding:0 var(--space-3);font-weight:600}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:.55rem var(--space-3);color:var(--ink-tertiary);border-radius:var(--radius-lg);font-weight:500;font-size:.9rem;transition:all var(--transition-fast);letter-spacing:-.01em}.nav-item:hover{color:var(--ink-primary);background:#ffffff0d}.nav-item.active{color:var(--ink-primary);background:var(--violet-dim)}.nav-item.active .nav-icon{color:var(--violet)}.nav-icon{display:flex;font-size:1rem}.sidebar-bottom{padding:var(--space-4) var(--space-4);border-top:1px solid var(--border)}.user-profile{display:flex;align-items:center;gap:var(--space-3);background:var(--app-bg-3);padding:var(--space-3);border-radius:var(--radius-xl);border:1px solid var(--border)}.user-info{flex:1;min-width:0}.user-name{font-weight:600;font-size:.875rem;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-status{font-size:.7rem;color:var(--color-success);font-weight:500}.btn-signout{opacity:.5;color:var(--ink-primary);transition:opacity var(--transition-fast)}.btn-signout:hover{opacity:1}.main-wrapper{display:flex;flex-direction:column;height:100vh;overflow:hidden}.top-bar{height:60px;background:var(--app-bg-glass);backdrop-filter:blur(24px) saturate(1.8);-webkit-backdrop-filter:blur(24px) saturate(1.8);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);z-index:50;flex-shrink:0}.search-container{max-width:480px;width:100%;position:relative}.search-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--ink-muted);pointer-events:none}.search-input{width:100%;background:var(--app-bg-3);border:1px solid var(--border);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4) var(--space-2) var(--space-10);color:var(--ink-primary);font-size:.875rem;font-family:var(--font-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);height:36px}.search-input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--violet-dim)}.search-input::placeholder{color:var(--ink-muted)}.top-bar-actions{display:flex;gap:var(--space-2)}.content-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:120px;-webkit-overflow-scrolling:touch}.feed-container{max-width:1080px;margin:0 auto;padding:var(--space-8) var(--space-8)}.feed-content{display:grid;grid-template-columns:1fr 280px;gap:var(--space-8)}.hero-mini{padding:var(--space-12) var(--space-4) var(--space-8);text-align:center;margin-bottom:var(--space-8)}.hero-title-small{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;letter-spacing:-.04em;line-height:1.05;margin-bottom:var(--space-4)}.hero-mini p{font-size:1.125rem;color:var(--ink-tertiary);max-width:480px;margin:0 auto;font-weight:400}.post-card{margin-bottom:var(--space-8)}.widget{background:transparent;border:none;padding:0;margin-bottom:var(--space-8)}.widget h3{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-muted);margin-bottom:var(--space-4);font-weight:600;padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.charts-list{display:flex;flex-direction:column;gap:var(--space-1)}.chart-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-2);border-radius:var(--radius-lg);transition:background var(--transition-fast);cursor:pointer}.chart-item:hover{background:#ffffff0a}.chart-rank{font-weight:700;font-size:.9rem;color:var(--ink-muted);width:22px;text-align:right;letter-spacing:-.02em}.chart-info{flex:1;font-weight:500;font-size:.875rem;color:var(--ink-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.chart-flag{font-size:1rem}.studio-container{padding:var(--space-8)}.studio-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8);background:var(--app-bg-3);padding:var(--space-6);border-radius:var(--radius-2xl);border:1px solid var(--border)}.studio-profile{display:flex;align-items:center;gap:var(--space-6)}.studio-avatar{width:80px;height:80px;background:var(--violet-dim);border-radius:var(--radius-xl);border:1px solid var(--violet-glow)}.studio-info h1{font-size:1.25rem;letter-spacing:-.02em}.studio-info p{font-size:.8rem;color:var(--ink-tertiary);margin-top:2px}.studio-stats{display:flex;gap:var(--space-8)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-value{font-size:1.5rem;font-weight:700;letter-spacing:-.03em}.stat-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);font-weight:600}.studio-tabs{display:flex;gap:0;margin-bottom:var(--space-6);border-bottom:1px solid var(--border)}.studio-tab{padding:var(--space-3) var(--space-4);color:var(--ink-tertiary);font-weight:500;font-size:.875rem;position:relative;letter-spacing:-.01em;transition:color var(--transition-fast)}.studio-tab:hover,.studio-tab.active{color:var(--ink-primary)}.studio-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--violet);border-radius:2px 2px 0 0}.studio-list-header{display:grid;grid-template-columns:1fr 120px 140px 120px 50px;padding:var(--space-2) var(--space-4);color:var(--ink-muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600;border-bottom:1px solid var(--border)}.studio-list{display:flex;flex-direction:column}.avatar{width:40px;height:40px;border-radius:var(--radius-full);overflow:hidden;background:var(--app-bg-4);border:1px solid var(--border);flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff2e}.mobile-header,.mobile-nav-bottom{display:none}@media (max-width: 1024px){.app-layout{grid-template-columns:200px 1fr}}@media (max-width: 768px){.app-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:100vh;height:100dvh}.sidebar,.top-bar{display:none}.content-scroll{height:calc(100dvh - 120px);overflow-x:hidden;overflow-y:auto;padding:var(--space-4);padding-bottom:160px;-webkit-overflow-scrolling:touch}.container{padding:0;max-width:100%}.feed-container{padding:var(--space-4) 0}.feed-content{grid-template-columns:1fr}.feed-sidebar{display:none}.post-card{margin-bottom:var(--space-4)}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:max(env(safe-area-inset-top),var(--space-4)) var(--space-4) var(--space-3);background:var(--app-bg-glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1000}.mobile-logo img{height:36px;width:auto}.mobile-nav-bottom{display:flex;justify-content:space-around;align-items:center;background:var(--app-bg-glass-2);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--border);padding:var(--space-2) 0 max(env(safe-area-inset-bottom),var(--space-2));position:fixed;bottom:0;width:100%;z-index:1000;height:64px}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--ink-muted);font-size:.68rem;font-weight:600;padding:var(--space-2) var(--space-3);min-width:60px;min-height:44px;justify-content:center;letter-spacing:.02em;text-transform:uppercase}.mobile-nav-item.active{color:var(--violet)}.mobile-nav-icon{font-size:1.25rem}}@media (min-width: 769px){.mobile-header,.mobile-nav-bottom{display:none!important}}.exp-mini-btn{width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--ink-tertiary);transition:all var(--transition-fast);background:#ffffff08;border:1px solid var(--border)}.exp-mini-btn:hover{background:#ffffff14;color:var(--ink-primary);border-color:var(--border-hover)}.exp-mini-btn.active{color:var(--violet);background:var(--violet-dim);border-color:var(--violet-glow)}.exp-main-actions{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);justify-content:center}.bulk-action-bar{position:sticky;top:0;z-index:200;background:var(--violet);color:#fff;padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);box-shadow:0 8px 32px #7b5cf066;animation:slideDown .4s cubic-bezier(.16,1,.3,1)}@keyframes slideDown{0%{transform:translateY(-100%) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.bulk-actions{display:flex;gap:var(--space-3)}.studio-row.selected{background:var(--violet-dim)!important;border-color:var(--violet-glow)!important}.studio-track-select{display:flex;align-items:center;justify-content:center;width:30px}.track-select-checkbox{width:18px;height:18px;accent-color:var(--violet);cursor:pointer}.studio-list-header,.studio-row{grid-template-columns:40px 1fr 120px 140px 120px 50px!important}