*,:before,:after{box-sizing:border-box}:root{color:#c8c0d8;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1c1528;font:18px/1.5 system-ui,Segoe UI,sans-serif}body{margin:0}#root{min-height:100svh}:root{--clr-purple:#1e0f4e;--clr-violet:#5c20a8;--clr-orange:#d9610a;--clr-dark:#1c1528;--clr-neutral:#c8c0d8;--surface:#241b38;--surface-2:#2e2247;--border:#3c2d5a;--text:#c8c0d8;--text-muted:#7a6e90;--heading:#ede8f8;--error:#f87171;--grad-primary:linear-gradient(135deg, var(--clr-violet) 0%, var(--clr-orange) 100%);--grad-text:linear-gradient(120deg, #b07eff 0%, var(--clr-orange) 100%)}body{background:var(--clr-dark);color:var(--text);font-family:Quicksand,Trebuchet MS,Segoe UI,sans-serif;font-size:19px;line-height:1.5;position:relative}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(55% 45% at 12% 20%,#5c20a838 0%,#0000 100%),radial-gradient(45% 40% at 90% 82%,#d9610a29 0%,#0000 100%),radial-gradient(35% 30% at 80% 15%,#5c20a814 0%,#0000 100%);position:fixed;inset:0}h1{letter-spacing:-.02em;background:var(--grad-text);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 .4rem;font-family:Rubik Glitch,cursive;font-size:clamp(1.6rem,4vw,2rem);font-weight:400;line-height:1.2}.tagline{color:var(--text-muted);margin:0;font-size:.95rem}.auth-split{z-index:1;flex-direction:row;min-height:100svh;display:flex;position:relative}.brand-panel{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;width:380px;min-width:380px;padding:2.5rem 2rem;display:flex;position:relative;overflow:hidden}.brand-panel-inner{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:1.25rem;display:flex;position:relative}.brand-icon{width:88px;height:88px}.brand-name{letter-spacing:-.02em;background:var(--grad-text);color:#0000;-webkit-background-clip:text;background-clip:text;font-family:Rubik Glitch,cursive;font-size:2.2rem;line-height:1.1}.brand-tagline{color:var(--text-muted);max-width:260px;font-size:1rem;font-weight:500;line-height:1.5}.brand-divider{background:linear-gradient(90deg, transparent, var(--border), transparent);width:48px;height:1px;margin:.25rem 0}.bdot{pointer-events:none;border-radius:50%;position:absolute}.form-panel{flex:1;justify-content:center;align-items:center;padding:2rem 1rem;display:flex}.form-card{width:100%;max-width:450px}.form-card--wide{max-width:650px}.beta-badge{color:var(--clr-orange);letter-spacing:.08em;text-transform:uppercase;background:#d9610a1f;border:1px solid #d9610a59;border-radius:20px;align-items:center;gap:.35rem;margin-bottom:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}@media (width<=640px){.brand-panel{display:none}.form-panel{padding:2rem 1.25rem}}.page-center{z-index:1;justify-content:center;align-items:center;min-height:100svh;padding:2rem;display:flex;position:relative}@media (width<=480px){.page-center{align-items:flex-start;padding:2.5rem 1.25rem 1.25rem}}.card{width:100%;max-width:460px}.card--wide{max-width:600px}form{flex-direction:column;gap:.75rem;margin-top:1.5rem;display:flex}input[type=text],input[type=email],input[type=password]{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text);font:inherit;border-radius:6px;outline:none;padding:.65rem .875rem;transition:border-color .15s}input:focus{border-color:var(--clr-orange)}input.mono{letter-spacing:.05em;font-family:Courier New,Courier,monospace}button{background:var(--surface-2);color:var(--text);cursor:pointer;font:inherit;white-space:nowrap;border:none;border-radius:6px;padding:.65rem 1rem;transition:background .15s,filter .15s}button:hover{background:var(--border)}button.primary{background:var(--grad-primary);color:#fff}button.primary:hover{filter:brightness(.82)}button.danger{color:#fff;background:#c0392b}button.danger:hover{background:#a93226}button:disabled{opacity:.4;cursor:not-allowed}.btn-row{flex-wrap:wrap;gap:.75rem;display:flex}.btn-row button{flex:1;min-width:100px}.error{color:var(--error);margin:0;font-size:.875rem}.hint{color:var(--text-muted);text-align:center;margin-top:1rem;font-size:.875rem}.hint a{color:var(--clr-orange);text-decoration:none}.hint a:hover{text-decoration:underline}.hub-shell{z-index:1;height:100svh;display:flex;position:relative;overflow:hidden}.hub-sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:240px;min-width:240px;transition:width .2s,min-width .2s;display:flex;position:relative;overflow:hidden}.hub-sidebar.collapsed{width:56px;min-width:56px}.sidebar-dot{pointer-events:none;border-radius:50%;position:absolute}.sidebar-logo{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:.625rem;min-height:56px;padding:0 .75rem;display:flex}.sidebar-logo-home{cursor:pointer;border-radius:6px;flex:1;align-items:center;gap:.625rem;min-width:0;margin:-.2rem -.3rem;padding:.2rem .3rem;transition:opacity .15s;display:flex}.sidebar-logo-home:hover{opacity:.75}.sidebar-logo img{flex-shrink:0;width:28px;height:28px}.sidebar-logo-text{background:var(--grad-text);color:#0000;white-space:nowrap;-webkit-background-clip:text;background-clip:text;flex:1;font-family:Rubik Glitch,cursive;font-size:1rem;overflow:hidden}.sidebar-collapse-btn{color:var(--text-muted);background:0 0;border-radius:4px;flex-shrink:0;margin-left:auto;padding:.25rem .4rem;font-size:.9rem;line-height:1}.sidebar-collapse-btn:hover{background:var(--surface-2);color:var(--text)}.sidebar-nav{flex:1;padding:.5rem 0;overflow:hidden auto}.sidebar-section-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;min-height:28px;padding:.4rem .75rem .4rem 1rem;display:flex}.sidebar-section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;font-size:.7rem;font-weight:700}.sidebar-section-chevron{color:var(--text-muted);flex-shrink:0;font-size:.65rem;transition:transform .15s}.sidebar-section-chevron.closed{transform:rotate(-90deg)}.sidebar-item{cursor:pointer;color:var(--text);white-space:nowrap;text-align:left;border-left:3px solid #0000;border-radius:0;align-items:center;gap:.625rem;width:100%;min-height:40px;padding:.5rem .75rem .5rem 1rem;text-decoration:none;transition:background .1s,border-color .1s;display:flex;overflow:hidden}.sidebar-item:hover{background:var(--surface-2)}.sidebar-item.active{background:var(--surface-2);border-left-color:var(--clr-orange)}.sidebar-item-icon{text-align:center;flex-shrink:0;width:20px;font-size:1rem}.sidebar-item-label{text-overflow:ellipsis;color:var(--text);flex:1;font-size:.9rem;overflow:hidden}.sidebar-item-badge{background:var(--clr-orange);color:#fff;border-radius:10px;flex-shrink:0;padding:.1rem .4rem;font-size:.65rem;font-weight:700;line-height:1.4}.sidebar-item-row{align-items:stretch;display:flex;position:relative}.sidebar-item-row .sidebar-item{flex:1;min-width:0}.sidebar-item-actions{flex-shrink:0;align-items:center;gap:.1rem;padding-right:.25rem;display:none}.sidebar-item-row:hover .sidebar-item-actions{display:flex}.sidebar-action-btn{cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:4px;padding:.15rem .3rem;font-size:.75rem;line-height:1;transition:opacity .15s,background .15s}.sidebar-action-btn:hover{opacity:1;background:var(--surface-2)}.sidebar-add-item{color:var(--clr-orange);background:0 0}.sidebar-add-item .sidebar-item-label{color:var(--clr-orange)}.sidebar-community{opacity:.4;pointer-events:none;cursor:default}.sidebar-community-soon{color:var(--text-muted);margin-left:auto;font-size:.7rem}.sidebar-profile{border-top:1px solid var(--border);cursor:pointer;flex-shrink:0;align-items:center;gap:.75rem;min-height:60px;padding:.75rem 1rem;transition:background .1s;display:flex;overflow:hidden}.sidebar-profile:hover{background:var(--surface-2)}.sidebar-avatar{background:var(--grad-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:700;display:flex}.sidebar-profile-info{flex:1;overflow:hidden}.sidebar-profile-name{color:var(--heading);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:600;overflow:hidden}.sidebar-gear{flex-shrink:0;font-size:1rem}.hub-body{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.hub-topbar{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;height:56px;padding:0 1.25rem;display:flex}.hub-topbar-title{color:var(--heading);text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:600;overflow:hidden}.hub-topbar-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.notif-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.35rem .4rem;font-size:1.1rem;line-height:1;position:relative}.notif-btn:hover{background:var(--surface-2);color:var(--text)}.hub-close-btn{color:var(--text-muted);background:0 0;border-radius:6px;padding:.35rem .5rem;font-size:.95rem;font-weight:600;line-height:1}.hub-close-btn:hover{background:var(--surface-2);color:var(--text)}.feedback-topbar-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.35rem .4rem;font-size:1rem;line-height:1;transition:background .1s,color .1s}.feedback-topbar-btn:hover{background:var(--surface-2);color:var(--text)}.hub-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.feed-view{flex:1;width:100%;max-width:720px;margin:0 auto;padding:1.5rem;overflow-y:auto}.feed-item{border-bottom:1px solid var(--border);gap:1rem;padding:1rem 0;display:flex}.feed-item:last-child{border-bottom:none}.feed-item-content{flex:1;min-width:0}.feed-item-meta{align-items:center;gap:.4rem;margin-bottom:.35rem;font-size:.8rem;display:flex}.feed-item-source{color:var(--clr-orange);font-weight:600}.feed-item-sep,.feed-item-time{color:var(--text-muted)}.feed-item-title{color:var(--heading);margin:0 0 .35rem;font-size:1rem;font-weight:600;line-height:1.35;text-decoration:none;display:block}.feed-item-title:hover{color:#f97316}.feed-item-snippet{color:var(--text-muted);margin:0;font-size:.875rem;line-height:1.4}.feed-item-thumb{object-fit:cover;border-radius:6px;flex-shrink:0;align-self:flex-start;width:90px;height:70px;margin-top:.25rem}.chat-view{flex-direction:column;flex:1;display:flex;overflow:hidden}.chat-context-bar{border-bottom:1px solid var(--border);background:#5c20a80f;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.5rem;padding:.625rem 1.25rem;display:flex}.chat-context-pill{color:var(--clr-orange);background:#d9610a1f;border:1px solid #d9610a4d;border-radius:20px;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.chat-context-name{color:var(--text-muted);margin-left:.15rem;font-size:.85rem}.chat-messages{flex-direction:column;flex:1;gap:.75rem;min-height:0;padding:1.25rem;display:flex;overflow-y:auto}.chat-msg-wrap{flex-direction:column;gap:3px;max-width:72%;display:flex}.chat-msg-wrap.user{align-self:flex-end;align-items:flex-end}.chat-msg-wrap.ai{align-self:flex-start;align-items:flex-start}.chat-msg-wrap .chat-bubble{max-width:100%}.msg-time{color:var(--text-muted);opacity:.55;-webkit-user-select:none;user-select:none;white-space:nowrap;padding:0 .2rem;font-size:.68rem}.msg-meta-row{align-items:center;gap:.3rem;display:flex}.chat-msg-wrap.user .msg-meta-row{justify-content:flex-end}.chat-msg-wrap.ai .msg-meta-row{justify-content:flex-start}.group-message-wrap.mine .msg-meta-row{justify-content:flex-end}.group-message-wrap.theirs .msg-meta-row{justify-content:flex-start}.msg-actions{opacity:.3;gap:.15rem;transition:opacity .15s;display:flex}.chat-msg-wrap:hover .msg-actions,.group-message-wrap:hover .msg-actions{opacity:1}.msg-action-btn{cursor:pointer;opacity:1;background:0 0;border:none;border-radius:4px;padding:.1rem .2rem;font-size:.75rem;line-height:1;transition:opacity .15s,background .1s}.msg-action-btn:hover{opacity:1;background:#ffffff14}.chat-bubble.deleted{opacity:.5;font-style:italic}.msg-deleted-text{color:var(--text-muted)}.msg-edited-label{color:var(--text-muted);opacity:.6;margin-left:.3rem;font-size:.62rem}.msg-edit-form{flex-direction:column;gap:.4rem;display:flex}.msg-edit-input{border:1px solid var(--border);color:var(--text);resize:none;background:#0000004d;border-radius:6px;outline:none;min-width:200px;padding:.4rem .6rem;font-size:.88rem}.msg-edit-input:focus{border-color:var(--clr-violet)}.msg-edit-actions{gap:.4rem;display:flex}.msg-edit-save{background:var(--clr-violet);color:#fff;cursor:pointer;border:none;border-radius:5px;padding:.2rem .6rem;font-size:.78rem}.msg-edit-cancel{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:5px;padding:.2rem .6rem;font-size:.78rem}.msg-read-receipt{justify-content:flex-end;align-items:center;gap:.25rem;margin-top:.15rem;padding-right:.2rem;display:flex}.msg-receipt-avatar{object-fit:cover;border-radius:50%;width:14px;height:14px}.msg-receipt-initial{background:var(--clr-violet);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:.55rem;display:flex}.msg-receipt-label{color:var(--text-muted);opacity:.65;font-size:.62rem}.group-message-wrap .msg-time{padding:0 .25rem}.chat-bubble{word-break:break-word;border-radius:10px;max-width:72%;padding:.75rem 1rem;font-size:.9rem;line-height:1.45}.chat-bubble.user{color:var(--heading);white-space:pre-wrap;background:#5c20a8a6;border:1px solid #5c20a8d9;border-radius:10px 0 10px 10px;align-self:flex-end}.chat-bubble.ai{border:1px solid #2e2b4e;border-left:3px solid var(--clr-violet);background:#1c2038;border-radius:0 10px 10px;align-self:flex-start}.chat-bubble.ai p{margin:0 0 .35em}.chat-bubble.ai p:last-child{margin-bottom:0}.chat-bubble.ai li p{margin:0}.chat-bubble.ai h1,.chat-bubble.ai h2,.chat-bubble.ai h3,.chat-bubble.ai h4,.chat-bubble.ai h5,.chat-bubble.ai h6{margin:.5em 0 .15em;font-weight:600;line-height:1.25}.chat-bubble.ai h1:first-child,.chat-bubble.ai h2:first-child,.chat-bubble.ai h3:first-child,.chat-bubble.ai h4:first-child{margin-top:0}.chat-bubble.ai ul,.chat-bubble.ai ol{margin:.1em 0 .35em 1.1em;padding:0}.chat-bubble.ai li{margin:.1em 0}.chat-bubble.ai hr{border:none;border-top:1px solid var(--border);margin:.5em 0}.chat-bubble.ai code{background:#00000040;border-radius:4px;padding:.1em .35em;font-size:.88em}.chat-bubble.ai pre{background:#0000004d;border-radius:6px;margin:.35em 0;padding:.6em .9em;overflow-x:auto}.chat-bubble.ai pre code{background:0 0;padding:0}.chat-bubble.ai strong{font-weight:600}.chat-bubble.ai a{color:var(--accent)}.search-indicator{color:var(--text-muted);background:#5c20a833;border:1px solid #5c20a866;border-radius:999px;align-items:center;gap:.4em;margin-top:.5em;padding:.2em .65em;font-size:.8em;animation:1.4s ease-in-out infinite pulse;display:inline-flex}.search-indicator:before{content:"";background:currentColor;border-radius:50%;width:.55em;height:.55em;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.chat-bubble.thinking{color:var(--text-muted);font-style:italic}.chat-input-bar{border-top:1px solid var(--border);flex-direction:column;flex-shrink:0;align-items:stretch;gap:.5rem;padding:.875rem 1.25rem;display:flex}.chat-input-bar textarea{background:var(--surface);border:1px solid var(--border);color:var(--text);font:inherit;resize:none;border-radius:8px;outline:none;flex:1;min-height:44px;max-height:160px;padding:.65rem .875rem;font-size:.95rem;line-height:1.5;transition:border-color .15s}.chat-input-bar textarea:focus{border-color:var(--clr-orange)}.chat-input-row{align-items:flex-end;gap:.5rem;width:100%;display:flex}.pending-image-preview{margin-bottom:.5rem;display:inline-block;position:relative}.pending-image-preview img{border-radius:8px;max-width:200px;max-height:120px;display:block}.pending-image-remove{background:var(--bg-card);border:1px solid var(--border);width:20px;height:20px;color:var(--text-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:.65rem;line-height:1;display:flex;position:absolute;top:-6px;right:-6px}.pending-image-remove:hover{color:var(--text)}.chat-image{border-radius:8px;max-width:280px;max-height:320px;margin-bottom:.25rem;display:block}.chat-media-bar{flex-shrink:0;align-items:center;gap:.25rem;display:flex;position:relative}.media-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;padding:.3rem;font-size:1.1rem;line-height:1;transition:background .15s,color .15s}.media-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.media-btn.active{color:var(--clr-orange)}.media-btn:disabled{opacity:.4;cursor:not-allowed}.chat-media-panel{z-index:200;border-radius:12px;position:absolute;bottom:calc(100% + 8px);left:0;overflow:visible;box-shadow:0 8px 30px #00000080}.gif-picker{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.5rem;width:320px;padding:.75rem;display:flex}.gif-search{background:var(--bg-surface);border:1px solid var(--border);width:100%;color:var(--text);box-sizing:border-box;border-radius:8px;outline:none;padding:.4rem .6rem;font-size:.85rem}.gif-search:focus{border-color:var(--clr-orange)}.gif-grid{grid-template-columns:repeat(3,1fr);gap:4px;max-height:260px;display:grid;overflow-y:auto}.gif-thumb{aspect-ratio:1;object-fit:cover;cursor:pointer;border-radius:6px;width:100%;transition:opacity .15s}.gif-thumb:hover{opacity:.85}.gif-loading{text-align:center;color:var(--text-muted);grid-column:1/-1;padding:1rem 0;font-size:.85rem}.chat-send-btn{background:var(--grad-primary);color:#fff;border-radius:8px;flex-shrink:0;min-height:44px;padding:.65rem 1.1rem;font-weight:600}.chat-send-btn:hover{filter:brightness(.82)}.hub-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.hub-empty-icon{opacity:.5;font-size:3rem;line-height:1}.hub-empty h2{color:var(--heading);margin:0;font-size:1.3rem;font-weight:700}.hub-empty p{color:var(--text-muted);max-width:360px;margin:0;font-size:.95rem}.hub-empty-cta{background:var(--grad-primary);color:#fff;border-radius:8px;padding:.75rem 1.5rem;font-weight:600}.hub-empty-cta:hover{filter:brightness(.82)}.suggestion-pills{flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:480px;margin-top:.25rem;display:flex}.suggestion-pill{background:var(--surface-2);border:1px solid var(--border);color:var(--text);font:inherit;cursor:pointer;border-radius:20px;padding:.3rem .75rem;font-size:.8rem}.suggestion-pill:hover{border-color:var(--clr-orange);color:var(--clr-orange);background:var(--surface-2)}.hub-home-view{padding:2rem 1.5rem}.hub-home-dashboard{flex-direction:column;gap:1.25rem;height:100%;padding:1.5rem;display:flex;overflow-y:auto}.hh-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.hh-card-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.hh-card-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.85rem;font-weight:700}.hh-soon-badge{color:var(--clr-orange);background:#d9610a1f;border:1px solid #d9610a40;border-radius:999px;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.hh-members-list{flex-wrap:wrap;gap:1rem;display:flex}.hh-member-skeleton{align-items:center;gap:.5rem;display:flex}.hh-skel-avatar{background:var(--surface-2);border-radius:50%;width:32px;height:32px;animation:1.6s ease-in-out infinite hh-pulse}.hh-skel-name{background:var(--surface-2);border-radius:4px;width:72px;height:10px;animation:1.6s ease-in-out infinite hh-pulse}.hh-member-skeleton:nth-child(2) .hh-skel-name{width:56px}.hh-member-skeleton:nth-child(3) .hh-skel-name{width:88px}.hh-member-skeleton:nth-child(4) .hh-skel-name{width:64px}@keyframes hh-pulse{0%,to{opacity:.4}50%{opacity:.9}}.hh-placeholder-note{color:var(--text-muted);margin:0;font-size:.78rem;font-style:italic}.hh-online-count{color:var(--text-muted);align-items:center;gap:.3rem;font-size:.8rem;font-weight:600;display:flex}.hh-online-dot{background:#4ade80;border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.hh-online-chips{flex-wrap:wrap;gap:.6rem;display:flex}.hh-online-chip{background:var(--surface-2);border:1px solid var(--border);cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;padding:.3rem .6rem .3rem .3rem;transition:background .12s;display:flex}.hh-online-chip:hover{background:var(--surface-3,var(--surface-2));filter:brightness(1.15)}.hh-online-avatar{flex-shrink:0;width:28px;height:28px;position:relative}.hh-online-avatar-img{object-fit:cover;border-radius:50%;width:28px;height:28px}.hh-online-avatar-initials{background:var(--clr-purple,#5c20a8);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.65rem;font-weight:700;display:flex}.hh-online-avatar-dot{border:1.5px solid var(--surface);border-radius:50%;width:8px;height:8px;position:absolute;bottom:0;right:0}.hh-online-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:.82rem;font-weight:500;overflow:hidden}.hh-bottom-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}@media (width<=639px){.hh-bottom-grid{grid-template-columns:1fr}}.hh-item-list{flex-direction:column;gap:.25rem;display:flex}.hh-item-row{text-align:left;cursor:pointer;color:var(--text);background:0 0;border:none;border-radius:8px;align-items:center;gap:.6rem;width:100%;padding:.45rem .5rem;font-size:.9rem;transition:background .12s;display:flex}.hh-item-row:hover{background:var(--surface-2)}.hh-item-icon{flex-shrink:0;font-size:1rem}.hh-item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.hh-unread-badge{background:var(--clr-orange);color:#fff;border-radius:999px;flex-shrink:0;padding:.1rem .45rem;font-size:.7rem;font-weight:700}.hh-action-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;padding:.2rem .6rem;font-size:.75rem;font-weight:600;transition:background .12s,color .12s}.hh-action-btn:hover{background:var(--surface-2);color:var(--text)}.hh-empty-note{color:var(--text-muted);margin:0;font-size:.85rem;font-style:italic}.modal-overlay{z-index:100;background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:1rem;width:100%;max-width:480px;max-height:90svh;padding:1.75rem;animation:.15s modal-in;display:flex;overflow-y:auto}@keyframes modal-in{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal-title{color:var(--heading);font-size:1.1rem;font-weight:700}.modal-close{color:var(--text-muted);background:0 0;border-radius:4px;padding:.25rem .4rem;font-size:1rem;line-height:1}.modal-close:hover{background:var(--surface-2);color:var(--text)}.modal form{gap:.875rem;margin-top:0}.modal label{color:var(--text-muted);flex-direction:column;gap:.35rem;font-size:.875rem;font-weight:600;display:flex}.modal input[type=text],.modal textarea{background:var(--surface-2);border:1px solid var(--border);color:var(--text);font:inherit;border-radius:6px;outline:none;width:100%;padding:.65rem .875rem;font-size:.9rem;transition:border-color .15s}.modal textarea{resize:none;min-height:76px;line-height:1.5}.modal input[type=text]:focus,.modal textarea:focus{border-color:var(--clr-orange)}.modal input.input-error{border-color:var(--error)}.icon-picker{grid-template-columns:repeat(7,1fr);gap:.25rem;display:grid}.icon-option{background:var(--surface-2);cursor:pointer;text-align:center;border:2px solid #0000;border-radius:6px;padding:.35rem;font-size:1.2rem;line-height:1.4;transition:border-color .1s}.icon-option:hover{border-color:var(--border);background:var(--surface-2)}.icon-option.selected{border-color:var(--clr-orange);background:var(--surface-2)}.platform-chips{flex-wrap:wrap;gap:.5rem;display:flex}.platform-chip{background:var(--surface-2);border:1px solid var(--border);color:var(--text);font:inherit;cursor:pointer;border-radius:20px;padding:.35rem .75rem;font-size:.8rem;transition:border-color .1s,background .1s}.platform-chip:hover{border-color:var(--text-muted);background:var(--surface-2)}.platform-chip.selected{border-color:var(--clr-orange);color:var(--clr-orange);background:#d9610a1f}.hub-hamburger{color:var(--text-muted);background:0 0;border-radius:6px;flex-shrink:0;padding:.35rem .5rem;font-size:1.2rem;line-height:1;display:none}.hub-hamburger:hover{background:var(--surface-2);color:var(--text)}.sidebar-overlay{z-index:49;background:#0000008c;display:none;position:fixed;inset:0}@media (width<=639px){.hub-hamburger{justify-content:center;align-items:center;display:flex}.sidebar-overlay{display:block}.hub-sidebar{z-index:50;height:100svh;transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-100%);width:240px!important;min-width:240px!important}.hub-sidebar.mobile-open{transform:translate(0)}.sidebar-collapse-btn{display:none}.chat-bubble{max-width:100%}}.pp-loading{color:var(--text-muted);flex:1;justify-content:center;align-items:center;font-size:.95rem;display:flex}.pp-load-error{color:var(--error)}.pp-scroll{flex:1;padding:1.5rem;overflow-y:auto}.pp-page{flex-direction:column;gap:1.25rem;width:100%;max-width:820px;margin:0 auto;padding-bottom:3rem;display:flex}.pp-banner-wrap{margin-bottom:64px;position:relative}.pp-banner{cursor:pointer;background:linear-gradient(135deg,#5c20a899,#d9610a80) 50%/cover;border-radius:10px 10px 0 0;height:220px;position:relative;overflow:hidden}.pp-banner-hover{color:#fff;letter-spacing:.03em;opacity:0;background:#00000059;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;transition:opacity .2s;display:flex;position:absolute;inset:0}.pp-banner:hover .pp-banner-hover{opacity:1}.pp-avatar-float{position:absolute;bottom:-50px;left:24px}.pp-avatar-lg{background:var(--grad-primary);border:3px solid var(--clr-dark);color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;font-size:2rem;font-weight:700;transition:filter .15s;display:flex;position:relative;overflow:hidden}.pp-avatar-lg:hover{filter:brightness(.75)}.pp-avatar-overlay{opacity:0;pointer-events:none;background:#0000008c;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;transition:opacity .15s;display:flex;position:absolute;inset:0}.pp-avatar-lg:hover .pp-avatar-overlay{opacity:1}.pp-avatar-overlay-label{color:#fff;text-transform:uppercase;letter-spacing:.05em;font-size:.6rem;font-weight:700}.pp-hero{padding:0 1.5rem .25rem}.pp-hero-name{color:var(--heading);font-size:1.5rem;font-weight:700;line-height:1.2}.pp-hero-bio{color:var(--text-muted);margin:.25rem 0 .2rem;font-size:.9rem;line-height:1.5}.pp-hero-email{color:var(--text-muted);opacity:.7;font-size:.8rem}.pp-section{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.pp-section-title{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);padding:1rem 1.25rem .5rem;font-size:.7rem;font-weight:700}.pp-section-sub{color:var(--text-muted);margin:0;padding:0 1.25rem .75rem;font-size:.85rem;line-height:1.4}.pp-section-content{flex-direction:column;gap:.75rem;padding:0 1.25rem 1.25rem;display:flex}.pp-row{border-top:1px solid var(--border);flex-wrap:wrap;align-items:flex-start;gap:.75rem;padding:.875rem 1.25rem;display:flex}.pp-row-body{flex:1;min-width:0}.pp-row-label{color:var(--text-muted);margin-bottom:.2rem;font-size:.75rem;font-weight:600}.pp-row-value{color:var(--text);word-break:break-word;font-size:.95rem}.pp-pw-dots{letter-spacing:.15em;color:var(--text-muted);-webkit-user-select:none;user-select:none;font-size:.85rem}.pp-row-action{border:1px solid var(--border);color:var(--text-muted);font:inherit;background:0 0;border-radius:6px;flex-shrink:0;min-height:32px;padding:.3rem .75rem;font-size:.8rem;font-weight:600;transition:border-color .1s,color .1s}.pp-row-action:hover{border-color:var(--clr-orange);color:var(--clr-orange)}.pp-inline-edit{flex-direction:column;gap:.5rem;width:100%;display:flex}.pp-input{background:var(--surface-2);border:1px solid var(--border);color:var(--text);font:inherit;border-radius:6px;outline:none;width:100%;padding:.55rem .75rem;font-size:.9rem;transition:border-color .15s}.pp-input:focus{border-color:var(--clr-orange)}.pp-textarea{resize:vertical;min-height:80px;line-height:1.5}.pp-inline-actions{gap:.5rem;display:flex}.pp-save-btn{background:var(--grad-primary);color:#fff;font:inherit;border-radius:6px;min-height:36px;padding:.45rem 1rem;font-size:.85rem;font-weight:600}.pp-save-btn:disabled{opacity:.6;cursor:default}.pp-cancel-btn{border:1px solid var(--border);color:var(--text-muted);font:inherit;background:0 0;border-radius:6px;min-height:36px;padding:.45rem .875rem;font-size:.85rem}.pp-cancel-btn:hover{border-color:var(--text-muted);color:var(--text)}.pp-row-accordion{align-items:center}.pp-accordion-body{border-top:1px solid var(--border);flex-direction:column;flex:0 0 100%;gap:.5rem;margin-top:.875rem;padding-top:.875rem;display:flex}.pp-chip-field{border-top:1px solid var(--border);flex-direction:column;gap:.625rem;padding:.75rem 1.25rem;display:flex}.pp-chip-tabs{gap:.375rem;display:flex}.pp-chip-tab{background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);font:inherit;border-radius:6px;min-height:34px;padding:.35rem .875rem;font-size:.8rem;font-weight:600;transition:border-color .1s,color .1s,background .1s}.pp-chip-tab.active{border-color:var(--clr-orange);color:var(--clr-orange);background:#d9610a1a}.pp-swatches{flex-wrap:wrap;gap:.5rem;display:flex}.pp-swatch{cursor:pointer;border:2px solid #0000;border-radius:6px;flex-shrink:0;width:28px;height:28px;transition:transform .1s,border-color .1s}.pp-swatch:hover{transform:scale(1.15)}.pp-swatch.selected{border-color:#fff;box-shadow:0 0 0 1px #fff6}.pp-border-btns{flex-wrap:wrap;gap:.375rem;display:flex}.pp-border-btn{background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);font:inherit;border-radius:6px;min-height:32px;padding:.3rem .75rem;font-size:.8rem;font-weight:600;transition:border-color .1s,color .1s}.pp-border-btn.active{border-color:var(--clr-orange);color:var(--clr-orange);background:#d9610a14}.pp-chip-preview-area{flex-wrap:wrap;align-items:flex-start;gap:2rem;display:flex}.pp-preview-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem;font-size:.7rem;font-weight:600}.pp-chip-preview-row{background:var(--surface-2);border-radius:10px;align-items:center;gap:.625rem;padding:.625rem .875rem;transition:background .2s,box-shadow .2s;display:flex}.pp-chip-preview-avatar{color:#fff;background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;font-weight:700;display:flex}.pp-chip-preview-avatar-chat{background:var(--grad-primary);width:38px;height:38px;font-size:.9rem}.pp-chip-preview-name{color:var(--heading);white-space:nowrap;text-shadow:0 1px 3px #00000040;font-size:.875rem;font-weight:600}.pp-save-chip-btn{background:var(--grad-primary);color:#fff;font:inherit;border-radius:8px;align-self:flex-start;margin:.25rem 1.25rem 1rem;padding:.6rem 1.5rem;font-size:.9rem;font-weight:600;transition:filter .15s}.pp-save-chip-btn:hover:not(:disabled){filter:brightness(.85)}.pp-save-chip-btn:disabled{opacity:.7;cursor:default}.pp-danger-zone{padding-bottom:.25rem}.pp-logout-btn{border:1px solid var(--border);color:var(--text-muted);font:inherit;background:0 0;border-radius:8px;min-height:44px;margin:0 1.25rem .75rem;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;transition:border-color .1s,color .1s}.pp-logout-btn:hover{border-color:var(--text-muted);color:var(--text)}.pp-delete-btn{color:var(--error);font:inherit;background:0 0;border:1px solid #f8717166;border-radius:8px;min-height:44px;margin:0 1.25rem 1.25rem;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;transition:background .1s,border-color .1s}.pp-delete-btn:hover{border-color:var(--error);background:#f8717114}.pp-feedback-form{border-top:1px solid var(--border);flex-direction:column;gap:1rem;padding:1.25rem 1.25rem 1.5rem;display:flex}.pp-feedback-type-row{flex-wrap:wrap;gap:.375rem;display:flex}.pp-feedback-type-btn{background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);font:inherit;border-radius:6px;min-height:34px;padding:.35rem .875rem;font-size:.8rem;font-weight:600;transition:border-color .1s,color .1s,background .1s}.pp-feedback-type-btn.active{border-color:var(--clr-orange);color:var(--clr-orange);background:#d9610a1a}.pp-feedback-type-btn:disabled{opacity:.5;cursor:default}.pp-feedback-textarea{min-height:110px}.pp-feedback-submit{align-self:flex-start}.pp-feedback-success{color:#4ade80;background:#4ade8014;border:1px solid #4ade8040;border-radius:6px;padding:.55rem .875rem;font-size:.875rem;font-weight:600}.feedback-modal{width:min(460px,96vw)}.feedback-modal form{flex-direction:column;gap:.875rem;margin-top:1rem;display:flex}.feedback-modal-sent{text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 1rem .5rem;display:flex}.feedback-modal-sent-icon{color:#4ade80;background:#4ade801f;border:1px solid #4ade804d;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;font-weight:700;display:flex}.feedback-modal-sent-title{color:var(--heading);font-size:1.1rem;font-weight:700}.feedback-modal-sent-body{color:var(--text-muted);margin:0 0 .75rem;font-size:.875rem}.iup-modal{flex-direction:column;gap:0;width:min(520px,96vw);display:flex}.iup-dropzone{border:2px dashed var(--border);cursor:pointer;background:var(--surface-raised);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;margin:1.25rem 0 0;padding:3rem 1.5rem;transition:border-color .15s,background .15s;display:flex}.iup-dropzone:hover,.iup-dropzone.iup-dragging{border-color:var(--clr-orange);background:#d9610a0f}.iup-drop-icon{font-size:2rem;line-height:1}.iup-drop-label{color:var(--text);font-size:.95rem;font-weight:600}.iup-drop-hint{color:var(--text-muted);font-size:.8rem}.iup-crop-wrap{background:#0d0b14;border-radius:8px;width:100%;height:260px;margin-top:1.25rem;position:relative;overflow:hidden}.iup-crop-round .reactEasyCrop_CropArea{border-radius:50%}.iup-zoom-row{align-items:center;gap:.75rem;margin-top:.875rem;display:flex}.iup-zoom-label{color:var(--text-muted);white-space:nowrap;font-size:.8rem}.iup-zoom-slider{accent-color:var(--clr-orange);cursor:pointer;flex:1;height:4px}.iup-reset-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;padding:.25rem .6rem;font-size:.8rem;transition:border-color .15s,color .15s}.iup-reset-btn:hover{border-color:var(--clr-orange);color:var(--clr-orange)}.user-profile-page{flex:1;width:100%;max-width:820px;margin:0 auto;padding:1.5rem 1.5rem 3rem;overflow-y:auto}.user-profile-banner{background:linear-gradient(135deg, var(--clr-purple) 0%, var(--surface-2) 100%);border-radius:10px 10px 0 0;flex-shrink:0;width:100%;height:160px;overflow:hidden}@media (width<=639px){.user-profile-banner{height:100px}}.user-profile-card{background:var(--surface);border:1px solid var(--border);border-top:none;border-radius:0 0 10px 10px;flex-wrap:wrap;align-items:flex-start;gap:1.25rem;padding:1.5rem;display:flex;position:relative}.user-profile-avatar-wrap{flex-shrink:0;margin-top:-48px;position:relative}.user-profile-avatar{background:var(--grad-primary);color:#fff;border:3px solid var(--surface);border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;font-size:1.6rem;font-weight:700;display:flex}.up-online-dot{width:14px!important;height:14px!important;bottom:2px!important;right:2px!important}.user-profile-info{flex-direction:column;flex:1;gap:.35rem;min-width:0;display:flex}.user-profile-name{color:var(--heading);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:1.15rem;font-weight:700;display:flex}.up-online-label{color:#4ade80;letter-spacing:.03em;background:#4ade801f;border:1px solid #4ade804d;border-radius:20px;padding:1px 8px;font-size:.7rem;font-weight:600}.user-profile-bio{color:var(--text);font-size:.9rem;line-height:1.5}.up-since{color:var(--text-muted);font-size:.8rem}.user-profile-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-left:auto;display:flex}@media (width<=639px){.user-profile-card{flex-direction:column;align-items:flex-start}.user-profile-actions{margin-left:0}.user-profile-avatar-wrap{margin-top:-44px}}.up-skeleton{background:linear-gradient(90deg, var(--surface-2) 25%, var(--border) 50%, var(--surface-2) 75%);background-size:200% 100%;border-radius:50%;animation:1.4s infinite up-shimmer}@keyframes up-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.user-profile-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:4rem 2rem;display:flex}.user-profile-empty-icon{opacity:.5;margin-bottom:.5rem;font-size:3rem}.coming-soon-placeholder{text-align:center;opacity:.85;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:4rem 2rem;display:flex}.coming-soon-icon{opacity:.5;font-size:2.5rem}.coming-soon-title{color:var(--heading);font-size:1rem;font-weight:700}.coming-soon-body{color:var(--text-muted);max-width:320px;font-size:.875rem;line-height:1.55}.dm-context-bar{align-items:center;gap:.6rem;display:flex}.dm-ctx-avatar{background:var(--grad-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.7rem;font-weight:700;display:flex;position:relative;overflow:hidden}.dm-ctx-avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.dm-ctx-dot{border:2px solid var(--surface);background:#4ade80;border-radius:50%;width:9px;height:9px;position:absolute;bottom:0;right:0}.dm-ctx-status{color:#4ade80;font-size:.75rem;font-weight:600}.group-context-bar{align-items:center;gap:.75rem;display:flex}.group-context-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:28px;height:28px}.group-edit-btn{cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:6px;padding:.2rem .35rem;font-size:.9rem;line-height:1;transition:opacity .15s,background .15s}.group-edit-btn:hover{opacity:1;background:var(--surface-2)}.edit-group-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.6rem;font-size:.8rem;font-weight:600}.edit-group-avatar-row{align-items:center;gap:1rem;display:flex}.edit-group-avatar-preview{background:var(--surface-2);border:2px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.edit-group-avatar-preview img{object-fit:cover;width:100%;height:100%}.edit-group-avatar-placeholder{font-size:1.5rem;line-height:1}.edit-group-dropzone{min-height:unset;flex:1;padding:.75rem 1rem}.group-member-count-btn{background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:20px;min-height:28px;padding:.2rem .7rem;font-size:.75rem;font-weight:600;transition:border-color .15s,color .15s}.group-member-count-btn:hover{border-color:var(--clr-orange);color:var(--clr-orange)}.group-members-panel{background:var(--surface);border:1px solid var(--border);z-index:20;border-radius:10px;flex-direction:column;width:260px;max-height:calc(100% - 120px);display:flex;position:absolute;top:57px;right:0;overflow:hidden;box-shadow:0 8px 32px #00000059}.group-members-panel-header{border-bottom:1px solid var(--border);color:var(--heading);flex-shrink:0;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.875rem;font-weight:700;display:flex}.group-members-list{flex-direction:column;flex:1;gap:.25rem;padding:.5rem;display:flex;overflow-y:auto}.group-member-row{border-radius:6px;align-items:center;gap:.6rem;padding:.4rem .5rem;display:flex}.group-member-row:hover{background:var(--surface-2)}.group-member-avatar{background:var(--grad-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.7rem;font-weight:700;display:flex;position:relative;overflow:hidden}.group-member-avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.group-member-dot{border:2px solid var(--surface);background:#4ade80;border-radius:50%;width:8px;height:8px;position:absolute;bottom:0;right:0}.group-member-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.875rem;overflow:hidden}.group-member-badge{color:var(--clr-orange);background:#d9610a1f;border:1px solid #d9610a4d;border-radius:20px;flex-shrink:0;padding:1px 7px;font-size:.65rem;font-weight:700}.group-members-panel-footer{border-top:1px solid var(--border);flex-shrink:0;padding:.75rem}.group-message-wrap{flex-direction:column;display:flex}.group-bubble-row{align-items:flex-end;gap:6px;width:100%;display:flex}.group-message-wrap.mine .group-bubble-row{justify-content:flex-end}.group-message-wrap.theirs .group-bubble-row{justify-content:flex-start}.group-msg-avatar{background:var(--grad-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.65rem;font-weight:700;display:flex;overflow:hidden}.group-msg-avatar img{object-fit:cover;width:100%;height:100%}.group-msg-avatar-initial{pointer-events:none}.group-bubble-content{flex-direction:column;max-width:70%;display:flex}.group-bubble-content .chat-bubble{align-self:auto;max-width:100%}.group-sender-name-label{color:var(--clr-orange);margin-bottom:2px;padding-left:4px;font-size:.7rem;font-weight:700}.group-msg-actions{opacity:.45;flex-direction:column;flex-shrink:0;gap:2px;transition:opacity .15s;display:flex}.group-message-wrap:hover .group-msg-actions,.group-message-wrap:focus-within .group-msg-actions{opacity:1}.group-msg-action-btn{background:var(--bg-card,#1e1e32e6);border:1px solid var(--border,#ffffff1f);cursor:pointer;color:var(--text);border-radius:6px;padding:4px 6px;font-size:.8rem;line-height:1;transition:background .1s}.group-msg-action-btn:hover{background:var(--bg-hover,#ffffff1f)}.group-friend-picker{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.group-friend-chip{background:var(--surface-2);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:20px;align-items:center;gap:.4rem;min-height:36px;padding:.3rem .75rem .3rem .4rem;font-size:.8rem;font-weight:600;transition:border-color .15s,background .15s;display:flex}.group-friend-chip:hover{border-color:var(--clr-violet)}.group-friend-chip.selected{border-color:var(--clr-orange);color:var(--heading);background:#d9610a1a}.group-friend-chip-avatar{background:var(--grad-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.6rem;font-weight:700;display:flex;overflow:hidden}.group-friend-chip-avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.group-friend-chip-check{color:var(--clr-orange);margin-left:.1rem;font-size:.75rem}.sidebar-conv-avatar{object-fit:cover;border-radius:50%;width:18px;height:18px;display:block}.sidebar-empty-hint{color:var(--text-muted);opacity:.8;padding:.3rem .75rem .4rem 2.5rem;font-size:.72rem;line-height:1.4}.friend-requests-list{flex-direction:column;gap:.5rem;display:flex}.friend-request-row{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.friend-request-row:last-child{border-bottom:none}.friend-request-avatar{background:var(--grad-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;display:flex;overflow:hidden}.friend-request-avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.friend-request-name{color:var(--heading);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.9rem;font-weight:600;overflow:hidden}.friend-request-btns{flex-shrink:0;gap:.4rem;display:flex}.members-page{max-width:900px;padding:1.5rem}.members-page-header{align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.members-page-title{color:var(--text-primary);margin:0;font-family:Quicksand,sans-serif;font-size:1.4rem;font-weight:700}.members-online-count{color:var(--text-muted);align-items:center;gap:.35rem;font-size:.8rem;display:flex}.members-online-dot{background:#4ade80;border-radius:50%;flex-shrink:0;width:8px;height:8px}.members-search-bar{margin-bottom:1rem}.members-search-input{background:var(--surface-2);border:1px solid var(--border);width:100%;max-width:360px;color:var(--text);border-radius:8px;outline:none;padding:.45rem .75rem;font-size:.88rem;transition:border-color .15s}.members-search-input:focus{border-color:var(--clr-violet)}.members-search-input::placeholder{color:var(--text-muted)}.members-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.875rem;display:grid}.member-card{background:var(--bg-card,#ffffff0a);cursor:pointer;border:1px solid #ffffff12;border-radius:12px;flex-direction:column;gap:.6rem;padding:1rem;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex}.member-card:hover{border-color:#ffffff2e;transform:translateY(-2px);box-shadow:0 4px 16px #00000040}.member-card-avatar-wrap{width:52px;height:52px;position:relative}.member-card-avatar{width:52px;height:52px;color:var(--text-primary);-webkit-user-select:none;user-select:none;background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex;overflow:hidden}.member-online-dot{border:2px solid var(--bg-sidebar,#1a1a2e);background:#4ade80;border-radius:50%;width:11px;height:11px;position:absolute;bottom:1px;right:1px}.member-card-body{flex:1}.member-card-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.member-card-bio{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.2rem;font-size:.75rem;display:-webkit-box;overflow:hidden}.member-card-actions{flex-wrap:wrap;gap:.4rem;margin-top:.25rem;display:flex}.mc-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:.3rem .65rem;font-size:.72rem;font-weight:600;transition:opacity .15s,filter .15s}.mc-btn:disabled{opacity:.55;cursor:default}.mc-btn:not(:disabled):hover{filter:brightness(1.15)}.mc-btn-add{background:var(--accent,#7c3aed);color:#fff}.mc-btn-pending{color:var(--text-muted);background:#ffffff1a}.mc-btn-accept{color:#fff;background:#16a34a}.mc-btn-decline{color:var(--text-muted);background:#ffffff14}.mc-btn-friends{color:#4ade80;background:#ffffff12}.iup-actions{justify-content:flex-end;gap:.75rem;margin-top:1.25rem;display:flex}.notif-badge{background:var(--clr-orange);color:#fff;pointer-events:none;border-radius:999px;justify-content:center;align-items:center;min-width:1.1rem;height:1.1rem;padding:0 .25rem;font-size:.6rem;font-weight:700;line-height:1;display:flex;position:absolute;top:0;right:0;transform:translate(35%,-35%)}.notif-panel-wrap{position:relative}.notif-panel{background:var(--surface-2);border:1px solid var(--border);z-index:500;border-radius:12px;width:300px;position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden;box-shadow:0 8px 32px #0000008c}.notif-panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.7rem 1rem;display:flex}.notif-panel-header h3{color:var(--heading);margin:0;font-size:.88rem;font-weight:700}.notif-panel-list{max-height:360px;overflow-y:auto}.notif-item{cursor:pointer;border-bottom:1px solid var(--border);align-items:flex-start;gap:.65rem;padding:.65rem 1rem;transition:background .15s;display:flex}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:#ffffff0a}.notif-item.unread{background:#5c20a81f}.notif-item.unread:hover{background:#5c20a833}.notif-item-icon{background:var(--surface);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.9rem;height:1.9rem;font-size:1.1rem;display:flex}.notif-item-content{flex:1;min-width:0}.notif-item-title{color:var(--heading);margin-bottom:.1rem;font-size:.8rem;font-weight:700}.notif-item-preview{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.notif-empty{text-align:center;color:var(--text-muted);padding:1.5rem;font-size:.82rem}.notif-clear-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.2rem .4rem;font-size:.75rem;transition:color .15s}.notif-clear-btn:hover{color:var(--text)}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:.6rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.toast{pointer-events:all;background:var(--surface-2);border:1px solid var(--border);border-left:3px solid var(--clr-violet);cursor:pointer;border-radius:10px;min-width:240px;max-width:320px;padding:.7rem 1rem;animation:.22s toast-in;box-shadow:0 4px 20px #00000073}.toast.toast-exit{animation:.18s forwards toast-out}.toast-title{color:var(--heading);margin-bottom:.15rem;font-size:.82rem;font-weight:700}.toast-body{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.77rem;overflow:hidden}@keyframes toast-in{0%{opacity:0;transform:translate(1rem)}to{opacity:1;transform:translate(0)}}@keyframes toast-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(1rem)}}@media (width<=480px){.toast-container{bottom:1rem;left:.75rem;right:.75rem}.toast{max-width:100%;min-width:unset}.notif-panel{width:calc(100vw - 1.5rem);right:-.5rem}}.adm-page{flex-direction:column;flex:1;gap:1.25rem;min-height:0;padding:1.5rem;display:flex;overflow-y:auto}.adm-header{padding-bottom:.25rem}.adm-header-title{color:var(--heading);font-size:1.4rem;font-weight:700}.adm-header-sub{color:var(--text-muted);margin-top:.2rem;font-size:.875rem}.adm-tabs{border-bottom:1px solid var(--border);gap:.25rem;padding-bottom:0;display:flex}.adm-tab{color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.5rem 1rem .625rem;font-size:.9rem;font-weight:600;transition:color .1s,border-color .1s}.adm-tab:hover{color:var(--text)}.adm-tab.active{color:var(--clr-orange);border-bottom-color:var(--clr-orange)}.adm-tab-content{flex-direction:column;gap:.875rem;display:flex}.adm-filter-row{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;gap:1rem;padding:.875rem 1rem;display:flex}.adm-filter-group{flex-wrap:wrap;align-items:center;gap:.375rem;display:flex}.adm-filter-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-right:.2rem;font-size:.72rem;font-weight:700}.adm-filter-btn{background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);font:inherit;border-radius:6px;min-height:32px;padding:.3rem .75rem;font-size:.8rem;font-weight:600;transition:border-color .1s,color .1s,background .1s}.adm-filter-btn.active{border-color:var(--clr-orange);color:var(--clr-orange);background:#d9610a1a}.adm-search{background:var(--surface);border:1px solid var(--border);color:var(--text);font:inherit;border-radius:8px;outline:none;width:100%;max-width:380px;padding:.6rem .875rem;font-size:.9rem;transition:border-color .15s}.adm-search:focus{border-color:var(--clr-orange)}.adm-loading,.adm-empty{color:var(--text-muted);text-align:center;padding:2rem 0;font-size:.9rem}.adm-error{color:var(--error);background:#f8717114;border:1px solid #f8717140;border-radius:8px;padding:.6rem .875rem;font-size:.875rem}.adm-list{flex-direction:column;gap:.5rem;display:flex}.adm-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:4px;align-items:center;padding:.2rem .5rem;font-size:.68rem;font-weight:700;display:inline-flex}.adm-badge-bug{color:#f87171;background:#dc262626}.adm-badge-feature{color:#a78bfa;background:#5c20a826}.adm-badge-new{color:var(--clr-orange);background:#d9610a26}.adm-badge-progress{color:#60a5fa;background:#2563eb26}.adm-badge-resolved{color:#4ade80;background:#16a34a26}.adm-badge-dismissed{color:#94a3b8;background:#64748b26}.adm-badge-admin{color:var(--clr-orange);background:#d9610a26}.adm-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;transition:border-color .15s;overflow:hidden}.adm-card:hover{border-color:#d9610a59}.adm-card-header{cursor:pointer;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex}.adm-card-badges{flex-shrink:0;gap:.375rem;display:flex}.adm-card-title{color:var(--text);flex:1;min-width:0;font-size:.925rem;font-weight:600}.adm-card-meta{color:var(--text-muted);white-space:nowrap;font-size:.775rem}.adm-card-chevron{color:var(--text-muted);flex-shrink:0;font-size:.65rem}.adm-card-body{border-top:1px solid var(--border);flex-direction:column;gap:.875rem;padding:0 1rem 1rem;display:flex}.adm-card-description{color:var(--text-muted);white-space:pre-wrap;margin:.75rem 0 0;font-size:.875rem;line-height:1.6}.adm-status-actions{flex-wrap:wrap;align-items:center;gap:.375rem;display:flex}.adm-status-btn{background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);font:inherit;border-radius:6px;padding:.3rem .7rem;font-size:.78rem;font-weight:600;transition:border-color .1s,color .1s}.adm-status-btn:hover:not(:disabled){border-color:var(--clr-orange);color:var(--clr-orange)}.adm-status-btn:disabled{opacity:.5;cursor:default}.adm-user-row{background:var(--surface);border:1px solid var(--border);border-radius:10px;align-items:center;gap:.875rem;padding:.875rem 1rem;transition:border-color .15s;display:flex}.adm-user-row:hover{border-color:#d9610a59}.adm-user-inactive{opacity:.55}.adm-user-avatar{background:var(--grad-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.85rem;font-weight:700;display:flex;overflow:hidden}.adm-user-avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.adm-user-info{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.adm-user-name{color:var(--text);flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.925rem;font-weight:600;display:flex}.adm-user-email{color:var(--text-muted);font-size:.8rem}.adm-user-seen{color:var(--text-muted);opacity:.7;font-size:.75rem}.adm-user-actions{flex-wrap:wrap;flex-shrink:0;gap:.375rem;display:flex}.adm-action-btn{background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);font:inherit;border-radius:6px;min-height:32px;padding:.35rem .75rem;font-size:.78rem;font-weight:600;transition:border-color .1s,color .1s}.adm-action-btn:hover:not(:disabled){border-color:var(--clr-orange);color:var(--clr-orange)}.adm-action-btn.adm-action-danger:hover:not(:disabled){border-color:var(--error);color:var(--error)}.adm-action-btn:disabled{opacity:.5;cursor:default}.sidebar-admin-item{opacity:.85;color:var(--clr-orange)!important}.sidebar-admin-item.active,.sidebar-admin-item:hover{opacity:1}@media (width<=639px){.adm-page{padding:1rem}.adm-user-actions{flex-direction:column}.adm-card-header{gap:.5rem}}.call-overlay{z-index:300;pointer-events:none;justify-content:center;align-items:flex-end;padding-bottom:2.5rem;display:flex;position:fixed;inset:0}.call-overlay-card{pointer-events:all;background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;align-items:center;gap:.75rem;min-width:280px;padding:1.5rem 2rem;animation:.25s call-slide-up;display:flex;box-shadow:0 8px 40px #00000080}@keyframes call-slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.call-overlay-icon{font-size:2.25rem;animation:.6s ease-in-out infinite alternate call-ring}@keyframes call-ring{0%{transform:rotate(-12deg)}to{transform:rotate(12deg)}}.call-overlay-label{color:var(--heading);text-align:center;font-size:1rem;font-weight:600}.call-overlay-actions{gap:.75rem;margin-top:.25rem;display:flex}.call-btn{font:inherit;cursor:pointer;border:none;border-radius:8px;padding:.55rem 1.5rem;font-size:.9rem;font-weight:600;transition:opacity .15s,transform .1s}.call-btn:active{transform:scale(.96)}.call-btn.accept{color:#fff;background:#16a34a}.call-btn.decline{color:#fff;background:#dc2626}.voice-room-panel{z-index:200;background:var(--surface);border:1px solid var(--border);-webkit-user-select:none;user-select:none;border-radius:14px;min-width:220px;max-width:300px;position:fixed;bottom:1.25rem;right:1.25rem;overflow:hidden;box-shadow:0 8px 32px #0006}.voice-room-header{border-bottom:1px solid var(--border);background:#5c20a82e;justify-content:space-between;align-items:center;padding:.6rem .9rem;display:flex}.voice-room-title{color:var(--heading);font-size:.82rem;font-weight:700}.voice-room-controls{gap:.3rem;display:flex}.voice-btn{background:var(--surface-2);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:.25rem .45rem;font-size:.85rem;line-height:1;transition:background .1s,border-color .1s}.voice-btn:hover{background:#ffffff14}.voice-btn.muted{border-color:var(--clr-orange);color:var(--clr-orange)}.voice-btn.active{color:#4ade80;border-color:#4ade80}.voice-btn.leave{color:#dc2626;border-color:#dc2626}.voice-btn.leave:hover{background:#dc26261f}.voice-participants{flex-direction:column;gap:.3rem;padding:.6rem .9rem;display:flex}.voice-participant{color:var(--text);border-radius:4px;align-items:center;gap:.5rem;padding:.2rem 0;font-size:.82rem;transition:color .15s;display:flex}.voice-participant.speaking{color:#4ade80}.voice-participant-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.voice-mute-icon{opacity:.7;font-size:.8rem}.voice-participant-volume{width:64px;height:3px;accent-color:var(--clr-violet);cursor:pointer}.voice-tile-volume{background:#00000059;border-radius:6px;align-items:center;gap:.3rem;margin-top:.4rem;padding:.25rem .4rem;font-size:.72rem;display:flex}.voice-tile-volume-icon{font-size:.8rem}.voice-tile-volume-slider{width:80px;height:3px;accent-color:var(--clr-violet);cursor:pointer}.voice-tile-volume-pct{color:var(--text-muted);text-align:right;min-width:2.5rem}.voice-embedded{background:#00000026;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.voice-tile-grid{flex-wrap:wrap;flex:1;place-content:center;gap:1.25rem;min-height:0;padding:2rem 1.5rem;display:flex;overflow-y:auto}.voice-tile{background:var(--surface);border:2px solid var(--border);border-radius:16px;flex-direction:column;align-items:center;gap:.7rem;width:150px;padding:1.5rem 1rem 1rem;transition:border-color .2s,box-shadow .2s;display:flex}.voice-tile.speaking{border-color:#4ade80;animation:1.5s ease-in-out infinite speaking-glow;box-shadow:0 0 0 3px #4ade8040,0 0 20px #4ade8033}@keyframes speaking-glow{0%,to{box-shadow:0 0 0 3px #4ade8040,0 0 18px #4ade802e}50%{box-shadow:0 0 0 4px #4ade8080,0 0 28px #4ade8059}}.voice-tile-avatar{background:var(--grad-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:1.6rem;font-weight:700;display:flex;position:relative;overflow:hidden}.voice-tile-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.voice-tile-mute-badge{background:#000000b3;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;display:flex;position:absolute;bottom:0;right:0}.voice-tile-name{color:var(--text);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.82rem;font-weight:600;overflow:hidden}.voice-empty-hint{color:var(--text-muted);text-align:center;width:100%;padding:1rem;font-size:.875rem}.voice-embedded-controls{border-top:1px solid var(--border);background:#00000040;flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1.25rem;display:flex}.voice-embedded-label{color:#4ade80;font-size:.8rem;font-weight:700}.voice-ctrl-group{gap:.5rem;display:flex}.voice-ctrl-btn{background:var(--surface-2);border:1px solid var(--border);font:inherit;cursor:pointer;border-radius:8px;padding:.4rem .9rem;font-size:.82rem;font-weight:600;transition:background .1s,border-color .1s}.voice-ctrl-btn:hover{background:#ffffff14}.voice-ctrl-btn.muted{border-color:var(--clr-orange);color:var(--clr-orange)}.voice-ctrl-btn.leave{color:#dc2626;border-color:#dc2626}.voice-ctrl-btn.leave:hover{background:#dc26261f}.group-chat-view{flex-direction:column;flex:1;display:flex;overflow:hidden}.group-body-split{flex-direction:row;flex:1;min-height:0;display:flex;overflow:hidden}.group-voice-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.group-voice-join-area{flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.group-voice-join-cta{text-align:center;flex-direction:column;align-items:center;gap:.75rem;max-width:320px;display:flex}.group-voice-join-icon{margin-bottom:.25rem;font-size:3rem;line-height:1}.group-voice-join-title{color:var(--heading);font-size:1.3rem;font-weight:700}.group-voice-join-sub{color:var(--text-muted);font-size:.875rem;line-height:1.5}.group-voice-presence{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.group-voice-presence-chip{border:1px solid var(--border);color:var(--text);background:#ffffff12;border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .65rem .25rem .25rem;font-size:.8rem;display:flex}.group-voice-presence-chip img,.group-voice-presence-initial{object-fit:cover;background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;font-weight:700;display:flex}.group-voice-join-btn{background:var(--grad-primary);color:#fff;font:inherit;cursor:pointer;border:none;border-radius:10px;margin-top:.5rem;padding:.65rem 2rem;font-size:.95rem;font-weight:700;transition:opacity .15s,transform .1s;box-shadow:0 4px 16px #5c20a859}.group-voice-join-btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.group-voice-join-btn:disabled{opacity:.4;cursor:not-allowed}.group-chat-sidebar{border-left:1px solid var(--border);background:#0000001a;flex-direction:column;flex-shrink:0;width:475px;display:flex;overflow:hidden}.group-chat-sidebar-header{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);border-bottom:1px solid var(--border);flex-shrink:0;padding:.6rem 1rem;font-size:.78rem;font-weight:700}.group-chat-sidebar .chat-messages{gap:.5rem;padding:.75rem}.group-chat-sidebar .chat-input-bar{padding:.5rem .75rem}.group-chat-sidebar .chat-input-bar textarea{font-size:.85rem}.voice-active-badge{color:#4ade80;background:#4ade801f;border:1px solid #4ade804d;border-radius:20px;align-items:center;gap:.3rem;padding:.2rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.dm-calling-label{color:#4ade80;align-items:center;gap:.3rem;font-size:.82rem;font-weight:600;display:flex}.pp-devices-grid{flex-direction:column;gap:.875rem;display:flex}.pp-device-row{flex-direction:column;gap:.35rem;display:flex}.pp-device-select{background:var(--surface-2);border:1px solid var(--border);color:var(--text);font:inherit;border-radius:8px;outline:none;width:100%;max-width:420px;padding:.5rem .75rem;font-size:.875rem;transition:border-color .15s}.pp-device-select:focus{border-color:var(--clr-orange)}.soundbite-modal{width:95vw;max-width:640px}.soundbite-body{flex-direction:column;gap:1rem;display:flex}.soundbite-hint{color:var(--text-muted);margin:0;font-size:.82rem}.soundbite-canvas{border:1px solid var(--border);-webkit-user-select:none;user-select:none;touch-action:none;background:#16102a;border-radius:8px;display:block}.soundbite-actions{flex-wrap:wrap;gap:.75rem;display:flex}.soundbite-placeholder{color:var(--text-muted);text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1rem;display:flex}.pp-soundbite-preview{margin-bottom:.25rem}@media (width<=700px){.group-body-split{flex-direction:column}.group-chat-sidebar{border-left:none;border-top:1px solid var(--border);flex-shrink:0;width:100%;height:40vh}.voice-room-panel{min-width:180px;bottom:.5rem;right:.5rem}}