*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0c;--bg2:#101014;--bg3:#16161c;--bg4:#1c1c24;--surface:#1a1a22;--surface2:#22222c;--surface3:#2a2a36;--coal1:#111116;--coal2:#1a1a22;--coal3:#22222c;--coal4:#2e2e3a;--coal5:#3a3a48;--coal6:#50506a;--text-primary:#e8e6f0;--text-secondary:#9896a8;--text-dim:#6a6880;--text-muted:#4a4862;--amber:#ef9f27;--amber-light:#f5b94d;--amber-dark:#c47e12;--amber-bg:#ef9f2714;--amber-border:#ef9f2740;--amber-glow:#ef9f2726;--teal:#2dd4a8;--teal-light:#5eecc8;--teal-dark:#1aab86;--teal-bg:#2dd4a814;--teal-border:#2dd4a840;--red:#ef4444;--red-bg:#ef44441a;--red-border:#ef44444d;--sans:"Outfit", system-ui, -apple-system, sans-serif;--mono:"JetBrains Mono", "Fira Code", ui-monospace, monospace;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:24px;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 30px #00000080;--shadow-glow:0 0 20px var(--amber-glow);--border:1px solid #ffffff0f;--border-strong:1px solid #ffffff1a;--ease:cubic-bezier(.4, 0, .2, 1)}html{font-size:16px}body{font-family:var(--sans);background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5;overflow-x:hidden}a{color:var(--amber);transition:color .2s var(--ease);text-decoration:none}a:hover{color:var(--amber-light)}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--coal5);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--coal6)}.mono{font-family:var(--mono)}.dim{color:var(--text-dim)}.btn{border-radius:var(--r-sm);font-family:var(--sans);letter-spacing:.02em;cursor:pointer;transition:all .2s var(--ease);white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:10px 20px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--amber), var(--amber-dark));color:#0a0a0c;border-color:var(--amber);box-shadow:0 2px 8px #ef9f2733}.btn-primary:hover{background:linear-gradient(135deg, var(--amber-light), var(--amber));box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);border-color:var(--coal5);background:0 0}.btn-ghost:hover{color:var(--text-primary);border-color:var(--coal6);background:var(--coal3)}.btn-amber-ghost{background:var(--amber-bg);color:var(--amber);border-color:var(--amber-border)}.btn-amber-ghost:hover{border-color:var(--amber);background:#ef9f2726}.btn-sm{padding:6px 12px;font-size:12px}.btn-lg{border-radius:var(--r-md);padding:14px 28px;font-size:15px}.chip{font-size:11px;font-family:var(--mono);letter-spacing:.02em;color:var(--text-secondary);background:var(--coal3);border:1px solid var(--coal4);cursor:pointer;transition:all .15s var(--ease);border-radius:100px;align-items:center;padding:3px 10px;font-weight:500;display:inline-flex}.chip:hover{background:var(--coal4);color:var(--text-primary)}.chip-amber{color:var(--amber);background:var(--amber-bg);border-color:var(--amber-border)}.chip-teal{color:var(--teal);background:var(--teal-bg);border-color:var(--teal-border)}.chip-active{background:var(--amber-bg);color:var(--amber);border-color:var(--amber-border)}.avatar{background:linear-gradient(135deg, var(--coal4), var(--coal3));border:2px solid var(--amber-border);color:var(--amber);font-family:var(--mono);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.avatar-sm{width:28px;height:28px;font-size:10px}.avatar-md{width:36px;height:36px;font-size:12px}.avatar-lg{width:52px;height:52px;font-size:16px}.avatar-xl{border-width:3px;width:80px;height:80px;font-size:22px}.verified-badge{font-size:9px;font-weight:700;font-family:var(--mono);letter-spacing:.05em;color:var(--amber);background:var(--amber-bg);border:1px solid var(--amber-border);border-radius:3px;padding:1px 6px;display:inline-flex}.vault-pass-badge{font-size:9px;font-weight:700;font-family:var(--mono);letter-spacing:.05em;background:linear-gradient(135deg, var(--amber-bg), #ef9f2726);color:var(--amber);border:1px solid var(--amber-border);border-radius:3px;padding:1px 6px;display:inline-flex}.live-dot{background:var(--red);border-radius:50%;width:6px;height:6px;margin-right:4px;animation:1.5s infinite pulse;display:inline-block}.diamond{background:linear-gradient(135deg, var(--amber), var(--amber-light));clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);width:20px;height:20px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,to{box-shadow:0 0 10px var(--amber-glow)}50%{box-shadow:0 0 25px var(--amber-glow), 0 0 50px #ef9f2714}}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:64px 24px;display:flex}.empty-icon{color:var(--amber);opacity:.5;margin-bottom:16px;font-size:48px}.empty-title{color:var(--text-primary);margin-bottom:8px;font-size:18px;font-weight:600}.empty-text{color:var(--text-dim);max-width:360px;font-size:14px;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 24px}.navbar{z-index:100;-webkit-backdrop-filter:blur(16px)saturate(1.4);background:#0a0a0cd9;border-bottom:1px solid #ffffff0a;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;max-width:1280px;height:60px;margin:0 auto;padding:0 24px;display:flex}.navbar-logo{color:var(--text-primary);align-items:center;gap:10px;text-decoration:none;display:flex}.navbar-logo:hover{color:var(--text-primary)}.logo-diamond{border-radius:50%;justify-content:center;align-items:center;animation:3s infinite glow;display:flex}.logo-text{font-family:var(--mono);letter-spacing:.15em;color:var(--amber);font-size:16px;font-weight:700}.logo-tag{font-family:var(--mono);letter-spacing:.12em;color:var(--text-dim);border:1px solid var(--coal4);border-radius:3px;margin-left:-2px;padding:2px 6px;font-size:9px;font-weight:500}.navbar-links{align-items:center;gap:4px;display:flex}.nav-link{border-radius:var(--r-sm);color:var(--text-secondary);transition:all .2s var(--ease);align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-link:hover{color:var(--text-primary);background:var(--coal3)}.nav-link-active{color:var(--amber);background:var(--amber-bg)}.nav-link-active:after{content:"";background:var(--amber);border-radius:2px;width:20px;height:2px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.nav-icon{opacity:.7;font-size:14px}.navbar-right{align-items:center;gap:12px;display:flex}.navbar-avatar{cursor:pointer;position:relative}.navbar-avatar-img{object-fit:cover;border:2px solid var(--amber-border);border-radius:50%;width:34px;height:34px;transition:border-color .2s}.navbar-avatar-img:hover{border-color:var(--amber)}.navbar-avatar-initials{background:linear-gradient(135deg, var(--coal4), var(--coal3));border:2px solid var(--amber-border);width:34px;height:34px;color:var(--amber);font-family:var(--mono);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:600;transition:border-color .2s;display:flex}.navbar-avatar-initials:hover{border-color:var(--amber)}.nav-verified-dot{color:var(--amber);font-size:10px;position:absolute;bottom:-2px;right:-2px}.mobile-menu-btn{cursor:pointer;background:0 0;border:none;padding:6px;display:none}.burger{flex-direction:column;gap:4px;width:20px;display:flex}.burger span{background:var(--text-secondary);height:2px;transition:all .3s var(--ease);border-radius:2px;display:block}.burger-open span:first-child{transform:translateY(6px)rotate(45deg)}.burger-open span:nth-child(2){opacity:0}.burger-open span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.mobile-menu{border-top:1px solid var(--coal3);background:var(--bg2);flex-direction:column;padding:12px 24px 20px;animation:.2s fadeIn;display:none}.mobile-link{border-radius:var(--r-sm);color:var(--text-secondary);align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.mobile-link:hover{color:var(--text-primary);background:var(--coal3)}.mobile-link-active{color:var(--amber);background:var(--amber-bg)}.navbar-user-wrap{position:relative}.navbar-avatar{cursor:pointer;background:0 0;border:none;padding:0;position:relative}.navbar-user-menu{background:var(--surface);border:1px solid var(--coal3);border-radius:var(--r-lg);z-index:200;min-width:180px;padding:8px;animation:.15s fadeIn;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #0006}.navbar-user-info{padding:8px 10px}.navbar-user-name{color:var(--text-primary);font-size:13px;font-weight:600}.navbar-user-plan{font-family:var(--mono);color:var(--amber);text-transform:uppercase;letter-spacing:.08em;margin-top:2px;font-size:10px}.navbar-menu-divider{background:var(--coal3);height:1px;margin:4px 0}.navbar-menu-item{border-radius:var(--r-sm);text-align:left;width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:8px 10px;font-size:13px;transition:all .15s;display:block}.navbar-menu-item:hover{background:var(--coal3);color:var(--text-primary)}.navbar-menu-logout{color:#f87171}.navbar-menu-logout:hover{color:#f87171;background:#dc26261a}@media (width<=768px){.navbar-links{display:none}.mobile-menu-btn{display:block}.mobile-menu{display:flex}.logo-tag{display:none}}.site-footer{margin-top:auto;padding:0 24px 32px}.footer-inner{max-width:1280px;margin:0 auto}.footer-divider{background:var(--coal3);height:1px;margin-bottom:24px}.footer-content{justify-content:space-between;align-items:center;display:flex}.footer-blokwerk{color:var(--text-muted);align-items:center;gap:8px;text-decoration:none;transition:color .2s;display:flex}.footer-blokwerk:hover{color:var(--text-secondary)}.footer-blokwerk-logo{opacity:.6;align-items:center;transition:opacity .2s;display:flex}.footer-blokwerk:hover .footer-blokwerk-logo{opacity:1}.footer-blokwerk-text{font-family:var(--mono);letter-spacing:.15em;font-size:11px;font-weight:700}.footer-copy{color:var(--text-muted);font-size:11px;font-family:var(--mono);letter-spacing:.02em}@media (width<=600px){.footer-content{text-align:center;flex-direction:column;gap:12px}}.mini-player{z-index:9999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f12eb;border-top:1px solid #ef9f2740;animation:.3s cubic-bezier(.22,1,.36,1) slideUp;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 32px #0009}.mp-progress-bar{cursor:pointer;background:#ffffff14;height:3px;transition:height .2s}.mp-progress-bar:hover{height:5px}.mp-progress-fill{background:linear-gradient(90deg, var(--amber), #f5a623);height:100%;transition:width .1s linear;box-shadow:0 0 8px #ef9f2780}.mp-inner{align-items:center;gap:20px;max-width:1400px;margin:0 auto;padding:10px 20px;display:flex}.mp-track{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.mp-art{background:var(--coal3);border:1px solid #ef9f2733;border-radius:6px;flex-shrink:0;width:42px;height:42px;overflow:hidden}.mp-art img{object-fit:cover;width:100%;height:100%}.mp-art-placeholder{width:100%;height:100%;color:var(--amber);background:linear-gradient(135deg, var(--coal3), var(--coal4));justify-content:center;align-items:center;font-size:18px;display:flex}.mp-text{min-width:0}.mp-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.mp-artist{color:var(--text-dim);margin-top:2px;font-size:12px}.mp-artist-link{color:var(--amber);text-decoration:none}.mp-artist-link:hover{text-decoration:underline}.mp-controls{flex-shrink:0;align-items:center;gap:10px;display:flex}.mp-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:color .2s,transform .15s;display:flex}.mp-btn:hover{color:var(--text-primary)}.mp-play{background:var(--amber);color:#000;border:none;border-radius:50%;flex-shrink:0;width:40px;height:40px}.mp-play:hover{color:#000;transform:scale(1.08)}.mp-stop{opacity:.5}.mp-stop:hover{opacity:1;color:#ef4444}.mp-visualizer{flex-shrink:0;align-items:flex-end;gap:3px;height:24px;padding:0 8px;display:flex}.mp-bar{background:var(--amber);opacity:.3;border-radius:2px;width:3px;height:4px;transition:height .1s}.mp-bar-active{opacity:.7;animation:.8s ease-in-out infinite alternate vibe}@keyframes vibe{0%{height:4px}25%{height:18px}50%{height:10px}75%{height:22px}to{height:6px}}body.player-active{padding-bottom:64px}@media (width<=480px){.mp-visualizer{display:none}.mp-inner{gap:12px;padding:8px 12px}}.landing{overflow-x:hidden}.hero{justify-content:center;align-items:center;min-height:100vh;padding:80px 24px 60px;display:flex;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;overflow:hidden}.hero-grid{background-image:linear-gradient(#ef9f2708 1px,#0000 1px),linear-gradient(90deg,#ef9f2708 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 40%,#000 30%,#0000 70%);mask-image:radial-gradient(80% 60% at 50% 40%,#000 30%,#0000 70%)}.hero-glow{filter:blur(120px);opacity:.4;border-radius:50%;position:absolute}.hero-glow-1{background:radial-gradient(circle,#ef9f2726,#0000 70%);width:600px;height:600px;top:-200px;left:50%;transform:translate(-50%)}.hero-glow-2{background:radial-gradient(circle,#2dd4a814,#0000 70%);width:400px;height:400px;bottom:-100px;right:10%}.hero-particles{position:absolute;inset:0}.particle{background:var(--amber);opacity:0;border-radius:50%;width:2px;height:2px;animation:ease-in-out infinite particleFloat;position:absolute}@keyframes particleFloat{0%,to{opacity:0;transform:translateY(0)}50%{opacity:.6;transform:translateY(-30px)}}.hero-content{z-index:1;text-align:center;max-width:720px;animation:.8s slideUp;position:relative}.hero-badge{border:1px solid var(--amber-border);background:var(--amber-bg);color:var(--amber);font-family:var(--mono);letter-spacing:.1em;border-radius:100px;align-items:center;gap:8px;margin-bottom:28px;padding:6px 16px;font-size:11px;font-weight:600;animation:3s infinite glow;display:inline-flex}.hero-title{letter-spacing:-.02em;margin-bottom:24px;font-size:clamp(36px,6vw,64px);font-weight:800;line-height:1.1}.hero-title-line{display:block}.hero-accent{background:linear-gradient(135deg, var(--amber), var(--amber-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-accent-teal{background:linear-gradient(135deg, var(--teal), var(--teal-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-sub{color:var(--text-secondary);max-width:540px;margin-bottom:32px;margin-left:auto;margin-right:auto;font-size:17px;line-height:1.65}.hero-actions{justify-content:center;align-items:center;gap:12px;margin-bottom:48px;display:flex}.hero-stats{border-top:1px solid var(--coal3);justify-content:center;align-items:center;gap:32px;padding-top:32px;display:flex}.hero-stat{text-align:center}.hero-stat-val{font-family:var(--mono);color:var(--amber);font-size:22px;font-weight:700}.hero-stat-lbl{color:var(--text-dim);margin-top:2px;font-size:12px}.scroll-indicator{position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.scroll-line{background:linear-gradient(to bottom, var(--amber), transparent);width:1px;height:40px;animation:2s infinite pulse}.section-container{max-width:1200px;margin:0 auto;padding:0 24px}.section-header{text-align:center;margin-bottom:48px}.section-tag{font-family:var(--mono);letter-spacing:.1em;color:var(--amber);margin-bottom:12px;font-size:12px;font-weight:600;display:block}.section-title{letter-spacing:-.01em;margin-bottom:12px;font-size:clamp(24px,4vw,36px);font-weight:700}.section-sub{color:var(--text-secondary);max-width:520px;margin:0 auto;font-size:15px;line-height:1.6}.features-section{padding:100px 0;position:relative}.features-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.feature-card{background:var(--surface);border:1px solid var(--coal3);border-radius:var(--r-lg);transition:all .3s var(--ease);padding:28px;animation:.6s backwards fadeIn}.feature-card:hover{border-color:var(--coal5);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-card-amber:hover{border-color:var(--amber-border)}.feature-card-teal:hover{border-color:var(--teal-border)}.feature-icon{border-radius:var(--r-md);justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:16px;font-size:20px;display:flex}.feature-icon-amber{background:var(--amber-bg);color:var(--amber);border:1px solid var(--amber-border)}.feature-icon-teal{background:var(--teal-bg);color:var(--teal);border:1px solid var(--teal-border)}.feature-title{margin-bottom:8px;font-size:16px;font-weight:600}.feature-desc{color:var(--text-secondary);font-size:13px;line-height:1.6}.room-preview-section{padding:80px 0 100px}.room-preview-layout{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.room-preview-body{color:var(--text-secondary);margin-bottom:20px;font-size:15px;line-height:1.65}.room-features-list{flex-direction:column;gap:10px;margin-bottom:20px;list-style:none;display:flex}.room-features-list li{color:var(--text-secondary);align-items:center;gap:10px;font-size:14px;display:flex}.rf-icon{color:var(--amber);text-align:center;width:18px;font-size:13px}.room-mockup{background:var(--surface);border:1px solid var(--coal3);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);overflow:hidden}.room-header-mock{height:100px;position:relative}.room-cover-mock{background:linear-gradient(135deg, var(--coal3) 0%, var(--coal4) 30%, #ef9f271a 100%);width:100%;height:100%}.room-avatar-mock{background:linear-gradient(135deg, var(--coal4), var(--coal3));border:3px solid var(--bg2);width:52px;height:52px;color:var(--amber);font-family:var(--mono);box-shadow:0 0 0 2px var(--amber-border);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex;position:absolute;bottom:-24px;left:20px}.room-body-mock{padding:32px 20px 20px}.room-name-mock{font-family:var(--mono);color:var(--text-primary);margin-bottom:6px;font-size:15px;font-weight:600}.room-badges-mock{gap:6px;margin-bottom:12px;display:flex}.room-stats-mock{font-size:11px;font-family:var(--mono);color:var(--text-dim);gap:12px;margin-bottom:16px;display:flex}.room-items-mock{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.room-item-mock{aspect-ratio:1;border-radius:var(--r-sm);background:var(--coal3);border:1px solid var(--coal4);justify-content:center;align-items:center;font-size:22px;transition:all .2s;animation:.5s backwards fadeIn;display:flex}.room-item-mock:hover{border-color:var(--amber-border);transform:scale(1.05)}.vault-pass-section{padding:60px 0 100px}.vault-pass-card-lg{border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--amber-border);max-width:420px;margin:0 auto;position:relative;overflow:hidden}.vp-glow{pointer-events:none;background:radial-gradient(at top,#ef9f2714,#0000 60%);position:absolute;inset:0}.vp-content{text-align:center;padding:40px 32px;position:relative}.vp-diamond-ring{background:var(--amber-bg);border:2px solid var(--amber-border);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:20px;animation:3s infinite glow;display:inline-flex}.vp-title{margin-bottom:10px;font-size:24px;font-weight:700}.vp-body{color:var(--text-secondary);margin-bottom:20px;font-size:14px;line-height:1.6}.vp-price{margin-bottom:20px}.vp-amount{color:var(--amber);font-size:36px;font-weight:800}.vp-period{color:var(--text-dim);margin-left:4px;font-size:14px}.vp-features{color:var(--text-secondary);text-align:left;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px;font-size:12px;display:grid}.footer{border-top:1px solid var(--coal3);background:var(--bg2);padding:60px 0 30px}.footer-inner{justify-content:space-between;margin-bottom:40px;display:flex}.footer-brand{max-width:280px}.footer-logo{align-items:center;gap:8px;margin-bottom:10px;display:flex}.footer-tagline{color:var(--text-dim);font-size:13px;line-height:1.5}.footer-links{gap:48px;display:flex}.footer-col{flex-direction:column;gap:8px;display:flex}.footer-col-title{font-size:12px;font-weight:600;font-family:var(--mono);letter-spacing:.08em;color:var(--text-secondary);margin-bottom:4px}.footer-col a{color:var(--text-dim);font-size:13px}.footer-col a:hover{color:var(--amber)}.footer-bottom{border-top:1px solid var(--coal3);color:var(--text-dim);justify-content:space-between;align-items:center;padding-top:20px;font-size:12px;display:flex}@media (width<=900px){.features-grid{grid-template-columns:repeat(2,1fr)}.room-preview-layout{grid-template-columns:1fr;gap:40px}.hero-stats{flex-wrap:wrap;gap:20px}.footer-inner{flex-direction:column;gap:32px}.footer-links{gap:32px}}@media (width<=600px){.features-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column}.hero-actions .btn{justify-content:center;width:100%}.hero-stats{gap:16px}.hero-stat-val{font-size:18px}.footer-links{flex-direction:column;gap:24px}.vp-features{grid-template-columns:1fr}}.gather-page{max-width:1200px;min-height:calc(100vh - 60px);margin:0 auto;padding:24px}.gather-layout{grid-template-columns:1fr 320px;align-items:start;gap:24px;display:grid}.gather-feed{flex-direction:column;gap:16px;display:flex}.gather-compose{background:var(--surface);border:1px solid var(--coal3);border-radius:var(--r-lg);gap:12px;padding:16px;display:flex}.compose-right{flex:1}.compose-input{background:var(--coal2);border:1px solid var(--coal4);border-radius:var(--r-sm);width:100%;color:var(--text-primary);font-family:var(--sans);resize:vertical;outline:none;min-height:56px;padding:10px 12px;font-size:13px;transition:border-color .2s}.compose-input::placeholder{color:var(--text-dim)}.compose-input:focus{border-color:var(--amber-border)}.compose-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:10px;display:flex}.compose-type-row{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.compose-error{color:#ef4444;flex:1;font-size:12px}.compose-hint{color:var(--text-dim);flex:1;font-size:12px}.compose-hint a{color:var(--amber);text-decoration:none}.gather-filters{border-bottom:1px solid var(--coal3);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.feed-title{font-family:var(--mono);letter-spacing:.08em;color:var(--amber);font-size:13px;font-weight:600}.filter-chips{gap:6px;display:flex}.live-card{background:var(--surface);border:1px solid var(--coal3);border-radius:var(--r-lg);transition:border-color .2s;overflow:hidden}.live-card:hover{border-color:var(--red-border)}.live-thumb{height:140px;position:relative;overflow:hidden}.live-bg{background:linear-gradient(135deg, var(--coal3), var(--coal4), #ef44440d);width:100%;height:100%}.live-overlay{z-index:1;justify-content:space-between;align-items:flex-start;padding:12px;display:flex;position:absolute;inset:0}.live-badge{color:#fff;font-family:var(--mono);letter-spacing:.05em;background:#ef4444e6;border-radius:4px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:700;display:flex}.viewer-count{font-family:var(--mono);color:var(--text-secondary);background:#00000080;border-radius:4px;padding:4px 8px;font-size:11px}.live-info{align-items:center;gap:12px;padding:12px 16px;display:flex}.live-meta{flex:1;min-width:0}.live-host{align-items:center;font-size:13px;font-weight:600;display:flex}.live-title{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.post-card{background:var(--surface);border:1px solid var(--coal3);border-radius:var(--r-lg);padding:16px;transition:border-color .2s}.post-card:hover{border-color:var(--coal4)}.post-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.post-meta{flex:1;min-width:0}.post-author-row{align-items:center;gap:6px;display:flex}.post-author{color:var(--text-primary);font-size:14px;font-weight:600;text-decoration:none}.post-author:hover{color:var(--amber)}.post-time{font-size:11px;font-family:var(--mono);color:var(--text-dim);margin-top:2px}.post-badge{font-family:var(--mono);letter-spacing:.05em;border-radius:4px;flex-shrink:0;padding:3px 8px;font-size:9px;font-weight:700}.post-badge-amber{color:var(--amber);background:var(--amber-bg);border:1px solid var(--amber-border)}.post-badge-teal{color:var(--teal);background:var(--teal-bg);border:1px solid var(--teal-border)}.post-body{color:var(--text-primary);margin-bottom:12px;font-size:14px;line-height:1.6}.post-actions{border-top:1px solid var(--coal3);align-items:center;gap:8px;padding-top:10px;display:flex}.action-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:13px;transition:all .15s}.action-btn:hover{color:var(--text-primary);background:var(--coal3)}.gather-sidebar{flex-direction:column;gap:16px;display:flex;position:sticky;top:76px}.sidebar-widget{background:var(--surface);border:1px solid var(--coal3);border-radius:var(--r-lg);padding:16px}.widget-title{font-family:var(--mono);letter-spacing:.08em;color:var(--text-dim);text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:600}.room-preview-link{align-items:center;gap:10px;margin-bottom:12px;display:flex}.room-quick-stats{border-top:1px solid var(--coal3);gap:16px;padding-top:10px;display:flex}.rq-stat{text-align:center;flex:1}.rq-val{font-family:var(--mono);color:var(--text-primary);font-size:14px;font-weight:700;display:block}.rq-lbl{color:var(--text-dim);font-size:10px}.trending-tag{justify-content:space-between;align-items:center;padding:6px 0;display:flex}.trending-hash{font-family:var(--mono);color:var(--amber);font-size:12px;font-weight:500}.trending-count{color:var(--text-dim);font-size:10px;font-family:var(--mono)}.sidebar-vp{background:var(--surface);border:1px solid var(--amber-border);border-radius:var(--r-lg);text-align:center;padding:20px 16px}.sidebar-vp-title{margin-bottom:6px;font-size:15px;font-weight:600}.sidebar-vp-body{color:var(--text-secondary);margin-bottom:14px;font-size:12px;line-height:1.5}@media (width<=900px){.gather-layout{grid-template-columns:1fr}.gather-sidebar{display:none}.gather-filters{flex-direction:column;align-items:flex-start;gap:8px}}.marketplace-page{max-width:1200px;min-height:calc(100vh - 60px);margin:0 auto;padding:32px 24px}.mp-header{margin-bottom:24px}.mp-title{margin-top:4px;margin-bottom:6px;font-size:28px;font-weight:700}.mp-sub{color:var(--text-secondary);font-size:14px}.mp-filters{border-bottom:1px solid var(--coal3);justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:12px 0;display:flex}.mp-category-bar{flex-wrap:wrap;gap:6px;display:flex}.mp-sort-select{background:var(--coal3);border:1px solid var(--coal4);border-radius:var(--r-sm);font-family:var(--mono);color:var(--text-secondary);cursor:pointer;outline:none;padding:6px 12px;font-size:12px}.mp-sort-select:focus{border-color:var(--amber-border)}.mp-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.mp-card{background:var(--surface);border:1px solid var(--coal3);border-radius:var(--r-lg);transition:all .25s var(--ease);animation:.5s backwards fadeIn;overflow:hidden}.mp-card:hover{border-color:var(--coal5);box-shadow:var(--shadow-md);transform:translateY(-3px)}.mp-card-thumb{aspect-ratio:4/3;position:relative;overflow:hidden}.mp-card-placeholder{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.mp-card-placeholder-amber{background:linear-gradient(135deg, var(--coal3), var(--coal4));color:var(--text-dim)}.mp-card-placeholder-teal{background:linear-gradient(135deg, var(--coal3), #2dd4a808);color:var(--text-dim)}.mp-vinyl{background:linear-gradient(135deg, var(--coal4), var(--coal5));border:2px solid var(--coal5);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.mp-vinyl-inner{background:var(--coal3);border:2px solid var(--coal5);border-radius:50%;width:18px;height:18px}.mp-card-badge{font-family:var(--mono);letter-spacing:.05em;border-radius:4px;padding:3px 8px;font-size:9px;font-weight:700;position:absolute;top:10px;left:10px}.mp-card-badge-amber{color:var(--amber);border:1px solid var(--amber-border);background:#0a0a0ccc}.mp-card-badge-teal{color:var(--teal);border:1px solid var(--teal-border);background:#0a0a0ccc}.mp-card-body{padding:14px}.mp-card-title{margin-bottom:4px;font-size:14px;font-weight:600;line-height:1.3}.mp-card-artist{color:var(--text-dim);margin-bottom:8px;font-size:12px}.mp-card-tags{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.mp-card-price{font-family:var(--mono);margin-bottom:10px;font-size:16px;font-weight:700}.mp-card-price-amber{color:var(--amber)}.mp-card-price-teal{color:var(--teal)}.mp-card-owner{color:var(--text-dim);align-items:center;gap:6px;margin-bottom:10px;font-size:11px;text-decoration:none;display:flex}.mp-card-owner:hover{color:var(--amber)}.mp-owner-avatar{background:var(--coal4);border:1px solid var(--amber-border);width:16px;height:16px;color:var(--amber);font-size:9px;font-family:var(--mono);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.mp-owner-verified{color:var(--amber);font-size:10px}.mp-card-actions{gap:6px;display:flex}@media (width<=600px){.mp-grid{grid-template-columns:1fr}.mp-filters{flex-direction:column;align-items:flex-start}}.vp-page{min-height:100vh}.vp-hero{text-align:center;padding:80px 24px 60px;position:relative;overflow:hidden}.vp-hero-glow{filter:blur(60px);pointer-events:none;background:radial-gradient(#ef9f271f,#0000 70%);width:600px;height:400px;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.vp-hero-content{z-index:1;position:relative}.vp-hero-diamond{background:var(--amber-bg);border:2px solid var(--amber-border);border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;margin-bottom:20px;animation:3s infinite glow;display:inline-flex}.vp-hero-title{background:linear-gradient(135deg, var(--amber), var(--amber-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:42px;font-weight:800}.vp-hero-sub{color:var(--text-secondary);max-width:460px;margin:0 auto;font-size:16px;line-height:1.6}.vp-pricing{max-width:1200px;margin:0 auto;padding:0 24px 60px}.vp-pricing-grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.vp-tier-card{background:var(--surface);border:1px solid var(--coal3);border-radius:var(--r-xl);transition:transform .3s var(--ease);flex-direction:column;padding:28px 20px;display:flex;position:relative;overflow:hidden}.vp-tier-card:hover{transform:translateY(-3px)}.vp-tier-featured{border-color:var(--amber-border);box-shadow:0 0 30px #ef9f2714}.vp-tier-glow{border-radius:var(--r-xl);pointer-events:none;background:radial-gradient(at top,#ef9f270f,#0000 60%);position:absolute;inset:0}.vp-tier-badge-popular{text-align:center;background:linear-gradient(135deg, var(--amber), var(--amber-dark));color:#0a0a0c;font-family:var(--mono);letter-spacing:.1em;padding:5px;font-size:10px;font-weight:800;position:absolute;top:0;left:0;right:0}.vp-tier-header{margin-bottom:20px}.vp-tier-name{font-family:var(--mono);letter-spacing:.1em;color:var(--text-dim);text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:600}.vp-tier-amount{color:var(--text-primary);font-size:32px;font-weight:800}.vp-tier-featured .vp-tier-amount{color:var(--amber)}.vp-tier-period{color:var(--text-dim);margin-left:2px;font-size:14px}.vp-tier-desc{color:var(--text-dim);margin-top:8px;font-size:12px;line-height:1.5}.vp-tier-features{flex-direction:column;flex:1;gap:7px;margin-bottom:20px;display:flex}.vp-tier-feature{align-items:center;gap:7px;font-size:12px;display:flex}.vp-tier-feature-yes{color:var(--text-secondary)}.vp-tier-feature-no{color:var(--text-muted)}.vp-check{color:var(--teal);font-size:11px;font-weight:700}.vp-x{color:var(--coal5);font-size:11px}.vp-features-section{border-top:1px solid var(--coal3);padding:60px 0 80px}.vp-features-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.vp-feature-card{background:var(--surface);border:1px solid var(--coal3);border-radius:var(--r-lg);transition:all .25s var(--ease);padding:24px;animation:.5s backwards fadeIn}.vp-feature-card:hover{border-color:var(--amber-border);transform:translateY(-3px)}.vp-feature-icon{border-radius:var(--r-sm);background:var(--amber-bg);border:1px solid var(--amber-border);width:40px;height:40px;color:var(--amber);justify-content:center;align-items:center;margin-bottom:14px;font-size:18px;display:flex}.vp-feature-title{margin-bottom:6px;font-size:15px;font-weight:600}.vp-feature-desc{color:var(--text-secondary);font-size:13px;line-height:1.55}.vp-compare{border-top:1px solid var(--coal3);padding:60px 0}.vp-compare-table-wrap{border-radius:var(--r-lg);border:1px solid var(--coal3);overflow-x:auto}.vp-compare-table{border-collapse:collapse;width:100%;font-size:13px}.vp-compare-table th{text-align:center;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);background:var(--surface);border-bottom:1px solid var(--coal3);padding:14px 16px;font-size:11px;font-weight:700}.vp-compare-table th:first-child{text-align:left}.vp-compare-table td{text-align:center;border-bottom:1px solid var(--coal3);color:var(--text-secondary);padding:11px 16px}.vp-compare-table td:first-child{text-align:left;color:var(--text-primary);font-weight:500}.vp-compare-table tr:last-child td{border-bottom:none}.vp-compare-table tr:hover td{background:#ffffff05}.vp-compare-featured{background:#ef9f270a!important}.vp-compare-price-row td{font-weight:700;font-family:var(--mono);color:var(--text-primary);border-top:2px solid var(--coal4)}.vp-td-yes{color:var(--teal);font-weight:700}.vp-td-no{color:var(--coal5)}.vp-td-num{color:var(--amber);font-weight:700;font-family:var(--mono)}.vp-faq{padding:40px 0 60px}.vp-faq-list{flex-direction:column;gap:16px;max-width:640px;margin:0 auto;display:flex}.vp-faq-item{background:var(--surface);border:1px solid var(--coal3);border-radius:var(--r-md);padding:16px 20px}.vp-faq-q{margin-bottom:6px;font-size:14px;font-weight:600}.vp-faq-a{color:var(--text-secondary);font-size:13px;line-height:1.6}.vp-bottom-cta{text-align:center;border-top:1px solid var(--coal3);padding:60px 24px 80px}.vp-family-section{border-top:1px solid var(--coal3);padding:60px 24px 80px}.vp-family-inner{text-align:center;max-width:640px;margin:0 auto}.vp-family-hatchet{color:var(--amber);opacity:.7;margin-bottom:16px;font-size:36px}.vp-family-title{background:linear-gradient(135deg, var(--amber), var(--amber-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:28px;font-weight:800}.vp-family-body{color:var(--text-secondary);margin-bottom:16px;font-size:15px;line-height:1.8}.vp-family-body em{color:var(--text-primary);font-style:italic}.vp-family-sign{color:var(--text-primary);margin-top:24px;margin-bottom:8px;font-size:18px;font-weight:700}.vp-family-tag{font-family:var(--mono);color:var(--text-dim);letter-spacing:.05em;font-size:12px}@media (width<=1000px){.vp-pricing-grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.vp-pricing-grid-4,.vp-features-grid{grid-template-columns:1fr}.vp-hero-title{font-size:32px}.vp-compare-table{font-size:11px}.vp-compare-table th,.vp-compare-table td{padding:8px 10px}}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:60px 24px;display:flex;position:relative;overflow:hidden}.auth-glow{filter:blur(80px);pointer-events:none;background:radial-gradient(#ef9f271a,#0000 70%);width:500px;height:400px;position:absolute;top:20%;left:50%;transform:translate(-50%)}.auth-card{background:var(--surface);border:1px solid var(--coal3);border-radius:var(--r-xl);z-index:1;width:100%;max-width:420px;padding:36px 32px;position:relative}.auth-card-header{text-align:center;margin-bottom:28px}.auth-diamond{background:var(--amber-bg);border:2px solid var(--amber-border);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:16px;display:inline-flex}.auth-title{background:linear-gradient(135deg, var(--amber), var(--amber-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-size:26px;font-weight:800}.auth-subtitle{color:var(--text-dim);font-size:13px;line-height:1.5}.auth-tabs{background:var(--coal2);border-radius:var(--r-md);margin-bottom:24px;padding:3px;display:flex}.auth-tab{color:var(--text-dim);font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;border-radius:var(--r-sm);cursor:pointer;background:0 0;border:none;flex:1;padding:10px;font-size:12px;font-weight:600;transition:all .2s}.auth-tab-active{background:var(--coal4);color:var(--amber)}.auth-tab:hover:not(.auth-tab-active){color:var(--text-secondary)}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-field{flex-direction:column;gap:5px;display:flex}.auth-label{font-family:var(--mono);letter-spacing:.06em;color:var(--text-dim);text-transform:uppercase;font-size:11px;font-weight:600}.auth-input{background:var(--coal2);border:1px solid var(--coal4);border-radius:var(--r-md);width:100%;color:var(--text-primary);box-sizing:border-box;outline:none;padding:12px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}.auth-input:focus{border-color:var(--amber-border);box-shadow:0 0 0 3px #ef9f2714}.auth-input::placeholder{color:var(--coal5)}.auth-hint{color:var(--text-muted);font-size:11px}.auth-error{border-radius:var(--r-sm);color:#f87171;background:#dc26261a;border:1px solid #dc262633;padding:10px 14px;font-size:13px}.auth-success{border-radius:var(--r-sm);color:var(--teal);background:#2dd4a81a;border:1px solid #2dd4a833;padding:10px 14px;font-size:13px}.auth-submit{justify-content:center;width:100%;margin-top:4px}.auth-footer{text-align:center;color:var(--text-dim);margin-top:20px;font-size:13px}.auth-link{color:var(--amber);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:13px;font-weight:600;text-decoration:underline}.auth-link:hover{color:var(--amber-light)}@media (width<=480px){.auth-card{padding:28px 20px}.auth-title{font-size:22px}}.artist-music-manager{flex-direction:column;display:flex}.amm-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.song-count-badge{font-family:var(--mono);color:var(--text-dim);background:var(--coal3);border:1px solid var(--coal4);border-radius:3px;margin-left:10px;padding:2px 8px;font-size:11px}.amm-upload-area{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.amm-upload-btn{min-width:140px}.btn-disabled{opacity:.5;cursor:not-allowed}.amm-limit-notice{color:var(--text-dim);font-size:12px;text-decoration:none}.amm-limit-notice span{color:var(--amber);text-decoration:underline}.amm-progress{background:var(--coal3);border-radius:2px;height:3px;margin-bottom:12px;overflow:hidden}.amm-progress-fill{background:linear-gradient(90deg, var(--amber), #f5a623);height:100%;transition:width .3s}.amm-error{color:#ef4444;border-radius:var(--r-sm);background:#ef444414;border:1px solid #ef444433;margin-bottom:12px;padding:8px 12px;font-size:13px}.amm-empty{text-align:center;color:var(--text-dim);background:var(--coal3);border:1px dashed var(--coal4);border-radius:var(--r-lg);padding:32px 16px;font-size:14px}.amm-tracklist{flex-direction:column;gap:4px;display:flex}.amm-track{border-radius:var(--r-sm);background:var(--coal3);border:1px solid var(--coal4);align-items:center;gap:12px;padding:10px 14px;transition:all .2s;display:flex;position:relative}.amm-track:hover{background:var(--surface);border-color:var(--coal3)}.amm-track-active{border-color:var(--amber-border)!important;background:var(--amber-bg)!important}.amm-track-num{font-family:var(--mono);color:var(--text-dim);text-align:center;flex-shrink:0;width:18px;font-size:12px}.amm-track-active .amm-track-num{color:var(--amber)}.amm-track-art{background:var(--coal4);border-radius:6px;flex-shrink:0;width:42px;height:42px;position:relative;overflow:hidden}.amm-track-art img{object-fit:cover;width:100%;height:100%}.amm-track-art-placeholder{width:100%;height:100%;color:var(--amber);background:linear-gradient(135deg, var(--coal3), var(--coal4));justify-content:center;align-items:center;font-size:18px;display:flex}.amm-art-edit-hint{opacity:0;background:#0009;justify-content:center;align-items:center;font-size:14px;transition:opacity .2s;display:flex;position:absolute;inset:0}.amm-track-art:hover .amm-art-edit-hint{opacity:1}.amm-track-info{cursor:pointer;flex:1;min-width:0}.amm-track-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.amm-track-active .amm-track-title{color:var(--amber)}.amm-track-artist{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.amm-track-duration{font-family:var(--mono);color:var(--text-dim);flex-shrink:0;font-size:12px}.amm-play-btn{background:var(--coal4);border:1px solid var(--coal3);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;transition:all .2s;display:flex}.amm-play-btn:hover{background:var(--amber);border-color:var(--amber);color:#000;transform:scale(1.08)}.amm-play-btn-active{background:var(--amber);border-color:var(--amber);color:#000}.amm-owner-controls{opacity:0;flex-shrink:0;gap:4px;transition:opacity .2s;display:flex}.amm-track:hover .amm-owner-controls{opacity:1}.amm-icon-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;font-size:14px;transition:background .15s}.amm-icon-btn:hover{background:var(--coal4)}.amm-delete-btn:hover{background:#ef444426}.amm-edit-fields{flex-wrap:wrap;flex:1;align-items:center;gap:8px;display:flex}.amm-edit-input{background:var(--coal2);border:1px solid var(--amber-border);color:var(--text-primary);border-radius:var(--r-sm);min-width:120px;max-width:200px;padding:5px 10px;font-family:inherit;font-size:13px}.amm-edit-input:focus{outline:none}.amm-edit-actions{gap:6px;display:flex}.btn-xs{padding:3px 10px;font-size:11px}.profile-page{min-height:100vh;padding-bottom:120px}.hidden-input{display:none}.profile-cover{background:linear-gradient(135deg, var(--coal3) 0%, var(--coal4) 50%, #ef9f2726 100%);background-position:50%;background-size:cover;height:280px;position:relative;overflow:hidden}.profile-cover-placeholder{background:linear-gradient(135deg,#1a1a1f 0%,#0f0f12 60%,#ef9f2714 100%);position:absolute;inset:0}.cover-edit-btn{color:var(--text-secondary);border-radius:var(--r-sm);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;border:1px solid #ffffff26;padding:6px 14px;font-size:12px;transition:all .2s;position:absolute;bottom:16px;right:16px}.cover-edit-btn:hover{color:var(--text-primary);background:#000c}.profile-header-wrap{background:var(--bg2);border-bottom:1px solid var(--coal3)}.profile-header-inner{align-items:flex-end;gap:24px;max-width:1100px;margin:0 auto;padding:0 24px 28px;display:flex}.profile-avatar-wrap{flex-shrink:0;margin-top:-56px;position:relative}.profile-avatar{border:4px solid var(--bg2);background:var(--coal3);border-radius:50%;width:112px;height:112px;position:relative;overflow:hidden}.profile-avatar-img{object-fit:cover;width:100%;height:100%}.profile-avatar-initials{width:100%;height:100%;font-family:var(--mono);color:var(--amber);background:linear-gradient(135deg, var(--coal4), var(--coal3));justify-content:center;align-items:center;font-size:36px;font-weight:700;display:flex}.avatar-edit-overlay{opacity:0;cursor:pointer;background:#00000080;justify-content:center;align-items:center;font-size:20px;transition:opacity .2s;display:flex;position:absolute;inset:0}.profile-avatar:hover .avatar-edit-overlay{opacity:1}.profile-info{flex:1;padding-top:16px}.profile-name-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.profile-display-name{color:var(--text-primary);margin:0;font-size:26px;font-weight:700}.profile-founder-badge{font-family:var(--mono);color:var(--amber);background:var(--amber-bg);border:1px solid var(--amber-border);letter-spacing:.1em;border-radius:3px;padding:2px 8px;font-size:10px;font-weight:700}.profile-plan-badge{font-family:var(--mono);letter-spacing:.08em;border:1px solid var(--coal3);color:var(--text-dim);border-radius:3px;padding:2px 8px;font-size:10px}.profile-plan-badge.plan-vault_pass{color:var(--amber);border-color:var(--amber-border);background:var(--amber-bg)}.profile-plan-badge.plan-pro{color:#60a5fa;background:#60a5fa14;border-color:#60a5fa4d}.profile-plan-badge.plan-base{color:#a3e635;background:#a3e63514;border-color:#a3e6354d}.profile-username{font-family:var(--mono);color:var(--text-dim);margin:4px 0;font-size:13px}.profile-role-tag{color:var(--text-secondary);margin:4px 0;font-size:13px}.profile-bio{color:var(--text-secondary);max-width:480px;margin:8px 0;font-size:14px;line-height:1.6}.profile-meta{flex-wrap:wrap;align-items:center;gap:16px;margin-top:6px;display:flex}.profile-meta span,.profile-website{color:var(--text-dim);font-size:13px;text-decoration:none}.profile-website:hover{color:var(--amber)}.profile-edit-btn-main{margin-top:12px;padding:6px 16px;font-size:13px}.profile-stats{border-left:1px solid var(--coal3);flex-shrink:0;gap:32px;padding-top:16px;padding-left:16px;display:flex}.profile-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.stat-num{color:var(--text-primary);font-size:22px;font-weight:700;font-family:var(--mono)}.stat-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.profile-edit-form{flex-direction:column;gap:10px;padding-top:12px;display:flex}.profile-edit-input,.profile-edit-textarea{background:var(--coal3);border:1px solid var(--coal4);color:var(--text-primary);border-radius:var(--r-sm);width:100%;max-width:400px;padding:8px 12px;font-family:inherit;font-size:14px;transition:border-color .2s}.profile-edit-input:focus,.profile-edit-textarea:focus{border-color:var(--amber-border);outline:none}.profile-edit-textarea{resize:vertical}.profile-role-label{color:var(--text-secondary);font-size:13px}.profile-role-select{flex-direction:column;gap:8px;display:flex}.role-buttons{flex-wrap:wrap;gap:8px;display:flex}.role-btn{border-radius:var(--r-sm);border:1px solid var(--coal3);background:var(--coal3);color:var(--text-secondary);cursor:pointer;padding:6px 14px;font-size:13px;transition:all .2s}.role-btn:hover{border-color:var(--amber-border);color:var(--amber)}.role-btn-active{border-color:var(--amber);background:var(--amber-bg);color:var(--amber)}.profile-edit-actions{gap:10px;margin-top:4px;display:flex}.profile-body{flex-direction:column;gap:48px;max-width:1100px;margin:0 auto;padding:32px 24px;display:flex}.role-upgrade-notice{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:12px;padding:8px 0;font-size:13px;display:flex}.section-title-sm{color:var(--text-primary);align-items:center;gap:12px;margin:8px 0 20px;font-size:20px;font-weight:700;display:flex}.showcase-limit-badge{font-family:var(--mono);color:var(--text-dim);background:var(--coal3);border:1px solid var(--coal4);border-radius:3px;padding:2px 8px;font-size:11px}.profile-tracklist{flex-direction:column;gap:4px;display:flex}.profile-track{border-radius:var(--r-sm);background:var(--coal3);border:1px solid var(--coal4);cursor:pointer;align-items:center;gap:14px;padding:10px 14px;transition:all .2s;display:flex}.profile-track:hover{border-color:var(--amber-border);background:var(--surface)}.track-num{font-family:var(--mono);color:var(--text-dim);text-align:center;width:20px;font-size:12px}.track-art{border-radius:4px;flex-shrink:0;width:40px;height:40px;overflow:hidden}.track-art img{object-fit:cover;width:100%;height:100%}.track-art-placeholder{background:var(--coal4);width:100%;height:100%;color:var(--amber);justify-content:center;align-items:center;font-size:16px;display:flex}.track-info{flex:1}.track-title{color:var(--text-primary);font-size:14px;font-weight:600}.track-artist{color:var(--text-dim);margin-top:2px;font-size:12px}.track-play-btn{background:var(--amber);color:#000;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;transition:transform .2s;display:flex}.track-play-btn:hover{transform:scale(1.1)}.profile-posts-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.profile-post-card{background:var(--coal3);border:1px solid var(--coal4);border-radius:var(--r-lg);transition:border-color .2s;overflow:hidden}.profile-post-card:hover{border-color:var(--amber-border)}.post-card-img{object-fit:cover;width:100%;height:200px}.post-card-body{padding:14px}.post-card-text{color:var(--text-secondary);margin:0 0 8px;font-size:14px;line-height:1.5}.post-tag{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;border-radius:3px;padding:2px 8px;font-size:10px}.post-tag-trade{color:var(--amber);border:1px solid var(--amber-border);background:#ef9f271f}.post-tag-shelf{color:#60a5fa;background:#60a5fa1a;border:1px solid #60a5fa40}.showcase-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.showcase-card{background:var(--coal3);border:1px solid var(--coal4);border-radius:var(--r-lg);transition:all .2s;overflow:hidden}.showcase-card:hover{border-color:var(--amber-border);transform:translateY(-2px)}.showcase-card-img{object-fit:cover;width:100%;height:180px}.showcase-card-body{padding:12px}.showcase-card-title{color:var(--text-primary);font-size:14px;font-weight:600}.showcase-card-desc{color:var(--text-dim);margin-top:4px;font-size:12px}.trade-badge{font-family:var(--mono);background:var(--amber-bg);color:var(--amber);border:1px solid var(--amber-border);border-radius:3px;margin-top:6px;padding:2px 8px;font-size:10px;display:inline-block}.profile-empty{background:var(--coal3);border:1px dashed var(--coal4);border-radius:var(--r-lg);text-align:center;flex-direction:column;align-items:center;gap:16px;padding:40px 24px;display:flex}.profile-empty p{color:var(--text-dim);font-size:14px}.profile-loading,.profile-not-found{min-height:60vh;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.spinner{border:3px solid var(--coal3);border-top-color:var(--amber);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@media (width<=768px){.profile-header-inner{flex-direction:column;align-items:flex-start}.profile-stats{border-left:none;border-top:1px solid var(--coal3);padding-top:16px;padding-left:0}.profile-cover{height:180px}.profile-avatar{width:80px;height:80px}.profile-avatar-initials{font-size:28px}}