@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300..700;1,9..40,300..700&display=swap);.bubble,.bubble-menu,.bubble-menu-btn,.chat-header,.chat-input-bar,.chat-panel,.convo-item,.convo-panel,.msg-textarea,.reply-bar,.search-input,[data-theme],body{transition:background-color .28s ease,border-color .22s ease,color .2s ease,box-shadow .25s ease}@keyframes bubbleIn-sent{0%{opacity:0;transform:translateX(14px) scale(.94)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes bubbleIn-received{0%{opacity:0;transform:translateX(-14px) scale(.94)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes convoSlideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes spin{to{transform:rotate(1turn)}}:root,[data-theme=dark]{--bg-body:#0d0f11;--bg-primary:#0d0f11f2;--bg-topbar:#0d0f11e0;--bg-sidebar:#111318;--bg-card:#161a1e;--bg-input:#1c2026;--bg-hover:#e7e9ea0f;--bg-menu:#1c2026;--bg-elevated:#1c2026;--border:#2f3336e6;--border-input:#2f3336;--border-subtle:#2f333699;--text-primary:#e7e9ea;--text-secondary:#bdc1c6;--text-muted:#71767b;--accent:#7c5cfc;--accent-hover:#9575ff;--accent-text:#fff;--gradient:linear-gradient(135deg,#7c5cfc,#a78bfa);--accent-glow:#7c5cfc33;--accent-from:#7c5cfc;--accent-to:#a78bfa;--signal:#7c5cfc;--danger:#f4212e;--bubble-in-bg:#1e2228;--bubble-in-text:#dcddde;--bubble-out-bg:linear-gradient(135deg,#7c5cfc,#a78bfa);--bubble-out-text:#fff;--time-in:#dcddde59;--time-out:#ffffff8c;--tick-out:#fff9;--tick-read-out:#fff;--dot-offline:#43474e;--bg-gradient:var(--bg-body);--scrollbar-thumb:#71767b4d;--scrollbar-track:#0000;color-scheme:dark}[data-theme=light]{--bg-body:#f7f9f9;--bg-primary:#fffffff2;--bg-topbar:#f7f9f9e0;--bg-sidebar:#fff;--bg-card:#fff;--bg-input:#eff3f4;--bg-hover:#0f14190d;--bg-menu:#fff;--bg-elevated:#fff;--border:#eff3f4;--border-input:#cfd9de;--border-subtle:#cfd9de99;--text-primary:#0f1419;--text-secondary:#3d4147;--text-muted:#536471;--accent:#6b3fe7;--accent-hover:#5a2fd4;--accent-text:#fff;--gradient:linear-gradient(135deg,#6b3fe7,#9c6bf5);--accent-glow:#6b3fe726;--accent-from:#6b3fe7;--accent-to:#9c6bf5;--signal:#6b3fe7;--danger:#f4212e;--bubble-in-bg:#f0f2f5;--bubble-in-text:#0f1419;--bubble-out-bg:linear-gradient(135deg,#6b3fe7,#9c6bf5);--bubble-out-text:#fff;--time-in:#8a9199;--time-out:#fffc;--tick-out:#ffffffa6;--tick-read-out:#fff;--dot-offline:#d0d7de;--bg-gradient:var(--bg-body);--scrollbar-thumb:#5364714d;--scrollbar-track:#0000;color-scheme:light}[data-theme=light] .sidebar{background:#fff;border-right:1px solid #2f3336;border-right:1px solid var(--border-input)}[data-theme=light] .nav-link{color:#71767b;color:var(--text-muted)}[data-theme=light] .nav-link:hover{background:#e7e9ea0f;background:var(--bg-hover);color:#e7e9ea;color:var(--text-primary)}[data-theme=light] .nav-link.active{background:#7c5cfc33;background:var(--accent-glow);color:#7c5cfc;color:var(--accent)}[data-theme=light] .convo-panel{background:#fff;border-right:1px solid #2f3336;border-right:1px solid var(--border-input)}[data-theme=light] .card{background:#fff;border:1px solid #2f3336e6;border:1px solid var(--border)}[data-theme=light] .card:hover{background:#e7e9ea0f;background:var(--bg-hover)}:root .sidebar,[data-theme=dark] .sidebar{background:#111318;background:var(--bg-sidebar)}:root .nav-link,[data-theme=dark] .nav-link{color:#71767b;color:var(--text-muted)}:root .nav-link:hover,[data-theme=dark] .nav-link:hover{background:#e7e9ea0f;background:var(--bg-hover);color:#e7e9ea;color:var(--text-primary)}:root .nav-link.active,[data-theme=dark] .nav-link.active{background:#7c5cfc33;background:var(--accent-glow);color:#7c5cfc;color:var(--accent);font-weight:600}:root .convo-panel,[data-theme=dark] .convo-panel{background:#111318;background:var(--bg-sidebar);border-right:1px solid #2f3336e6;border-right:1px solid var(--border)}:root .card,[data-theme=dark] .card{background:#161a1e;background:var(--bg-card);border:1px solid #2f3336e6;border:1px solid var(--border);border-radius:12px}:root .card:hover,[data-theme=dark] .card:hover{background:#1c2026;background:var(--bg-elevated)}:root .chat-header,[data-theme=dark] .chat-header{background:#111318;background:var(--bg-sidebar);border-bottom:1px solid #2f3336e6;border-bottom:1px solid var(--border)}:root .chat-input-bar,[data-theme=dark] .chat-input-bar{background:#111318;background:var(--bg-sidebar);border-top:1px solid #2f3336e6;border-top:1px solid var(--border)}:root .convo-item:hover,[data-theme=dark] .convo-item:hover{background:#e7e9ea0f;background:var(--bg-hover)}:root .settings-panel,[data-theme=dark] .settings-panel{background:#111318;background:var(--bg-sidebar)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}#root,body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0d0f11;background:var(--bg-body);color:#e7e9ea;color:var(--text-primary);font-family:Inter,DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;height:100%;letter-spacing:-.01em;min-height:100vh;text-rendering:optimizeLegibility}[data-tier=premium] #root{position:relative;z-index:1}button{cursor:pointer}button,input,textarea{font-family:inherit}img{display:block;max-width:100%}b,strong{font-weight:700}*{scrollbar-color:#71767b4d #0000}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-thumb{background:#71767b4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#71767b}.auth-page{align-items:center;background:#0d0f11;background:var(--bg-body);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.auth-page:after,.auth-page:before{animation:blob-drift 12s ease-in-out infinite;border-radius:50%;content:"";filter:blur(80px);opacity:.12;pointer-events:none;position:absolute}.auth-page:before{animation-delay:0s;background:radial-gradient(circle,#7c5cfc 0,#0000 70%);background:radial-gradient(circle,var(--accent) 0,#0000 70%);height:500px;left:-100px;top:-100px;width:500px}.auth-page:after{animation-delay:-6s;background:radial-gradient(circle,#a78bfa 0,#0000 70%);bottom:-80px;height:400px;right:-80px;width:400px}.auth-card{animation:omni-page-in .3s ease both;background:#161a1e;background:var(--bg-card);border:1px solid #2f3336;border:1px solid var(--border-input);border-radius:16px;display:flex;flex-direction:column;gap:18px;max-width:400px;padding:40px 36px;position:relative;width:100%;z-index:1}.auth-logo{font-size:28px;font-weight:800;letter-spacing:-.03em}.auth-logo,.auth-title{color:#e7e9ea;color:var(--text-primary);text-align:center}.auth-title{font-size:20px;font-weight:700;letter-spacing:-.02em}.auth-subtitle{color:#71767b;color:var(--text-muted);font-size:14px;text-align:center}.auth-chip{color:#bdc1c6;color:var(--text-secondary);display:inline-block;font-size:14px;padding:8px 14px;text-align:center}.auth-chip,.auth-input{background:#1c2026;background:var(--bg-input);border:1px solid #2f3336;border:1px solid var(--border-input);border-radius:8px}.auth-input{color:#e7e9ea;color:var(--text-primary);font-size:15px;outline:none;padding:11px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.auth-input::placeholder{color:#71767b;color:var(--text-muted)}.auth-input:focus{border-color:#7c5cfc;border-color:var(--accent);box-shadow:0 0 0 3px #7c5cfc33;box-shadow:0 0 0 3px var(--accent-glow)}.auth-btn{background:#7c5cfc;background:var(--accent);border:none;border-radius:9999px;color:#fff;font-size:15px;font-weight:700;letter-spacing:-.01em;padding:12px;transition:opacity .15s,transform .1s,box-shadow .2s;width:100%}.auth-btn:hover{box-shadow:0 4px 20px #7c5cfc33;box-shadow:0 4px 20px var(--accent-glow);opacity:.9}.auth-btn:active{transform:scale(.98)}.auth-btn:disabled{cursor:not-allowed;opacity:.45;transform:none}.auth-error{color:#f4212e;color:var(--danger);font-size:13px;min-height:16px;text-align:center}.auth-link{color:#71767b;color:var(--text-muted);font-size:14px;text-align:center}.auth-link a{color:#7c5cfc;color:var(--accent);font-weight:500;text-decoration:none}.auth-link a:hover{text-decoration:underline}.auth-input-wrap{align-items:center;display:flex;position:relative}.auth-input-wrap .auth-input{padding-right:44px}.auth-reveal-btn{align-items:center;background:none;border:none;border-radius:6px;color:#71767b;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;transition:color .15s}.auth-reveal-btn:hover{color:#e7e9ea;color:var(--text-primary)}.app-layout{background:#0d0f11;background:var(--bg-body);overflow:hidden}.app-layout,.sidebar{display:flex;height:100vh}.sidebar{background:#111318;background:var(--bg-sidebar);border-right:1px solid #2f3336e6;border-right:1px solid var(--border);flex-direction:column;gap:2px;min-width:220px;padding:70px 8px 12px;width:220px;z-index:10}.sidebar-logo{color:#7c5cfc;color:var(--accent);font-size:20px;font-weight:800;letter-spacing:-.03em;padding:4px 12px 20px}.nav-link{align-items:center;background:none;border:none;border-radius:9999px;color:#71767b;color:var(--text-muted);display:flex;font-size:15px;font-weight:500;gap:14px;letter-spacing:-.01em;padding:10px 12px;text-align:left;transition:background .15s,color .15s;width:100%}.nav-link svg{flex-shrink:0;height:20px;transition:transform .2s;width:20px}.nav-link:hover{background:#e7e9ea0f;background:var(--bg-hover);color:#e7e9ea;color:var(--text-primary)}.nav-link:hover svg{transform:scale(1.1)}.nav-link.active{font-weight:700}.nav-link.active,.nav-link.active svg{color:#7c5cfc;color:var(--accent)}.main-content{background:#0d0f11;background:var(--bg-body);flex:1 1;min-width:0;overflow-y:auto;padding:24px 28px;position:relative}.main-content,.omni-page-enter{animation:omni-page-in .25s ease both}.page-header{align-items:center;border-bottom:1px solid #2f3336e6;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.page-title{color:#e7e9ea;color:var(--text-primary);font-size:20px;font-weight:800;letter-spacing:-.02em}.card{background:#161a1e;background:var(--bg-card);border:1px solid #2f3336e6;border:1px solid var(--border);border-radius:12px;margin-bottom:4px;padding:16px;transition:background .15s,border-color .15s}.card:hover{background:#1c2026;background:var(--bg-elevated)}.feed{display:flex;flex-direction:column;gap:0;max-width:600px}.post-author-name{color:#e7e9ea;color:var(--text-primary);font-size:15px;font-weight:700;letter-spacing:-.01em}.post-author-time{color:#71767b;color:var(--text-muted);font-size:14px}.post-body{color:#e7e9ea;color:var(--text-primary);font-size:15px;line-height:1.55;margin:10px 0 14px}.post-actions{border-top:1px solid #2f3336e6;border-top:1px solid var(--border);display:flex;gap:4px;padding-top:10px}.react-btn{align-items:center;background:none;border:none;border-radius:9999px;color:#71767b;color:var(--text-muted);display:flex;font-size:13px;gap:6px;letter-spacing:-.01em;padding:6px 12px;transition:background .15s,color .15s}.react-btn:hover{background:#e7e9ea0f;background:var(--bg-hover);color:#e7e9ea;color:var(--text-primary)}.react-btn.liked{color:#7c5cfc;color:var(--accent)}.avatar{border-radius:50%;flex-shrink:0;object-fit:cover}.online-dot{background:#43474e;background:var(--dot-offline);border:2px solid #111318;border:2px solid var(--bg-sidebar);border-radius:50%;height:9px;transition:background .3s;width:9px}.online-dot.online{animation:online-pulse 2.5s ease-in-out infinite;background:#22c55e}.messages-layout{background:#0d0f11;background:var(--bg-body);display:flex;height:100vh;overflow:hidden}.convo-panel{background:#111318;background:var(--bg-sidebar);border-right:1px solid #2f3336e6;border-right:1px solid var(--border);display:flex;flex-direction:column;min-width:300px;overflow:hidden;width:300px}.convo-panel-header{border-bottom:1px solid #2f3336e6;border-bottom:1px solid var(--border);flex-shrink:0;padding:16px 14px 10px}.convo-panel-title{color:#e7e9ea;color:var(--text-primary);font-size:18px;font-weight:800;letter-spacing:-.02em;margin-bottom:10px}.search-wrap{position:relative}.search-input{background:#1c2026;background:var(--bg-input);border:1px solid #2f3336;border:1px solid var(--border-input);border-radius:9999px;color:#e7e9ea;color:var(--text-primary);font-size:14px;outline:none;padding:8px 32px 8px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.search-input::placeholder{color:#71767b;color:var(--text-muted)}.search-input:focus{border-color:#7c5cfc;border-color:var(--accent);box-shadow:0 0 0 3px #7c5cfc33;box-shadow:0 0 0 3px var(--accent-glow)}.search-clear{align-items:center;background:none;border:none;color:#71767b;color:var(--text-muted);display:flex;padding:2px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.search-clear svg{height:13px;width:13px}.convo-list{flex:1 1;overflow-y:auto}.convo-item{align-items:center;cursor:pointer;display:flex;gap:12px;padding:10px 14px;position:relative;transition:background .15s}.convo-item.active,.convo-item:hover{background:#e7e9ea0f;background:var(--bg-hover)}.convo-avatar-wrap{flex-shrink:0;position:relative}.convo-info{flex:1 1;min-width:0}.convo-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:2px}.convo-name{color:#e7e9ea;color:var(--text-primary);font-size:14px;font-weight:600;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.convo-time{flex-shrink:0;font-size:12px;margin-left:8px}.convo-preview,.convo-time{color:#71767b;color:var(--text-muted)}.convo-preview{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.convo-preview.unread{color:#bdc1c6;color:var(--text-secondary);font-weight:500}.unread-badge{align-items:center;animation:fadeSlideUp .2s ease both;background:#7c5cfc;background:var(--accent);border-radius:9px;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px}.chat-panel{background:#0d0f11;background:var(--bg-body);min-width:0}.chat-empty,.chat-panel{display:flex;flex:1 1;flex-direction:column}.chat-empty{align-items:center;animation:fadeSlideUp .35s ease both;color:#71767b;color:var(--text-muted);gap:12px;justify-content:center}.chat-empty svg{height:48px;width:48px}.chat-empty p{font-size:16px;font-weight:600;letter-spacing:-.01em}.chat-header{align-items:center;animation:fadeSlideUp .25s ease both;background:#111318;background:var(--bg-sidebar);border-bottom:1px solid #2f3336e6;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:12px;padding:12px 18px}.chat-header-info{display:flex;flex-direction:column}.chat-header-name{color:#e7e9ea;color:var(--text-primary);font-size:15px;font-weight:700;letter-spacing:-.01em}.chat-header-status{align-items:center;color:#71767b;color:var(--text-muted);display:flex;font-size:12px;gap:5px}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow-y:auto;padding:16px 18px}.date-sep{align-items:center;animation:fadeSlideUp .2s ease both;color:#71767b;color:var(--text-muted);display:flex;font-size:12px;font-weight:500;gap:10px;margin:14px 0 6px}.date-sep:after,.date-sep:before{background:#2f3336e6;background:var(--border);content:"";flex:1 1;height:1px}.bubble-row{align-items:flex-end;display:flex;margin:1px 0;padding:0 12px}.bubble-row.sent{animation:bubbleIn-sent .2s cubic-bezier(.34,1.56,.64,1) both;flex-direction:row-reverse}.bubble-row.received{animation:bubbleIn-received .2s cubic-bezier(.34,1.56,.64,1) both;flex-direction:row}.bubble{-webkit-font-smoothing:antialiased;cursor:pointer;display:inline-block;font-family:inherit;font-size:15px;font-weight:400;line-height:1.45;max-width:70%;min-width:72px;overflow:hidden;padding:9px 13px 9px 14px;position:relative;word-break:break-word}.bubble-row.sent .bubble{background:linear-gradient(135deg,#7c5cfc,#a78bfa);background:var(--bubble-out-bg);border-radius:18px 18px 4px 18px;box-shadow:0 1px 4px #0000002e;color:#fff;color:var(--bubble-out-text)}.bubble-row.sent .bubble:after{display:none}.bubble-row.received .bubble{background:#1e2228;background:var(--bubble-in-bg);border:1px solid #2f3336e6;border:1px solid var(--border);border-radius:18px 18px 18px 4px;box-shadow:0 1px 4px #0000001f;color:#dcddde;color:var(--bubble-in-text)}.bubble-row.received .bubble:after{display:none}.bubble.deleted{background:#0000!important;border:1px solid #2f3336;border:1px solid var(--border-input);box-shadow:none}.bubble.deleted:after{display:none}.bubble-deleted{color:#71767b;color:var(--text-muted);font-size:13px;font-style:italic}.bubble-inner{display:block;line-height:1.45;white-space:pre-wrap;word-break:break-word}.bubble-gap{display:inline-block;width:118px}.bubble-gap,.bubble-gap.short{height:12px;vertical-align:bottom}.bubble-gap.short{width:76px}.bubble-footer{align-items:baseline;bottom:10px;display:flex;gap:3px;line-height:1;pointer-events:none;position:absolute;right:14px;white-space:nowrap}.bubble-edited{color:#ffffff91;font-size:11.5px;font-style:normal;letter-spacing:.15px;line-height:1}.bubble-row.received .bubble-edited{color:#71767b;color:var(--text-muted)}.bubble-time{font-feature-settings:"tnum";font-size:11.5px;font-variant-numeric:tabular-nums;letter-spacing:.15px;line-height:1;white-space:nowrap}.bubble-row.sent .bubble-time{color:#ffffff8c;color:var(--time-out)}.bubble-row.received .bubble-time{color:#dcddde59;color:var(--time-in)}.msg-tick{align-items:center;display:flex}.msg-tick svg{height:10px;width:16px}.bubble-row.sent .msg-tick svg path{stroke:#fff9;stroke:var(--tick-out)}.bubble-row.sent .msg-tick .tick-read svg path{stroke:#fff;stroke:var(--tick-read-out)}.bubble-voice-wrap{display:flex;flex-direction:column;gap:4px}.bubble-voice-footer{align-items:center;display:flex;gap:3px;justify-content:flex-end}.tick{height:10px;width:16px}.bubble-row.sent .tick-delivered,.bubble-row.sent .tick-sent{color:#ffffff8c;color:var(--time-out)}.bubble-row.sent .tick-read{color:#fff;color:var(--tick-read-out)}.bubble-reply-quote{border-left:3px solid;border-radius:4px;font-size:12px;margin-bottom:6px;overflow:hidden;padding:5px 8px;text-overflow:ellipsis;white-space:nowrap}.bubble-row.received .bubble-reply-quote{background:#825aff1a;border-color:#7c5cfc;border-color:var(--accent);color:#bdc1c6;color:var(--text-secondary)}.bubble-row.sent .bubble-reply-quote{background:#0003;border-color:#fff9;color:#fffc}.bubble-media-frame{border-radius:10px;display:inline-block;line-height:0;overflow:hidden;padding:0;position:relative}.bubble-media{margin:0;max-height:260px;object-fit:cover}.bubble-media,video.bubble-media{border-radius:8px;max-width:260px}video.bubble-media{display:block}.bubble-bundle-grid{border-radius:10px;display:inline-block;line-height:0;overflow:hidden}.bubble-media-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;border-radius:8px;bottom:6px;display:flex;gap:3px;padding:2px 5px;position:absolute;right:6px}.bubble-media-overlay .bubble-time{color:#ffffffeb!important;font-size:11px}.bubble-media-overlay .bubble-edited{color:#ffffffbf!important;font-size:10px}.bubble-file{align-items:center;background:#7c5cfc33;background:var(--accent-glow);border:1px solid #7c5cfc33;border:1px solid var(--accent-glow);border-radius:10px;color:#7c5cfc;color:var(--accent);display:flex;font-size:13px;gap:8px;margin-bottom:4px;padding:8px 10px}.bubble-file svg{flex-shrink:0;height:18px;width:18px}.bubble-voice{gap:8px;padding:2px 0;width:220px}.bubble-voice,.voice-play-btn{align-items:center;display:flex}.voice-play-btn{background:#7c5cfc33;background:var(--accent-glow);border:1.5px solid #7c5cfc;border:1.5px solid var(--accent);border-radius:50%;cursor:pointer;flex-shrink:0;height:36px;justify-content:center;transition:transform .15s;width:36px}.voice-play-btn:hover{transform:scale(1.08)}.voice-play-btn svg{color:#7c5cfc;color:var(--accent);height:16px;width:16px}.voice-wave-wrap{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.voice-waveform{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:2px;height:20px}.voice-bar{background:#7c5cfc33;background:var(--accent-glow);border-radius:2px;display:inline-block;width:3px}.voice-bar.played{background:#7c5cfc;background:var(--accent)}.bubble-row.sent .voice-bar{background:color-mix(in srgb,#fff 30%,#0000);background:color-mix(in srgb,var(--bubble-out-text) 30%,#0000)}.bubble-row.sent .voice-bar.played{background:color-mix(in srgb,#fff 90%,#0000);background:color-mix(in srgb,var(--bubble-out-text) 90%,#0000)}.voice-duration{font-feature-settings:"tnum";align-self:flex-start;color:#71767b;color:var(--text-muted);font-size:11px;font-variant-numeric:tabular-nums;line-height:1}.bubble-row.sent .voice-duration{color:#ffffff8c;color:var(--time-out)}.bubble-menu{box-shadow:0 8px 32px #00000080;display:flex;flex-direction:column;gap:2px;min-width:130px;padding:4px;position:fixed;z-index:9999}.bubble-menu-btn{border-radius:7px;font-size:13px;gap:8px;padding:8px 12px;transition:background .15s}.bubble-menu-btn.danger{color:#e06060}.bubble-menu-btn.danger:hover{background:#e060601a}.bubble-edit-input{background:#0000;border:none;border-bottom:1px solid #7c5cfc;border-bottom:1px solid var(--accent);color:inherit;font-size:14px;outline:none;padding:2px 0;width:100%}.reply-bar{justify-content:space-between}.reply-bar-name{font-size:11px}.att-remove:hover{border-color:#e06060;color:#e06060}.att-caption-input{background:#825aff14;border-radius:16px;font-size:13px}.att-send-btn{background:linear-gradient(135deg,#7c5cfc,#a78bfa);background:var(--gradient);color:var(--accent-text)}.chat-input-bar{align-items:flex-end;animation:fadeSlideUp .2s ease both;background:#111318;background:var(--bg-sidebar);border-top:1px solid #2f3336e6;border-top:1px solid var(--border);display:flex;flex-shrink:0;gap:8px;padding:10px 14px}.msg-textarea{background:#1c2026;background:var(--bg-input);border:1px solid #2f3336;border:1px solid var(--border-input);border-radius:9999px;color:#e7e9ea;color:var(--text-primary);flex:1 1;font-size:15px;line-height:1.5;max-height:140px;min-height:40px;outline:none;overflow-y:auto;padding:10px 16px;resize:none;transition:border-color .2s,box-shadow .2s}.msg-textarea::placeholder{color:#71767b;color:var(--text-muted)}.msg-textarea:focus{border-color:#7c5cfc;border-color:var(--accent);box-shadow:0 0 0 3px #7c5cfc33;box-shadow:0 0 0 3px var(--accent-glow)}.icon-btn{align-items:center;background:none;border:none;border-radius:50%;color:#71767b;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:color .15s,background .15s,transform .15s;width:36px}.icon-btn svg{height:18px;pointer-events:none;width:18px}.icon-btn:hover{background:#7c5cfc33;background:var(--accent-glow);color:#7c5cfc;color:var(--accent);transform:scale(1.1)}.icon-btn:active{transform:scale(.92)}.icon-btn.recording{animation:mic-pulse 1s ease-in-out infinite;background:#ef44441f!important;color:#ef4444!important}.send-btn{align-items:center;background:#7c5cfc;background:var(--accent);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:38px;justify-content:center;transition:opacity .15s,transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;width:38px}.send-btn svg{height:15px;transition:transform .15s;width:15px}.send-btn:hover{box-shadow:0 4px 16px #7c5cfc33;box-shadow:0 4px 16px var(--accent-glow);opacity:.9;transform:scale(1.08)}.send-btn:hover svg{transform:translateX(1px) translateY(-1px)}.send-btn:active{transform:scale(.93)}.voice-recording-bar{background:#0e0e18d9}.rec-dot{animation:rec-blink 1s ease-in-out infinite;background:#f44;height:10px;width:10px}@keyframes rec-blink{0%,to{opacity:1}50%{opacity:.2}}.rec-label{color:#f44}.rec-hint{font-size:11px}.people-name{font-size:13px}.people-username{font-size:12px}.settings-layout{display:flex;gap:0;height:100%}.settings-nav{background:#111318;background:var(--bg-sidebar);border-right:1px solid #2f3336e6;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:2px;min-width:220px;padding:16px 8px;width:220px}.settings-nav-btn{align-items:center;background:none;border:none;border-radius:9999px;color:#71767b;color:var(--text-muted);cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;letter-spacing:-.01em;padding:9px 12px;text-align:left;transition:background .15s,color .15s;width:100%}.settings-nav-btn svg{flex-shrink:0;height:18px;width:18px}.settings-nav-btn:hover{background:#e7e9ea0f;background:var(--bg-hover);color:#e7e9ea;color:var(--text-primary)}.settings-nav-btn.active{color:#7c5cfc;color:var(--accent);font-weight:700}.settings-nav-btn.danger{color:#ef4444}.settings-nav-btn.danger:hover{background:#ef444414;color:#ef4444}.settings-nav-spacer{flex:1 1}.settings-content{flex:1 1;overflow-y:auto;padding:28px 36px}.settings-section-title{color:#71767b;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:1.5px;margin:24px 0 8px;text-transform:uppercase}.settings-section-title:first-child{margin-top:0}.acc-row{align-items:center;border-bottom:1px solid #2f3336e6;border-bottom:1px solid var(--border);border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;padding:14px 0;transition:padding .15s}.acc-row:hover{background:#e7e9ea0f;background:var(--bg-hover);margin:0 -8px;padding-left:8px;padding-right:8px}.acc-row-label{color:#e7e9ea;color:var(--text-primary);font-size:15px;font-weight:600;letter-spacing:-.01em}.acc-row-value{align-items:center;color:#71767b;color:var(--text-muted);display:flex;font-size:14px;gap:8px}.acc-row-value svg{height:14px;width:14px}.setting-row{align-items:center;border-bottom:1px solid #2f3336e6;border-bottom:1px solid var(--border);display:flex;gap:20px;justify-content:space-between;padding:16px 0}.setting-info{display:flex;flex-direction:column;gap:3px}.setting-label{color:#e7e9ea;color:var(--text-primary);font-size:15px;font-weight:600;letter-spacing:-.01em}.setting-desc{color:#71767b;color:var(--text-muted);font-size:13px;line-height:1.5;max-width:360px}.theme-toggle{align-items:center;background:#1c2026;background:var(--bg-input);border:1px solid #2f3336;border:1px solid var(--border-input);border-radius:9999px;cursor:pointer;display:flex;height:28px;overflow:hidden;padding:0 4px;position:relative;transition:background .3s,box-shadow .25s;width:56px}.theme-toggle:hover{box-shadow:0 0 0 3px #7c5cfc33;box-shadow:0 0 0 3px var(--accent-glow)}.theme-icon{font-size:12px;line-height:1;position:absolute;transition:opacity .25s,transform .3s}.dark-icon{left:7px}.light-icon{right:7px}[data-theme=dark] .light-icon{opacity:.3;transform:scale(.85)}[data-theme=dark] .dark-icon{opacity:1;transform:scale(1)}[data-theme=light] .dark-icon{opacity:.3;transform:scale(.85)}[data-theme=light] .light-icon{opacity:1;transform:scale(1)}.theme-thumb{background:#7c5cfc;background:var(--accent);border-radius:50%;box-shadow:0 1px 4px #0000004d;height:20px;position:absolute;transition:left .3s cubic-bezier(.34,1.56,.64,1);width:20px}[data-theme=dark] .theme-thumb{left:4px}[data-theme=light] .theme-thumb{left:32px}.toggle-switch{display:inline-block;flex-shrink:0;height:24px;position:relative;width:44px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background:#2f3336;background:var(--border-input);border-radius:24px;cursor:pointer;inset:0;position:absolute;transition:background .25s,box-shadow .25s}.toggle-slider:before{background:#fff;border-radius:50%;bottom:3px;box-shadow:0 1px 4px #0000004d;content:"";height:18px;left:3px;position:absolute;transition:transform .3s cubic-bezier(.34,1.56,.64,1),width .15s;width:18px}.toggle-switch:active .toggle-slider:before{width:22px}.toggle-switch input:checked+.toggle-slider{background:#7c5cfc;background:var(--accent);box-shadow:0 0 0 3px #7c5cfc33;box-shadow:0 0 0 3px var(--accent-glow)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.toggle-switch:active input:checked+.toggle-slider:before{transform:translateX(16px)}.dialog-overlay{align-items:center;animation:fadeSlideUp .15s ease both;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.dialog-box{animation:fadeSlideUp .2s ease both;background:#1c2026;background:var(--bg-menu);border:1px solid #2f3336;border:1px solid var(--border-input);border-radius:16px;box-shadow:0 20px 60px #0006;max-width:420px;overflow:hidden;width:100%}.dialog-header{align-items:center;border-bottom:1px solid #2f3336e6;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 20px}.dialog-title{color:#e7e9ea;color:var(--text-primary);font-size:17px;font-weight:700;letter-spacing:-.02em}.dialog-close{background:none;border:none;border-radius:6px;color:#71767b;color:var(--text-muted);display:flex;padding:4px;transition:color .15s}.dialog-close:hover{color:#e7e9ea;color:var(--text-primary)}.dialog-close svg{height:16px;width:16px}.dialog-body{display:flex;flex-direction:column;gap:14px;padding:18px 20px}.dialog-label{color:#71767b;color:var(--text-muted);display:block;font-size:11px;font-weight:600;letter-spacing:.8px;margin-bottom:4px;text-transform:uppercase}.dialog-input{background:#1c2026;background:var(--bg-input);border:1px solid #2f3336;border:1px solid var(--border-input);border-radius:8px;color:#e7e9ea;color:var(--text-primary);font-size:15px;outline:none;padding:10px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.dialog-input::placeholder{color:#71767b;color:var(--text-muted)}.dialog-input:focus{border-color:#7c5cfc;border-color:var(--accent);box-shadow:0 0 0 3px #7c5cfc33;box-shadow:0 0 0 3px var(--accent-glow)}.dialog-footer{display:flex;gap:10px;justify-content:flex-end;padding:0 20px 18px}.dialog-btn{border:none;border-radius:9999px;font-size:14px;font-weight:600;letter-spacing:-.01em;padding:9px 20px;transition:opacity .15s,transform .1s}.dialog-btn:active{transform:scale(.97)}.dialog-btn.primary{background:#7c5cfc;background:var(--accent);color:#fff}.dialog-btn.primary:hover{opacity:.88}.dialog-btn.secondary{background:#e7e9ea0f;background:var(--bg-hover);border:1px solid #2f3336;border:1px solid var(--border-input);color:#e7e9ea;color:var(--text-primary)}.dialog-btn.secondary:hover{background:#1c2026;background:var(--bg-elevated)}.dialog-btn.danger{background:#ef4444;color:#fff}.dialog-btn.danger:hover{opacity:.85}.dialog-btn.danger:disabled{cursor:not-allowed;opacity:.45}.dialog-msg{font-size:12px;min-height:16px;text-align:center}.dialog-msg.ok{color:#22c55e}.dialog-msg.err{color:#ef4444}.settings-divider{background:#2f3336e6;background:var(--border);height:1px;margin:8px 0}.bubble-row.received{align-items:flex-end}.profile-banner{background:linear-gradient(135deg,#7c5cfc,#a78bfa);background:linear-gradient(135deg,var(--accent-from) 0,var(--accent-to) 100%);display:block;height:180px;object-fit:cover;width:100%}.profile-header{background:#0d0f11;background:var(--bg-body);border-bottom:1px solid #2f3336e6;border-bottom:1px solid var(--border);padding:0 20px}.profile-avatar-wrap{background:#161a1e;background:var(--bg-card);border:4px solid #0d0f11;border:4px solid var(--bg-body);border-radius:50%;flex-shrink:0;height:80px;margin-bottom:12px;margin-top:-40px;overflow:hidden;width:80px}.profile-username{color:#e7e9ea;color:var(--text-primary);font-size:22px;font-weight:800;letter-spacing:-.02em;margin-bottom:2px}.profile-handle{color:#71767b;color:var(--text-muted);font-size:15px;margin-bottom:12px}.profile-bio{color:#e7e9ea;color:var(--text-primary);font-size:15px;line-height:1.55;margin-bottom:14px}.profile-meta{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.profile-meta-item{align-items:center;color:#71767b;color:var(--text-muted);display:flex;font-size:14px;gap:5px}.profile-meta-item svg{height:14px;width:14px}.profile-stats{display:flex;gap:20px;margin-bottom:16px}.stat-count{color:#e7e9ea;color:var(--text-primary);font-size:15px;font-weight:700}.stat-label{color:#71767b;color:var(--text-muted);font-size:14px}.profile-actions{display:flex;gap:10px;padding-bottom:16px}.profile-btn{border-radius:9999px;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:-.01em;padding:8px 20px;transition:opacity .15s,transform .1s}.profile-btn:active{transform:scale(.97)}.profile-btn.primary{background:#7c5cfc;background:var(--accent);border:none;color:#fff}.profile-btn.primary:hover{opacity:.88}.profile-btn.outline{background:none;border:1px solid #2f3336;border:1px solid var(--border-input);color:#e7e9ea;color:var(--text-primary)}.profile-btn.outline:hover{background:#e7e9ea0f;background:var(--bg-hover)}.profile-tabs{border-bottom:1px solid #2f3336e6;border-bottom:1px solid var(--border);display:flex}.profile-tab-btn{background:none;border:none;border-bottom:2px solid #0000;color:#71767b;color:var(--text-muted);cursor:pointer;flex:1 1;font-size:15px;font-weight:500;letter-spacing:-.01em;max-width:120px;padding:14px 0;transition:color .15s,border-color .15s}.profile-tab-btn.active,.profile-tab-btn:hover{color:#e7e9ea;color:var(--text-primary)}.profile-tab-btn.active{border-bottom-color:#7c5cfc;border-bottom-color:var(--accent);font-weight:700}@media (max-width:768px){.sidebar{display:none!important}.app-layout{flex-direction:column}.app-layout>div{height:calc(100vh - 60px)!important}.mobile-bottom-nav{align-items:center;background:#111318;background:var(--bg-sidebar);border-top:1px solid #2f3336e6;border-top:1px solid var(--border);bottom:0;display:flex;height:64px;justify-content:space-around;left:0;padding-bottom:env(safe-area-inset-bottom);position:fixed;right:0;z-index:500}.mobile-nav-btn{align-items:center;background:none;border:none;color:#71767b;color:var(--text-muted);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:10px;font-weight:500;gap:3px;height:100%;justify-content:center;transition:color .15s}.mobile-nav-btn svg{height:22px;width:22px}.mobile-nav-btn.active{color:#7c5cfc;color:var(--accent)}.mobile-nav-btn span{line-height:1}.mobile-nav-post{align-items:center;background:#7c5cfc;background:var(--accent);border:none;border-radius:9999px;box-shadow:0 4px 16px #7c5cfc33;box-shadow:0 4px 16px var(--accent-glow);color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;margin-bottom:4px;transition:transform .15s,box-shadow .15s;width:48px}.mobile-nav-post:active{transform:scale(.9)}.mobile-nav-post svg{height:22px;width:22px}.main-content{padding-bottom:0}.messages-layout{height:calc(100vh - 60px)!important}.messages-layout .convo-panel{border-right:none;flex:1 1;min-width:0!important;transition:none!important;width:100%!important}.messages-layout .chat-panel{display:none;max-height:calc(100vh - 60px)}.messages-layout.mobile-chat-open .convo-panel{display:none!important}.messages-layout.mobile-chat-open .chat-panel{display:flex;flex:1 1;width:100%}.mobile-back-btn{display:flex!important}.chat-header>button:nth-child(2){display:none!important}.dm-search-btn{display:flex!important}.attachment-preview,.chat-input-bar,.reply-bar{flex-shrink:0}.messages-layout.mobile-chat-open .chat-panel{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.chat-messages{-webkit-overflow-scrolling:touch;padding:12px 6px}.bubble-row{padding:0 6px}.bubble{font-size:14px;max-width:82%}.bubble-media-frame{box-sizing:border-box;padding:0;width:100%}.bubble-media,video.bubble-media{border-radius:6px;max-height:220px;max-width:100%;width:100%}.msg-textarea::placeholder{font-size:13px}}.create-header,.create-page{background:#0d0f11;background:var(--bg-body)}.create-header-title{font-size:17px;letter-spacing:-.02em}.create-type-btn{background:#161a1e;background:var(--bg-card);border:1px solid #2f3336e6;border:1px solid var(--border);border-radius:12px}.create-type-label{font-weight:700;letter-spacing:-.01em}.create-type-sub{font-size:13px}.create-upload-area{border-radius:12px}.create-input,.create-textarea{background:#1c2026;background:var(--bg-input);border-radius:8px;font-size:15px;transition:border-color .2s,box-shadow .2s}.create-submit-btn{background:#7c5cfc;background:var(--accent);border-radius:9999px;font-weight:700;letter-spacing:-.01em}.create-submit-btn:disabled{opacity:.45}.post-detail-back{font-weight:500;transition:color .15s}.post-detail-comments-toggle{border-radius:9999px;transition:border-color .15s,color .15s}@media (min-width:769px){.post-detail-body{padding:0 24px 40px}.post-detail-comments-mobile{display:none}.post-detail-comments-desktop{background:#161a1e;background:var(--bg-card);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;width:380px}}.legal-page{background:#0d0f11;background:var(--bg-body)}.legal-card{background:#161a1e;box-shadow:0 8px 32px #0003}.legal-back{background:#e7e9ea0f;background:var(--bg-hover);border-radius:9999px;font-size:14px;padding:7px 14px;transition:background .15s}.legal-back:hover{background:#1c2026;background:var(--bg-elevated);color:#e7e9ea}.legal-title{color:#e7e9ea;font-size:28px;letter-spacing:-.03em}.legal-updated{font-size:14px}.legal-body h2{color:#e7e9ea;font-size:17px;letter-spacing:-.01em}.acc-btn,.legal-body p{font-size:15px}.acc-btn{background:#7c5cfc;background:var(--accent);border:none;border-radius:9999px;color:#fff;cursor:pointer;font-weight:700;letter-spacing:-.01em;padding:10px 24px;transition:opacity .15s,transform .1s,box-shadow .2s}.acc-btn:hover{box-shadow:0 4px 16px #7c5cfc33;box-shadow:0 4px 16px var(--accent-glow);opacity:.88}.acc-btn:active{transform:scale(.97)}.acc-btn:disabled{cursor:not-allowed;opacity:.45}.people-item{align-items:center;cursor:pointer;display:flex;gap:12px;padding:10px 14px;transition:background .15s}.people-item:hover{background:#e7e9ea0f;background:var(--bg-hover)}.people-name{color:#e7e9ea;color:var(--text-primary);font-size:14px;font-weight:600;letter-spacing:-.01em}.people-username{color:#71767b;color:var(--text-muted);font-size:13px}.match-highlight{color:#7c5cfc;color:var(--accent)}.attachment-preview{background:#111318;background:var(--bg-sidebar);border-top:1px solid #2f3336e6;border-top:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;gap:8px;padding:10px 16px}.attachment-files-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.attachment-file-item{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:4px;position:relative;width:72px}.att-thumb{border-radius:8px;object-fit:cover}.att-file-icon,.att-thumb{border:1px solid #2f3336;border:1px solid var(--border-input);height:64px;width:64px}.att-file-icon{align-items:center;background:#e7e9ea0f;background:var(--bg-hover);border-radius:8px;color:#7c5cfc;color:var(--accent);display:flex;justify-content:center}.att-file-icon svg{height:24px;width:24px}.att-name{display:block;font-size:10px;max-width:64px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.att-name,.att-remove{color:#71767b;color:var(--text-muted)}.att-remove{align-items:center;background:#111318;background:var(--bg-sidebar);border:1px solid #2f3336;border:1px solid var(--border-input);border-radius:50%;cursor:pointer;display:flex;height:18px;padding:2px;position:absolute;right:-4px;top:-4px;width:18px}.att-remove svg{height:10px;width:10px}.att-remove:hover{border-color:#ef4444;color:#ef4444}.att-add-btn{align-items:center;background:none;border:1.5px dashed #2f3336;border:1.5px dashed var(--border-input);border-radius:8px;color:#71767b;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:64px;justify-content:center;transition:border-color .15s,color .15s;width:64px}.att-add-btn:hover{border-color:#7c5cfc;border-color:var(--accent);color:#7c5cfc;color:var(--accent)}.att-caption-row{align-items:center;display:flex;gap:8px}.att-caption-input{background:#1c2026;background:var(--bg-input);border:1px solid #2f3336;border:1px solid var(--border-input);border-radius:9999px;box-sizing:border-box;color:#e7e9ea;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:14px;line-height:1.4;min-height:36px;outline:none;overflow-y:hidden;padding:8px 14px;resize:none}.att-caption-input:focus{border-color:#7c5cfc;border-color:var(--accent)}.att-send-btn{align-items:center;background:#7c5cfc;background:var(--accent);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;width:34px}.att-send-btn:hover{opacity:.88}.voice-recording-bar{align-items:center;background:#111318;background:var(--bg-sidebar);border-top:1px solid #2f3336e6;border-top:1px solid var(--border);display:flex;flex-shrink:0;gap:12px;padding:12px 18px}.rec-dot{animation:rec-blink-dot 1s ease-in-out infinite;background:#ef4444;border-radius:50%;height:8px;width:8px}.rec-label{color:#ef4444;font-size:13px;font-weight:600}.rec-timer{font-feature-settings:"tnum";color:#e7e9ea;color:var(--text-primary);font-size:13px;font-variant-numeric:tabular-nums;min-width:32px}.rec-hint{color:#71767b;color:var(--text-muted);font-size:12px;margin-left:auto}.reply-bar{align-items:center;animation:fadeSlideUp .2s ease both;background:#111318;background:var(--bg-sidebar);border-left:3px solid #7c5cfc;border-left:3px solid var(--accent);border-top:1px solid #2f3336e6;border-top:1px solid var(--border);display:flex;flex-shrink:0;gap:10px;padding:8px 16px}.reply-bar-name{color:#7c5cfc;color:var(--accent);font-size:12px;font-weight:700}.reply-bar-text{font-size:12px;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-bar-close,.reply-bar-text{color:#71767b;color:var(--text-muted)}.reply-bar-close{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;margin-left:auto;padding:4px;transition:color .15s}.reply-bar-close:hover{color:#e7e9ea;color:var(--text-primary)}.reply-bar-close svg{height:14px;width:14px}.bubble-timestamp{color:#dcddde59;color:var(--time-in);font-size:11px;margin-top:4px;text-align:right}.bubble-row.sent .bubble-timestamp{color:#ffffff8c;color:var(--time-out)}.bubble-media-frame{max-width:320px;padding:0 14px 10px}.bubble-media{border-radius:10px;display:block;max-height:280px;max-width:100%}.bubble-file-msg{align-items:center;display:flex;gap:10px;padding:2px 0}.bubble-file-icon{align-items:center;background:#ffffff1a;border-radius:10px;display:flex;height:38px;justify-content:center;width:38px}.bubble-file-icon svg{height:20px;width:20px}.bubble-file-name{color:inherit;font-size:13px;font-weight:600;word-break:break-all}.bubble-file-size{font-size:11px;opacity:.65}.bubble-menu{animation:omni-menu-in .1s ease both;background:#1c2026;background:var(--bg-menu);border:1px solid #2f3336;border:1px solid var(--border-input);border-radius:10px;box-shadow:0 8px 24px #0000004d;min-width:140px;padding:4px 0;position:absolute;z-index:50}@keyframes omni-menu-in{0%{opacity:0;transform:scale(.96) translateY(-4px)}to{opacity:1;transform:none}}.bubble-menu-btn{align-items:center;background:none;border:none;color:#e7e9ea;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:9px;letter-spacing:-.01em;padding:9px 14px;text-align:left;transition:background .1s;width:100%}.bubble-menu-btn:hover{background:#e7e9ea0f;background:var(--bg-hover)}.bubble-menu-btn.danger{color:#ef4444}.bubble-menu-btn svg{flex-shrink:0;height:14px;width:14px}.call-overlay{align-items:center;animation:fadeSlideUp .3s ease both;background:#0d0f11;background:var(--bg-body);display:flex;flex-direction:column;gap:28px;inset:0;justify-content:center;position:fixed;z-index:9000}.call-name{color:#e7e9ea;color:var(--text-primary);font-size:26px;font-weight:800;letter-spacing:-.02em}.call-status{color:#71767b;color:var(--text-muted);font-size:15px}.call-actions{display:flex;gap:20px}.call-action-btn{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:22px;height:60px;justify-content:center;transition:opacity .15s,transform .1s;width:60px}.call-action-btn:hover{opacity:.85}.call-action-btn:active{transform:scale(.92)}.call-action-btn.end{background:#ef4444;color:#fff}.call-action-btn.mute{background:#1c2026;background:var(--bg-elevated);color:#e7e9ea;color:var(--text-primary)}.notif-panel{animation:fadeSlideUp .2s ease both;background:#1c2026;background:var(--bg-menu);border:1px solid #2f3336;border:1px solid var(--border-input);border-radius:12px;box-shadow:0 12px 40px #0000004d;display:flex;flex-direction:column;max-height:calc(100vh - 80px);overflow:hidden;position:fixed;right:16px;top:58px;width:380px;z-index:400}.notif-header{align-items:center;border-bottom:1px solid #2f3336e6;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:14px 16px}.notif-title{color:#e7e9ea;color:var(--text-primary);font-size:16px;font-weight:700;letter-spacing:-.01em}.notif-list{flex:1 1;overflow-y:auto}.notif-item{align-items:flex-start;border-bottom:1px solid #2f333699;border-bottom:1px solid var(--border-subtle);cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background .15s}.notif-item:hover{background:#e7e9ea0f;background:var(--bg-hover)}.notif-item.unread{background:#7c5cfc0d}.notif-text{color:#e7e9ea;color:var(--text-primary);font-size:14px;line-height:1.45}.notif-time{font-size:12px;margin-top:3px}.notif-empty,.notif-time{color:#71767b;color:var(--text-muted)}.notif-empty{font-size:14px;padding:40px 24px;text-align:center}.omni-signal-line{background:linear-gradient(90deg,#0000,#7c5cfc 40%,#a78bfa 60%,#0000);background:linear-gradient(90deg,#0000 0,var(--accent) 40%,var(--accent-to) 60%,#0000 100%);height:2px;left:0;opacity:.45;position:fixed;right:0;top:58px;z-index:199}.skel{animation:shimmer 1.4s ease-in-out infinite;background:linear-gradient(90deg,#e7e9ea0f 25%,#1c2026 50%,#e7e9ea0f 75%);background-size:400px 100%}.skel-row{align-items:center;display:flex;gap:10px}@media (max-width:768px){.sidebar{display:none!important}.app-layout{flex-direction:column}.app-layout>div{height:calc(100vh - 60px)!important}.mobile-bottom-nav{align-items:center;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#0a0816eb;border-top:1px solid #2f3336e6;border-top:1px solid var(--border);bottom:0;display:flex;height:64px;justify-content:space-around;left:0;padding-bottom:env(safe-area-inset-bottom);position:fixed;right:0;z-index:500}.mobile-nav-btn{align-items:center;background:none;border:none;color:#71767b;color:var(--text-muted);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:10px;font-weight:500;gap:3px;height:100%;justify-content:center;transition:color .15s}.mobile-nav-btn svg{height:22px;width:22px}.mobile-nav-btn.active{color:#7c5cfc;color:var(--accent)}.mobile-nav-btn span{line-height:1}.mobile-nav-post{align-items:center;background:linear-gradient(135deg,#7c5cfc,#a78bfa);background:var(--gradient);border:none;border-radius:16px;box-shadow:0 4px 20px #7c5cfc33,0 0 0 1px #825aff4d;box-shadow:0 4px 20px var(--accent-glow),0 0 0 1px #825aff4d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:52px;justify-content:center;margin-bottom:4px;transition:transform .15s,box-shadow .15s;width:52px}.mobile-nav-post:active{transform:scale(.9)}.mobile-nav-post svg{height:24px;width:24px}.main-content{padding-bottom:0}.messages-layout{height:calc(100vh - 60px)!important}.messages-layout .convo-panel{border-right:none;flex:1 1;min-width:0!important;transition:none!important;width:100%!important}.messages-layout .chat-panel{display:none;max-height:calc(100vh - 60px)}.messages-layout.mobile-chat-open .convo-panel{display:none!important}.messages-layout.mobile-chat-open .chat-panel{display:flex;flex:1 1;width:100%}.mobile-back-btn{display:flex!important}.chat-header>button:nth-child(2){display:none!important}.dm-search-btn{display:flex!important}.attachment-preview,.chat-input-bar,.reply-bar{flex-shrink:0}.messages-layout.mobile-chat-open .chat-panel{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.chat-messages{-webkit-overflow-scrolling:touch;padding:12px 6px}.bubble-row{padding:0 6px}.bubble{font-size:14px;max-width:82%}.bubble-media-frame{box-sizing:border-box;padding:0;width:100%}.bubble-media,video.bubble-media{border-radius:6px;max-height:220px;max-width:100%;width:100%}.msg-textarea::placeholder{font-size:13px}}@media (min-width:769px){.mobile-bottom-nav{display:none!important}}.create-page{flex-direction:column;height:100%;overflow:hidden}.create-header,.create-page{background:#0d0f11f2;background:var(--bg-primary);display:flex}.create-header{align-items:center;border-bottom:1px solid #2f3336e6;border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;padding:14px 16px}.create-back-btn{align-items:center;background:none;border:none;border-radius:8px;color:#e7e9ea;color:var(--text-primary);cursor:pointer;display:flex;height:36px;justify-content:center;padding:4px;width:36px}.create-back-btn:hover{background:#e7e9ea0f;background:var(--bg-hover)}.create-header-title{color:#e7e9ea;color:var(--text-primary);font-size:16px;font-weight:700}.create-type-btn{align-items:center;background:#111318;background:var(--bg-sidebar);border:1.5px solid #2f3336e6;border:1.5px solid var(--border);border-radius:14px;cursor:pointer;display:flex;gap:16px;max-width:360px;padding:18px 20px;text-align:left;transition:border-color .15s,background .15s;width:100%}.create-type-btn:hover{border-color:#7c5cfc;border-color:var(--accent)}.create-type-btn:hover,.create-type-icon{background:#e7e9ea0f;background:var(--bg-hover)}.create-type-icon{align-items:center;border-radius:12px;color:#7c5cfc;color:var(--accent);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.create-type-label{color:#e7e9ea;color:var(--text-primary);font-size:15px;font-weight:600;margin-bottom:3px}.create-type-sub{font-size:12px}.create-type-sub,.create-upload-area{color:#71767b;color:var(--text-muted)}.create-upload-area{align-items:center;background:none;border:2px dashed #2f3336;border:2px dashed var(--border-input);border-radius:14px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin:16px;padding:48px 20px;transition:border-color .15s,color .15s}.create-upload-area:hover{border-color:#7c5cfc;border-color:var(--accent);color:#7c5cfc;color:var(--accent)}.create-media-grid{display:flex;flex-wrap:wrap;gap:8px;padding:14px 16px}.create-media-tile{aspect-ratio:1;border-radius:10px;flex-shrink:0;overflow:hidden;position:relative;width:calc(33.33% - 6px)}.create-media-thumb{display:block;height:100%;object-fit:cover;width:100%}.create-media-remove{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:22px;justify-content:center;position:absolute;right:4px;top:4px;width:22px}.create-media-badge{background:#0000008c;border-radius:4px;bottom:4px;color:#fff;font-size:9px;font-weight:700;left:4px;letter-spacing:.5px;padding:2px 5px;position:absolute}.create-media-add{align-items:center;aspect-ratio:1;background:none;border:2px dashed #2f3336;border:2px dashed var(--border-input);border-radius:10px;color:#71767b;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;transition:border-color .15s,color .15s;width:calc(33.33% - 6px)}.create-media-add:hover{border-color:#7c5cfc;border-color:var(--accent);color:#7c5cfc;color:var(--accent)}.create-fields{display:flex;flex-direction:column;gap:10px;padding:12px 16px}.create-input{background:#825aff14;border:1px solid #2f3336;border:1px solid var(--border-input);border-radius:10px;box-sizing:border-box;color:#e7e9ea;color:var(--text-primary);font-family:inherit;font-size:14px;outline:none;padding:11px 14px;width:100%}.create-input:focus{border-color:#7c5cfc;border-color:var(--accent);box-shadow:0 0 0 3px #7c5cfc33;box-shadow:0 0 0 3px var(--accent-glow)}.create-textarea{background:#825aff14;border:1px solid #2f3336;border:1px solid var(--border-input);border-radius:10px;box-sizing:border-box;color:#e7e9ea;color:var(--text-primary);font-family:inherit;font-size:14px;line-height:1.5;outline:none;padding:11px 14px;resize:none;width:100%}.create-textarea:focus{border-color:#7c5cfc;border-color:var(--accent);box-shadow:0 0 0 3px #7c5cfc33;box-shadow:0 0 0 3px var(--accent-glow)}.create-footer{flex-shrink:0;padding:12px 16px 28px}.create-submit-btn{background:linear-gradient(135deg,#7c5cfc,#a78bfa);background:var(--gradient);border:none;border-radius:12px;color:#fff;color:var(--accent-text);cursor:pointer;font-size:15px;font-weight:600;padding:13px;transition:opacity .15s;width:100%}.create-submit-btn:hover:not(:disabled){opacity:.88}.create-submit-btn:disabled{cursor:not-allowed;opacity:.5}.post-detail-page{display:flex;height:100%;overflow:hidden}.post-detail-content{border-right:1px solid #2f3336e6;border-right:1px solid var(--border);flex:1 1;min-width:0;overflow-y:auto}.post-detail-back{align-items:center;background:none;border:none;color:#71767b;color:var(--text-muted);cursor:pointer;display:flex;font-size:14px;gap:6px;padding:14px 16px}.post-detail-back:hover{color:#e7e9ea;color:var(--text-primary)}.post-detail-body{margin:0 auto;max-width:680px;padding:0 16px 40px}.post-detail-comments-toggle{align-items:center;background:#e7e9ea0f;background:var(--bg-hover);border:1px solid #2f3336;border:1px solid var(--border-input);border-radius:20px;color:#71767b;color:var(--text-muted);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;margin-left:auto;padding:8px 16px}.post-detail-comments-toggle:hover{border-color:#7c5cfc;border-color:var(--accent);color:#7c5cfc;color:var(--accent)}.post-detail-comments-mobile{border-top:1px solid #2f3336e6;border-top:1px solid var(--border);display:block;margin-top:20px;min-height:300px;padding-top:4px}.post-detail-comments-desktop{display:none}@media (min-width:769px){.post-detail-content{border-right:1px solid #2f3336e6;border-right:1px solid var(--border)}.post-detail-body{padding:0 24px 40px}.post-detail-comments-mobile{display:none}.post-detail-comments-desktop{background:#161a1e;background:var(--bg-card);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;width:380px}}.legal-page{align-items:flex-start;background:#00000080;padding:60px 20px}.legal-card{backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);background:#100c20e0;border:1px solid #2f3336;border:1px solid var(--border-input);border-radius:24px;box-shadow:0 0 0 1px #825aff14,0 24px 64px #00000080;max-width:760px;padding:52px 56px}.legal-back{background:#825aff1f;border:1px solid #2f3336;border:1px solid var(--border-input);border-radius:20px;color:#bdc1c6;color:var(--text-secondary);display:inline-flex;font-weight:500;margin-bottom:32px;padding:6px 14px;transition:background .18s}.legal-back:hover{background:#825aff33;color:#fff}.legal-title{color:#fff;font-size:32px;letter-spacing:-.5px;margin-bottom:6px}.legal-updated{color:#71767b;font-size:13px;margin-bottom:36px}.legal-body h2{border-bottom:1px solid #2f3336e6;border-bottom:1px solid var(--border);color:#fff;font-size:16px;margin:32px 0 10px;padding-bottom:8px}.legal-body p{color:#bdc1c6;line-height:1.75}.legal-body p,.legal-body ul{margin-bottom:8px}.legal-body ul li{color:#bdc1c6;line-height:1.75}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes scaleInBounce{0%{opacity:0;transform:scale(.8)}60%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}@keyframes omni-page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}@keyframes nav-glow-pulse{0%,to{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 14px 3px var(--accent-glow)}}@keyframes blob-drift{0%,to{transform:translate(0) scale(1)}25%{transform:translate(28px,-18px) scale(1.04)}50%{transform:translate(-12px,24px) scale(.97)}75%{transform:translate(18px,10px) scale(1.02)}}@keyframes blob-drift-2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-24px,16px) scale(1.06)}66%{transform:translate(16px,-22px) scale(.96)}}@keyframes online-pulse{0%,to{box-shadow:0 0 0 0 #22c55e80}50%{box-shadow:0 0 0 4px #22c55e00}}@keyframes mic-pulse{0%,to{box-shadow:0 0 0 0 #ef444466}50%{box-shadow:0 0 0 8px #ef444400}}@keyframes rec-blink-dot{0%,to{opacity:1}50%{opacity:.2}}@keyframes omni-spin{to{transform:rotate(1turn)}}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}@keyframes iconPress{0%,to{transform:scale(1)}40%{transform:scale(.85)}}@keyframes likePop{0%{transform:scale(1)}35%{transform:scale(1.35)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes badgeDrop{0%{opacity:0;transform:scale(.4) translateY(-4px)}60%{transform:scale(1.15) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}.omni-page-enter{animation:omni-page-in .25s cubic-bezier(.25,.46,.45,.94) both}.anim-fade-in{animation:fadeIn .2s ease both}.anim-slide-up{animation:fadeSlideUp .22s ease both}.anim-slide-down{animation:fadeSlideDown .2s ease both}.anim-scale-in{animation:scaleIn .18s ease both}.anim-scale-bounce{animation:scaleInBounce .3s cubic-bezier(.34,1.56,.64,1) both}.anim-slide-left{animation:slideInLeft .2s ease both}.anim-slide-right{animation:slideInRight .2s ease both}.skel{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--bg-hover) 25%,var(--bg-elevated) 50%,var(--bg-hover) 75%);background-size:600px 100%;border-radius:6px}.skel-avatar{border-radius:50%!important}.hover-lift{transition:transform .18s cubic-bezier(.25,.46,.45,.94),box-shadow .18s ease}.hover-lift:hover{box-shadow:0 6px 20px #0000002e;transform:translateY(-2px)}.hover-lift-card{transition:transform .2s ease,box-shadow .2s ease}.hover-lift-card:hover{box-shadow:0 8px 28px #00000038;transform:translateY(-3px) scale(1.01)}.icon-scale{transition:transform .15s cubic-bezier(.34,1.56,.64,1)}.icon-scale:hover{transform:scale(1.18)}.icon-scale:active{transform:scale(.88)}.btn-press{transition:transform .1s ease,opacity .15s ease}.btn-press:active{transform:scale(.96)}.liked-anim{animation:likePop .4s cubic-bezier(.34,1.56,.64,1) both}.typing-dots{align-items:center;display:inline-flex;gap:3px;padding:4px 6px}.typing-dot{animation:typingBounce 1s ease-in-out infinite;background:var(--text-muted);border-radius:50%;height:6px;width:6px}.typing-dot:nth-child(2){animation-delay:.16s}.typing-dot:nth-child(3){animation-delay:.32s}.stagger-item{animation:fadeSlideUp .2s ease both}.stagger-item:first-child{animation-delay:0ms}.stagger-item:nth-child(2){animation-delay:30ms}.stagger-item:nth-child(3){animation-delay:60ms}.stagger-item:nth-child(4){animation-delay:90ms}.stagger-item:nth-child(5){animation-delay:.12s}.stagger-item:nth-child(6){animation-delay:.15s}.stagger-item:nth-child(n+7){animation-delay:.18s}.nav-link.active{animation:nav-glow-pulse 2.5s ease-in-out infinite}.auth-blob{border-radius:50%;filter:blur(80px);opacity:.18;pointer-events:none;position:absolute}.auth-blob-1{animation:blob-drift 14s ease-in-out infinite;background:var(--accent-from);height:400px;left:-80px;top:-80px;width:400px}.auth-blob-2{animation:blob-drift-2 18s ease-in-out infinite;background:var(--accent-to);bottom:-60px;height:320px;right:-60px;width:320px}.auth-blob-3{animation:blob-drift 22s ease-in-out infinite reverse;background:var(--accent-from);height:200px;left:60%;opacity:.1;top:40%;width:200px}.badge-appear{animation:badgeDrop .3s cubic-bezier(.34,1.56,.64,1) both}*{scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.settings-panel-title{color:var(--text-primary);font-size:18px;font-weight:700;margin-bottom:20px;margin-top:0}.settings-chip{background:var(--bg-hover);border:1px solid var(--border);border-radius:20px;color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:500;padding:6px 16px;transition:background .15s,border-color .15s}.settings-chip.active{background:var(--accent-glow);border-color:var(--accent);color:var(--accent)}.profile-banner-edit{border:1px solid var(--border);border-radius:12px;cursor:pointer;height:120px;overflow:hidden;position:relative;width:100%}.profile-banner-overlay{align-items:center;background:#00000059;color:#fff;display:flex;font-size:13px;font-weight:600;gap:8px;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s}.profile-banner-edit:hover .profile-banner-overlay{opacity:1}.profile-avatar-edit{background:var(--bg-hover);border:3px solid var(--bg-sidebar);border-radius:50%;cursor:pointer;flex-shrink:0;height:72px;overflow:hidden;position:relative;width:72px}.profile-avatar-placeholder{background:var(--gradient);color:var(--accent-text);font-size:28px;font-weight:700;height:100%;width:100%}.profile-avatar-overlay,.profile-avatar-placeholder{align-items:center;display:flex;justify-content:center}.profile-avatar-overlay{background:#00000073;border-radius:50%;color:#fff;inset:0;opacity:0;position:absolute;transition:opacity .2s}.profile-avatar-edit:hover .profile-avatar-overlay{opacity:1}@media (max-width:768px){.profile-banner-edit{border-left:none!important;border-radius:0!important;border-right:none!important;border-top:none!important;height:140px!important}.profile-avatar-edit .profile-avatar-overlay,.profile-banner-edit .profile-banner-overlay{opacity:1!important}.profile-avatar-edit{border-width:2px!important;height:100px!important;width:100px!important}.profile-avatar-placeholder{font-size:24px!important}.notif-panel{border-left:none!important;left:0!important;right:0!important;width:100vw!important}}.tos-checkbox-row{align-items:flex-start;cursor:pointer;display:flex;gap:10px;padding:2px 0;-webkit-user-select:none;user-select:none}.tos-checkbox-row input[type=checkbox]{accent-color:var(--accent);cursor:pointer;flex-shrink:0;height:16px;margin-top:2px;width:16px}.tos-checkbox-label{color:var(--text-muted);font-size:12px;line-height:1.5}.tos-link{color:var(--accent);text-decoration:none}.tos-link:hover{text-decoration:underline}.legal-page{background:var(--bg-main);display:flex;justify-content:center;min-height:100vh;padding:40px 16px 80px}.legal-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;max-width:720px;padding:36px 44px;width:100%}@media (max-width:600px){.legal-card{padding:24px 20px}}.legal-back{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;font-size:13px;gap:6px;margin-bottom:28px;padding:0;transition:color .15s}.legal-back:hover{color:var(--text-primary)}.legal-back svg{flex-shrink:0}.legal-title{color:var(--text-primary);font-size:26px;font-weight:800;margin:0 0 6px}.legal-updated{color:var(--text-muted);font-size:12px;margin:0 0 32px}.legal-body,.legal-body h2{color:var(--text-primary)}.legal-body h2{font-size:15px;font-weight:700;margin:28px 0 8px}.legal-body h2:first-child{margin-top:0}.legal-body p{color:var(--text-secondary);font-size:14px;line-height:1.7;margin:0 0 10px}.legal-body ul{margin:0 0 10px;padding-left:20px}.legal-body ul li{color:var(--text-secondary);font-size:14px;line-height:1.7;margin-bottom:4px}
/*# sourceMappingURL=main.ad3a2cc5.css.map*/