:root{--brand: #7C5CFC;--brand-dk: #6347D9;--brand-lt: #9B7FFF;--brand-glow: rgba(124, 92, 252, .22);--brand-glow-sm: rgba(124, 92, 252, .12);--brand-text: #C4AEFF;--brand-border: rgba(124, 92, 252, .32);--accent: #2DD4BF;--accent-dk: #14B8A4;--accent-glow: rgba(45, 212, 191, .18);--accent-text: #6EEFD9;--bg: #080C16;--surface-0: #0B1020;--surface-1: #0F1728;--surface-2: #152038;--surface-3: #1C2A48;--surface-hover: #223055;--surface-active: #283662;--text: #E6EDF8;--sub: #A4B2CC;--muted: #5A6E92;--faint: #334260;--border: rgba(50, 70, 110, .72);--border-s: rgba(50, 70, 110, .4);--border-brand: rgba(124, 92, 252, .32);--green: #22D47C;--green-bg: rgba(34, 212, 124, .12);--green-text: #6EEDB8;--red: #F0544F;--red-bg: rgba(240, 84, 79, .12);--red-text: #FFA4A1;--yellow: #FBBF24;--yellow-bg: rgba(251, 191, 36, .12);--yellow-text: #FDE68A;--r-xs: 4px;--r-sm: 6px;--r: 10px;--r-lg: 14px;--r-xl: 20px;--r-2xl: 28px;--r-full: 9999px;--shadow-xs: 0 1px 4px rgba(0,0,0,.35);--shadow-sm: 0 2px 10px rgba(0,0,0,.45);--shadow: 0 8px 28px rgba(0,0,0,.55);--shadow-lg: 0 20px 60px rgba(0,0,0,.7);--ease: .11s ease;--ease-md: .22s cubic-bezier(.4,0,.2,1);--ease-spring: .44s cubic-bezier(.34,1.56,.64,1);--topbar-h: 60px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}html,body,#root{width:100%;min-height:100%}body{font-family:Space Grotesk,system-ui,sans-serif;font-size:15px;line-height:1.6;color:var(--text);background:var(--bg);background-image:radial-gradient(ellipse 1200px 600px at 70% -5%,rgba(124,92,252,.12),transparent 60%),radial-gradient(ellipse 800px 400px at 5% 15%,rgba(45,212,191,.06),transparent 60%);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}h1,h2,h3,h4,h5{line-height:1.2;font-family:Outfit,Space Grotesk,sans-serif;font-weight:800;color:var(--text)}p{color:var(--sub)}code,pre{font-family:JetBrains Mono,ui-monospace,monospace}ul,ol{padding-left:1.2rem}img{display:block;max-width:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}*{scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:var(--r-xs)}.container{width:min(1280px,calc(100% - 2rem));margin-inline:auto}.site-shell{min-height:100vh;display:flex;flex-direction:column}.page-block{padding:1.4rem 0 2rem}.topbar{position:sticky;top:0;z-index:100;height:var(--topbar-h);border-bottom:1px solid var(--border-s);-webkit-backdrop-filter:blur(20px) saturate(1.5);backdrop-filter:blur(20px) saturate(1.5);background:#080c16e6}.topbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:inline-flex;align-items:center;gap:.5rem;font-weight:900;font-size:1.1rem;font-family:Outfit,sans-serif;letter-spacing:-.03em;-webkit-user-select:none;user-select:none}.brand-icon{width:28px;height:28px;flex-shrink:0}.brand-name{background:linear-gradient(130deg,#fff 20%,var(--brand-text));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.main-nav{display:flex;align-items:center;gap:.2rem}.main-nav a{padding:.38rem .75rem;border-radius:var(--r-sm);color:var(--muted);font-weight:500;font-size:.88rem;transition:all var(--ease);white-space:nowrap}.main-nav a:hover{color:var(--text);background:var(--surface-2)}.main-nav a.active{color:var(--text);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border-s)}.topbar-actions{display:flex;align-items:center;gap:.4rem}.user-chip{font-size:.78rem;font-weight:600;border:1px solid var(--border-s);color:var(--brand-text);background:var(--brand-glow-sm);padding:.25rem .65rem;border-radius:var(--r-full)}.site-main{padding:1.4rem 0 2rem;flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1rem;border-radius:var(--r-sm);font-weight:600;font-size:.9rem;font-family:inherit;border:1px solid transparent;cursor:pointer;transition:all var(--ease-md);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-sm{padding:.34rem .72rem;font-size:.82rem}.btn-lg{padding:.72rem 1.4rem;font-size:1rem;border-radius:var(--r)}.btn-xl{padding:.88rem 1.8rem;font-size:1.05rem;border-radius:var(--r-lg)}.btn-icon{width:34px;height:34px;padding:0;flex-shrink:0;border-radius:var(--r-sm)}.btn-primary{color:#fff;background:var(--brand);border-color:var(--brand);box-shadow:0 2px 12px var(--brand-glow)}.btn-primary:hover{background:var(--brand-dk);border-color:var(--brand-dk);box-shadow:0 4px 18px var(--brand-glow);transform:translateY(-1px)}.btn-primary:active{transform:none;box-shadow:none}.btn-secondary{color:var(--sub);background:var(--surface-2);border-color:var(--border-s)}.btn-secondary:hover{color:var(--text);background:var(--surface-3);border-color:var(--border)}.btn-ghost{color:var(--muted);background:transparent;border-color:transparent}.btn-ghost:hover{color:var(--text);background:var(--surface-2)}.btn-danger{color:var(--red-text);background:var(--red-bg);border-color:#f0544f59}.btn-danger:hover{background:#f0544f38}.btn-accent{color:#003830;background:var(--accent);border-color:var(--accent);box-shadow:0 2px 12px var(--accent-glow)}.btn-accent:hover{background:var(--accent-dk);transform:translateY(-1px)}label{display:grid;gap:.3rem;color:var(--sub);font-size:.88rem;font-weight:500}label span.req{color:var(--red);margin-left:2px}input[type=text],input[type=email],input[type=password],input[type=url],input[type=search],input:not([type]),textarea,select{width:100%;padding:.6rem .8rem;border-radius:var(--r-sm);border:1px solid var(--border-s);background:#080c16b3;color:var(--text);font-family:inherit;font-size:.9rem;transition:border-color var(--ease),box-shadow var(--ease);outline:none;-webkit-appearance:none}input::placeholder,textarea::placeholder{color:var(--muted)}input:focus,textarea:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-glow-sm)}textarea{resize:vertical;min-height:80px;line-height:1.5}select{cursor:pointer}select option{background:var(--surface-2);color:var(--text)}.form-hint{color:var(--muted);font-size:.78rem;margin-top:.2rem}.error-box{border:1px solid rgba(240,84,79,.4);background:var(--red-bg);color:var(--red-text);border-radius:var(--r-sm);padding:.6rem .8rem;font-size:.88rem}.success-box{border:1px solid rgba(34,212,124,.4);background:var(--green-bg);color:var(--green-text);border-radius:var(--r-sm);padding:.6rem .8rem;font-size:.88rem}.text-muted{color:var(--muted);font-size:.88rem}.link-inline{color:var(--brand-text);word-break:break-all;transition:color var(--ease)}.link-inline:hover{color:var(--brand-lt)}.card{background:linear-gradient(160deg,#152038e6,#0f1728f2);border:1px solid var(--border-s);border-radius:var(--r-lg);padding:1.2rem;box-shadow:var(--shadow-sm)}.card-hover{transition:transform var(--ease-md),border-color var(--ease-md),box-shadow var(--ease-md)}.card-hover:hover{transform:translateY(-2px);border-color:var(--brand-border);box-shadow:var(--shadow),0 0 0 1px var(--brand-glow-sm)}.pill{display:inline-flex;align-items:center;gap:.35rem;border-radius:var(--r-full);padding:.22rem .7rem;border:1px solid var(--brand-border);color:var(--brand-text);background:var(--brand-glow-sm);font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;width:fit-content}.pill-green{border-color:#22d47c59;color:var(--green-text);background:var(--green-bg)}.pill-red{border-color:#f0544f59;color:var(--red-text);background:var(--red-bg)}.pill-accent{border-color:var(--accent-glow);color:var(--accent-text);background:#2dd4bf1a}.badge-pill{display:inline-flex;align-items:center;gap:.35rem;border-radius:var(--r-full);padding:.22rem .6rem;border:1px solid transparent;font-size:.74rem;font-weight:700;transition:transform var(--ease),box-shadow var(--ease)}.badge-pill:hover{transform:translateY(-1px)}.badge-pill-app{background:#64739626;color:#b0bad0;border-color:#6473964d}.badge-pill-verified-app{background:#7c5cfc26;color:#d4c6ff;border-color:#7c5cfc73;box-shadow:0 0 12px #7c5cfc33}.badge-check-icon{width:15px;height:15px;border-radius:var(--r-full);display:grid;place-items:center;background:linear-gradient(135deg,#9b7fff,#7c5cfc);color:#fff;animation:verifiedPulse 2.6s infinite}.page-loader-wrap{min-height:50vh;display:grid;place-items:center}.page-loader{width:40px;height:40px;border-radius:50%;border:3px solid var(--surface-3);border-top-color:var(--brand);animation:spin .75s linear infinite}.popover-trigger{background:none;border:none;color:inherit;padding:0;text-align:left;cursor:pointer;font-family:inherit}.msg-inline-trigger .popover-trigger{display:inline}.member-popover-wrap{display:block}.user-popover-root{position:relative}.upop-card{position:absolute;z-index:500;top:calc(100% + 8px);left:0;width:min(300px,88vw);border:1px solid var(--border-s);border-radius:16px;background:var(--surface-2);box-shadow:0 24px 64px #000000bf,0 0 0 1px #ffffff0a;overflow:hidden;animation:popIn .15s ease}.upop-close{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;background:#0006;border:none;cursor:pointer;color:#ffffffb3;display:grid;place-items:center;z-index:10;transition:background var(--ease),color var(--ease)}.upop-close:hover{background:#0009;color:#fff}.upop-banner{height:80px;background-size:cover;background-position:center;position:relative}.upop-body{padding:0 14px 14px}.upop-avatar-row{display:flex;align-items:flex-end;justify-content:space-between;margin-top:-28px;margin-bottom:10px}.upop-avatar{width:60px;height:60px;border-radius:50%;border:4px solid var(--surface-2);display:grid;place-items:center;font-size:1.1rem;font-weight:800;font-family:Outfit,sans-serif;overflow:hidden;flex-shrink:0;color:#ffffffe6;box-shadow:0 4px 12px #0006}.upop-avatar img,.member-v2-avatar img,.profile-avatar-xl img{width:100%;height:100%;object-fit:cover}.upop-badges{display:flex;flex-wrap:wrap;gap:4px;align-items:flex-end;padding-bottom:4px}.upop-names{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;margin-bottom:8px}.upop-display{font-size:15px;font-weight:800;color:var(--text);font-family:Outfit,sans-serif}.upop-username{font-size:13px;color:var(--muted)}.upop-bot-tag{display:inline-flex;align-items:center;gap:3px;background:var(--brand-glow-sm);border:1px solid var(--brand-border);color:var(--brand-text);border-radius:var(--r-full);padding:1px 6px;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.upop-divider{height:1px;background:var(--border-s);margin:8px 0}.upop-bio{font-size:13px;color:var(--sub);line-height:1.5;margin-bottom:6px}.upop-link{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--brand-text);text-decoration:none;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color var(--ease)}.upop-link:hover{color:var(--brand-lt)}.upop-meta{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--muted);margin-bottom:6px}.upop-certified{display:inline-flex;align-items:center;background:var(--brand-glow-sm);border:1px solid var(--brand-border);border-radius:var(--r-sm);padding:3px 8px;font-size:11px;font-weight:600;color:var(--brand-text);margin-bottom:8px}.upop-actions{display:flex;align-items:center;gap:6px;margin-top:10px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap}.section-head-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:.6rem;flex-wrap:wrap}.card-list{display:grid;gap:.8rem}.grid-cols-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.info-grid>div{display:grid;gap:.2rem}.info-grid strong{font-size:.8rem;color:var(--muted);font-weight:600}.info-grid p{font-size:.9rem;color:var(--sub)}.secret-block{border:1px dashed var(--brand-border);border-radius:var(--r-sm);padding:.7rem .85rem;color:var(--brand-text);background:var(--brand-glow-sm);word-break:break-all;font-family:JetBrains Mono,monospace;font-size:.82rem;line-height:1.6}.upload-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.upload-box{border:1px dashed var(--border-s);border-radius:var(--r-sm);padding:.65rem;display:grid;gap:.3rem;transition:border-color var(--ease);cursor:pointer}.upload-box:hover{border-color:var(--brand-border)}.upload-box span{font-size:.82rem;color:var(--muted);display:flex;align-items:center;gap:.35rem}.upload-box input[type=file]{font-size:.82rem;color:var(--muted)}.links-row{display:grid;grid-template-columns:.7fr 1fr auto;gap:.4rem}.landing-hero{min-height:calc(100vh - var(--topbar-h));display:flex;align-items:center;position:relative;overflow:hidden;padding:3rem 0 4rem}.landing-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.landing-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(50,70,110,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(50,70,110,.1) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black,transparent);mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black,transparent)}.landing-orb{position:absolute;border-radius:50%;filter:blur(80px);animation:orbFloat 12s ease-in-out infinite alternate}.landing-orb-1{width:600px;height:600px;background:#7c5cfc1f;top:-150px;right:-100px}.landing-orb-2{width:400px;height:400px;background:#2dd4bf14;bottom:-100px;left:-50px;animation-delay:-5s}.hero-content-wrap{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr 1fr;gap:3rem;align-items:center}.hero-copy{display:grid;gap:1.2rem}.hero-headline{font-size:clamp(2rem,4.5vw,3.4rem);font-weight:900;letter-spacing:-.03em;line-height:1.1}.hero-headline .grad{background:linear-gradient(130deg,#7c5cfc,#2dd4bf);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtext{font-size:1.05rem;color:var(--sub);max-width:480px;line-height:1.7}.hero-actions{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:.4rem}.hero-visual{position:relative;background:linear-gradient(160deg,#152038f2,#0b1020fa);border:1px solid var(--border-s);border-radius:var(--r-2xl);overflow:hidden;box-shadow:var(--shadow-lg),0 0 0 1px var(--brand-glow-sm)}.hero-visual-topbar{padding:.6rem .8rem;border-bottom:1px solid var(--border-s);display:flex;align-items:center;gap:.5rem;background:#0b102099}.hero-visual-dot{width:8px;height:8px;border-radius:50%}.hero-visual-dot-r{background:#f0544fb3}.hero-visual-dot-y{background:#fbbf24b3}.hero-visual-dot-g{background:#22d47cb3}.hero-visual-title{flex:1;text-align:center;font-size:.74rem;color:var(--muted);font-weight:500}.hero-visual-body{display:grid;grid-template-columns:48px minmax(0,1fr);height:240px}.hero-visual-sidebar{border-right:1px solid var(--border-s);padding:.5rem .3rem;display:grid;align-content:start;gap:.3rem}.hero-visual-circle{width:32px;height:32px;border-radius:10px;background:var(--surface-3);margin-inline:auto}.hero-visual-circle.active{background:var(--brand-glow);border:1px solid var(--brand-border)}.hero-visual-chat{padding:.6rem;display:grid;align-content:end;gap:.5rem}.hero-msg{display:grid;grid-template-columns:24px minmax(0,1fr);gap:.45rem;align-items:start}.hero-msg-avatar{width:24px;height:24px;border-radius:50%;background:var(--surface-3);flex-shrink:0}.hero-msg-avatar.brand{background:var(--brand-glow);border:1px solid var(--brand-border)}.hero-msg-body{display:grid;gap:.22rem}.hero-msg-name{height:8px;background:var(--surface-3);border-radius:4px;width:60px}.hero-msg-name.brand{background:#7c5cfc59}.hero-msg-text{height:8px;background:var(--surface-hover);border-radius:4px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;text-align:center}.stat-item{padding:.8rem}.stat-number{font-size:1.8rem;font-weight:900;font-family:Outfit,sans-serif;background:linear-gradient(130deg,var(--brand-lt),var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1}.stat-label{color:var(--muted);font-size:.84rem;margin-top:.3rem}.landing-stats{padding:2rem 0;border-top:1px solid var(--border-s);border-bottom:1px solid var(--border-s)}.landing-features{padding:4rem 0}.section-header{display:grid;gap:.6rem;margin-bottom:2.5rem}.section-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--brand-text)}.section-title{font-size:clamp(1.5rem,2.5vw,2rem)}.section-desc{color:var(--sub);max-width:500px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.feature-card{background:var(--surface-1);border:1px solid var(--border-s);border-radius:var(--r-xl);padding:1.6rem;display:grid;gap:.8rem;transition:all var(--ease-md);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--brand-border),transparent);opacity:0;transition:opacity var(--ease-md)}.feature-card:hover{border-color:var(--brand-border);transform:translateY(-3px)}.feature-card:hover:before{opacity:1}.feature-icon{width:44px;height:44px;border-radius:var(--r);display:grid;place-items:center;background:var(--brand-glow-sm);border:1px solid var(--brand-border);color:var(--brand-text)}.feature-icon.accent{background:#2dd4bf1a;border-color:#2dd4bf4d;color:var(--accent-text)}.feature-icon.green{background:var(--green-bg);border-color:#22d47c4d;color:var(--green-text)}.feature-card h3{font-size:1rem;font-weight:700}.feature-card p{font-size:.88rem;color:var(--muted);line-height:1.6}.landing-developer{padding:4rem 0;border-top:1px solid var(--border-s)}.dev-section-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.dev-code-preview{background:var(--surface-0);border:1px solid var(--border-s);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow)}.dev-code-bar{display:flex;align-items:center;justify-content:space-between;padding:.6rem .9rem;border-bottom:1px solid var(--border-s);background:var(--surface-1)}.dev-code-lang{font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--accent-text)}.dev-code-body{padding:1.1rem;font-family:JetBrains Mono,monospace;font-size:.8rem;line-height:1.7;color:var(--sub);overflow:auto}.code-kw{color:#9b7fff}.code-str{color:#6eefd9}.code-key{color:#7ec8f0}.code-val{color:#fde68a}.code-comment{color:var(--muted);font-style:italic}.landing-cta{padding:4rem 0 3rem;text-align:center}.cta-card{background:linear-gradient(135deg,#7c5cfc2e,#2dd4bf1a);border:1px solid var(--brand-border);border-radius:var(--r-2xl);padding:3.5rem 2rem;position:relative;overflow:hidden}.cta-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 60% at 50% 100%,var(--brand-glow),transparent)}.cta-card>*{position:relative;z-index:1}.cta-title{font-size:clamp(1.6rem,3vw,2.4rem);margin-bottom:.8rem}.cta-sub{color:var(--sub);margin-bottom:1.8rem;max-width:440px;margin-inline:auto}.cta-actions{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}.landing-footer{border-top:1px solid var(--border-s);padding:2.5rem 0 1.5rem}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2rem;margin-bottom:2rem}.footer-brand p{color:var(--muted);font-size:.86rem;max-width:240px;margin-top:.5rem}.footer-col h4{font-size:.8rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-bottom:.8rem;font-family:Space Grotesk,sans-serif}.footer-col a{display:block;color:var(--muted);font-size:.88rem;padding:.22rem 0;transition:color var(--ease)}.footer-col a:hover{color:var(--text)}.footer-bottom{border-top:1px solid var(--border-s);padding-top:1.2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.footer-bottom p{font-size:.82rem;color:var(--faint)}.auth-wrap{padding:0}.auth-split{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - var(--topbar-h));margin-top:-1.4rem;margin-bottom:-2rem}.auth-brand-panel{position:relative;background:linear-gradient(150deg,#7c5cfc33,#2dd4bf1a);border-right:1px solid var(--border-s);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:3rem 2rem;overflow:hidden}.auth-brand-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(50,70,110,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(50,70,110,.1) 1px,transparent 1px);background-size:40px 40px}.auth-brand-orb-1{position:absolute;width:400px;height:400px;border-radius:50%;background:#7c5cfc1f;filter:blur(80px);top:-100px;right:-100px}.auth-brand-orb-2{position:absolute;width:300px;height:300px;border-radius:50%;background:#2dd4bf14;filter:blur(60px);bottom:-50px;left:-50px}.auth-brand-content{position:relative;z-index:1;text-align:center;display:grid;gap:1rem}.auth-brand-icon{width:72px;height:72px;margin-inline:auto}.auth-brand-content h2{font-size:1.5rem}.auth-brand-content p{color:var(--sub);font-size:.92rem;max-width:300px;margin-inline:auto}.auth-brand-features{display:grid;gap:.5rem;margin-top:.5rem}.auth-brand-feat{display:flex;align-items:center;gap:.5rem;font-size:.86rem;color:var(--sub);background:#15203899;border:1px solid var(--border-s);border-radius:var(--r-full);padding:.4rem .9rem}.auth-brand-feat svg{color:var(--green-text);flex-shrink:0}.auth-form-panel{display:flex;align-items:center;justify-content:center;padding:3rem 2rem;background:var(--bg)}.auth-card{width:min(420px,100%);display:grid;gap:.9rem}.auth-card h1{font-size:1.5rem;margin-bottom:.2rem}.auth-form-fields{display:grid;gap:.75rem}.developer-home{display:grid;gap:1.5rem}.dev-hero{display:grid;gap:1rem;padding:2.5rem!important;background:linear-gradient(135deg,#7c5cfc26,#2dd4bf14)!important;border-color:var(--brand-border)!important;position:relative;overflow:hidden}.dev-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(50,70,110,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(50,70,110,.08) 1px,transparent 1px);background-size:32px 32px}.dev-hero>*{position:relative;z-index:1}.dev-hero h1{font-size:clamp(1.4rem,2.5vw,2rem)}.dev-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.dev-app-list{display:grid;gap:.8rem}.dev-app-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:.8rem;align-items:center;padding:1rem 1.2rem}.dev-app-avatar{width:48px;height:48px;border-radius:var(--r);background:var(--surface-3);border:1px solid var(--border-s);display:grid;place-items:center;font-size:.9rem;font-weight:700;overflow:hidden}.dev-app-avatar img{width:100%;height:100%;object-fit:cover}.dev-app-info h3{font-size:.96rem;margin-bottom:.15rem}.dev-app-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.dev-app-id{font-family:JetBrains Mono,monospace;font-size:.72rem;color:var(--muted);background:var(--surface-3);padding:.1rem .4rem;border-radius:var(--r-xs);border:1px solid var(--border-s)}.dev-new-form{display:grid;grid-template-columns:1.2fr 1fr;gap:1.5rem;align-items:start}.dev-new-form-fields{display:grid;gap:1rem}.dev-new-preview{position:sticky;top:calc(var(--topbar-h) + 1rem);display:grid;gap:1rem}.dev-app-detail{display:grid;gap:1.2rem}.dev-detail-header{display:grid;grid-template-columns:60px minmax(0,1fr);gap:1rem;align-items:center}.dev-detail-avatar{width:60px;height:60px;border-radius:var(--r-lg);background:var(--surface-3);border:1px solid var(--border-s);display:grid;place-items:center;font-size:1.1rem;font-weight:700;overflow:hidden}.dev-detail-avatar img{width:100%;height:100%;object-fit:cover}.credentials-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.cred-item{display:grid;gap:.25rem}.cred-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.cred-value{font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--brand-text);background:var(--surface-0);border:1px solid var(--border-s);border-radius:var(--r-sm);padding:.45rem .65rem;word-break:break-all}.settings-form{display:grid;gap:.7rem}.copy-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.28rem .6rem;border-radius:var(--r-xs);background:var(--surface-3);border:1px solid var(--border-s);color:var(--muted);font-size:.74rem;font-weight:600;cursor:pointer;transition:all var(--ease)}.copy-btn:hover{color:var(--text);background:var(--surface-hover)}.copy-btn.copied{color:var(--green-text);border-color:#22d47c59;background:var(--green-bg)}.docs-shell{display:grid;grid-template-columns:260px minmax(0,1fr);gap:1.5rem;align-items:start}.docs-sidebar{position:sticky;top:calc(var(--topbar-h) + 1rem);display:grid;gap:.3rem;padding:0!important;background:none!important;border:none!important}.docs-sidebar h3{font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding:0 .5rem .5rem}.docs-sidebar nav{display:grid;gap:.1rem}.docs-nav-section{margin-top:.5rem}.docs-nav-section-label{font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--faint);padding:.3rem .5rem}.docs-sidebar a{color:var(--muted);font-size:.85rem;padding:.35rem .6rem;border-radius:var(--r-sm);display:block;transition:all var(--ease);border-left:2px solid transparent}.docs-sidebar a:hover{color:var(--text);background:var(--surface-2)}.docs-sidebar a.active{color:var(--brand-text);background:var(--brand-glow-sm);border-left-color:var(--brand)}.docs-content{display:grid;gap:1rem}.docs-article{display:grid;gap:.8rem}.docs-article h1{font-size:1.5rem}.docs-article h2{font-size:1.15rem;padding-top:.3rem;border-top:1px solid var(--border-s)}.docs-article h3{font-size:1rem;color:var(--brand-text);font-family:Space Grotesk,sans-serif}.docs-article p{font-size:.9rem;line-height:1.7}.docs-article ul,.docs-article ol{display:grid;gap:.3rem;color:var(--sub);font-size:.9rem}.docs-article code{background:var(--surface-3);border:1px solid var(--border-s);border-radius:var(--r-xs);padding:.1rem .35rem;font-size:.82em;color:var(--accent-text)}.code-block{position:relative;background:var(--surface-0);border:1px solid var(--border-s);border-radius:var(--r);overflow:hidden}.code-block-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .8rem;border-bottom:1px solid var(--border-s);background:var(--surface-1)}.code-block-lang{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-text)}.code-block pre{padding:.85rem 1rem;overflow-x:auto;margin:0;font-size:.82rem;line-height:1.7;color:var(--sub)}.endpoint-row{display:flex;align-items:center;gap:.5rem;background:var(--surface-0);border:1px solid var(--border-s);border-radius:var(--r-sm);padding:.5rem .75rem;font-family:JetBrains Mono,monospace;font-size:.82rem}.method-badge{font-size:.7rem;font-weight:700;padding:.15rem .4rem;border-radius:var(--r-xs);text-transform:uppercase;flex-shrink:0}.method-get{background:var(--green-bg);color:var(--green-text)}.method-post{background:var(--brand-glow-sm);color:var(--brand-text)}.method-patch{background:var(--yellow-bg);color:var(--yellow-text)}.method-delete{background:var(--red-bg);color:var(--red-text)}.endpoint-path{color:var(--sub)}.endpoint-desc{color:var(--muted);font-family:Space Grotesk,sans-serif;font-size:.82rem;margin-left:auto}.admin-page-grid{display:grid;gap:1.2rem}.metric-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:.85rem}.metric-card{background:var(--surface-1);border:1px solid var(--border-s);border-radius:var(--r-lg);padding:1.1rem;display:grid;gap:.5rem;transition:border-color var(--ease-md)}.metric-card:hover{border-color:var(--border)}.metric-card-top{display:flex;align-items:center;justify-content:space-between}.metric-card-icon{width:36px;height:36px;border-radius:var(--r-sm);background:var(--brand-glow-sm);border:1px solid var(--brand-border);display:grid;place-items:center;color:var(--brand-text)}.metric-card-icon.accent{background:var(--accent-glow);border-color:#2dd4bf4d;color:var(--accent-text)}.metric-card-icon.green{background:var(--green-bg);border-color:#22d47c4d;color:var(--green-text)}.metric-card-icon.yellow{background:var(--yellow-bg);border-color:#fbbf244d;color:var(--yellow-text)}.metric-value{font-size:1.8rem;font-weight:900;font-family:Outfit,sans-serif;line-height:1}.metric-label{font-size:.8rem;color:var(--muted)}.admin-tabs{display:flex;gap:.2rem;border-bottom:1px solid var(--border-s);overflow-x:auto;scrollbar-width:none}.admin-tabs::-webkit-scrollbar{display:none}.admin-tab{padding:.55rem 1rem;font-size:.87rem;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;transition:all var(--ease);white-space:nowrap;cursor:pointer;background:none;border-top:none;border-left:none;border-right:none;font-family:inherit}.admin-tab:hover{color:var(--text)}.admin-tab.active{color:var(--brand-text);border-bottom-color:var(--brand)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.86rem}thead{background:var(--surface-1)}th{text-align:left;padding:.65rem .85rem;font-size:.74rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border-s);white-space:nowrap}td{padding:.65rem .85rem;border-bottom:1px solid var(--border-s);vertical-align:middle;color:var(--sub)}tbody tr{transition:background var(--ease)}tbody tr:hover{background:var(--surface-1)}tbody tr:last-child td{border-bottom:none}.td-mono{font-family:JetBrains Mono,monospace;font-size:.78rem;color:var(--muted)}.td-user{display:flex;align-items:center;gap:.5rem}.td-avatar{width:26px;height:26px;border-radius:50%;background:var(--surface-3);display:grid;place-items:center;font-size:.68rem;font-weight:700;flex-shrink:0;overflow:hidden}.table-actions{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.profile-page{display:grid;gap:1rem}.profile-hero{overflow:hidden;display:grid;gap:0;padding:0!important}.profile-banner{height:180px;background:linear-gradient(130deg,#7c5cfc4d,#2dd4bf33);background-size:cover;background-position:center}.profile-hero-body{padding:0 1.5rem 1.5rem;display:grid;gap:.8rem}.profile-header{display:grid;grid-template-columns:100px minmax(0,1fr);gap:1rem;align-items:flex-end;margin-top:-50px}.profile-avatar-xl{width:96px;height:96px;border-radius:50%;border:4px solid var(--surface-2);background:var(--surface-3);display:grid;place-items:center;font-size:1.4rem;font-weight:800;font-family:Outfit,sans-serif;overflow:hidden;box-shadow:var(--shadow-sm)}.profile-header-info .profile-username{color:var(--muted);font-size:.88rem;margin-top:.1rem}.profile-badges{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.4rem}.profile-bio{color:var(--sub);font-size:.92rem;line-height:1.6}.profile-meta-row{display:flex;flex-wrap:wrap;gap:.9rem}.profile-meta-item{display:flex;align-items:center;gap:.35rem;color:var(--muted);font-size:.84rem}.profile-meta-item svg{color:var(--brand-text)}.profile-edit-form{display:grid;gap:.75rem}.invite-wrap{min-height:calc(100vh - var(--topbar-h));display:grid;place-items:center;padding:2rem 1rem}.invite-card{width:min(480px,100%);display:grid;gap:1.2rem;text-align:center}.invite-group-avatar{width:72px;height:72px;border-radius:22px;background:var(--surface-3);border:2px solid var(--border);display:grid;place-items:center;font-size:1.4rem;font-weight:800;font-family:Outfit,sans-serif;margin-inline:auto;overflow:hidden}.invite-group-avatar img{width:100%;height:100%;object-fit:cover}.invite-meta{display:flex;justify-content:center;gap:1.2rem;flex-wrap:wrap}.invite-meta-item{display:flex;align-items:center;gap:.35rem;font-size:.84rem;color:var(--muted)}.invite-meta-item svg{color:var(--green-text)}.app-shell{display:flex;height:100dvh;width:100%;overflow:hidden;background:var(--bg);position:fixed;top:0;left:0}.app-rail{width:72px;flex-shrink:0;background:var(--surface-0);border-right:1px solid var(--border-s);display:flex;flex-direction:column;align-items:center;padding:12px 0 8px;gap:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.app-rail::-webkit-scrollbar{display:none}.rail-top{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;padding:0 12px}.rail-bottom{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;padding:8px 12px 0;margin-top:auto;border-top:1px solid var(--border-s)}.rail-middle{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;padding:8px 12px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.rail-middle::-webkit-scrollbar{display:none}.rail-sep{width:32px;height:2px;background:var(--surface-3);border-radius:1px;flex-shrink:0;margin:4px 0}.rail-btn{width:48px;height:48px;border-radius:50%;background:var(--surface-2);border:none;cursor:pointer;display:grid;place-items:center;position:relative;transition:border-radius .2s ease,background .15s ease,transform .15s ease,box-shadow .15s ease;color:var(--sub);flex-shrink:0;overflow:hidden;font-size:15px;font-weight:800;font-family:Outfit,sans-serif;letter-spacing:-.01em}.rail-btn:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:4px;height:0;background:var(--text);border-radius:0 3px 3px 0;transition:height .2s ease,opacity .2s ease;opacity:0}.rail-btn:hover:before{height:20px;opacity:1}.rail-btn.active:before{height:36px;opacity:1}.rail-btn:after{content:attr(data-tip);position:absolute;left:calc(100% + 14px);top:50%;transform:translateY(-50%);background:var(--surface-3);border:1px solid var(--border-s);border-radius:var(--r-sm);padding:6px 12px;font-size:13px;font-weight:700;white-space:nowrap;color:var(--text);pointer-events:none;opacity:0;transition:opacity .12s ease;z-index:999;box-shadow:var(--shadow);font-family:Space Grotesk,sans-serif;letter-spacing:normal}.rail-btn:hover:after{opacity:1}.rail-btn:hover{border-radius:14px;background:var(--surface-hover);color:var(--text)}.rail-btn.active{border-radius:14px;background:var(--brand);color:#fff;box-shadow:0 4px 16px var(--brand-glow)}.rail-btn.active:hover{background:var(--brand-dk)}.rail-btn img{width:100%;height:100%;object-fit:cover}.rail-home{background:var(--surface-2);color:var(--brand-text);font-size:0}.rail-home svg{width:22px;height:22px}.rail-home:hover,.rail-home.active{background:var(--brand);color:#fff;border-radius:14px}.rail-add{background:#22d47c1f;color:var(--green-text);border:1px solid rgba(34,212,124,.25)}.rail-add:hover{background:#22d47c38;color:#fff;border-radius:14px}.app-body{flex:1;min-width:0;display:flex;overflow:hidden}.channel-sidebar{width:240px;flex-shrink:0;background:var(--surface-1);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{height:48px;padding:0 12px 0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-s);flex-shrink:0;cursor:pointer;transition:background var(--ease)}.sidebar-header:hover{background:var(--surface-2)}.sidebar-header h2{font-size:15px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Space Grotesk,sans-serif;flex:1}.sidebar-body{flex:1;overflow-y:auto;padding:8px}.sidebar-category-label{display:flex;align-items:center;justify-content:space-between;padding:14px 4px 4px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);cursor:pointer;border-radius:var(--r-xs);transition:color .1s;-webkit-user-select:none;user-select:none}.sidebar-category-label:hover{color:var(--sub)}.ch-btn{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:6px;background:transparent;border:none;cursor:pointer;color:var(--muted);font-size:15px;font-weight:500;width:100%;text-align:left;transition:background 80ms,color 80ms;min-width:0;position:relative}.ch-btn:hover{background:var(--surface-2);color:var(--sub)}.ch-btn.active{background:var(--surface-active);color:var(--text);font-weight:600}.ch-btn .ch-icon{flex-shrink:0;color:var(--faint)}.ch-btn.active .ch-icon{color:var(--muted)}.ch-btn-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.user-panel{height:52px;background:var(--surface-0);border-top:1px solid var(--border-s);display:flex;align-items:center;gap:8px;padding:0 8px;flex-shrink:0}.user-panel-avatar{width:32px;height:32px;border-radius:50%;background:var(--surface-3);display:grid;place-items:center;font-weight:700;font-size:13px;overflow:hidden;cursor:pointer;flex-shrink:0;position:relative;transition:opacity var(--ease)}.user-panel-avatar:hover{opacity:.85}.user-panel-avatar img{width:100%;height:100%;object-fit:cover}.user-panel-info{flex:1;min-width:0}.user-panel-name{font-size:13px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.user-panel-tag{font-size:11px;color:var(--muted);line-height:1.2}.user-panel-actions{display:flex;align-items:center;gap:0}.upanel-btn{width:32px;height:32px;border-radius:6px;background:none;border:none;cursor:pointer;color:var(--muted);display:grid;place-items:center;transition:background 80ms,color 80ms}.upanel-btn:hover{background:var(--surface-2);color:var(--text)}.upanel-btn.danger:hover{color:var(--red-text)}.chat-view{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--bg);overflow:hidden}.chat-header{height:48px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-s);flex-shrink:0;background:#080c16eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);gap:12px}.chat-header-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.chat-header-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.chat-header-name{font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header-hash{color:var(--muted);flex-shrink:0}.chat-messages{flex:1;overflow-y:auto;padding:16px 0 0;display:flex;flex-direction:column}.msg-group-start{margin-top:16px}.msg-row{display:flex;gap:0;padding:2px 16px;position:relative;transition:background 60ms}.msg-row:hover{background:var(--surface-1)}.msg-row:hover .msg-toolbar{opacity:1;pointer-events:all}.msg-compact{padding:1px 16px}.msg-compact .msg-avatar-col{visibility:hidden}.msg-avatar-col{width:40px;flex-shrink:0;padding-top:2px}.msg-avatar{width:40px;height:40px;border-radius:50%;background:var(--surface-3);display:grid;place-items:center;font-weight:700;font-size:14px;overflow:hidden;cursor:pointer;transition:opacity var(--ease)}.msg-avatar:hover{opacity:.85}.msg-avatar img{width:100%;height:100%;object-fit:cover}.msg-body{flex:1;min-width:0;padding-left:12px}.msg-meta{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.msg-author-name{font-size:15px;font-weight:700;color:var(--text);cursor:pointer;line-height:1;transition:color var(--ease)}.msg-author-name:hover{color:var(--brand-lt);text-decoration:underline}.msg-timestamp{font-size:11px;color:var(--muted)}.msg-text{font-size:15px;color:var(--sub);line-height:1.45;word-break:break-word;margin:0}.msg-compact-time{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:10px;color:var(--faint);opacity:0;transition:opacity 60ms;width:40px;text-align:right;padding-right:4px;pointer-events:none}.msg-compact:hover .msg-compact-time{opacity:1}.msg-toolbar{position:absolute;top:-14px;right:12px;display:flex;gap:1px;background:var(--surface-2);border:1px solid var(--border-s);border-radius:8px;padding:3px;opacity:0;pointer-events:none;transition:opacity 60ms;z-index:10;box-shadow:var(--shadow-sm)}.toolbar-btn{width:28px;height:28px;border-radius:5px;background:none;border:none;cursor:pointer;color:var(--muted);display:grid;place-items:center;transition:background 80ms,color 80ms}.toolbar-btn:hover{background:var(--surface-3);color:var(--text)}.chat-composer{padding:0 16px 16px;flex-shrink:0}.composer-box{display:flex;align-items:flex-end;gap:8px;background:var(--surface-2);border-radius:12px;border:1px solid var(--border-s);padding:10px 12px;transition:border-color .12s}.composer-box:focus-within{border-color:var(--brand-border)}.composer-textarea{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:15px;line-height:1.5;font-family:inherit;resize:none;max-height:200px;padding:0;box-shadow:none}.composer-textarea::placeholder{color:var(--muted)}.composer-textarea:focus{border:none;box-shadow:none}.composer-send{width:36px;height:36px;border-radius:8px;background:var(--brand);border:none;cursor:pointer;display:grid;place-items:center;color:#fff;transition:background .12s,transform 80ms;flex-shrink:0}.composer-send:hover{background:var(--brand-dk)}.composer-send:active{transform:scale(.93)}.composer-send:disabled{opacity:.35;cursor:not-allowed;transform:none}.members-sidebar{width:240px;flex-shrink:0;background:var(--surface-1);display:flex;flex-direction:column;overflow:hidden;border-left:1px solid var(--border-s)}.members-header{height:48px;padding:0 12px;display:flex;align-items:center;border-bottom:1px solid var(--border-s);flex-shrink:0}.members-header h3{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-family:Space Grotesk,sans-serif}.members-body{flex:1;overflow-y:auto;padding:8px}.members-section-label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:8px 8px 4px;display:block}.member-btn{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:6px;background:none;border:none;cursor:pointer;width:100%;text-align:left;transition:background 80ms}.member-btn:hover{background:var(--surface-2)}.member-avatar{width:32px;height:32px;border-radius:50%;background:var(--surface-3);display:grid;place-items:center;font-size:13px;font-weight:700;overflow:hidden;flex-shrink:0}.member-avatar img{width:100%;height:100%;object-fit:cover}.member-info{min-width:0}.member-name{font-size:14px;font-weight:600;color:var(--sub);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.member-tag{font-size:11px;color:var(--muted);line-height:1.2}.friends-sidebar{width:240px;flex-shrink:0;background:var(--surface-1);display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--border-s)}.friends-search-wrap{padding:8px;border-bottom:1px solid var(--border-s)}.friends-search-input{width:100%;background:var(--surface-0);border:1px solid var(--border-s);border-radius:6px;padding:5px 10px;font-size:13px;color:var(--text);outline:none;transition:border-color var(--ease)}.friends-search-input:focus{border-color:var(--brand-border)}.friends-search-input::placeholder{color:var(--muted)}.friends-dm-list{flex:1;overflow-y:auto;padding:8px}.friends-dm-label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:8px 8px 4px;display:block}.dm-btn{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:6px;background:none;border:none;cursor:pointer;width:100%;text-align:left;transition:background 80ms;min-width:0}.dm-btn:hover{background:var(--surface-2)}.dm-btn.active{background:var(--surface-active)}.dm-avatar{width:32px;height:32px;border-radius:50%;background:var(--surface-3);display:grid;place-items:center;font-size:13px;font-weight:700;overflow:hidden;flex-shrink:0;position:relative}.dm-avatar img{width:100%;height:100%;object-fit:cover}.dm-avatar-name{font-size:14px;font-weight:600;color:var(--sub);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.friends-main-view{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--bg);overflow:hidden}.friends-top-bar{height:48px;padding:0 20px;display:flex;align-items:center;gap:4px;border-bottom:1px solid var(--border-s);flex-shrink:0;background:#080c16eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.friends-top-divider{width:1px;height:20px;background:var(--border);margin:0 8px;flex-shrink:0}.friends-tab{padding:4px 10px;border-radius:6px;font-size:14px;font-weight:600;color:var(--muted);background:none;border:none;cursor:pointer;transition:background 80ms,color 80ms;white-space:nowrap}.friends-tab:hover{background:var(--surface-2);color:var(--sub)}.friends-tab.active{background:var(--surface-2);color:var(--text)}.friends-content{flex:1;overflow-y:auto;padding:20px}.friends-section-label{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;display:block}.friend-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:background 80ms;border-bottom:1px solid var(--border-s)}.friend-row:last-child{border-bottom:none}.friend-row:hover{background:var(--surface-2)}.friend-row:hover .friend-actions{opacity:1}.friend-avatar-wrap{position:relative;flex-shrink:0}.friend-avatar{width:32px;height:32px;border-radius:50%;background:var(--surface-3);display:grid;place-items:center;font-size:14px;font-weight:700;overflow:hidden}.friend-avatar img{width:100%;height:100%;object-fit:cover}.online-dot{position:absolute;bottom:-1px;right:-1px;width:11px;height:11px;border-radius:50%;background:var(--green);border:2px solid var(--bg)}.offline-dot{background:var(--muted)!important}.friend-info{flex:1;min-width:0}.friend-name{font-size:14px;font-weight:700;color:var(--text);line-height:1.2}.friend-status{font-size:12px;color:var(--muted);line-height:1.2}.friend-actions{display:flex;gap:6px;opacity:0;transition:opacity 80ms}.friend-action-btn{width:32px;height:32px;border-radius:50%;background:var(--surface-3);border:none;cursor:pointer;display:grid;place-items:center;color:var(--muted);transition:background 80ms,color 80ms}.friend-action-btn:hover{background:var(--surface-hover);color:var(--text)}.empty-state{display:grid;place-items:center;height:100%;padding:40px;text-align:center}.empty-state svg{color:var(--muted);opacity:.4;margin-bottom:16px}.empty-state h3{font-size:17px;color:var(--text);margin-bottom:6px}.empty-state p{font-size:13px;color:var(--muted);max-width:300px;line-height:1.6}.settings-pane{flex:1;overflow-y:auto;padding:24px;display:grid;align-content:start;gap:16px}.settings-pane header{display:grid;gap:4px}.settings-pane header h2{font-size:20px}.settings-pane header p{font-size:14px}.settings-card-stack{display:grid;gap:12px}.sidebar-new-group{padding:8px;border-top:1px solid var(--border-s);display:flex;gap:6px}.sidebar-new-group input{font-size:13px;padding:5px 8px;flex:1}.sidebar-new-channel{padding:6px 8px;border-top:1px solid var(--border-s);background:var(--surface-0);display:flex;gap:4px}.sidebar-new-channel input{font-size:12px;padding:4px 6px;flex:1}.sidebar-new-channel select{font-size:12px;padding:4px;width:auto}.invite-chip-small{font-size:12px;font-weight:600;color:var(--accent-text);border:1px solid rgba(45,212,191,.3);background:var(--accent-glow);border-radius:var(--r-full);padding:3px 10px;font-family:JetBrains Mono,monospace;cursor:pointer;transition:background var(--ease);display:flex;align-items:center;gap:4px}.invite-chip-small:hover{background:#2dd4bf40}@keyframes spin{to{transform:rotate(360deg)}}@keyframes orbFloat{0%{transform:translate(0) scale(1)}to{transform:translate(20px,-20px) scale(1.05)}}@keyframes popIn{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:none}}@keyframes verifiedPulse{0%,to{box-shadow:0 0 #7c5cfc80}50%{box-shadow:0 0 0 5px #7c5cfc00}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.animate-up{animation:fadeUp .5s ease both}.animate-up-1{animation:fadeUp .5s .1s ease both}.animate-up-2{animation:fadeUp .5s .2s ease both}@media (max-width: 1100px){.members-sidebar{display:none}}@media (max-width: 1024px){.features-grid{grid-template-columns:repeat(2,1fr)}.dev-section-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.metric-cards,.credentials-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.hero-content-wrap{grid-template-columns:1fr}.hero-visual{display:none}.auth-split{grid-template-columns:1fr;min-height:auto;margin-top:0;margin-bottom:0}.auth-brand-panel{display:none}.docs-shell{grid-template-columns:1fr}.docs-sidebar{position:static}.grid-cols-2,.info-grid,.upload-grid{grid-template-columns:1fr}.links-row{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.channel-sidebar,.friends-sidebar,.main-nav{display:none}.app-rail{width:60px}.rail-btn{width:44px;height:44px}.features-grid,.dev-features-grid{grid-template-columns:1fr}.dev-app-card{grid-template-columns:40px minmax(0,1fr)}}@media (max-width: 480px){.metric-cards{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%;justify-content:center}.credentials-grid{grid-template-columns:1fr}}