@font-face{font-family:Geist;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/geist-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/geist-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/geist-mono-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/geist-mono-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--bg: #070606;--bg-alt: #0e0c0d;--surface: #161314;--surface-hover: #211c1e;--border: #2a2426;--text: #f6f1f1;--text-dim: #a89fa0;--text-faint: #746b6c;--accent: #861325;--accent-hover: #9e1a2e;--accent-deep: #4f0912;--accent-text: #e2687a;--accent-soft: color-mix(in srgb, var(--accent) 24%, transparent);--on-accent: #fff1f3;--font-sans: "Geist", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "Geist Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;--shadow-sm: 0 1px 2px rgba(9, 4, 5, .5);--shadow-md: 0 6px 18px -6px rgba(9, 4, 5, .7), 0 2px 4px rgba(9, 4, 5, .4);--shadow-lg: 0 24px 48px -16px rgba(9, 4, 5, .85), 0 4px 12px rgba(9, 4, 5, .5);--edge-light: inset 0 1px 0 rgba(255, 232, 236, .055);--ring: 0 0 0 2px var(--bg), 0 0 0 4px color-mix(in srgb, var(--accent) 70%, transparent);--top-bar-height: 68px;--success: #7fd05a;--danger: #ff5a47;--danger-soft: #ffaa9e;--layer-0: #070606;--layer-1: #0e0c0d;--layer-2: #151213;--layer-3: #1e1a1b;--line: #221d1f;--line-strong: #30292b;--glass: rgba(255, 238, 240, .04);--glass-line: rgba(255, 238, 240, .085);--glow: 0 0 44px -6px color-mix(in srgb, var(--accent) 65%, transparent);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:15px;line-height:1.5;font-feature-settings:"tnum" 1,"cv11" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}button{font:inherit;color:inherit;cursor:pointer}.boot{display:grid;place-items:center;height:100%;color:var(--text-dim)}.auth{display:grid;place-items:center;height:100%;padding:1.5rem;overflow-y:auto}.auth-card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:2rem;display:flex;flex-direction:column;gap:1rem}.auth-card h1{margin:0;font-size:1.75rem;text-align:center;letter-spacing:-.02em}.auth-subtitle{margin:-.5rem 0 .5rem;text-align:center;color:var(--text-dim)}.auth-card label{display:flex;flex-direction:column;gap:.35rem}.auth-card label>span{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim)}.auth-card small{color:var(--text-faint);font-size:.8rem}input,textarea,select{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.6rem .75rem;color:var(--text);font:inherit;width:100%;transition:border-color var(--motion-fast, .14s) ease,box-shadow var(--motion-fast, .14s) ease}input:hover:not(:disabled),textarea:hover:not(:disabled),select:hover:not(:disabled){border-color:var(--text-faint)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}input:disabled,textarea:disabled,select:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);border:none;border-radius:8px;padding:.7rem 1.1rem;font-weight:600;color:var(--on-accent);transition:background var(--motion-fast, .14s) ease,transform var(--motion-fast, .14s) ease}.btn-primary:active:not(:disabled),.btn-secondary:active:not(:disabled){transform:scale(.98)}.btn-secondary{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.55rem .9rem;font-weight:500;color:var(--text)}.btn-secondary{transition:background var(--motion-fast, .14s) ease,border-color var(--motion-fast, .14s) ease,transform var(--motion-fast, .14s) ease}.btn-secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--text-faint)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-provider{display:block;text-align:center;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:.65rem;text-decoration:none;color:var(--text);font-weight:500}.btn-provider:hover{background:var(--surface-hover)}.separator{display:flex;align-items:center;gap:.75rem;color:var(--text-faint);font-size:.8rem}.separator:before,.separator:after{content:"";flex:1;height:1px;background:var(--border)}.auth-error,.input-error{background:color-mix(in srgb,var(--danger) 12%,transparent);border:1px solid color-mix(in srgb,var(--danger) 35%,transparent);border-radius:6px;padding:.6rem .75rem;color:var(--danger-soft);font-size:.875rem}.auth-switch{margin:0;text-align:center;font-size:.875rem;color:var(--text-dim)}.auth-switch button{background:none;border:none;color:var(--accent-text);padding:0;font-weight:500}.app{display:grid;grid-template-rows:var(--top-bar-height) 1fr;height:100%}.chat{display:grid;grid-template-columns:240px 1fr 200px;gap:.75rem;padding:.75rem;height:100%;min-height:0}.chat.dm-mode{grid-template-columns:1fr}.top-bar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1rem;padding:0 .9rem;position:relative;background:transparent}.top-bar-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.bar-banner{position:absolute;top:0;bottom:0;width:calc(var(--top-bar-height) * var(--banner-aspect, 3));background-size:cover;background-repeat:no-repeat;filter:saturate(1.15);transition:filter .5s cubic-bezier(.33,0,.2,1)}.top-bar:has(.top-bar-context:hover) .bar-banner.left,.top-bar:has(.top-bar-user:hover) .bar-banner.right{filter:blur(5px) saturate(1.3)}@media (prefers-reduced-motion: reduce){.bar-banner{transition:none}}.bar-banner.left{left:0;background-position:left center;-webkit-mask-image:linear-gradient(to right,#000 0%,#000 45%,transparent 100%);mask-image:linear-gradient(to right,#000 0%,#000 45%,transparent 100%)}.bar-banner.right{right:0;background-position:right center;-webkit-mask-image:linear-gradient(to left,#000 0%,#000 45%,transparent 100%);mask-image:linear-gradient(to left,#000 0%,#000 45%,transparent 100%)}.bar-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,color-mix(in srgb,var(--bg) 30%,transparent),color-mix(in srgb,var(--bg) 58%,transparent))}.top-bar .context-name,.top-bar .user-text strong,.top-bar .user-text small,.top-bar .chevron{text-shadow:0 1px 3px rgba(0,0,0,.65)}.top-bar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--border);pointer-events:none}.top-bar>*:not(.top-bar-bg){position:relative;z-index:1}@media (prefers-reduced-transparency: reduce){.bar-banner{display:none}}.top-bar-context{position:relative;min-width:0;justify-self:start}.context-button{display:flex;align-items:center;gap:.55rem;min-width:0;max-width:100%;background:none;border:1px solid transparent;border-radius:999px;padding:.3rem .9rem .3rem .3rem}.context-button:not(:disabled):hover .context-name,.context-button:not(:disabled):hover .chevron{color:var(--text)}.context-button:disabled{cursor:default}.guild-menu:before,.user-menu:before{content:"";position:absolute;left:0;right:0;top:-.5rem;height:.5rem}.guild-menu{position:absolute;top:calc(100% + .4rem);left:0;z-index:60;min-width:240px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.3rem;display:flex;flex-direction:column;gap:.1rem;box-shadow:0 8px 24px #00000073}.guild-menu button{background:none;border:none;border-radius:6px;padding:.5rem .65rem;text-align:left;font-size:.875rem}.guild-menu button:hover:not(:disabled){background:var(--surface-hover)}.guild-menu button:disabled{color:var(--text-faint)}.context-mark{position:relative;width:44px;height:44px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;font-weight:700;font-size:.85rem;flex-shrink:0;overflow:hidden}.context-mark img,.user-avatar img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:50%}.context-mark:has(img),.user-avatar:has(img),.strip-item:has(img),.browse-avatar:has(img),.preview-icon:has(img),.member-avatar:has(img),.dm-avatar:has(img),.message-avatar:has(img),.voice-avatar:has(img),.avatar:has(img),.strip-card-mark:has(img){background:none}.context-name{font-weight:600;font-size:1.05rem;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.choice-list{display:flex;flex-direction:column;gap:.4rem}.choice{display:flex;align-items:flex-start;gap:.75rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.85rem;text-align:left}.choice:hover{border-color:var(--accent);background:var(--surface-hover)}.choice-icon{width:34px;height:34px;border-radius:8px;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;font-size:1rem;flex-shrink:0}.choice strong{display:block;font-size:.9rem}.choice small{display:block;color:var(--text-dim);font-size:.78rem;line-height:1.35;margin-top:.15rem}.top-bar-side{display:flex;align-items:center;gap:.5rem;min-width:0}.top-bar-side.right{justify-content:flex-end}.top-bar-side.left .strip-zone{margin-left:auto}.top-bar-side.right .strip-zone{margin-right:auto}.strip-zone{display:flex;align-items:center;gap:.5rem;min-width:0}.strip-zone:empty{display:none}.strip{display:flex;align-items:center;gap:.45rem;background:var(--bg-alt);border:1px solid var(--border);border-radius:999px;padding:.35rem;max-width:34vw;overflow-x:auto;scrollbar-width:none}.strip::-webkit-scrollbar{display:none}.strip-item{position:relative;width:36px;height:36px;flex-shrink:0;border-radius:50%;border:none;background:var(--surface);color:var(--text);font-size:.7rem;font-weight:700;display:grid;place-items:center;overflow:visible;transition:background .12s}.strip-item img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:50%}.strip-item:hover{background:var(--surface-hover)}.strip-item.active{outline:2px solid var(--accent);outline-offset:2px}.strip-item.active:not(:has(img)){background:var(--accent);color:var(--on-accent)}.strip.solo{padding:.35rem;flex-shrink:0}.strip.pinned{border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.strip-item.is-pinned:after{content:"";position:absolute;bottom:-1px;left:50%;width:4px;height:4px;border-radius:50%;background:var(--accent);transform:translate(-50%)}.strip-item.browse{background:none;color:var(--text-dim);font-size:.95rem;letter-spacing:.05em}.strip-item.browse:hover{background:none;color:var(--accent-text)}.friend-add{display:flex;gap:.6rem;padding:.85rem 1rem 0;flex-shrink:0}.friend-add input{flex:1}.friend-add .btn-primary{padding:.5rem .9rem;white-space:nowrap}.friend-note{margin:.6rem 1rem 0;flex-shrink:0}.friend-note.success{background:color-mix(in srgb,var(--success) 12%,transparent);border:1px solid color-mix(in srgb,var(--success) 35%,transparent);border-radius:6px;padding:.5rem .75rem;color:var(--success);font-size:.85rem}.browse-card.static{cursor:default;align-items:flex-start}.browse-card.static:hover{border-color:var(--border)}.card-actions{display:flex;flex-direction:column;gap:.25rem;margin-left:auto;align-items:flex-end}.btn-primary.tiny{padding:.25rem .6rem;font-size:.78rem;border-radius:5px}.browse-avatar.muted{background:var(--surface-hover);color:var(--text-faint)}.browse-window{display:flex;flex-direction:column;width:min(1040px,94vw);height:min(720px,90vh);background:var(--bg-alt);border:1px solid var(--border);border-radius:12px;overflow:hidden}.browse-header{display:flex;align-items:center;gap:.75rem;padding:.9rem 1rem;border-bottom:1px solid var(--border);flex-shrink:0}.browse-header h2{margin:0;font-size:1.05rem;white-space:nowrap}.browse-header input{flex:1;min-width:0}.browse-header .btn-primary{padding:.5rem .9rem;white-space:nowrap}.browse-grid{flex:1;overflow-y:auto;padding:1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.85rem;align-content:start}.browse-card{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden;text-align:left;padding:0}.browse-card:hover{border-color:var(--accent)}.browse-card.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.browse-banner{aspect-ratio:var(--banner-aspect, 3);background:linear-gradient(135deg,var(--surface-hover),var(--bg));background-size:cover;background-position:center}.browse-icon{position:absolute;top:40px;left:.9rem;width:48px;height:48px;border-radius:50%;border:3px solid var(--surface);background:var(--accent);color:var(--on-accent);display:grid;place-items:center;font-weight:700;font-size:.8rem;overflow:hidden}.browse-icon img{width:100%;height:100%;object-fit:cover}.browse-card.person{flex-direction:row;align-items:center;gap:.75rem;padding:.85rem}.browse-avatar{position:relative;width:46px;height:46px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;font-weight:700;font-size:.8rem;flex-shrink:0}.browse-avatar .presence-dot{position:absolute;right:-1px;bottom:-1px;width:13px;height:13px;border:3px solid var(--bg-alt)}.browse-body{padding:1.6rem .9rem .9rem;display:flex;flex-direction:column;gap:.2rem;min-width:0}.browse-card.person .browse-body{padding:0}.browse-body strong{font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browse-body p{margin:0;color:var(--text-dim);font-size:.82rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.browse-meta{color:var(--text-faint);font-size:.75rem;margin-top:.15rem}.browse-badge{position:absolute;top:.6rem;right:.6rem;background:var(--danger);color:#fff;border-radius:999px;padding:0 .4rem;font-size:.7rem;font-weight:700;min-width:18px;text-align:center}.browse-dot{position:absolute;top:.75rem;right:.75rem;width:9px;height:9px;border-radius:999px;background:#fff}@media (max-width: 640px){.browse-header{flex-wrap:wrap}.browse-header h2{width:100%}}.strip-badge{position:absolute;top:-4px;right:-4px;background:var(--danger);color:#fff;border:2px solid var(--bg-alt);border-radius:999px;padding:0 .25rem;font-size:.6rem;font-weight:700;min-width:16px;line-height:1.3}.strip-dot{position:absolute;top:-2px;right:-2px;width:9px;height:9px;border-radius:999px;background:#fff;border:2px solid var(--bg)}.mode-switch{display:flex;align-items:center;gap:.2rem;background:var(--bg-alt);border:1px solid var(--border);border-radius:999px;padding:.28rem .35rem}.top-bar>.mode-switch{display:grid;grid-template-columns:1fr auto 1fr}.top-bar>.mode-switch>button{justify-content:center;padding-left:.35rem;padding-right:.35rem;gap:.3rem}.top-bar>.mode-switch>button:not(.hub-button):before{content:"";flex:0 0 18px}.mode-switch button{position:relative;display:flex;align-items:center;gap:.4rem;background:none;border:none;border-radius:999px;padding:.45rem 1.15rem;color:var(--text-dim);font-size:.95rem;font-weight:500;white-space:nowrap}.mode-switch button:hover{color:var(--text)}.mode-switch button.active{background:var(--accent);color:var(--on-accent)}.mode-switch .hub-button{flex-shrink:0;display:grid;place-items:center;width:34px;height:34px;padding:0;border:none;border-radius:50%;background:var(--glass);transition:background var(--motion-fast, .14s) var(--ease-both, ease),transform var(--motion-fast, .14s) var(--ease-both, ease)}.mode-switch .hub-button:hover{background:color-mix(in srgb,var(--accent) 30%,transparent)}.mode-switch .hub-button:active{transform:scale(.94)}.hub-button-mark{width:13px;height:13px;border-radius:3px;background:var(--accent);transform:rotate(45deg);transition:transform var(--motion-base, .2s) var(--ease-out, ease)}.mode-switch .hub-button:hover .hub-button-mark{transform:rotate(135deg)}.switch-slot{position:relative;flex:0 0 18px;height:17px}.switch-slot>.switch-badge,.switch-slot>.switch-dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.switch-badge{background:var(--danger);color:#fff;border-radius:999px;padding:0 .25rem;font-size:.7rem;font-weight:700;min-width:16px;line-height:16px;text-align:center}.switch-dot{width:7px;height:7px;border-radius:999px;background:var(--accent)}.mode-switch button.active .switch-dot{background:#fff}.top-bar-user{position:relative;justify-self:end}.user-chip{display:flex;align-items:center;gap:.55rem;background:none;border:1px solid transparent;border-radius:999px;padding:.3rem .9rem .3rem .3rem}.user-chip:hover .chevron,.user-chip:hover .user-text small{color:var(--text)}.user-avatar{width:44px;height:44px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;font-size:.88rem;font-weight:600;overflow:hidden;flex-shrink:0}.user-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}.user-text strong{font-size:1rem;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-text small,.chevron{color:var(--text-faint);font-size:.78rem}.user-menu{position:absolute;top:calc(100% + .4rem);right:0;z-index:60;min-width:230px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.3rem;display:flex;flex-direction:column;gap:.1rem;box-shadow:0 8px 24px #00000073}.user-menu button{background:none;border:none;border-radius:6px;padding:.5rem .65rem;text-align:left;font-size:.875rem}.user-menu button:hover{background:var(--surface-hover)}.user-menu button.danger{color:var(--danger)}.menu-note{padding:.5rem .65rem;font-size:.78rem;color:var(--text-faint);line-height:1.35}.menu-separator{height:1px;background:var(--border);margin:.25rem 0}.connection-banner{position:fixed;top:0;left:0;right:0;z-index:50;background:var(--accent);color:var(--on-accent);text-align:center;padding:.35rem;font-size:.85rem}.guild-bar{background:var(--bg-alt);display:flex;flex-direction:column;padding:.75rem 0;overflow:hidden;border-right:1px solid var(--border)}.guild-list{display:flex;flex-direction:column;align-items:center;gap:.5rem;overflow-y:auto}.guild-icon{width:46px;height:46px;border-radius:50%;border:none;background:var(--surface);color:var(--text);font-weight:600;font-size:.85rem;display:grid;place-items:center;transition:border-radius .15s,background .15s;flex-shrink:0;overflow:hidden}.guild-icon img{width:100%;height:100%;object-fit:cover}.guild-icon:hover,.guild-icon.active{border-radius:16px;background:var(--accent)}.guild-icon.add{color:var(--success);font-size:1.3rem}.guild-bar-footer{display:flex;flex-direction:column;align-items:center;gap:.5rem}.avatar{width:38px;height:38px;border-radius:50%;border:none;background:var(--accent);color:var(--on-accent);font-size:.75rem;font-weight:600}.icon-btn{background:none;border:none;color:var(--text-dim);font-size:1.1rem;padding:.25rem}.icon-btn:hover{color:var(--text)}.channel-list{background:none;border:none;display:flex;flex-direction:column;overflow:hidden;min-height:0}.channel-list-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.9rem 1rem;border-bottom:1px solid var(--border)}.channel-list-header h2{margin:0;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invite-box{margin:.75rem;padding:.75rem;background:var(--surface);border-radius:6px;display:flex;flex-direction:column;gap:.4rem;font-size:.8rem}.invite-box code{font-size:1.05rem;letter-spacing:.08em;color:var(--accent-text);font-family:var(--font-mono)}.invite-box button{background:var(--accent);border:none;border-radius:4px;padding:.35rem;color:#fff;font-size:.8rem}.invite-box small{color:var(--text-faint)}.channel-scroll{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;padding-bottom:.5rem}.channel-category{background:var(--bg-alt);border:1px solid var(--border);border-radius:10px;padding:.4rem}.channel-category h3{display:flex;align-items:center;justify-content:space-between;margin:.15rem 0 .35rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint)}.channel-category.collapsed h3{margin-bottom:.15rem}.category-toggle{display:flex;align-items:center;gap:.3rem;flex:1;min-width:0;background:none;border:none;padding:.15rem .4rem;font:inherit;color:inherit;text-align:left;text-transform:inherit;letter-spacing:inherit}.category-toggle:hover{color:var(--text)}.category-chevron{font-size:.6rem;width:10px;flex-shrink:0}.category-count{margin-left:auto;background:var(--surface);border-radius:999px;padding:0 .35rem;font-size:.65rem;color:var(--text-dim)}.context-menu{position:fixed;z-index:200;min-width:190px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.3rem;display:flex;flex-direction:column;gap:.1rem;box-shadow:0 8px 24px #00000080}.context-menu button{background:none;border:none;border-radius:6px;padding:.45rem .6rem;text-align:left;font-size:.85rem}.context-menu button:hover{background:var(--surface-hover)}.context-menu button.danger{color:var(--danger-soft)}.context-menu button.danger:hover{background:var(--danger);color:#fff}.tri-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.3rem 0;font-size:.85rem}.tri-switch{display:flex;flex-shrink:0;border:1px solid var(--border);border-radius:6px;overflow:hidden}.tri-switch button{background:var(--bg);border:none;padding:.2rem .5rem;font-size:.75rem;color:var(--text-faint);line-height:1.4}.tri-switch button:hover{background:var(--surface-hover)}.tri-switch button.deny{background:var(--danger);color:#fff}.tri-switch button.inherit{background:var(--surface-hover);color:var(--text)}.tri-switch button.allow{background:var(--success);color:var(--on-accent)}.category-empty{margin:.25rem .5rem .35rem;color:var(--text-faint);font-size:.8rem;font-style:italic}.channel-item{display:flex;align-items:center;gap:.4rem;width:100%;background:none;border:none;border-radius:4px;padding:.35rem .5rem;color:var(--text-dim);text-align:left;font-size:.9rem}.channel-item:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.channel-item.active{background:var(--surface);color:#fff}.channel-item:disabled{opacity:.5;cursor:default}.channel-icon{color:var(--text-faint)}.chat-main{display:flex;flex-direction:column;overflow:hidden}.chat-main{min-height:0}.chat-header{display:flex;align-items:baseline;gap:.5rem;padding:.85rem .25rem;border-bottom:1px solid var(--border);flex-shrink:0}.chat-header h2{margin:0;font-size:1rem}.channel-hash{color:var(--text-faint);font-size:1.2rem}.channel-topic{margin:0;padding-left:.75rem;border-left:1px solid var(--border);color:var(--text-dim);font-size:.85rem}.message-list{flex:1;overflow-y:auto;padding:1rem .25rem}.load-more{display:block;margin:0 auto 1rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.4rem .9rem;color:var(--text-dim);font-size:.85rem}.message{display:flex;gap:.75rem;padding:.15rem 0}.message:not(.grouped){margin-top:1rem}.message.grouped .message-body{margin-left:2.75rem}.message-avatar{width:38px;height:38px;border:none;padding:0;border-radius:50%;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;overflow:hidden;font-size:.75rem;font-weight:600;flex-shrink:0;transition:filter var(--motion-fast, .14s) ease}.message-avatar:hover{filter:brightness(1.15)}.message-avatar img{width:100%;height:100%;object-fit:cover}.message-avatar:has(img){background:none}.message-body{min-width:0;flex:1}.message-body header{display:flex;align-items:baseline;gap:.5rem}.message-author{background:none;border:none;padding:0;font:inherit;font-weight:600;color:inherit}.message-author:hover{text-decoration:underline}.message-body time{color:var(--text-faint);font-size:.75rem}.message-content{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.edited{color:var(--text-faint);font-size:.75rem}.typing-indicator{color:var(--text-dim);font-size:.85rem;font-style:italic;margin:.5rem 0 0}.message-input{padding:0 .25rem .25rem;position:relative;flex-shrink:0}.message-input textarea{resize:none;background:var(--surface);border-color:transparent;max-height:200px}.char-count{position:absolute;right:2rem;bottom:1.9rem;font-size:.75rem;color:var(--text-faint)}.input-row{display:flex;align-items:flex-end;gap:.4rem}.input-row textarea{flex:1;min-width:0}.attach-button{flex-shrink:0;width:38px;height:38px;border-radius:50%;background:var(--surface);color:var(--text-dim);border:none;font-size:1.15rem;line-height:1;cursor:pointer}.attach-button:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.attach-button:disabled{opacity:.4;cursor:not-allowed}.drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;pointer-events:none;border:2px dashed var(--accent);border-radius:12px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent-text);font-weight:600}.attachment-tray{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem .25rem}.attachment-preview{position:relative;margin:0;width:132px;padding:.4rem;border-radius:10px;background:var(--surface);border:1px solid var(--border)}.attachment-preview.failed{border-color:var(--danger)}.attachment-preview img{width:100%;height:76px;object-fit:cover;border-radius:6px;display:block}.attachment-preview .file-glyph{display:grid;place-items:center;height:76px;border-radius:6px;background:var(--bg-alt);color:var(--text-dim);font-size:.7rem;font-weight:700;letter-spacing:.05em}.attachment-preview figcaption{display:grid;margin-top:.3rem;font-size:.7rem}.preview-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-preview figcaption small{color:var(--text-faint)}.attachment-preview.failed figcaption small{color:var(--danger-soft)}.preview-remove{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;border:none;background:var(--bg);color:var(--text-dim);font-size:.7rem;cursor:pointer}.preview-remove:hover{background:var(--danger);color:var(--text)}.upload-progress,.picker-preview progress{width:100%;height:4px;margin-top:.3rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:var(--bg-alt);border-radius:2px;overflow:hidden}.upload-progress::-webkit-progress-bar,.picker-preview progress::-webkit-progress-bar{background:var(--bg-alt)}.upload-progress::-webkit-progress-value,.picker-preview progress::-webkit-progress-value{background:var(--accent)}.upload-progress::-moz-progress-bar,.picker-preview progress::-moz-progress-bar{background:var(--accent)}.upload-progress:not([value]){background:linear-gradient(90deg,var(--bg-alt) 0%,var(--accent) 50%,var(--bg-alt) 100%);background-size:200% 100%;animation:preparing 1.1s linear infinite}@keyframes preparing{0%{background-position:200% 0}to{background-position:0 0}}@media (prefers-reduced-motion: reduce){.upload-progress:not([value]){animation:none}}.quality-toggle{display:flex;align-items:center;gap:.45rem;padding:0 .35rem .4rem;font-size:.75rem;color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none}.quality-toggle input{width:auto;margin:0;accent-color:var(--accent);cursor:pointer}.quality-toggle small{color:var(--success)}.hub{position:relative;height:100%;overflow:hidden;background:var(--layer-0)}.hub-aura{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.hub-orb{position:absolute;border-radius:50%;filter:blur(90px)}.hub-orb.one{width:38vw;height:38vw;top:-14vw;right:-8vw;background:var(--accent);opacity:.16}.hub-orb.two{width:30vw;height:30vw;bottom:-12vw;left:-6vw;background:var(--success);opacity:.09}.hub-scroll{position:relative;height:100%;overflow-y:auto;padding:3rem 2.5rem 4rem;max-width:68rem;margin:0 auto}.hub-header{margin-bottom:2.5rem;animation:hub-in .42s var(--ease-out) both}.hub-greeting{margin:0;font-size:.9rem;color:var(--text-faint);letter-spacing:.02em}.hub-header h1{margin:.2rem 0 0;font-size:2.4rem;font-weight:600;letter-spacing:-.035em}@keyframes hub-in{0%{opacity:0;transform:translateY(14px)}}.hub-block{margin-bottom:2.75rem;animation:hub-in .42s var(--ease-out) both;animation-delay:80ms}.hub-block h2{margin:0 0 1rem;font-size:.82rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint)}.hub-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.85rem;margin-bottom:2.75rem;animation:hub-in .42s var(--ease-out) both;animation-delay:40ms}.hub-stat{background:var(--glass);border:1px solid var(--glass-line);border-radius:14px;padding:1.1rem 1.25rem;display:grid;gap:.15rem;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.hub-stat strong{font-size:1.9rem;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.hub-stat small{font-size:.76rem;color:var(--text-faint)}.hub-stat.live strong{color:var(--success)}.hub-resume{display:grid;gap:.4rem}.hub-resume-row{display:flex;align-items:center;gap:.85rem;padding:.7rem .9rem;border:1px solid transparent;border-radius:12px;background:var(--layer-1);text-align:left;animation:hub-in .38s var(--ease-out) both;transition:background var(--motion-fast) var(--ease-both),border-color var(--motion-fast) var(--ease-both),transform var(--motion-fast) var(--ease-both)}.hub-resume-row:hover{background:var(--layer-2);border-color:var(--line);transform:translate(2px)}.hub-resume-text{flex:1;display:grid;gap:.1rem;min-width:0}.hub-resume-text strong{font-size:.92rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-resume-text small{font-size:.75rem;color:var(--text-faint)}.hub-badge{flex-shrink:0;min-width:1.6rem;padding:.1rem .45rem;border-radius:999px;background:var(--layer-3);color:var(--text-dim);font-size:.74rem;font-weight:600;text-align:center}.hub-badge.mention{background:var(--danger);color:#fff}.hub-guilds{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.9rem}.hub-guild{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--layer-1);padding:0;text-align:left;animation:hub-in .4s var(--ease-out) both;transition:transform var(--motion-base) var(--ease-out),border-color var(--motion-base) var(--ease-both),box-shadow var(--motion-base) var(--ease-both)}.hub-guild:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 45%,transparent);box-shadow:var(--glow)}.hub-guild-banner{display:block;aspect-ratio:var(--banner-aspect, 5);background-size:cover;background-position:center;background-color:var(--layer-2)}.hub-guild-body{display:grid;gap:.2rem;padding:0 1rem 1rem;margin-top:-22px}.hub-guild-body strong{font-size:.95rem;font-weight:500;margin-top:.4rem}.hub-guild-body small{font-size:.74rem;color:var(--text-faint)}.hub-friends{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.6rem}.hub-friend{display:flex;align-items:center;gap:.7rem;padding:.65rem .8rem;border:1px solid transparent;border-radius:12px;background:var(--layer-1);text-align:left;animation:hub-in .38s var(--ease-out) both;transition:background var(--motion-fast) var(--ease-both),border-color var(--motion-fast) var(--ease-both)}.hub-friend:hover{background:var(--layer-2);border-color:var(--line)}.hub-friend-text{display:grid;gap:.05rem;min-width:0}.hub-friend-text strong{font-size:.86rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-friend-text small{font-size:.72rem;color:var(--text-faint)}.hub-avatar{position:relative;flex-shrink:0;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--layer-3);color:var(--text-dim);font-size:.72rem;font-weight:600;overflow:hidden}.hub-avatar.large{width:46px;height:46px;border:3px solid var(--layer-1);font-size:.82rem}.hub-avatar img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:50%}.hub-avatar .presence-dot{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border:2px solid var(--layer-1)}@media (max-width: 720px){.hub-scroll{padding:2rem 1.25rem 3rem}.hub-header h1{font-size:1.8rem}}.crash{display:grid;place-items:center;height:100%;padding:2rem;background:var(--bg)}.crash-box{max-width:44rem;width:100%;background:var(--surface);border:1px solid var(--danger);border-radius:12px;padding:1.5rem;display:grid;gap:.75rem}.crash-box h2{margin:0;font-size:1.05rem}.crash-zone{margin:0;font-size:.8rem;color:var(--text-faint)}.crash-message,.crash-stack{margin:0;padding:.75rem;border-radius:8px;background:var(--bg);color:var(--danger-soft);font-family:var(--font-mono, ui-monospace, monospace);font-size:.8rem;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text}.crash-stack{color:var(--text-dim);max-height:16rem;overflow-y:auto}.crash-box details summary{cursor:pointer;font-size:.82rem;color:var(--text-dim);margin-bottom:.5rem}.crash-actions{display:flex;gap:.75rem;justify-content:flex-end}html{font-size:calc(16px * var(--text-scale, 1))}:root[data-reduce-motion=true] *,:root[data-reduce-motion=true] *:before,:root[data-reduce-motion=true] *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}:root[data-high-contrast=true]{--border: #5e5556;--text-dim: #d3cbcc;--text-faint: #aca2a3}:root[data-color-vision=protanopia],:root[data-color-vision=deuteranopia]{--success: #3b82f6;--danger: #d97706;--danger-soft: #fbbf24}:root[data-color-vision=tritanopia]{--success: #16a34a;--danger: #db2777;--danger-soft: #f9a8d4;--accent: #e11d48;--accent-hover: #be123c}:root{--motion-fast: .14s;--motion-base: .2s;--motion-screen: .28s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-both: cubic-bezier(.4, 0, .2, 1)}.settings-content>*{animation:section-in var(--motion-screen) var(--ease-out) both}@keyframes section-in{0%{opacity:0;transform:translateY(10px)}}.settings-section{max-width:46rem;padding:1.75rem 2rem 3rem}.settings-section h2{font-size:1.35rem;letter-spacing:-.02em;margin-bottom:.25rem}.settings-section h3{font-size:.95rem;margin:0 0 .9rem;color:var(--text)}.pref-field{display:grid;gap:.4rem;margin-bottom:.6rem;border:none;padding:0}.pref-field>span,.pref-field>legend{font-size:.82rem;font-weight:500;color:var(--text);padding:0}.pref-field small{color:var(--text-faint);font-size:.78rem;line-height:1.55}.pref-scale{display:flex;align-items:center;gap:1rem}.pref-scale input{flex:1;accent-color:var(--accent)}.pref-scale output{min-width:3.5rem;text-align:right;font-variant-numeric:tabular-nums;font-size:.85rem;color:var(--text-dim)}.pref-radio,.pref-toggle{display:flex;align-items:flex-start;gap:.75rem;padding:.7rem .75rem;margin:0 -.75rem;border-radius:10px;cursor:pointer;transition:background var(--motion-fast) var(--ease-both)}.pref-radio:hover,.pref-toggle:hover{background:color-mix(in srgb,var(--surface) 60%,transparent)}.pref-radio span,.pref-toggle span{display:grid;gap:.15rem;font-size:.9rem;flex:1;min-width:0}.pref-toggle{flex-direction:row-reverse;align-items:center}.pref-toggle input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;position:relative;flex-shrink:0;width:42px;height:24px;margin:0;border:none;border-radius:999px;background:var(--surface-hover);cursor:pointer;transition:background var(--motion-base) var(--ease-both)}.pref-toggle input[type=checkbox]:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--text-dim);transition:transform var(--motion-base) var(--ease-both),background var(--motion-base) var(--ease-both)}.pref-toggle input[type=checkbox]:checked{background:var(--accent)}.pref-toggle input[type=checkbox]:checked:after{transform:translate(18px);background:var(--on-accent)}.pref-radio input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;position:relative;flex-shrink:0;width:18px;height:18px;margin:.15rem 0 0;border:2px solid var(--border);border-radius:50%;background:none;cursor:pointer;transition:border-color var(--motion-fast) var(--ease-both)}.pref-radio input[type=radio]:checked{border-color:var(--accent)}.pref-radio input[type=radio]:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:50%;background:var(--accent);transform:scale(0);transition:transform var(--motion-base) var(--ease-out)}.pref-radio input[type=radio]:checked:after{transform:scale(1)}.pref-toggle input:focus-visible,.pref-radio input:focus-visible,.settings-nav nav button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.pref-note{font-size:.79rem;color:var(--text-faint);line-height:1.6;margin:.25rem 0 .75rem}.pref-note.warn{color:var(--danger-soft)}.pref-callout{background:var(--surface);border-left:3px solid var(--accent);border-radius:0 10px 10px 0;padding:1rem 1.15rem;margin-bottom:1.5rem;display:grid;gap:.75rem;justify-items:start}.pref-callout p{margin:0;font-size:.86rem;color:var(--text-dim);line-height:1.6}.pref-preview{background:var(--surface);border-radius:10px;padding:.85rem 1rem;font-size:.86rem;color:var(--text-dim)}.pref-divider{height:1px;background:var(--border);margin:2rem 0}.keybind-list{display:grid;gap:.4rem;margin-bottom:1.25rem}.keybind-row{display:flex;align-items:center;gap:.75rem;padding:.55rem .75rem;border-radius:10px;background:var(--surface);border:1px solid transparent;transition:border-color var(--motion-fast) var(--ease-both)}.keybind-row:hover{border-color:var(--border)}.session-list li{transition:background var(--motion-fast) var(--ease-both)}.session-list li:hover{background:var(--surface-hover)}.keybind-row.conflict{border-color:var(--danger)}.keybind-label{flex:1;font-size:.88rem}.keybind-value{min-width:11rem;padding:.35rem .75rem;border-radius:6px;border:1px solid var(--border);background:var(--bg-alt);color:var(--text);font-family:var(--font-mono, ui-monospace, monospace);font-size:.78rem;text-align:center}.keybind-value:hover{border-color:var(--accent)}.keybind-value.capturing{border-color:var(--accent);color:var(--accent-text)}.danger-text.tiny{font-size:.75rem;padding:.2rem .4rem}.session-list{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:.4rem}.session-list li{display:grid;gap:.15rem;padding:.6rem .8rem;border-radius:8px;background:var(--surface);font-size:.87rem}.session-list small{color:var(--text-faint);font-size:.75rem}.cropper{background:var(--bg-alt);border:1px solid var(--border);border-radius:12px;padding:1.25rem;display:grid;gap:.75rem;justify-items:center}.cropper h3{margin:0;justify-self:start}.cropper .hint{justify-self:start;margin:0}.cropper-frame{position:relative;overflow:hidden;border-radius:8px;background:var(--bg);cursor:grab;touch-action:none}.cropper-frame:active{cursor:grabbing}.cropper-frame img{position:absolute;top:0;left:0;max-width:none;transition:none;-webkit-user-select:none;user-select:none}.cropper-zoom{display:flex;align-items:center;gap:.75rem;width:100%;font-size:.8rem;color:var(--text-dim)}.cropper-zoom input{flex:1;accent-color:var(--accent)}.cropper .modal-actions{width:100%}.strip-card{position:fixed;z-index:90;transform:translate(-50%);width:260px;background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #00000080;pointer-events:none;animation:strip-card-in .16s ease-out}.strip-card.interactive{pointer-events:auto}@keyframes strip-card-in{0%{opacity:0;transform:translate(-50%) translateY(-4px)}}@media (prefers-reduced-motion: reduce){.strip-card{animation:none}}.strip-card-banner{aspect-ratio:var(--banner-aspect, 3);background-size:cover;background-position:center}.strip-card-body{display:grid;gap:.2rem;padding:.85rem}.strip-card-body.with-banner{margin-top:-26px}.strip-card-mark{width:46px;height:46px;border-radius:50%;background:var(--bg-alt);border:3px solid var(--surface);display:grid;place-items:center;overflow:hidden;font-weight:700;font-size:.8rem;margin-bottom:.15rem}.strip-card-mark img{width:100%;height:100%;object-fit:cover}.strip-card-body strong{font-size:.95rem;overflow-wrap:anywhere}.strip-card-body small{color:var(--text-faint);font-size:.75rem}.strip-card-body p{margin:.25rem 0 0;font-size:.8rem;color:var(--text-dim);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.strip-card-meta{margin-top:.35rem;font-size:.72rem;color:var(--text-faint)}.audit-filters{display:flex;gap:.5rem;margin-bottom:.9rem}.audit-filters select{flex:1;min-width:0}.audit-list{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.audit-entry{padding:.6rem .75rem;border-radius:10px;background:var(--surface);border:1px solid var(--border)}.audit-head{display:flex;align-items:center;gap:.7rem}.audit-avatar{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:50%;overflow:hidden;background:var(--accent);color:var(--on-accent);font-size:.68rem;font-weight:700}.audit-avatar img{width:100%;height:100%;object-fit:cover}.audit-text{flex:1;min-width:0}.audit-text p{margin:0;font-size:.87rem}.audit-text small{color:var(--text-faint);font-size:.73rem}.audit-toggle{flex-shrink:0;padding:.25rem .6rem;border:none;border-radius:999px;background:var(--bg-alt);color:var(--text-dim);font-size:.72rem;cursor:pointer}.audit-toggle:hover{background:var(--surface-hover);color:var(--text)}.audit-changes{display:grid;grid-template-columns:auto 1fr;gap:.3rem .8rem;margin:.6rem 0 0;padding-top:.6rem;border-top:1px solid var(--border);font-size:.78rem}.audit-changes dt{color:var(--text-faint)}.audit-changes dd{margin:0;display:flex;align-items:baseline;gap:.45rem;flex-wrap:wrap;min-width:0}.audit-before{color:var(--text-faint);text-decoration:line-through;overflow-wrap:anywhere}.audit-arrow{color:var(--text-faint)}.audit-after{color:var(--success);overflow-wrap:anywhere}.attachments{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.35rem}.attachment-image{padding:0;border:none;background:none;cursor:zoom-in;border-radius:8px;overflow:hidden;max-height:350px;line-height:0}.attachment-image img{width:100%;height:100%;object-fit:cover;display:block}.attachment-video{max-width:min(100%,480px);max-height:350px;border-radius:8px;background:#000}.attachment-file{display:flex;align-items:center;gap:.6rem;padding:.55rem .8rem;border-radius:8px;background:var(--surface);border:1px solid var(--border);text-decoration:none;color:var(--text);max-width:320px}.attachment-file:hover{background:var(--surface-hover)}.attachment-file .file-glyph{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:6px;background:var(--bg-alt);color:var(--accent-text);font-size:.6rem;font-weight:700}.file-meta{display:grid;min-width:0}.file-meta strong{font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta small{color:var(--text-faint);font-size:.72rem}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;gap:1rem;padding:2.5rem;background:#000000d9;cursor:zoom-out}.lightbox img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:8px;cursor:default}.lightbox-bar{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;border-radius:999px;background:var(--bg-alt);cursor:default;font-size:.85rem}.lightbox-bar a,.lightbox-bar button{color:var(--accent-text);background:none;border:none;cursor:pointer;text-decoration:none;font-size:.85rem}.image-picker{display:grid;gap:.4rem;margin-bottom:.9rem}.picker-label{font-size:.8rem;color:var(--text-dim)}.picker-row{display:flex;align-items:center;gap:.9rem}.picker-preview{position:relative;flex-shrink:0;display:grid;place-items:center;background:var(--bg-alt);border:1px solid var(--border);overflow:hidden}.picker-preview.round{width:72px;height:72px;border-radius:50%}.picker-preview.wide{width:160px;height:60px;border-radius:8px}.picker-preview img{width:100%;height:100%;object-fit:cover}.picker-empty{font-size:.7rem;color:var(--text-faint)}.picker-preview progress{position:absolute;bottom:0;margin:0}.picker-actions{display:grid;gap:.3rem;justify-items:start}.picker-actions small{color:var(--text-faint);font-size:.72rem}.picker-error{color:var(--danger-soft)!important}.empty-state{display:grid;place-content:center;text-align:center;height:100%;color:var(--text-dim)}.empty-state h2,.empty-state h3{margin:0 0 .35rem;color:var(--text)}.hint{color:var(--text-dim);text-align:center}.hint.error{color:var(--danger)}.profile-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:.9rem}.btn-ghost{background:var(--glass, rgba(255, 255, 255, .05));border:1px solid var(--border);border-radius:8px;padding:.7rem 1.1rem;font-weight:600;color:var(--text);transition:background var(--motion-fast, .14s) ease}.btn-ghost:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 18%,transparent)}.btn-danger{background:none;border:1px solid color-mix(in srgb,var(--danger) 55%,transparent);border-radius:8px;padding:.7rem 1.1rem;font-weight:600;color:var(--danger);transition:background var(--motion-fast, .14s) ease}.btn-danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 14%,transparent)}.btn-ghost:disabled,.btn-danger:disabled{opacity:.55;cursor:default}.strip-card-action{margin-top:.6rem;width:100%;background:color-mix(in srgb,var(--accent) 16%,transparent);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:7px;padding:.4rem .6rem;font-size:.85rem;font-weight:600;color:var(--text)}.strip-card-action:hover{background:color-mix(in srgb,var(--accent) 28%,transparent)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;z-index:100}.modal{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1.5rem;width:100%;max-width:380px;display:flex;flex-direction:column;gap:1rem}.modal h3{margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem}.modal-actions button{background:none;border:1px solid var(--border);border-radius:6px;padding:.5rem 1rem}.modal-actions .btn-primary{border-color:transparent;background:var(--accent);color:var(--on-accent);font-weight:600}.modal-actions .btn-primary:hover:not(:disabled){background:var(--accent-hover)}.message{position:relative}.message-actions{position:absolute;top:-.6rem;right:.25rem;display:none;gap:.15rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.15rem;z-index:5}.message:hover .message-actions{display:flex}.action-btn{background:none;border:none;border-radius:4px;padding:.25rem .4rem;color:var(--text-dim);font-size:.9rem;line-height:1}.action-btn:hover{background:var(--surface-hover);color:var(--text)}.emoji-wrapper{position:relative}.emoji-picker{position:absolute;bottom:calc(100% + .35rem);right:0;display:flex;gap:.15rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.25rem;box-shadow:0 4px 14px #0006}.emoji-picker button{background:none;border:none;border-radius:4px;padding:.2rem .3rem;font-size:1.1rem}.emoji-picker button:hover{background:var(--surface-hover)}.message-edit textarea{background:var(--bg);resize:vertical;min-height:3rem}.message-edit small{color:var(--text-faint);font-size:.75rem}.reactions{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.3rem}.reaction{display:flex;align-items:center;gap:.25rem;background:var(--surface);border:1px solid transparent;border-radius:999px;padding:.1rem .5rem;font-size:.85rem}.reaction:hover:not(:disabled){border-color:var(--border)}.reaction.mine{background:color-mix(in srgb,var(--accent) 18%,transparent);border-color:var(--accent)}.reaction-count{color:var(--text-dim);font-size:.75rem}.reply-context{display:flex;align-items:baseline;gap:.4rem;margin:.6rem 0 0 3.4rem;font-size:.8rem;color:var(--text-dim);overflow:hidden}.reply-arrow{color:var(--text-faint)}.reply-author{font-weight:600;color:var(--text)}.reply-excerpt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-banner{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border-radius:6px 6px 0 0;padding:.4rem .75rem;font-size:.85rem;color:var(--text-dim);border-bottom:1px solid var(--border)}.reply-banner button{background:none;border:none;color:var(--text-dim)}.input-disabled{margin:0;padding:.7rem .75rem;background:var(--surface);border-radius:6px;color:var(--text-faint);font-size:.9rem;text-align:center}.channel-row{display:flex;align-items:center;border-radius:4px}.channel-row:hover{background:var(--surface-hover)}.channel-row.active{background:var(--surface)}.channel-row .channel-item{flex:1;background:none}.channel-row .channel-item:hover:not(:disabled){background:none}.channel-row .icon-btn.tiny{opacity:0;font-size:.8rem;padding:0 .4rem}.channel-row:hover .icon-btn.tiny{opacity:1}.danger-hover:hover{color:var(--danger)}.channel-category h3 .icon-btn.tiny{opacity:0;font-size:.85rem;padding:0 .25rem}.channel-category:hover h3 .icon-btn.tiny{opacity:1}select{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:.6rem .75rem;color:var(--text);font:inherit;width:100%}.modal label{display:flex;flex-direction:column;gap:.35rem}.modal label>span{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim)}.modal small{color:var(--text-faint);font-size:.8rem}.member-list{background:var(--bg-alt);border:1px solid var(--border);border-radius:12px;overflow-y:auto;padding:.75rem .5rem;min-height:0}.member-section h3{margin:.75rem 0 .35rem .5rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint)}.member{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;border-radius:4px}.member:hover{background:var(--surface-hover)}.member.is-offline{opacity:.45}.member-avatar{position:relative;width:30px;height:30px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;font-size:.65rem;font-weight:600;flex-shrink:0}.presence-dot{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:50%;border:2px solid var(--bg-alt)}.presence-dot.online{background:var(--success)}.presence-dot.idle{background:#eab308}.presence-dot.dnd{background:var(--danger)}.presence-dot.invisible{background:var(--bg);box-shadow:inset 0 0 0 2px var(--text-faint)}.presence-dot.offline{background:var(--text-faint)}.user-avatar{position:relative}.user-avatar .presence-dot{position:absolute;right:-1px;bottom:-1px;width:13px;height:13px;border:2px solid var(--bg)}.menu-label{padding:.45rem .65rem .15rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint)}.status-option{display:flex!important;align-items:flex-start;gap:.55rem}.status-option .presence-dot{position:static;margin-top:.3rem;flex-shrink:0;border:none}.status-option small{display:block;color:var(--text-faint);font-size:.73rem;line-height:1.3}.status-option.active{background:var(--surface-hover)}.member-name{font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-item.dm{gap:.5rem;padding:.35rem .4rem}.dm-avatar{width:30px;height:30px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;font-size:.65rem;font-weight:600;flex-shrink:0}.dm-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hint.small{font-size:.85rem;padding:0 .5rem}.search-results{display:flex;flex-direction:column;gap:.25rem;max-height:240px;overflow-y:auto}.search-result{display:flex;align-items:center;gap:.5rem;background:none;border:none;border-radius:6px;padding:.4rem;text-align:left}.search-result:hover{background:var(--surface-hover)}.search-result small{color:var(--text-faint);margin-left:.15rem}.profile-card{position:relative;width:100%;max-width:340px;background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.profile-banner{aspect-ratio:var(--banner-aspect, 3);background-size:cover;background-position:center}.profile-avatar{position:absolute;top:40px;left:1.25rem;width:72px;height:72px;border-radius:50%;border:5px solid var(--surface);display:grid;place-items:center;color:#fff;font-weight:700;font-size:1.1rem;overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-body{padding:2.75rem 1.25rem 1.25rem}.profile-body h3{margin:0;font-size:1.2rem}.profile-body h4{margin:1rem 0 .25rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.profile-tag{margin:.1rem 0 0;color:var(--text-dim);font-size:.9rem}.profile-tag span{color:var(--text-faint)}.profile-status{margin:.5rem 0 0;font-size:.9rem}.profile-bio,.profile-meta{margin:0;font-size:.875rem;white-space:pre-wrap;overflow-wrap:anywhere}.btn-primary.full{width:100%;margin-top:1.25rem}.member{width:100%;background:none;border:none;text-align:left}.voice-controls{border-top:1px solid var(--border);padding:.6rem .75rem;background:var(--surface);display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}.voice-status{display:flex;align-items:center;gap:.5rem}.voice-status strong{display:block;font-size:.8rem;color:var(--success)}.voice-status small{color:var(--text-dim);font-size:.75rem}.voice-dot{width:9px;height:9px;border-radius:50%;background:var(--success);flex-shrink:0}.voice-dot.connecting,.voice-dot.reconnecting{background:var(--accent);animation:pulse 1.2s ease-in-out infinite}.voice-dot.error{background:var(--danger)}@keyframes pulse{50%{opacity:.3}}.voice-buttons{display:flex;gap:.35rem}.voice-btn{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:.4rem;font-size:1rem;line-height:1}.voice-btn:hover{background:var(--surface-hover)}.voice-btn.active{background:color-mix(in srgb,var(--danger) 18%,transparent);border-color:var(--danger)}.voice-btn.danger:hover{background:var(--danger);border-color:var(--danger)}.voice-error,.channel-error{background:color-mix(in srgb,var(--danger) 12%,transparent);border:1px solid color-mix(in srgb,var(--danger) 35%,transparent);border-radius:6px;padding:.4rem .6rem;color:var(--danger-soft);font-size:.78rem;margin:.25rem .5rem}.voice-participants{padding-left:1.25rem}.channel-list>.voice-controls{background:var(--bg-alt);border:1px solid var(--border);border-radius:10px;border-top:1px solid var(--border);margin-top:.5rem}.voice-participant{display:flex;align-items:center;gap:.4rem;padding:.2rem .4rem;position:relative}.voice-avatar{width:24px;height:24px;border-radius:50%;border:2px solid transparent;background:var(--accent);color:var(--on-accent);font-size:.6rem;font-weight:600;display:grid;place-items:center;flex-shrink:0;transition:border-color .1s}.voice-avatar.speaking{border-color:var(--success)}.voice-name{font-size:.82rem;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.voice-icons{display:flex;gap:.15rem;font-size:.7rem}.volume-slider{position:absolute;left:0;top:100%;z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.4rem;display:flex;align-items:center;gap:.4rem;box-shadow:0 4px 14px #0006}.volume-slider input{width:100px}.volume-slider span{font-size:.7rem;color:var(--text-dim);min-width:36px}.channel-loading{margin-left:auto;color:var(--text-faint)}.audio-unblock{background:var(--accent);border:none;border-radius:6px;padding:.5rem;color:var(--on-accent);font-size:.82rem;font-weight:500;width:100%}.channel-item.unread{color:#fff;font-weight:600}.mention-badge{margin-left:auto;background:var(--danger);color:#fff;border-radius:999px;padding:0 .4rem;font-size:.7rem;font-weight:700;min-width:18px;text-align:center}.guild-icon{position:relative}.guild-badge{position:absolute;bottom:-2px;right:-2px;background:var(--danger);color:#fff;border:2px solid var(--bg-alt);border-radius:999px;padding:0 .3rem;font-size:.65rem;font-weight:700;min-width:18px}.guild-dot{position:absolute;left:-6px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:999px;background:#fff}.message.mentioned{background:color-mix(in srgb,var(--accent) 9%,transparent);border-left:2px solid var(--accent);border-radius:0 6px 6px 0;margin-left:-.25rem;padding-left:calc(.25rem - 2px);padding-right:.25rem}.settings-window{display:grid;grid-template-columns:200px 1fr;width:min(1000px,94vw);height:min(680px,90vh);background:var(--bg-alt);border:1px solid var(--border);border-radius:12px;overflow:hidden}.settings-page{display:grid;grid-template-columns:220px 1fr;height:100%;min-height:0;background:var(--bg-alt)}.view-host{position:relative;min-height:0;height:100%}.view-pane{height:100%;min-height:0}.settings-nav{display:flex;flex-direction:column;background:var(--bg);border-right:1px solid var(--border);padding:1.25rem .75rem;gap:.5rem}.account-facts{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1.25rem;margin:0 0 1.25rem;font-size:.9rem}.account-facts dt{color:var(--text-faint)}.account-facts dd{margin:0}.settings-nav header h3{margin:0;padding:0 .5rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-nav nav{display:flex;flex-direction:column;gap:.1rem;flex:1}.settings-nav nav button{position:relative;background:none;border:none;border-radius:8px;padding:.55rem .7rem;text-align:left;font-size:.9rem;color:var(--text-dim);transition:color var(--motion-fast) var(--ease-both),background var(--motion-fast) var(--ease-both)}.settings-nav nav button:hover{background:color-mix(in srgb,var(--surface-hover) 70%,transparent);color:var(--text)}.settings-nav nav button:before{content:"";position:absolute;left:-.75rem;top:50%;width:3px;height:60%;border-radius:0 3px 3px 0;background:var(--accent);transform:translateY(-50%) scaleY(0);transition:transform var(--motion-base) var(--ease-out)}.settings-nav nav button.active:before{transform:translateY(-50%) scaleY(1)}.settings-nav nav button.active{color:var(--text);font-weight:500}.settings-nav nav button.active{background:var(--surface);color:var(--text);font-weight:600}.settings-close{width:100%;background:none;border:1px solid var(--border);border-radius:6px;padding:.45rem;font-size:.85rem}.settings-close:hover{background:var(--surface-hover)}.settings-content{overflow-y:auto;min-height:0;display:flex;flex-direction:column}.settings-section{display:flex;flex-direction:column;gap:.9rem;padding:1.25rem}.settings-section h2{margin:0;font-size:1.2rem}.settings-section h3{margin:.5rem 0 0;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim)}.settings-section h4{margin:0 0 .4rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim)}.settings-section label{display:flex;flex-direction:column;gap:.3rem}.settings-section label>span{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim)}.settings-section small{color:var(--text-faint);font-size:.78rem}.saved-note{color:var(--success);font-size:.85rem;align-self:center;margin-right:auto}.guild-preview{position:relative;margin-bottom:1.6rem}.preview-banner{aspect-ratio:var(--banner-aspect, 3);border-radius:10px;background:var(--surface);background-size:cover;background-position:center}.preview-icon{position:absolute;left:1rem;bottom:-1.4rem;width:72px;height:72px;border-radius:50%;border:4px solid var(--bg-alt);background:var(--accent);color:var(--on-accent);display:grid;place-items:center;font-weight:700;overflow:hidden}.preview-icon img{width:100%;height:100%;object-fit:cover}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.6rem}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.85rem;display:flex;flex-direction:column;gap:.15rem}.stat-card strong{font-size:1.5rem;line-height:1.1}.stat-card span{color:var(--text-dim);font-size:.78rem}.stat-card.accent strong{color:var(--success)}.stats-list{margin:0;padding:0;list-style:none;background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.stats-list li{display:flex;justify-content:space-between;padding:.55rem .85rem;border-bottom:1px solid var(--border);font-size:.875rem}.stats-list li:last-child{border-bottom:none}.stats-meta{margin:0;color:var(--text-dim);font-size:.875rem}.mode-switch.small{align-self:flex-start}.mode-switch.small button{padding:.3rem .8rem;font-size:.82rem}.member-rows{display:flex;flex-direction:column;gap:.35rem}.member-row{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden}.member-row.open{border-color:var(--accent)}.member-row-head{display:flex;align-items:center;gap:.6rem;width:100%;background:none;border:none;padding:.55rem .7rem;text-align:left}.member-row-head:not(.static):hover{background:var(--surface-hover)}.member-row-head.static{cursor:default}.member-row-name{display:flex;flex-direction:column;min-width:0;flex:1}.member-row-name strong{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-row-roles{color:var(--text-faint);font-size:.75rem;white-space:nowrap}.member-row-body{padding:.75rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.6rem}.role-chips{display:flex;flex-wrap:wrap;gap:.35rem}.role-chip{background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:.2rem .6rem;font-size:.8rem;color:var(--text-dim)}.role-chip:hover{border-color:var(--text-dim);color:var(--text)}.role-chip.active{border-color:var(--accent);color:var(--accent-text)}.member-row-actions{display:flex;gap:1rem;padding-top:.35rem;border-top:1px solid var(--border)}@media (max-width: 720px){.settings-window,.settings-page{grid-template-columns:1fr}.settings-window{height:94vh}.settings-page{grid-template-rows:auto 1fr}.settings-nav{flex-direction:row;align-items:center;overflow-x:auto;border-right:none;border-bottom:1px solid var(--border)}.settings-nav header{display:none}.settings-nav nav{flex-direction:row}}.roles-panel.embedded{width:100%;height:100%;border:none;border-radius:0;background:none}.roles-panel{display:grid;grid-template-columns:220px 1fr;width:min(880px,92vw);height:min(620px,88vh);background:var(--bg-alt);border:1px solid var(--border);border-radius:12px;overflow:hidden}.roles-list{display:flex;flex-direction:column;background:var(--bg);border-right:1px solid var(--border);min-height:0}.roles-list header{display:flex;align-items:center;justify-content:space-between;padding:.85rem .75rem;border-bottom:1px solid var(--border)}.roles-list h3{margin:0;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.roles-scroll{flex:1;overflow-y:auto;padding:.4rem}.role-entry{display:flex;align-items:center;gap:.5rem;width:100%;background:none;border:none;border-radius:6px;padding:.45rem .5rem;text-align:left;font-size:.875rem}.role-entry:hover{background:var(--surface-hover)}.role-entry.active{background:var(--surface)}.role-entry small{margin-left:auto;color:var(--text-faint);font-size:.7rem}.role-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.role-editor{display:flex;flex-direction:column;padding:.85rem 1rem 1rem;overflow-y:auto;min-height:0;gap:.85rem}.role-editor-header{display:flex;align-items:center;justify-content:space-between}.role-editor-header h3{margin:0;font-size:1.05rem}.role-fields{display:flex;flex-direction:column;gap:.6rem}.role-fields label{display:flex;flex-direction:column;gap:.3rem}.role-fields label>span{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim)}.role-fields input[type=color]{width:64px;height:34px;padding:.15rem;cursor:pointer}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem}.permissions-grid h4{margin:0 0 .4rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim)}label.checkbox{display:flex;flex-direction:row;align-items:flex-start;gap:.5rem;padding:.25rem 0;font-size:.85rem;cursor:pointer}label.checkbox input{width:auto;margin-top:.15rem;accent-color:var(--accent);cursor:pointer}label.checkbox small{display:block;color:var(--text-faint);font-size:.73rem;line-height:1.3}.role-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:auto;padding-top:.85rem;border-top:1px solid var(--border)}.danger-text{background:none;border:none;color:var(--danger-soft);font-size:.85rem;padding:.5rem 0}.danger-text:hover{color:var(--danger);text-decoration:underline}@media (max-width: 720px){.roles-panel{grid-template-columns:1fr;height:92vh}.roles-list{display:none}}@media (max-width: 1100px){.chat{grid-template-columns:240px 1fr}.member-list{display:none}}@media (max-width: 860px){.context-name,.user-text{display:none}.mode-switch button{padding:.35rem .7rem;font-size:.82rem}}@media (max-width: 780px){.chat{grid-template-columns:1fr}.channel-list{display:none}}::selection{background:color-mix(in srgb,var(--accent) 35%,transparent);color:var(--text)}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}::placeholder{color:var(--text-faint);opacity:1}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--line-strong);border:3px solid transparent;border-radius:999px;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background-color:var(--text-faint)}button:focus-visible,a:focus-visible,[role=button]:focus-visible,[tabindex]:focus-visible,summary:focus-visible{outline:none;box-shadow:var(--ring)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@media (prefers-reduced-transparency: reduce){body:after{display:none}}.auth-card label>span,.modal label>span,.settings-section label>span,.role-fields label>span{text-transform:none;letter-spacing:0;font-size:.8rem;font-weight:500;color:var(--text-dim)}.channel-category h3,.member-section h3,.menu-label,.profile-body h4,.settings-nav header h3,.settings-section h4,.roles-list h3,.permissions-grid h4{text-transform:none;letter-spacing:0;font-size:.78rem;font-weight:600}.settings-section h3{text-transform:none;letter-spacing:-.01em;font-size:.95rem;font-weight:600;color:var(--text);margin-top:.75rem}.hub-block h2{text-transform:none;letter-spacing:-.015em;font-size:1.05rem;font-weight:600;color:var(--text)}.btn-primary{border-radius:10px;background:var(--accent);box-shadow:inset 0 1px #ffffff47,inset 0 -1px #0000001f,0 1px 2px #32000a73,0 6px 16px -8px color-mix(in srgb,var(--accent) 70%,transparent);letter-spacing:-.005em;transition:background var(--motion-fast) var(--ease-both),box-shadow var(--motion-base) var(--ease-both),transform var(--motion-fast) var(--ease-both)}.btn-primary:hover:not(:disabled){box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #0000001f,0 1px 2px #32000a73,0 10px 22px -8px color-mix(in srgb,var(--accent) 80%,transparent)}.btn-primary:focus-visible{box-shadow:var(--ring)}.btn-secondary,.btn-provider,.settings-close,.load-more{border-radius:10px;background:var(--layer-2);border-color:var(--line-strong);box-shadow:var(--edge-light);transition:background var(--motion-fast) var(--ease-both),border-color var(--motion-fast) var(--ease-both),transform var(--motion-fast) var(--ease-both)}.btn-secondary:hover:not(:disabled),.btn-provider:hover,.settings-close:hover,.load-more:hover{background:var(--layer-3);border-color:var(--text-faint)}.btn-provider:active,.settings-close:active,.load-more:active{transform:scale(.98)}input,textarea,select{background:var(--layer-0);border-color:var(--line-strong);border-radius:10px;box-shadow:inset 0 1px 2px #00000040}input:focus,textarea:focus,select:focus{box-shadow:inset 0 1px 2px #00000040,0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}.auth{position:relative;background:radial-gradient(60rem 40rem at 85% -10%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 60%),radial-gradient(50rem 36rem at -10% 110%,rgba(110,24,60,.22),transparent 60%),var(--layer-0)}.auth-card{max-width:400px;padding:2.5rem 2.25rem 2.25rem;gap:1.05rem;background:color-mix(in srgb,var(--layer-1) 82%,transparent);border:1px solid var(--glass-line);border-radius:20px;box-shadow:var(--edge-light),var(--shadow-lg);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);animation:hub-in .42s var(--ease-out) both}.auth-card h1{display:grid;justify-items:center;gap:.9rem;font-size:1.9rem;font-weight:600;letter-spacing:-.04em}.auth-card h1:before{content:"";width:22px;height:22px;border-radius:5px;background:var(--accent);transform:rotate(45deg);box-shadow:0 0 32px 2px color-mix(in srgb,var(--accent) 45%,transparent);margin-bottom:.35rem}.auth-subtitle{margin:-.65rem 0 .75rem}.auth-card .btn-primary{padding:.75rem 1.1rem;margin-top:.25rem}.auth-error,.input-error{border-radius:10px}.separator:before,.separator:after{background:var(--line)}.auth-switch button:hover{color:var(--text);text-decoration:underline;text-underline-offset:3px}.top-bar{background:linear-gradient(to bottom,var(--layer-1),color-mix(in srgb,var(--layer-0) 70%,transparent))}.top-bar:after{background:linear-gradient(to right,transparent,var(--line-strong) 20%,var(--line-strong) 80%,transparent)}.mode-switch,.strip{background:color-mix(in srgb,var(--layer-1) 78%,transparent);border-color:var(--glass-line);box-shadow:var(--edge-light),var(--shadow-sm);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.mode-switch button{transition:color var(--motion-fast) var(--ease-both),background var(--motion-fast) var(--ease-both)}.mode-switch button.active{box-shadow:inset 0 1px #ffffff47,0 2px 10px -3px color-mix(in srgb,var(--accent) 70%,transparent);font-weight:600}.mode-switch button:not(.active):not(.hub-button):hover{background:var(--glass)}.strip-item{background:var(--layer-3);transition:background var(--motion-fast) var(--ease-both),transform var(--motion-fast) var(--ease-both)}.strip-item:hover{transform:translateY(-1px)}.strip-item:active{transform:scale(.95)}.strip-badge,.switch-badge,.browse-badge,.hub-badge.mention{font-variant-numeric:tabular-nums;box-shadow:0 2px 6px -1px color-mix(in srgb,var(--danger) 60%,transparent)}.context-mark,.user-avatar{box-shadow:inset 0 1px #ffffff40,0 0 0 1px #00000040}.context-name{letter-spacing:-.02em}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}}.guild-menu,.user-menu,.context-menu{background:color-mix(in srgb,var(--layer-2) 92%,transparent);border-color:var(--line-strong);border-radius:14px;padding:.35rem;box-shadow:var(--edge-light),var(--shadow-lg);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);animation:pop-in .16s var(--ease-out) both;transform-origin:top}.guild-menu button,.user-menu button,.context-menu button{border-radius:9px;transition:background var(--motion-fast) var(--ease-both),color var(--motion-fast) var(--ease-both)}.guild-menu button:hover:not(:disabled),.user-menu button:hover,.context-menu button:hover:not(:disabled){background:var(--layer-3)}.user-menu button.danger:hover{background:color-mix(in srgb,var(--danger) 16%,transparent);color:var(--danger-soft)}.menu-separator{background:var(--line)}.strip-card,.profile-card{background:var(--layer-2);border-color:var(--line-strong);border-radius:16px;box-shadow:var(--edge-light),var(--shadow-lg)}.modal-backdrop{background:#0904059e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fade-in .18s var(--ease-both) both}@keyframes fade-in{0%{opacity:0}}.modal{background:var(--layer-1);border-color:var(--glass-line);border-radius:18px;padding:1.6rem;box-shadow:var(--edge-light),var(--shadow-lg);animation:hub-in .26s var(--ease-out) both}.modal h3{font-size:1.1rem;font-weight:600;letter-spacing:-.02em}.modal-actions button{border-radius:10px;border-color:var(--line-strong);transition:background var(--motion-fast) var(--ease-both)}.modal-actions button:not(.btn-primary):hover:not(:disabled){background:var(--layer-3)}.chat{background:var(--layer-0)}.channel-category{background:var(--layer-1);border-color:var(--line);border-radius:14px;padding:.45rem;box-shadow:var(--edge-light)}.channel-category h3{color:var(--text-faint)}.channel-item{border-radius:8px;padding:.4rem .55rem;transition:background var(--motion-fast) var(--ease-both),color var(--motion-fast) var(--ease-both)}.channel-row{border-radius:8px;transition:background var(--motion-fast) var(--ease-both)}.channel-row:hover,.channel-item:hover:not(:disabled){background:var(--layer-2)}.channel-row.active{position:relative;background:var(--layer-3)}.channel-row.active:before{content:"";position:absolute;left:-.45rem;top:50%;width:3px;height:55%;border-radius:0 3px 3px 0;background:var(--accent);transform:translateY(-50%)}.member-list{background:var(--layer-1);border-color:var(--line);border-radius:14px;box-shadow:var(--edge-light)}.member-section h3{color:var(--text-faint)}.member{border-radius:8px;padding:.3rem .5rem;transition:background var(--motion-fast) var(--ease-both),opacity var(--motion-fast) var(--ease-both)}.member:hover{background:var(--layer-2)}.member.is-offline:hover{opacity:.8}.message-avatar,.member-avatar,.dm-avatar,.browse-avatar{background:linear-gradient(150deg,#3b2a2d,#211819);color:#f2a5ae;box-shadow:inset 0 1px #fff0dc14,0 0 0 1px #0000004d;letter-spacing:.02em}.chat-header{padding:.8rem .5rem .9rem;border-bottom-color:var(--line)}.chat-header h2{font-size:1.05rem;font-weight:600;letter-spacing:-.015em}.channel-topic{border-left-color:var(--line-strong);color:var(--text-faint)}.message-list{padding:.75rem 0}.message{padding:.2rem .6rem;border-radius:10px;transition:background var(--motion-fast) var(--ease-both)}.message:hover{background:color-mix(in srgb,var(--layer-2) 70%,transparent)}.message:not(.grouped){margin-top:.85rem}.message-author{letter-spacing:-.01em}.message-body time,.edited{color:var(--text-faint);font-size:.72rem}.message-content{line-height:1.55;color:color-mix(in srgb,var(--text) 92%,var(--text-dim))}.message-actions{background:var(--layer-2);border-color:var(--line-strong);border-radius:10px;padding:.2rem;box-shadow:var(--edge-light),var(--shadow-md)}.reaction{background:var(--layer-2);border-color:var(--line);padding:.12rem .55rem;transition:border-color var(--motion-fast) var(--ease-both),background var(--motion-fast) var(--ease-both),transform var(--motion-fast) var(--ease-both)}.reaction:hover:not(:disabled){border-color:var(--line-strong);background:var(--layer-3)}.reaction:active:not(:disabled){transform:scale(.95)}.reaction.mine{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 60%,transparent)}.reaction-count{font-variant-numeric:tabular-nums}.message.grouped .message-body{margin-left:calc(38px + .75rem)}.input-row{align-items:center;gap:.35rem;background:var(--layer-2);border:1px solid var(--line-strong);border-radius:16px;padding:.35rem;box-shadow:var(--edge-light),var(--shadow-md);transition:border-color var(--motion-fast) var(--ease-both),box-shadow var(--motion-base) var(--ease-both)}.input-row:focus-within{border-color:color-mix(in srgb,var(--accent) 55%,var(--line-strong));box-shadow:var(--edge-light),var(--shadow-md),0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.input-row textarea,.input-row textarea:hover:not(:disabled),.input-row textarea:focus{background:transparent;border-color:transparent;box-shadow:none}.attach-button{width:34px;height:34px;background:var(--layer-3);transition:background var(--motion-fast) var(--ease-both),color var(--motion-fast) var(--ease-both),transform var(--motion-fast) var(--ease-both)}.attach-button:hover:not(:disabled){background:var(--accent-soft);color:var(--accent-text)}.attach-button:active:not(:disabled){transform:scale(.94)}.reply-banner{background:var(--layer-2);border-radius:12px 12px 0 0;border:1px solid var(--line-strong);border-bottom:none;margin:0 .5rem}.input-disabled{background:var(--layer-1);border:1px dashed var(--line-strong);border-radius:14px}.message-input{padding:0 0 .35rem}.hub-header h1{font-size:clamp(2.2rem,3.6vw,3rem);letter-spacing:-.045em;line-height:1.05}.hub-greeting{font-size:.95rem;color:var(--text-dim);letter-spacing:-.005em}.hub-stat{border-radius:18px;padding:1.15rem 1.3rem 1.2rem;box-shadow:var(--edge-light);transition:border-color var(--motion-base) var(--ease-both)}.hub-stat:hover{border-color:color-mix(in srgb,var(--accent) 25%,var(--glass-line))}.hub-stat strong{font-size:2.1rem;letter-spacing:-.045em;line-height:1.1}.hub-stat small{font-size:.8rem;color:var(--text-dim)}.hub-resume-row,.hub-friend{border-radius:14px;border-color:var(--line);box-shadow:var(--edge-light)}.hub-resume-row:hover,.hub-friend:hover{border-color:var(--line-strong)}.hub-guild{border-radius:18px;box-shadow:var(--edge-light),var(--shadow-md)}.hub-guild-body strong{font-weight:600;letter-spacing:-.01em}.settings-nav{background:var(--layer-1);border-right-color:var(--line)}.settings-nav nav button.active{background:var(--layer-3)}.settings-section h2{font-size:1.5rem;font-weight:600;letter-spacing:-.03em}.settings-section form>label{margin-bottom:1.15rem}.settings-section form>h3{margin-bottom:.85rem}.settings-section small{line-height:1.45}.empty-state h2,.empty-state h3{font-weight:600;letter-spacing:-.02em}.connection-banner{font-weight:500;box-shadow:0 4px 16px -4px color-mix(in srgb,var(--accent) 60%,transparent)}@media (max-width: 560px){.top-bar .strip-zone{display:none}.top-bar{gap:.5rem;padding:0 .6rem}.mode-switch button{padding:.35rem .55rem;font-size:.8rem}.top-bar>.mode-switch>button:not(.hub-button):before,.switch-slot{flex-basis:10px}.mode-switch .hub-button{width:30px;height:30px}.context-mark,.user-avatar{width:36px;height:36px;font-size:.75rem}.context-button,.user-chip{padding:.2rem}.top-bar .chevron{display:none}.auth-card{padding:2rem 1.4rem 1.6rem;border-radius:18px}}:root{--layer-0: #0d0c0c;--layer-1: #141213;--layer-2: #1a1819;--layer-3: #232021;--layer-4: #2c292a;--line: #262324;--line-strong: #353132;--bg: var(--layer-0);--bg-alt: var(--layer-1);--surface: var(--layer-3);--surface-hover: var(--layer-4);--border: var(--line-strong);--text: #f2eeee;--text-dim: #b3abac;--text-faint: #7f7778;--accent: #7c1021;--accent-hover: #8f1728;--accent-deep: #5e0b18;--accent-text: #d9606f;--accent-soft: rgba(124, 16, 33, .28);--on-accent: #ffffff;--danger: #ef4d4d;--danger-soft: #ffaaaa;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-float: 0 8px 24px rgba(0, 0, 0, .45), 0 0 0 1px rgba(255, 255, 255, .04);--shadow-modal: 0 24px 64px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 255, 255, .05);--ring: 0 0 0 2px var(--layer-0), 0 0 0 4px var(--accent-text);--ease-out: cubic-bezier(.2, 0, 0, 1);--ease-both: cubic-bezier(.2, 0, 0, 1);--motion-fast: .12s;--motion-base: .18s;--motion-screen: .24s;--glow: none}body{background:var(--layer-0);font-size:15px;letter-spacing:-.003em}body:before,body:after,.hub-aura{display:none}#root{position:static}.chat,.hub,.auth{background:transparent}@keyframes hub-in{0%{opacity:0;transform:translateY(6px)}}::selection{background:#e6707e52;color:#fff}.icon{display:inline-block;flex-shrink:0;vertical-align:-.15em}.btn-primary,.modal-actions .btn-primary{background:var(--accent);color:var(--on-accent);border:none;border-radius:var(--radius-md);padding:.62rem 1.1rem;font-weight:600;letter-spacing:0;box-shadow:none;transition:background var(--motion-fast) var(--ease-out)}.btn-primary:hover:not(:disabled),.modal-actions .btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:none;box-shadow:none}.btn-primary:active:not(:disabled),.modal-actions .btn-primary:active:not(:disabled){background:var(--accent-deep);transform:none}.btn-primary:disabled{opacity:.5}.btn-primary.tiny{border-radius:var(--radius-sm);padding:.28rem .65rem}.btn-secondary,.btn-provider,.settings-close,.load-more,.modal-actions button:not(.btn-primary){display:inline-flex;align-items:center;justify-content:center;gap:.45rem;background:var(--layer-3);border:1px solid transparent;border-radius:var(--radius-md);box-shadow:none;color:var(--text);font-weight:500;transition:background var(--motion-fast) var(--ease-out)}.btn-secondary:hover:not(:disabled),.btn-provider:hover,.settings-close:hover,.load-more:hover,.modal-actions button:not(.btn-primary):hover:not(:disabled){background:var(--layer-4);border-color:transparent}.btn-provider{display:flex;padding:.62rem}.btn-provider:active,.settings-close:active,.load-more:active,.btn-secondary:active:not(:disabled){transform:none;background:var(--layer-3)}.icon-btn,.action-btn{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0;border-radius:var(--radius-sm);color:var(--text-dim);font-size:18px;transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}.icon-btn:hover,.action-btn:hover{background:var(--layer-4);color:var(--text)}.icon-btn.tiny{min-width:22px;height:22px;font-size:14px}.action-btn.danger{background:var(--danger);color:#fff}input,textarea,select{background:var(--layer-0);border:1px solid var(--line-strong);border-radius:var(--radius-md);padding:.6rem .75rem;box-shadow:none;transition:border-color var(--motion-fast) var(--ease-out)}input:hover:not(:disabled),textarea:hover:not(:disabled),select:hover:not(:disabled){border-color:#4a4547}input:focus,textarea:focus,select:focus{background:var(--layer-0);border-color:var(--accent-text);box-shadow:0 0 0 1px var(--accent-text)}.auth,.hub{background:var(--layer-1)}.auth-card,.modal{background:var(--layer-2);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal);backdrop-filter:none;-webkit-backdrop-filter:none}.auth-card{max-width:400px;padding:2.5rem 2rem 2rem;box-shadow:0 8px 32px #0000004d;gap:1rem;animation:hub-in var(--motion-screen) var(--ease-out) both}.auth-card h1{font-size:1.6rem;font-weight:600;letter-spacing:-.03em;gap:1rem}.auth-card h1:before{width:28px;height:28px;border-radius:7px;background:#a51b30;box-shadow:none;margin-bottom:.25rem}.auth-subtitle{margin:-.6rem 0 .6rem;color:var(--text-dim);font-size:.95rem}.auth-card .btn-primary{padding:.7rem 1rem;margin-top:.4rem}.auth-card label>span,.modal label>span,.settings-section label>span{font-size:.8rem;font-weight:600;color:var(--text-dim)}.top-bar{background:var(--layer-0)}.top-bar:after{background:var(--line)}.bar-banner:after{background:linear-gradient(to bottom,#0d0c0c73,#0d0c0cbf)}.mode-switch,.strip{background:var(--layer-1);border:1px solid var(--line);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.mode-switch button{font-size:.9rem;font-weight:500;color:var(--text-dim);transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}.mode-switch button:not(.active):not(.hub-button):hover{background:var(--layer-3);color:var(--text)}.mode-switch button.active{background:var(--layer-4);color:var(--text);font-weight:600;box-shadow:none}.mode-switch .hub-button{background:transparent}.mode-switch .hub-button:hover{background:var(--layer-3)}.hub-button-mark{background:#a51b30}.switch-dot{background:var(--accent-text);box-shadow:none}.mode-switch button.active .switch-dot{background:var(--accent-text)}.strip-item{background:var(--layer-3);transition:background var(--motion-fast) var(--ease-out)}.strip-item:hover{background:var(--layer-4);transform:none}.strip-item:active{transform:none}.strip-item.active{outline:2px solid var(--text);outline-offset:2px}.strip-item.active:not(:has(img)){background:var(--accent);color:var(--on-accent);box-shadow:none}.strip-item.browse{font-size:20px}.strip-item.is-pinned:after{background:var(--accent-text)}.context-mark,.user-avatar{background:var(--accent);color:var(--on-accent);box-shadow:none;font-weight:600}.chevron{display:inline-grid;place-items:center;font-size:16px}.top-bar .context-name,.top-bar .user-text strong,.top-bar .user-text small,.top-bar .chevron{text-shadow:none}.guild-menu,.user-menu,.context-menu,.strip-card,.profile-card{background:var(--layer-2);border:1px solid var(--line-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-float);backdrop-filter:none;-webkit-backdrop-filter:none}.guild-menu,.user-menu,.context-menu{padding:.375rem;animation:pop-in var(--motion-base) var(--ease-out) both}.guild-menu button,.user-menu button,.context-menu button{border-radius:var(--radius-sm);padding:.5rem .625rem;font-size:.875rem}.guild-menu button:hover:not(:disabled),.user-menu button:hover,.context-menu button:hover:not(:disabled){background:var(--layer-4)}.user-menu button.danger:hover{background:var(--danger);color:#fff}.modal-backdrop{background:#000000b3;backdrop-filter:none;-webkit-backdrop-filter:none}.modal{padding:1.5rem;border-radius:var(--radius-xl)}.modal h3{font-size:1.15rem}.chat{gap:0;padding:0}.channel-list{background:var(--layer-1);border-right:1px solid var(--line)}.channel-scroll{gap:.25rem;padding:.75rem .5rem 1rem}.channel-category{background:none;border:none;border-radius:0;padding:0;box-shadow:none}.channel-category+.channel-category{margin-top:.75rem}.channel-category h3{margin:0 0 .125rem;padding:0 .25rem;font-size:.75rem;font-weight:600;letter-spacing:.01em;color:var(--text-faint)}.category-toggle{padding:.25rem}.category-toggle:hover{color:var(--text-dim)}.category-chevron{display:inline-grid;place-items:center;width:14px;font-size:12px}.channel-row,.channel-item{border-radius:var(--radius-sm)}.channel-item{gap:.5rem;padding:.375rem .5rem;font-size:.925rem;color:var(--text-faint);font-weight:500}.channel-row:hover,.channel-item:hover:not(:disabled){background:var(--layer-3);color:var(--text-dim)}.channel-row:hover .channel-item{color:var(--text-dim)}.channel-row.active{position:relative;background:var(--layer-4);box-shadow:none}.channel-row.active .channel-item,.channel-item.active{color:var(--text)}.channel-row.active:before{left:-.5rem;width:4px;height:20px;border-radius:0 4px 4px 0;background:var(--text);box-shadow:none}.channel-item.unread{color:var(--text);font-weight:600}.channel-icon{display:inline-grid;place-items:center;font-size:18px;color:var(--text-faint)}.channel-row.active .channel-icon{color:var(--text-dim)}.mention-badge,.strip-badge,.switch-badge,.browse-badge,.hub-badge.mention{background:var(--danger);color:#fff;box-shadow:none;font-weight:700}.member-list{background:var(--layer-1);border:none;border-left:1px solid var(--line);border-radius:0;box-shadow:none;padding:1rem .5rem}.member-section h3{margin:.5rem 0 .25rem .5rem;font-size:.75rem;font-weight:600;color:var(--text-faint)}.member{border-radius:var(--radius-sm);padding:.3rem .5rem}.member:hover{background:var(--layer-3)}.presence-dot{border-color:var(--layer-1)}.message-avatar,.member-avatar,.dm-avatar,.browse-avatar,.hub-avatar{background:var(--layer-4);color:var(--text-dim);box-shadow:none;font-weight:600;letter-spacing:0}.message-avatar{width:40px;height:40px}.message.grouped .message-body{margin-left:calc(40px + .75rem)}.chat-main{background:var(--layer-2)}.chat-header{padding:0 1rem;height:52px;align-items:center;border-bottom:1px solid var(--line);box-shadow:0 1px #0003}.chat-header:after{display:none}.chat-header h2{font-size:1rem;font-weight:600;letter-spacing:-.01em}.channel-hash{display:inline-grid;place-items:center;font-size:22px;color:var(--text-faint)}.channel-topic{border-left-color:var(--line-strong);color:var(--text-faint);font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-list{padding:1rem 0 .5rem}.message{padding:.125rem 1rem;border-radius:0;transition:none}.message:hover{background:#00000024}.message:not(.grouped){margin-top:1.0625rem}.message-author{font-weight:600;letter-spacing:0}.message-content{line-height:1.375;color:#e3dfdf}.message-body time,.edited{font-size:.75rem;color:var(--text-faint)}.message-actions{top:-1rem;right:1rem;background:var(--layer-2);border:1px solid var(--line-strong);border-radius:var(--radius-md);padding:.125rem;box-shadow:0 4px 12px #00000059}.reply-context{display:flex;align-items:center}.reply-arrow{display:inline-grid;place-items:center;font-size:15px}.reaction{background:var(--layer-3);border:1px solid transparent;border-radius:var(--radius-md);padding:.125rem .45rem}.reaction:hover:not(:disabled){background:var(--layer-4);border-color:var(--line-strong)}.reaction.mine{background:var(--accent-soft);border-color:var(--accent-text)}.reaction.mine .reaction-count{color:var(--text)}.message-input{padding:0 1rem 1.25rem}.input-row{background:var(--layer-3);border:none;border-radius:var(--radius-md);padding:.25rem .5rem .25rem .25rem;box-shadow:none;transition:none}.input-row:focus-within{box-shadow:none}.input-row textarea,.input-row textarea:hover:not(:disabled),.input-row textarea:focus{background:transparent;border-color:transparent;box-shadow:none;padding:.6rem .5rem}.attach-button{display:grid;place-items:center;width:32px;height:32px;margin:.2rem;background:transparent;color:var(--text-dim);font-size:22px;box-shadow:none;transform:none;transition:color var(--motion-fast) var(--ease-out)}.attach-button:hover:not(:disabled){background:transparent;color:var(--text);transform:none}.reply-banner{margin:0;background:var(--layer-1);border:none;border-radius:var(--radius-md) var(--radius-md) 0 0}.reply-banner button{display:grid;place-items:center;font-size:16px}.input-disabled{background:var(--layer-3);border:none;border-radius:var(--radius-md)}.voice-btn{display:grid;place-items:center;font-size:18px;background:var(--layer-3);border:none;border-radius:var(--radius-md);color:var(--text-dim)}.voice-btn:hover{background:var(--layer-4);color:var(--text)}.voice-btn.active{color:var(--danger);background:#ef4d4d24}.voice-btn.danger:hover{color:#fff}.voice-icons{display:inline-flex;gap:.25rem;color:var(--text-faint);font-size:14px}.hub-scroll{padding:3rem 2.5rem 4rem;max-width:64rem}.hub-header{margin-bottom:2rem}.hub-greeting{display:block;padding:0;background:none;box-shadow:none;border-radius:0;font-size:.9375rem;font-weight:400;text-transform:none;letter-spacing:0;color:var(--text-dim)}.hub-greeting:before{display:none}.hub-header h1{margin-top:.25rem;font-size:2rem;font-weight:600;letter-spacing:-.03em;line-height:1.2;background:none;color:var(--text);-webkit-background-clip:border-box;background-clip:border-box}.hub-block{margin-bottom:2.5rem}.hub-block h2{font-size:1rem;font-weight:600;letter-spacing:-.01em;margin-bottom:.75rem}.hub-stats{grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:2.5rem}.hub-stat,.hub-stat:first-child{background:var(--layer-2);border:1px solid var(--line);border-radius:var(--radius-lg);padding:1rem 1.125rem;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transform:none;transition:none}.hub-stat:hover{transform:none;border-color:var(--line)}.hub-stat strong{font-size:1.75rem;font-weight:600;letter-spacing:-.03em;line-height:1.15}.hub-stat small{margin-top:.125rem;font-size:.8125rem;color:var(--text-dim)}.hub-resume{gap:0;background:var(--layer-2);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.hub-resume-row{background:none;border:none;border-radius:0;box-shadow:none;padding:.75rem 1rem;transform:none;transition:background var(--motion-fast) var(--ease-out)}.hub-resume-row+.hub-resume-row{border-top:1px solid var(--line)}.hub-resume-row:hover{background:var(--layer-3);transform:none;box-shadow:none;border-color:var(--line)}.hub-friend{background:var(--layer-2);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:none;transform:none}.hub-friend:hover{background:var(--layer-3);transform:none;box-shadow:none}.hub-badge{background:var(--layer-4);color:var(--text-dim)}.hub-guilds{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.hub-guild{background:var(--layer-2);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:none;transition:border-color var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out)}.hub-guild:hover{transform:none;background:var(--layer-3);border-color:var(--line-strong);box-shadow:none}.hub-guild-banner{margin:0;border-radius:0}.hub-guild-body{padding:0 1rem 1rem}.hub-avatar.large{border-color:var(--layer-2)}.hub-guild:hover .hub-avatar.large{border-color:var(--layer-3)}.hub-avatar .presence-dot{border-color:var(--layer-2)}.settings-page{background:var(--layer-2)}.settings-nav{background:var(--layer-1);border-right:1px solid var(--line);box-shadow:none}.settings-nav nav button{border-radius:var(--radius-sm);padding:.45rem .625rem;font-size:.9375rem;font-weight:500}.settings-nav nav button:hover{background:var(--layer-3)}.settings-nav nav button.active{background:var(--layer-4);box-shadow:none;font-weight:600}.settings-nav nav button:before{display:none}.settings-section h2{font-size:1.25rem;font-weight:600;letter-spacing:-.02em}.settings-close{width:100%}.reaction.mine,.strip.pinned{border-color:var(--accent-text)}.connection-banner{background:var(--accent);color:var(--on-accent);box-shadow:none}@media (max-width: 1100px){.chat{grid-template-columns:240px 1fr}}@media (max-width: 860px){.hub-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 780px){.chat{grid-template-columns:1fr}}@media (max-width: 560px){.hub-scroll{padding:1.75rem 1rem 3rem}.hub-header h1{font-size:1.75rem}.message{padding:.125rem .75rem}.message-input{padding:0 .75rem .75rem}.auth-card{padding:2rem 1.25rem 1.5rem;border-radius:var(--radius-xl)}}:root{--avatar-radius: 32%;--brand: #a51b30}.message-avatar,.member-avatar,.dm-avatar,.browse-avatar,.hub-avatar,.user-avatar,.context-mark,.strip-item,.browse-icon,.preview-icon,.profile-avatar,.voice-avatar,.avatar,.strip-card-mark{border-radius:var(--avatar-radius)}.message-avatar img,.member-avatar img,.dm-avatar img,.browse-avatar img,.hub-avatar img,.user-avatar img,.context-mark img,.strip-item img,.browse-icon img,.preview-icon img,.profile-avatar img,.voice-avatar img,.avatar img,.strip-card-mark img{border-radius:inherit}.strip-item.active{outline:2px solid var(--brand);outline-offset:2px}.member-avatar .presence-dot,.hub-avatar .presence-dot,.browse-avatar .presence-dot,.user-avatar+.presence-dot{right:-3px;bottom:-3px}.channel-row.active{background:var(--layer-4)}.channel-row.active:before{left:auto;right:.7rem;top:50%;width:6px;height:6px;border-radius:1.5px;background:var(--brand);transform:translateY(-50%) rotate(45deg);box-shadow:none}.channel-row.active .channel-item{padding-right:1.6rem}.channel-row.active:hover:before,.channel-row.active:has(.mention-badge):before{opacity:0}.channel-row.active .channel-icon{color:var(--accent-text)}.category-toggle{gap:.6rem;font-size:.72rem;font-weight:600;letter-spacing:.04em;color:var(--text-faint)}.category-toggle:after{content:"";order:1;flex:1;height:1px;background:var(--line-strong)}.category-chevron{order:2;font-size:11px;opacity:.7}.category-count{order:1;margin-left:0;background:var(--layer-3)}.channel-category+.channel-category{margin-top:1rem}.hub-block h2{display:flex;align-items:center;gap:.6rem}.hub-block h2:before{content:"";width:7px;height:7px;border-radius:1.5px;background:var(--brand);transform:rotate(45deg);flex-shrink:0}.hub-button-mark,.auth-card h1:before{background:var(--brand)}.mode-switch .hub-button .hub-button-mark{width:14px;height:14px}.context-mark,.user-avatar{background:var(--accent)}.mode-switch,.strip{border-radius:14px}.mode-switch button,.mode-switch .hub-button{border-radius:9px}.strip.solo,.context-button,.user-chip{border-radius:14px}.context-button:not(:disabled):hover,.user-chip:hover{background:var(--layer-2)}.switch-badge,.strip-badge{border-radius:6px}.channel-category h3{min-height:32px}.channel-category .channel-row{min-height:34px}.channel-category.has-background{position:relative;padding:6px;border-radius:var(--radius-lg);background-size:cover;background-position:top center;background-repeat:no-repeat;overflow:hidden;isolation:isolate}.channel-category.has-background:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(to bottom,#0a08098c,#0a0809b8)}.channel-category.has-background h3,.channel-category.has-background .category-toggle,.channel-category.has-background .channel-item,.channel-category.has-background .channel-icon{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}.channel-category.has-background .category-toggle:after{background:#ffffff40}.channel-category.has-background .channel-row:hover{background:#ffffff1a}.channel-category.has-background .channel-row.active{background:#ffffff29}.channel-category h3.has-background{position:relative;height:44px;padding:0 .5rem;border-radius:var(--radius-md);background-size:cover;background-position:center;overflow:hidden;isolation:isolate}.channel-category h3.has-background:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(to right,#0a0809b3,#0a080940)}.channel-category h3.has-background .category-toggle{color:#fff;font-size:.8rem;text-shadow:0 1px 2px rgba(0,0,0,.7)}.channel-category h3.has-background .category-toggle:after{background:#ffffff4d}.channel-category h3.has-background .icon-btn{color:#fff}.category-backgrounds{display:grid;gap:1.25rem;margin-top:.5rem;padding-top:1.25rem;border-top:1px solid var(--line)}.category-backgrounds h3{margin:0}.picker-preview.fit{width:220px;height:auto;max-height:160px;border-radius:var(--radius-md)}.size-guide{display:grid;gap:.6rem;padding:.9rem 1rem;background:var(--layer-1);border:1px solid var(--line);border-radius:var(--radius-lg);font-size:.82rem;color:var(--text-dim)}.size-guide p{margin:0;line-height:1.5}.size-guide table{border-collapse:collapse;width:100%;max-width:320px;font-variant-numeric:tabular-nums}.size-guide td{padding:.3rem .5rem;border-top:1px solid var(--line)}.size-guide td:last-child{text-align:right;color:var(--text)}.size-guide tr.current td{color:var(--text);font-weight:600}.size-guide tr.current td:first-child:before{content:"";display:inline-block;width:6px;height:6px;margin-right:.5rem;border-radius:1.5px;background:var(--brand);transform:rotate(45deg) translateY(-1px)}.channel-category.has-background h3{margin:0}.channel-list.has-background,.member-list.has-background{background-size:cover;background-position:top center;background-repeat:no-repeat;box-shadow:inset 0 0 0 100vmax #0a08099e}.channel-list.has-background .channel-category h3,.channel-list.has-background .category-toggle,.channel-list.has-background .channel-item,.channel-list.has-background .channel-icon,.member-list.has-background .member-section h3,.member-list.has-background .member{text-shadow:0 1px 2px rgba(0,0,0,.7)}.channel-list.has-background .channel-item,.channel-list.has-background .category-toggle{color:#e6e1e1}.channel-list.has-background .channel-row:hover,.member-list.has-background .member:hover{background:#ffffff14}.channel-list.has-background .channel-row.active{background:#ffffff24}.member-list.has-background .presence-dot{border-color:#141213e6}.column-pickers{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}.column-pickers .picker-preview.fit{width:auto;height:160px;max-height:none}.size-guide thead td{color:var(--text-faint);font-weight:600;border-top:none}.size-guide td:not(:first-child){text-align:right;color:var(--text)}.strip-item,.strip-item.active{border-radius:var(--avatar-radius);outline:none}.strip-item.active{outline:2px solid var(--brand);outline-offset:-2px}.strip-item.active:not(:has(img)){outline-color:#ffffffd9}.user-avatar,.context-mark{position:relative;overflow:visible}.user-avatar img,.context-mark img{border-radius:inherit}.user-avatar .presence-dot{right:-3px;bottom:-3px;border-color:var(--layer-0)}.strip,.strip.solo{border-radius:calc(11.52px + .35rem)}.strip-item.browse{border-radius:var(--avatar-radius)}.channel-glyph-img{display:block;width:1em;height:1em;object-fit:contain;border-radius:4px;flex-shrink:0}.glyph-current{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--layer-1);border:1px solid var(--line);border-radius:var(--radius-lg)}.glyph-preview{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:var(--avatar-radius);background:var(--layer-3);color:var(--text);font-size:22px}.glyph-name{font-weight:600;margin-right:auto}.glyph-styles{display:flex;flex-wrap:wrap;gap:.25rem;padding:.25rem;width:fit-content;background:var(--layer-1);border:1px solid var(--line);border-radius:12px}.glyph-styles button{background:none;border:none;border-radius:8px;padding:.35rem .75rem;font-size:.85rem;font-weight:500;color:var(--text-dim);transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}.glyph-styles button:hover{background:var(--layer-3);color:var(--text)}.glyph-styles button.active{background:var(--layer-4);color:var(--text);font-weight:600}.glyph-groups{display:grid;gap:.9rem}.glyph-groups h4{margin:0 0 .4rem;font-size:.75rem;font-weight:600;color:var(--text-faint);text-transform:none;letter-spacing:0}.glyph-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:.35rem}.glyph-grid button{display:grid;place-items:center;aspect-ratio:1;background:var(--layer-1);border:1px solid transparent;border-radius:10px;color:var(--text-dim);transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out)}.glyph-grid button:hover{background:var(--layer-3);color:var(--text)}.glyph-grid button.active{background:var(--accent-soft);border-color:var(--accent-text);color:var(--text)}.glyph-settings .picker-preview.fit{width:64px;height:64px}.hint.left{text-align:left;margin:-.5rem 0 0}.category-toggle:after,.channel-category.has-background .category-toggle:after,.channel-category h3.has-background .category-toggle:after{display:none}.category-chevron{margin-left:auto}.channel-category.has-background,.channel-category h3.has-background,.category-channels.has-background,.category-backgrounds .picker-preview.fit{border-radius:0}.category-channels.has-background{padding:4px 0;background-size:cover;background-position:top center;background-repeat:no-repeat;box-shadow:inset 0 0 0 100vmax #0a080999}.category-channels.has-background .channel-item,.category-channels.has-background .channel-icon,.category-channels.has-background .category-empty{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}.category-channels.has-background .channel-row:hover{background:#ffffff1a}.category-channels.has-background .channel-row.active{background:#ffffff29}.scope-choice{display:grid;gap:.4rem}.channel-category h3[data-movable=true]{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.channel-category.dragging{position:relative;z-index:5;cursor:grabbing;background-color:var(--layer-2);box-shadow:0 0 0 1px var(--line-strong),0 12px 28px #0000008c;opacity:.95}.channel-category.dragging *{cursor:grabbing}.channel-category.drop-before,.channel-category.drop-after{position:relative}.channel-category.drop-before:after,.channel-category.drop-after:after{content:"";position:absolute;left:0;right:0;height:2px;background:var(--brand);box-shadow:0 0 6px #a51b30cc;pointer-events:none;z-index:2}.channel-category.drop-before:after{top:0}.channel-category.drop-after:after{bottom:0}.context-menu button:disabled{color:var(--text-faint);opacity:.5;cursor:default}