:root{--surface-0: #100d0b;--surface-1: #171310;--surface-2: #1e1915;--surface-3: #26201b;--surface-4: #302921;--input: #352e27;--scrim: #000000a6;--text-primary: #f1eae2;--text-secondary: #b8aea2;--text-muted: #847a6e;--link: #f0b45c;--accent: #e8a33d;--accent-hover: #f5b24e;--accent-ink: #241903;--accent-tint: #3a2d16;--border: #3a332b;--status-online: #2fad62;--status-idle: #eba243;--status-dnd: #e8434a;--status-offline: #8a8479;--speaking: #2fad62;--live: #e5484d;--danger: #e5484d;--success: #2fad62;--warning: #eba243;--claude: #d97757;--rounded-sm: 3px;--rounded-md: 6px;--rounded-lg: 8px;--rounded-xl: 16px;--rounded-full: 9999px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Roboto, Helvetica, Arial, sans-serif;--font-mono: "Consolas", "SFMono-Regular", Menlo, "Courier New", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--rail-width: 72px;--sidebar-width: 264px;--roster-width: 240px;--message-gutter: 56px;--dock-height: 52px;--m-nav-width: min(86vw, calc(var(--rail-width) + var(--sidebar-width)));--m-roster-width: min(86vw, var(--roster-width));--m-bottom-nav-h: 56px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);font-size:16px;font-weight:400;line-height:1.5;color:var(--text-primary);background:var(--surface-0);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a,.link{color:var(--link)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{min-height:40px;background:var(--surface-0);border:2px solid transparent;border-radius:var(--rounded-full);background-clip:padding-box}::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:transparent}.message-scroll::-webkit-scrollbar{width:16px}.message-scroll::-webkit-scrollbar-thumb{border-width:4px}.message-scroll::-webkit-scrollbar-track{margin-bottom:8px;background:color-mix(in srgb,var(--surface-3) 82%,black);border:4px solid transparent;border-radius:var(--rounded-full);background-clip:padding-box}.display{font-family:var(--font-sans);font-size:24px;font-weight:600;line-height:1.2;letter-spacing:-.01em;margin:0}.heading{font-family:var(--font-sans);font-size:16px;font-weight:700;line-height:1.3;margin:0}.label{font-family:var(--font-sans);font-size:13px;font-weight:600;line-height:1.3;letter-spacing:.01em}.caption{font-family:var(--font-sans);font-size:12px;font-weight:400;line-height:1.35}.muted{color:var(--text-muted)}.secondary{color:var(--text-secondary)}button{font:inherit;cursor:pointer}button:disabled{cursor:default}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:none;border-radius:var(--rounded-md);padding:2px var(--space-4);min-height:38px;font-size:14px;font-weight:500;line-height:1.3;transition:background-color .17s ease,color .17s ease}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:disabled{opacity:.6}.btn-quiet{background:var(--surface-4);color:var(--text-primary)}.btn-quiet:hover:not(:disabled){background:var(--input)}.btn-danger-quiet{background:transparent;color:var(--danger);border:1px solid var(--border)}.btn-danger-quiet:hover:not(:disabled){border-color:var(--danger)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 85%,black)}.btn-link{background:none;border:none;padding:0;color:var(--link);font-size:13px;font-weight:600}.btn-link:hover{text-decoration:underline}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:var(--rounded-md);background:transparent;color:var(--text-secondary)}.btn-icon:hover{background:var(--surface-4);color:var(--text-primary)}.field{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.field label{font-size:13px;font-weight:600;letter-spacing:.01em;color:var(--text-secondary)}.field input{font:inherit;color:var(--text-primary);background:var(--input);border:1px solid var(--border);border-radius:var(--rounded-sm);padding:var(--space-2) var(--space-3)}.field input::placeholder{color:var(--text-muted)}.form-error{color:var(--danger);font-size:13px;margin:0 0 var(--space-3)}.form-ok{color:var(--success);font-size:13px;margin:0 0 var(--space-3)}.form-note{color:var(--text-secondary);font-size:13px;margin:0 0 var(--space-3)}.gate{height:100%;display:flex;align-items:center;justify-content:center;background:var(--surface-0);padding:var(--space-6)}.gate-card{width:380px;max-width:100%;background:var(--surface-3);border:1px solid var(--border);border-radius:var(--rounded-xl);padding:var(--space-8)}.gate-headline{margin:0 0 var(--space-6)}.gate-tabs{display:flex;gap:var(--space-4);margin-bottom:var(--space-6)}.gate-tab{background:none;border:none;padding:0 0 var(--space-1);font-size:15px;font-weight:600;color:var(--text-secondary);border-bottom:2px solid transparent;border-radius:0}.gate-tab:hover{color:var(--text-primary)}.gate-tab[aria-selected=true]{color:var(--text-primary);border-bottom-color:var(--accent)}.gate-submit{width:100%;margin-top:var(--space-2)}.gate-foot{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-5)}.gate-server{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border)}.gate-hint{color:var(--text-secondary);font-size:13px;margin:0 0 var(--space-4)}.shell{display:grid;grid-template-columns:var(--rail-width) var(--sidebar-width) 1fr var(--roster-width);height:100%}.rail{background:var(--surface-1);display:flex;flex-direction:column;align-items:center;padding:var(--space-3) 0;gap:var(--space-2);overflow-y:auto;scrollbar-width:none}.rail::-webkit-scrollbar{width:0}.rail-slot{position:relative;width:100%;display:flex;justify-content:center}.rail-pill{position:absolute;left:0;top:50%;width:4px;height:0;transform:translateY(-50%);border-radius:0 var(--rounded-sm) var(--rounded-sm) 0;background:var(--text-primary);transition:height .15s ease}.rail-slot:hover .rail-pill{height:20px}.rail-slot.active .rail-pill{height:40px}.rail-item{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:none;background:var(--surface-3);color:var(--text-primary);border-radius:var(--rounded-full);transition:border-radius .15s ease,background .15s ease,color .15s ease}.rail-item:hover:not(:disabled),.rail-slot.active .rail-item{border-radius:var(--rounded-xl);background:var(--accent);color:var(--accent-ink)}.rail-divider{width:32px;height:2px;border-radius:var(--rounded-full);background:var(--border);margin:var(--space-1) 0}.rail-dm{padding:0;overflow:visible;background:transparent}.rail-dm .avatar{width:100%;height:100%;border-radius:inherit;transition:border-radius .15s ease}.rail-dm .avatar img{border-radius:inherit}.rail-dm:hover:not(:disabled),.rail-slot.active .rail-dm{background:transparent}.rail-dm-badge{position:absolute;right:-3px;bottom:-3px;min-width:20px;height:20px;padding:0 5px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-radius:var(--rounded-full);border:3px solid var(--surface-1);background:var(--danger);color:#fff;font-size:12px;font-weight:700;line-height:1;pointer-events:none}.rail-add{background:var(--surface-3);font-size:24px;font-weight:400;color:var(--success)}.rail-add:hover:not(:disabled){background:var(--success);color:var(--surface-1)}.rail-add:disabled{color:var(--text-muted)}.rail-server{font-family:var(--font-sans);font-size:16px;font-weight:600;letter-spacing:.01em}.rail-server-img{width:100%;height:100%;object-fit:cover;border-radius:var(--rounded-full);transition:border-radius .15s ease}.rail-item:hover:not(:disabled) .rail-server-img,.rail-slot.active .rail-server-img{border-radius:var(--rounded-xl)}.server-icon-row{display:flex;align-items:center;gap:var(--space-3)}.server-icon-preview{flex:none;width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:var(--rounded-lg);background:var(--surface-3);overflow:hidden}.server-icon-preview img{width:100%;height:100%;object-fit:cover}.server-icon-mono{font-size:22px;font-weight:600;color:var(--text-secondary)}.server-icon-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.rail-voice-badge{position:absolute;right:-3px;bottom:-3px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:var(--rounded-full);border:3px solid var(--surface-1);color:#fff;pointer-events:none}.rail-voice-badge.voice-connected{background:var(--status-online)}.rail-voice-badge.voice-connecting{background:var(--status-idle);animation:rail-voice-pulse 1.4s ease-in-out infinite}.rail-voice-badge.voice-error{background:var(--danger)}@keyframes rail-voice-pulse{0%,to{opacity:1}50%{opacity:.45}}.rail-item[data-tooltip]:before,.rail-item[data-tooltip]:after{position:absolute;top:50%;opacity:0;pointer-events:none;z-index:100;transition:opacity .1s ease}.rail-item[data-tooltip]:after{content:attr(data-tooltip);left:calc(100% + 10px);transform:translateY(-50%);padding:8px 12px;border-radius:var(--rounded-sm);background:var(--surface-0);color:var(--text-primary);font-size:14px;font-weight:600;white-space:nowrap;box-shadow:0 4px 12px var(--scrim)}.rail-item[data-tooltip]:before{content:"";left:calc(100% + 4px);transform:translateY(-50%);border:6px solid transparent;border-right-color:var(--surface-0)}.rail-item[data-tooltip]:hover:before,.rail-item[data-tooltip]:hover:after,.rail-item[data-tooltip]:focus-visible:before,.rail-item[data-tooltip]:focus-visible:after{opacity:1}.sidebar{background:var(--surface-2);display:flex;flex-direction:column;min-height:0}.sidebar-header{flex:none;position:relative;display:flex;align-items:center;height:48px;padding:0;box-shadow:0 1px color-mix(in srgb,black 24%,transparent),0 1.5px color-mix(in srgb,black 8%,transparent)}.sidebar-header h1{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 var(--space-4);font-family:var(--font-sans);font-size:15px;font-weight:600;line-height:48px;margin:0}.server-header{position:relative;flex:1;min-width:0}.server-header-btn{display:flex;align-items:center;gap:var(--space-2);width:100%;height:48px;padding:0 var(--space-4);border:none;background:transparent;color:var(--text-primary);font-size:15px;font-weight:600;text-align:left;transition:background-color .1s ease}.server-header-btn:hover,.server-header-btn.open{background:color-mix(in srgb,var(--text-primary) 7%,transparent)}.server-header-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-header-chevron{flex:none;color:var(--text-secondary);transition:transform .15s ease}.server-header-btn.open .server-header-chevron{transform:rotate(180deg)}.server-menu{position:absolute;top:calc(100% + var(--space-1));left:var(--space-2);right:var(--space-2);z-index:50;padding:var(--space-2);border-radius:var(--rounded-sm);background:var(--surface-0);box-shadow:0 8px 16px var(--scrim);display:flex;flex-direction:column;gap:2px}.server-menu-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;padding:6px var(--space-2);border:none;border-radius:var(--rounded-sm);background:transparent;color:var(--text-secondary);font-size:14px;font-weight:500;text-align:left}.server-menu-item:hover{background:var(--accent);color:var(--accent-ink)}.server-menu-item.danger{color:var(--danger)}.server-menu-item.danger:hover{background:var(--danger);color:#fff}.channel-area{flex:1;min-height:0;overflow-y:auto;padding:var(--space-4)}.empty-quiet{color:var(--text-muted);font-size:13px;margin:0}.channel-group{margin-top:var(--space-4)}.channel-group:first-child{margin-top:0}.channel-group-head{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-1) var(--space-1)}.channel-group-toggle{flex:1;min-width:0;display:flex;align-items:center;gap:4px;padding:2px 0;background:none;border:none;cursor:pointer;color:var(--text-muted)}.channel-group-toggle:hover{color:var(--text-secondary)}.channel-group-caret{flex:none;transition:transform .12s ease}.channel-group-caret.collapsed{transform:rotate(-90deg)}.channel-group-label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:inherit}.channel-add{opacity:.55;transition:opacity .12s ease}.channel-group-head:hover .channel-add,.channel-add:focus-visible{opacity:1}.channel-add{width:22px;height:22px;font-size:18px;line-height:1}.channel-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.channel-row{display:flex;align-items:center;border-radius:var(--rounded-md);color:var(--text-secondary)}.channel-row:hover{background:var(--surface-3);color:var(--text-primary)}.channel-row.active{background:var(--accent-tint);color:var(--text-primary)}.channel-row-btn{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-2);background:none;border:none;color:inherit;text-align:left;padding:var(--space-2);border-radius:var(--rounded-md)}.channel-glyph{flex:none;display:flex;align-items:center;justify-content:center;width:20px;color:var(--text-muted)}.channel-row:hover .channel-glyph,.channel-row.active .channel-glyph{color:var(--text-secondary)}.channel-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:500}.channel-edit{opacity:0;margin-right:var(--space-1)}.channel-row:hover .channel-edit,.channel-row.active .channel-edit{opacity:1}.channel-row.unread .channel-name{color:var(--text-primary);font-weight:700}.channel-unread-dot{flex:none;width:8px;height:8px;border-radius:var(--rounded-full);background:var(--accent);margin-left:auto}.seg{display:flex;gap:var(--space-1);background:var(--input);border:1px solid var(--border);border-radius:var(--rounded-md);padding:3px;margin-bottom:var(--space-4)}.seg-item{flex:1;border:none;background:transparent;color:var(--text-secondary);border-radius:var(--rounded-sm);padding:var(--space-2);font-size:14px;font-weight:600}.seg-item.active{background:var(--surface-4);color:var(--text-primary)}.seg-item:disabled{opacity:.4;cursor:not-allowed}.field-hint{margin:var(--space-1) 0 0;font-size:12px;color:var(--text-muted);line-height:1.4}.user-bar{flex:none;min-height:52px;display:flex;align-items:center;gap:var(--space-1);padding:0 var(--space-1);background:color-mix(in srgb,var(--surface-0) 45%,var(--surface-2))}.user-bar-me{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--rounded-sm)}.user-bar-text{display:flex;flex-direction:column;min-width:0;line-height:1.2}.user-bar-name{font-size:14px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-bar-tag{font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-bar-settings,.user-bar-deafen{flex:none}.user-bar-deafen.active{color:var(--danger)}.stage{background:var(--surface-3);min-height:0;min-width:0;display:flex;flex-direction:column}.welcome{max-width:480px;margin:auto;padding:var(--space-10)}.welcome p{color:var(--text-secondary);margin:var(--space-4) 0 0}.roster{background:var(--surface-2);padding:var(--space-4);overflow-y:auto}.roster-label{margin:0 0 var(--space-2)}.roster-list+.roster-label{margin-top:var(--space-4)}.roster-offline .roster-row{opacity:.45}.roster-offline .roster-row:hover{opacity:1}.roster-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.roster-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--rounded-md);color:var(--text-secondary)}.roster-row:hover{background:var(--surface-3);color:var(--text-primary)}.roster-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500}.roster-owner{color:var(--accent);font-size:12px}.roster-admin{color:var(--warning);font-size:12px}.chat{flex:1;min-height:0;display:flex;flex-direction:column}.chat-header{flex:none;position:relative;z-index:2;display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-4);height:48px;box-shadow:0 1px color-mix(in srgb,black 24%,transparent),0 1.5px color-mix(in srgb,black 8%,transparent)}.chat-title{font-family:var(--font-sans);font-size:16px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2)}.chat-hash{flex:none;color:var(--text-muted);font-weight:500}.chat-status{font-size:12px;color:var(--warning)}.chat-pins-btn,.chat-call-btn{flex:none}.search-box{margin-left:auto;position:relative;align-self:center}.search-input{font:inherit;font-size:13px;color:var(--text-primary);background:var(--input);border:1px solid var(--border);border-radius:var(--rounded-sm);padding:3px var(--space-2);width:160px;transition:width .12s ease}.search-input:focus{width:220px}.search-input::placeholder{color:var(--text-muted)}.search-popover{position:absolute;top:calc(100% + var(--space-2));right:0;width:360px;max-height:50vh;overflow-y:auto;background:var(--surface-4);border:1px solid var(--border);border-radius:var(--rounded-lg);box-shadow:0 12px 32px var(--scrim);padding:var(--space-3);z-index:8}.message-pinned{font-size:10px}.pins-popover{position:absolute;top:var(--dock-height);right:var(--space-4);width:340px;max-height:50vh;overflow-y:auto;background:var(--surface-4);border:1px solid var(--border);border-radius:var(--rounded-lg);box-shadow:0 12px 32px var(--scrim);padding:var(--space-3);z-index:8}.chat{position:relative}.pins-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.pins-empty{padding:var(--space-2) 0}.pins-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.pin-row{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;border:1px solid var(--border);background:var(--surface-3);border-radius:var(--rounded-md);padding:var(--space-2);color:var(--text-primary)}.pin-row:hover{border-color:var(--accent)}.pin-author{font-size:12px;font-weight:700;color:var(--text-secondary)}.pin-text{font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.message-scroll{flex:1;min-height:0;overflow-y:auto;padding:var(--space-4) 0}.message-loadmore{text-align:center;color:var(--text-muted);font-size:12px;min-height:16px}.message-empty{padding:var(--space-4) var(--space-4)}.message-list{list-style:none;margin:0;padding:0}.message-row{position:relative;display:flex;gap:var(--space-3);padding:2px var(--space-4)}.message-row:hover{background:color-mix(in srgb,black 12%,transparent)}.message-row.grouped{padding-left:var(--message-gutter)}.message-main{min-width:0;flex:1}.message-head{display:flex;align-items:baseline;gap:var(--space-2)}.message-author{font-weight:600;color:var(--text-primary)}.message-time{font-size:11px;color:var(--text-muted)}.message-gutter-time{width:calc(var(--message-gutter) - var(--space-4));margin-left:calc(-1 * (var(--message-gutter) - var(--space-4)));flex:none;font-size:10px;color:var(--text-muted);text-align:right;padding-right:var(--space-2);opacity:0;align-self:center}.message-row.grouped:hover .message-gutter-time{opacity:1}.message-body{color:var(--text-primary);white-space:pre-wrap;word-break:break-word;min-width:0}.message-edited{font-size:11px;color:var(--text-muted)}.message-deleted{color:var(--text-muted);font-style:italic}.message-actions{position:absolute;top:-14px;right:var(--space-4);display:flex;gap:2px;padding:2px;background:var(--surface-4);border:1px solid var(--border);border-radius:var(--rounded-sm);box-shadow:0 1px 4px var(--scrim);opacity:0;z-index:1}.message-row:hover .message-actions{opacity:1}.message-editbox{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-1) 0}.reaction-row{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-1)}.reaction-pill{display:inline-flex;align-items:center;gap:var(--space-1);border:1px solid var(--border);background:var(--surface-4);border-radius:var(--rounded-full);padding:1px var(--space-2);font-size:13px;line-height:1.4;color:var(--text-secondary)}.reaction-pill:hover{border-color:var(--accent)}.reaction-pill.mine{background:var(--accent-tint);border-color:var(--accent);color:var(--text-primary)}.reaction-count{font-size:12px;font-weight:600}.reaction-picker{position:absolute;bottom:100%;right:0;display:flex;gap:2px;background:var(--surface-4);border:1px solid var(--border);border-radius:var(--rounded-md);padding:var(--space-1);box-shadow:0 6px 16px var(--scrim);z-index:5}.reaction-pick{border:none;background:transparent;font-size:16px;border-radius:var(--rounded-sm);padding:2px 4px}.reaction-pick:hover{background:var(--accent-tint)}.reply-snippet{display:flex;align-items:center;gap:var(--space-1);max-width:100%;border:none;background:none;padding:0 0 2px;font-size:12px;color:var(--text-muted);text-align:left}.reply-snippet:hover .reply-text{color:var(--text-secondary)}.reply-arrow{color:var(--text-muted)}.reply-author{font-weight:600;color:var(--text-secondary);flex:none}.reply-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mention-chip{background:var(--accent-tint);color:var(--accent);border-radius:var(--rounded-sm);padding:0 3px;font-weight:600}.message-link{color:var(--accent);text-decoration:none;cursor:pointer;word-break:break-all}.message-link:hover{text-decoration:underline}.message-row.mentions-me{background:var(--accent-tint)}.message-row.flash{outline:2px solid var(--accent);outline-offset:-2px}.composer-replybar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);background:var(--surface-4);border:1px solid var(--border);border-bottom:none;border-radius:var(--rounded-md) var(--rounded-md) 0 0;padding:var(--space-1) var(--space-3);font-size:12px;color:var(--text-secondary)}.composer-replybar+.composer-box .composer-input{border-top-left-radius:0;border-top-right-radius:0}.composer-box{position:relative}.mention-popover{position:absolute;bottom:100%;left:0;right:0;margin-bottom:var(--space-1);background:var(--surface-4);border:1px solid var(--border);border-radius:var(--rounded-md);box-shadow:0 8px 20px var(--scrim);padding:var(--space-1);display:flex;flex-direction:column;z-index:6}.mention-option{display:flex;align-items:baseline;gap:var(--space-2);border:none;background:transparent;color:var(--text-primary);text-align:left;padding:var(--space-1) var(--space-2);border-radius:var(--rounded-sm);font-size:14px}.mention-option.active,.mention-option:hover{background:var(--accent-tint)}.mention-name{font-weight:600}.mention-username{color:var(--text-muted);font-size:12px}.chat-error{margin:0 var(--space-4) var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface-4);border:1px solid var(--danger);border-radius:var(--rounded-md);color:var(--danger);font-size:13px;text-align:left;display:flex;justify-content:space-between;gap:var(--space-3)}.chat-error-dismiss{color:var(--text-muted)}.typing-row{flex:none;min-height:20px;padding:0 var(--space-4);font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:var(--space-1)}.typing-dots{color:var(--accent);font-size:8px;letter-spacing:2px}.new-divider{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-4);list-style:none}.new-divider-line{flex:1;height:1px;background:var(--danger);opacity:.6}.new-divider-chip{flex:none;font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--danger)}.composer{flex:none;padding:0 var(--space-4) var(--space-4)}.composer-input{width:100%;resize:none;font:inherit;color:var(--text-primary);background:var(--input);border:1px solid var(--border);border-radius:var(--rounded-md);padding:var(--space-3);line-height:1.4;max-height:200px;overflow-y:auto}.composer-input::placeholder{color:var(--text-muted)}.avatar{display:inline-flex;align-items:center;justify-content:center;flex:none;border-radius:var(--rounded-full);background:var(--accent-tint);color:var(--accent);font-weight:700;overflow:hidden;-webkit-user-select:none;user-select:none}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);display:flex;align-items:center;justify-content:center;z-index:10;padding:var(--space-6)}.drop-overlay{position:absolute;inset:var(--space-3);z-index:6;display:flex;align-items:center;justify-content:center;padding:var(--space-6);border-radius:var(--rounded-xl);background:color-mix(in srgb,var(--accent) 14%,var(--scrim));pointer-events:none}.drop-overlay-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:min(360px,80%);padding:var(--space-6);text-align:center;color:var(--text-primary);background:var(--surface-3);border:2px dashed var(--accent);border-radius:var(--rounded-xl);box-shadow:0 12px 32px var(--scrim)}.drop-overlay-icon{color:var(--accent)}.drop-overlay-title{font-size:18px;font-weight:700}.drop-overlay-sub{font-size:13px;color:var(--text-secondary)}.chat-dragging .message-embed-frame{pointer-events:none}.dialog{position:relative;width:420px;max-width:100%;max-height:calc(100vh - 2 * var(--space-6));overflow-y:auto;background:var(--surface-4);border:1px solid var(--border);border-radius:var(--rounded-xl);box-shadow:0 12px 32px var(--scrim);padding:var(--space-6)}.dialog-close{position:absolute;top:var(--space-3);right:var(--space-3);display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--rounded-sm);background:transparent;color:var(--text-muted);cursor:pointer}.dialog-close:hover{background:color-mix(in srgb,var(--text-primary) 8%,transparent);color:var(--text-primary)}.dialog-title{font-size:20px;margin:0 0 var(--space-3);padding-right:var(--space-6)}.delete-confirm-input{width:100%;margin:var(--space-2) 0}.dialog-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-4)}.dialog-danger{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border)}.danger-link{color:var(--danger)}.invite-panel{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border)}.invite-list{list-style:none;margin:var(--space-2) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.invite-row{display:flex;align-items:center;gap:var(--space-3)}.invite-code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);font-size:13px;color:var(--text-secondary);background:var(--input);border:1px solid var(--border);border-radius:var(--rounded-sm);padding:var(--space-1) var(--space-2)}.settings-modal{width:720px;max-width:calc(100% - var(--space-10));height:520px;max-height:calc(100% - var(--space-10));background:var(--surface-4);border-radius:var(--rounded-xl);box-shadow:0 12px 32px var(--scrim);display:flex;overflow:hidden}.settings-nav{width:190px;flex:none;background:var(--surface-2);padding:var(--space-5) var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.settings-nav-title{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);padding:0 var(--space-2);margin:0 0 var(--space-2)}.settings-nav-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;text-align:left;border:none;background:transparent;color:var(--text-secondary);border-radius:var(--rounded-md);padding:var(--space-2) var(--space-2);font-size:15px;font-weight:600}.settings-nav-item[aria-current=true]{background:var(--accent-tint);color:var(--text-primary)}.settings-nav-item:disabled{color:var(--text-muted)}.settings-nav-soon{font-size:11px;font-weight:400;color:var(--text-muted)}.settings-body{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.settings-header{flex:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border);background:var(--surface-4)}.settings-close{flex:none}.settings-section-title{margin:0}.settings-scroll{flex:1;min-height:0;padding:var(--space-6);overflow-y:auto;overflow-anchor:none}.avatar-row{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.avatar-actions{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}.avatar-actions input[type=file]{font-size:13px;color:var(--text-secondary);max-width:260px}.settings-signout{margin-top:var(--space-8);padding-top:var(--space-5);border-top:1px solid var(--border)}.dialog-body{margin:0;color:var(--text-secondary);font-size:14px;line-height:1.5}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.composer-box{display:flex;align-items:flex-end;gap:var(--space-1);background:var(--input);border-radius:var(--rounded-lg);padding:0 var(--space-2)}.composer-box .composer-input{flex:1 1 auto;width:auto;background:transparent;border:none;border-radius:0;padding:11px var(--space-1)}.composer-attach{flex:0 0 auto;align-self:center;color:var(--text-secondary);padding:var(--space-2)}.composer-attach:hover:not(:disabled){background:transparent;color:var(--text-primary)}.composer-uploads{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.upload-chip{display:flex;align-items:center;gap:var(--space-2);max-width:280px;padding:var(--space-2);background:var(--surface-4);border:1px solid var(--border);border-radius:var(--rounded-md)}.upload-chip.upload-error{border-color:var(--danger)}.upload-icon{font-size:16px;flex:none}.upload-thumb{display:block;width:56px;height:56px;object-fit:cover;border-radius:var(--rounded-sm);background:var(--surface-2)}.upload-thumb-wrap{position:relative;display:block;line-height:0}.upload-play-badge{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;background:color-mix(in srgb,black 22%,transparent);border-radius:var(--rounded-sm);text-shadow:0 1px 4px color-mix(in srgb,black 60%,transparent);pointer-events:none}.upload-meta{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}.upload-name{font-size:13px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-sub{font-size:11px;color:var(--text-muted)}.upload-error .upload-sub{color:var(--danger)}.upload-progress{display:block;width:100%;height:3px;margin-top:2px;background:var(--surface-2);border-radius:var(--rounded-full);overflow:hidden}.upload-progress-bar{display:block;height:100%;background:var(--accent);transition:width .12s ease}.upload-remove{flex:0 0 auto}.message-attachments{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}.attachment-card{display:flex;align-items:center;gap:var(--space-3);max-width:400px;padding:var(--space-3);background:var(--surface-4);border:1px solid var(--border);border-radius:var(--rounded-md);color:var(--text-primary);text-decoration:none}a.attachment-card:hover{border-color:var(--accent)}.attachment-icon{font-size:20px}.attachment-meta{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}.attachment-name{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-sub{font-size:12px;color:var(--text-muted)}.attachment-dl{font-size:18px;color:var(--text-secondary)}.attachment-expired{opacity:.6;border-style:dashed}.message-attachments .attachment-media{display:flex;flex-direction:column;gap:var(--space-1);max-width:400px}.attachment-image-link{display:inline-block;line-height:0}.attachment-image{max-width:min(400px,100%);max-height:320px;width:auto;height:auto;border-radius:var(--rounded-md);border:1px solid var(--border);background:var(--surface-4);cursor:zoom-in}.attachment-video{max-width:400px;max-height:320px;border-radius:var(--rounded-md);border:1px solid var(--border);background:var(--surface-0)}.lightbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:color-mix(in srgb,black 82%,transparent);cursor:zoom-out}.lightbox-img{max-width:92vw;max-height:92vh;object-fit:contain;border-radius:var(--rounded-md);box-shadow:0 12px 48px color-mix(in srgb,black 70%,transparent);cursor:default}.lightbox-actions{position:fixed;top:var(--space-4);right:var(--space-4);display:flex;gap:var(--space-2)}.lightbox-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:var(--rounded-full);background:color-mix(in srgb,black 55%,transparent);color:#fff;cursor:pointer;transition:background-color .12s ease}.lightbox-btn:hover{background:color-mix(in srgb,black 72%,transparent)}.attach-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70}.attach-menu{position:fixed;z-index:71;min-width:190px;padding:var(--space-1);border:1px solid var(--border);border-radius:var(--rounded-lg);background:var(--surface-4);box-shadow:0 12px 32px var(--scrim);display:flex;flex-direction:column;gap:2px}.attach-menu-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--rounded-sm);background:transparent;color:var(--text-primary);font:inherit;font-size:14px;text-align:left;cursor:pointer}.attach-menu-item svg{flex:none;color:var(--text-muted)}.attach-menu-item:hover{background:var(--accent);color:var(--accent-ink)}.attach-menu-item:hover svg{color:inherit}.message-embeds{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-1)}.message-embed{width:400px;max-width:100%}.message-embed-youtube{display:flex;flex-direction:column;overflow:hidden;border-radius:var(--rounded-md);border:1px solid var(--border);background:var(--surface-0)}.message-embed-frame,.yt-card-thumb{display:block;width:100%;aspect-ratio:16 / 9;border:0}.yt-card-thumb{position:relative;padding:0;cursor:pointer;background:var(--surface-0)}.yt-card-thumb img{display:block;width:100%;height:100%;object-fit:cover}.yt-card-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;transition:background-color .15s ease;background:color-mix(in srgb,#000 18%,transparent)}.yt-card-thumb:hover .yt-card-play,.yt-card-thumb:focus-visible .yt-card-play{background:color-mix(in srgb,#000 34%,transparent)}.yt-card-meta{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);min-width:0;min-height:46px}.yt-card-text{display:flex;flex-direction:column;min-width:0;flex:1}.yt-card-title{font-size:13px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yt-card-author{font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yt-card-open{flex:none;font-size:12px;color:var(--accent);background:none;border:0;cursor:pointer;padding:var(--space-1);border-radius:var(--rounded-sm)}.yt-card-open:hover{text-decoration:underline}.message-embed-player{width:100%;max-height:320px;border-radius:var(--rounded-md);border:1px solid var(--border);background:var(--surface-0)}.attachment-audio-wrap{padding:var(--space-2);background:var(--surface-4);border:1px solid var(--border);border-radius:var(--rounded-md)}.attachment-audio-wrap .attachment-name{display:block;margin-bottom:var(--space-1);font-size:13px}.attachment-audio{width:100%}.attachment-expiry{align-self:flex-start;margin-top:2px;font-size:11px;color:var(--warning);background:var(--surface-2);padding:2px var(--space-2);border-radius:var(--rounded-full);white-space:nowrap}.presence-dot{width:11px;height:11px;border-radius:var(--rounded-full);border:2px solid var(--surface-2);background:var(--status-offline)}.presence-online{background:var(--status-online)}.presence-idle{background:var(--status-idle)}.presence-offline{background:var(--status-offline)}.friend-avatar{position:relative;flex:none;display:inline-flex}.friend-avatar .presence-dot{position:absolute;right:-1px;bottom:-1px}.home-sidebar{display:flex;flex-direction:column;gap:var(--space-1)}.home-nav{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:none;background:none;color:var(--text-secondary);border-radius:var(--rounded-md);font-size:15px;font-weight:600;text-align:left}.home-nav:hover{background:var(--surface-3);color:var(--text-primary)}.home-nav.active{background:var(--accent-tint);color:var(--text-primary)}.dm-group-label{margin:var(--space-4) 0 var(--space-1);padding:0 var(--space-2)}.dm-empty{padding:0 var(--space-2)}.dm-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.dm-row{width:100%;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border:none;background:none;color:var(--text-secondary);border-radius:var(--rounded-md);text-align:left}.dm-row:hover{background:var(--surface-3);color:var(--text-primary)}.dm-row.active{background:var(--accent-tint);color:var(--text-primary)}.dm-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:500}.dm-unread{flex:none;width:8px;height:8px;border-radius:var(--rounded-full);background:var(--accent);margin-left:auto}.friends-panel{display:flex;flex-direction:column;min-height:0;height:100%;padding:var(--space-5) var(--space-6);gap:var(--space-4)}.friends-head{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.friends-title{font-size:20px;font-weight:700;margin:0;color:var(--text-primary)}.friends-tabs{display:flex;gap:var(--space-1)}.friends-tab{border:none;background:transparent;color:var(--text-secondary);border-radius:var(--rounded-sm);padding:var(--space-1) var(--space-3);font-size:13px;font-weight:600}.friends-tab:hover{background:var(--surface-3);color:var(--text-primary)}.friends-tab.active{background:var(--surface-4);color:var(--text-primary)}.friends-add{display:flex;gap:var(--space-2)}.friends-add-input{flex:1;min-width:0;background:var(--input);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--rounded-md);padding:var(--space-2) var(--space-3);font-size:14px}.friends-add-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.friends-error{color:var(--danger);font-size:13px;margin:0}.friends-note{color:var(--text-secondary);font-size:13px;margin:0}.friends-list-wrap{flex:1;min-height:0;overflow-y:auto}.friends-empty{padding:var(--space-4) 0}.friends-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.friend-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2);border-radius:var(--rounded-md);border-top:1px solid var(--border)}.friend-row:first-child{border-top:none}.friend-row:hover{background:var(--surface-3)}.friend-meta{flex:1;min-width:0;display:flex;flex-direction:column}.friend-name{font-size:15px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-sub{font-size:12px;color:var(--text-muted)}.friend-action{flex:none;font-size:13px;padding:var(--space-1) var(--space-3)}.friend-remove{flex:none;opacity:0;color:var(--text-muted)}.friend-row:hover .friend-remove{opacity:1}.friend-remove:hover{color:var(--danger)}.channel-voice-count{margin-left:auto;min-width:18px;padding:0 var(--space-1);border-radius:var(--rounded-full);background:var(--surface-4);color:var(--text-secondary);font-size:11px;font-weight:700;text-align:center}.voice-occupants{list-style:none;margin:0 0 var(--space-1);padding:0 0 0 var(--space-6);display:flex;flex-direction:column;gap:2px}.voice-occupant{display:flex;align-items:center;gap:var(--space-2);padding:2px var(--space-2);color:var(--text-secondary);font-size:13px}.voice-occupant-name{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-occupant-state{flex:none;margin-left:var(--space-1);color:var(--text-muted)}.live-tag{flex:none;margin-left:var(--space-2);padding:0 5px;font-size:10px;font-weight:700;line-height:15px;letter-spacing:.02em;color:#fff;background:var(--live, #f23f42);border-radius:4px;text-transform:uppercase}.voice-occupant .avatar{outline:2px solid transparent;transition:outline-color .08s ease,box-shadow .08s ease}.voice-occupant.speaking .avatar{outline-color:var(--speaking);box-shadow:0 0 10px 2px color-mix(in srgb,var(--speaking) 55%,transparent)}.voice-dock{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2) var(--space-3);margin:0 var(--space-1) var(--space-1);border-radius:var(--rounded-md);background:color-mix(in srgb,var(--surface-0) 55%,transparent)}.voice-dock-top{display:flex;align-items:center;gap:var(--space-2)}.voice-dock-info{display:flex;align-items:center;gap:var(--space-2);min-width:0;flex:1}.voice-dock-signal{flex:none;display:inline-flex;color:var(--text-muted);cursor:default}.voice-dock-signal.signal-good{color:var(--success)}.voice-dock-signal.signal-fair{color:#e0a44e}.voice-dock-signal.signal-poor{color:var(--danger)}.voice-dock-signal.signal-off{color:var(--text-muted)}.voice-dock-text{display:flex;flex-direction:column;min-width:0}.voice-dock-status{font-size:13px;font-weight:700;color:var(--success)}.voice-dock-status.error{color:var(--danger)}.voice-dock-channel{max-width:100%;padding:0;border:none;background:none;text-align:left;font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.voice-dock-channel:hover{color:var(--text-primary);text-decoration:underline}.voice-dock-channel.static{display:block;cursor:default}.voice-dock-channel.static:hover{color:var(--text-secondary);text-decoration:none}.voice-dock-hangup{flex:none;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--rounded-sm);background:transparent;color:var(--text-secondary);transition:background-color .15s ease,color .15s ease}.voice-dock-hangup:hover{background:var(--danger);color:#fff}.voice-stage{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;padding:var(--space-6);gap:var(--space-6);background:var(--surface-0)}.voice-stage-header{flex:none}.voice-stage-body{flex:1 1 auto;min-height:0;display:flex}.voice-stage-body>.voice-empty{margin:auto}.voice-grid{flex:1;min-width:0;min-height:0;display:flex;flex-wrap:wrap;gap:var(--space-3);align-content:center;justify-content:center;overflow:hidden}.voice-cell{position:relative;aspect-ratio:16 / 9;min-width:0;min-height:0;border-radius:var(--rounded-lg)}.voice-cell.speaking{outline:3px solid var(--speaking);outline-offset:-3px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--speaking) 65%,transparent),0 0 18px 2px color-mix(in srgb,var(--speaking) 55%,transparent)}.participant-cell{width:100%;height:100%;border-radius:var(--rounded-lg);background:var(--surface-4);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.participant-cell .voice-tile-badge{right:var(--space-2);bottom:var(--space-2)}.participant-cell .voice-tile-live{left:var(--space-2);top:var(--space-2)}.participant-cell .voice-tile-menu{top:var(--space-2);right:var(--space-2)}.voice-cell:hover .voice-tile-menu,.voice-tile-menu:focus-visible{opacity:1}.voice-cell-muted-note{color:color-mix(in srgb,white 55%,transparent);font-weight:500}.voice-stage-header .display{display:flex;align-items:center;gap:var(--space-2);margin:0}.voice-empty{color:var(--text-muted);font-size:15px}.voice-tiles{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-4);align-content:flex-start}.voice-tile{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:128px;padding:var(--space-4);border-radius:var(--rounded-lg);background:var(--surface-4)}.voice-tile .avatar{outline:2px solid transparent}.voice-tile-name{font-size:13px;color:var(--text-primary);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-tile-you{color:var(--text-muted)}.voice-stage-actions{display:flex;gap:var(--space-3)}.voice-call-bar{flex:none;display:flex;justify-content:center;align-items:center;min-height:60px}.voice-call-controls{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:center;max-width:100%;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-radius:var(--rounded-full);background:color-mix(in srgb,black 55%,transparent)}.voice-call-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:var(--rounded-full);background:var(--surface-4);color:var(--text-primary);transition:background-color .15s ease,color .15s ease}.voice-call-btn:hover{background:color-mix(in srgb,var(--surface-4) 65%,white)}.voice-call-btn.active{background:#fff;color:var(--surface-0)}.voice-call-btn.live{color:var(--live)}.voice-call-btn.hangup{background:var(--danger);color:#fff}.voice-call-btn.hangup:hover{background:color-mix(in srgb,var(--danger) 82%,black)}.voice-call-btn.stop-share{color:var(--danger)}.voice-call-btn.stop-share:hover{background:color-mix(in srgb,var(--danger) 14%,transparent)}.voice-dock-controls{display:flex;align-items:center;gap:var(--space-1)}.voice-dock-ctl{flex:1;display:inline-flex;align-items:center;justify-content:center;height:30px;border:none;border-radius:var(--rounded-sm);background:color-mix(in srgb,var(--text-primary) 6%,transparent);color:var(--text-secondary);transition:background-color .15s ease,color .15s ease}.voice-dock-ctl:hover{background:color-mix(in srgb,var(--text-primary) 12%,transparent);color:var(--text-primary)}.voice-dock-ctl.active{color:var(--danger)}.voice-dock-ctl.live{color:var(--live)}.voice-dock-ctl.stop-share{color:var(--danger)}.voice-tile-avatar{position:relative}.voice-tile.speaking .avatar{outline-color:var(--speaking);box-shadow:0 0 10px var(--speaking)}.voice-tile-badge{position:absolute;right:-2px;bottom:-2px;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--rounded-full);background:var(--danger);color:var(--accent-ink);border:2px solid var(--surface-4)}.voice-tile-live{position:absolute;left:-2px;top:-2px;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--rounded-full);background:var(--live);color:#fff;border:2px solid var(--surface-4)}.voice-tile-menu{position:absolute;top:-6px;right:-6px;width:22px;height:22px;opacity:0;background:var(--surface-3)}.voice-tile:hover .voice-tile-menu,.voice-tile-menu:focus-visible{opacity:1}.voice-tile-tag{font-size:11px;font-weight:600;color:var(--danger)}.popover-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.voice-menu{position:fixed;z-index:41;width:220px;max-width:calc(100vw - var(--space-4));padding:var(--space-3);border:1px solid var(--border);border-radius:var(--rounded-lg);background:var(--surface-4);box-shadow:0 12px 32px var(--scrim);display:flex;flex-direction:column;gap:var(--space-2)}.voice-menu-name{margin:0;font-weight:700;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-menu-row{display:flex;align-items:center;gap:var(--space-2)}.voice-menu-label{font-size:13px;color:var(--text-secondary)}.voice-menu-val{font-size:12px;color:var(--text-muted);width:34px;text-align:right}.voice-menu-mute.active{color:var(--danger)}.voice-settings{display:flex;flex-direction:column;gap:var(--space-6);max-width:540px}.vs-section{display:flex;flex-direction:column;gap:var(--space-3)}.vs-heading{margin:0;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.vs-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-1) 0}.vs-row.stacked{flex-direction:column;align-items:stretch;gap:var(--space-2)}.vs-row-text{display:flex;flex-direction:column;gap:2px;min-width:0}.vs-row-label{font-weight:600;color:var(--text-primary)}.vs-row-desc{font-size:12px;color:var(--text-muted)}.vs-row-control{flex:none;display:flex;align-items:center}.vs-row.stacked .vs-row-control{flex:1}.vs-row.stacked .vs-row-control input[type=range],.vs-row.stacked .vs-row-control .vs-select{width:100%}.vs-duo{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.vs-duo .vs-row.stacked{padding:0}@media(max-width:460px){.vs-duo{grid-template-columns:1fr}}.vs-test-row{display:flex;align-items:center;gap:var(--space-4)}.vs-test-btn{flex:none}.vs-meter-wrap{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.vs-advanced{border-top:1px solid var(--border);padding-top:var(--space-4)}.vs-advanced>summary{cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);list-style:none;display:flex;align-items:center;gap:var(--space-2)}.vs-advanced>summary::-webkit-details-marker{display:none}.vs-advanced>summary:before{content:"▸";font-size:11px;transition:transform .12s ease}.vs-advanced[open]>summary:before{transform:rotate(90deg)}.vs-advanced-body{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.vs-sub{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border)}.vs-group{display:flex;flex-direction:column;gap:var(--space-2)}.vs-select{font:inherit;color:var(--text-primary);background:var(--input);border:1px solid var(--border);border-radius:var(--rounded-sm);padding:var(--space-2) var(--space-3)}.vs-select:disabled{opacity:.6}.vs-meter{position:relative;height:10px;border-radius:var(--rounded-full);background:var(--surface-2);overflow:hidden}.vs-meter-fill{height:100%;background:var(--text-muted);transition:width 60ms linear}.vs-meter-fill.open{background:var(--speaking)}.vs-meter-gate{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--accent)}.vs-segmented{display:inline-flex;gap:2px;padding:2px;border-radius:var(--rounded-md);background:var(--surface-2);width:fit-content}.vs-seg{border:none;background:transparent;color:var(--text-secondary);font:inherit;font-weight:600;padding:var(--space-1) var(--space-3);border-radius:var(--rounded-sm)}.vs-seg.on{background:var(--accent);color:var(--accent-ink)}.vs-slider-row{display:flex;flex-direction:column;gap:var(--space-1)}.vs-slider-row input[type=range]{accent-color:var(--accent)}.vs-note{font-size:12px;color:var(--text-muted)}.vs-nudge{font-size:13px;color:var(--warning)}.vs-ptt{display:flex;flex-direction:column;gap:var(--space-2)}.vs-ptt-row{display:flex;align-items:center;gap:var(--space-3)}.vs-ptt-binding{flex:1;padding:var(--space-2) var(--space-3);border-radius:var(--rounded-sm);background:var(--input);border:1px solid var(--border);color:var(--text-primary);font-weight:600}.voice-toggle{display:inline-flex;align-items:center;gap:var(--space-2);background:none;border:none;color:var(--text-primary);font:inherit;padding:var(--space-1) 0}.voice-toggle-track{width:34px;height:20px;flex:none;border-radius:var(--rounded-full);background:var(--surface-4);padding:2px;transition:background .12s ease}.voice-toggle.on .voice-toggle-track{background:var(--accent)}.voice-toggle-thumb{display:block;width:16px;height:16px;border-radius:var(--rounded-full);background:var(--text-primary);transition:transform .12s ease}.voice-toggle.on .voice-toggle-thumb{transform:translate(14px);background:var(--accent-ink)}.claude-settings{display:flex;flex-direction:column;gap:var(--space-5);max-width:460px}.claude-contract{border:1px solid var(--claude);border-radius:var(--rounded-md);background:color-mix(in srgb,var(--claude) 8%,var(--surface-4));padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.claude-contract p{margin:0;font-size:13px;color:var(--text-secondary);line-height:1.5}.claude-contract-head{color:var(--claude);font-weight:600;font-size:14px}.claude-status{margin:0;font-size:14px;color:var(--text-primary)}.claude-path{color:var(--text-muted);font-size:12px;word-break:break-all}.claude-note{color:var(--text-muted);font-size:12px}.claude-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.claude-row{display:block}.claude-card{display:flex;gap:var(--space-3);border:1px solid color-mix(in srgb,var(--claude) 45%,transparent);border-radius:var(--rounded-md);background:color-mix(in srgb,var(--claude) 7%,var(--surface-4));padding:var(--space-3)}.claude-card-bar{flex:0 0 3px;align-self:stretch;border-radius:2px;background:var(--claude)}.claude-card-main{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;gap:var(--space-2)}.claude-card-head{display:flex;align-items:center;gap:var(--space-2)}.claude-card-title{color:var(--claude);font-weight:600;font-size:14px}.claude-card-by{color:var(--text-secondary);font-weight:400}.claude-card-incomplete{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--claude);border:1px solid color-mix(in srgb,var(--claude) 55%,transparent);border-radius:var(--rounded-sm);padding:1px 6px}.claude-card-sandbox{font-size:11px;font-weight:600;color:var(--claude);background:color-mix(in srgb,var(--claude) 12%,transparent);border-radius:var(--rounded-sm);padding:1px 6px}.claude-card-cancel{margin-left:auto;color:var(--claude);font-size:12px}.claude-card-prompt{font-size:13px;color:var(--text-secondary);border-left:2px solid color-mix(in srgb,var(--claude) 40%,transparent);padding-left:var(--space-3);white-space:pre-wrap;word-break:break-word}.claude-card-answer{color:var(--text-primary);white-space:pre-wrap;word-break:break-word;line-height:1.5}.claude-card-answer.mono{font-family:var(--font-mono, ui-monospace, monospace);font-size:13px}.claude-card-usage{margin-top:var(--space-2);font-family:var(--font-mono, ui-monospace, monospace);font-size:11px;color:var(--text-secondary);opacity:.75}.claude-caret{display:inline-block;width:.5em;height:1em;margin-left:2px;vertical-align:text-bottom;background:var(--claude);animation:claude-caret-blink 1s step-end infinite}@keyframes claude-caret-blink{50%{opacity:0}}.claude-envelope{border:1px solid var(--claude);border-radius:var(--rounded-md);background:color-mix(in srgb,var(--claude) 6%,transparent);padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1)}.claude-envelope-caption{color:var(--claude);font-size:12px;font-weight:600}.claude-hint{color:var(--claude);font-size:12px;font-weight:600;padding:var(--space-1) var(--space-2);margin-bottom:var(--space-1)}.claude-envelope-scope{color:var(--text-secondary);font-size:11px;font-weight:500}.claude-envelope .composer-box{background:var(--surface-4)}.claude-nudge{display:flex;align-items:flex-start;gap:var(--space-2);border:1px solid color-mix(in srgb,var(--claude) 45%,transparent);border-radius:var(--rounded-md);background:color-mix(in srgb,var(--claude) 8%,var(--surface-4));padding:var(--space-3);margin-bottom:var(--space-2)}.claude-nudge-head{color:var(--claude);font-weight:600;font-size:13px;flex:0 0 auto}.claude-nudge-text{flex:1 1 auto;font-size:13px;color:var(--text-secondary);line-height:1.5}.claude-nudge-dismiss{flex:0 0 auto;color:var(--text-muted)}.stream-stage{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-4)}.stream-stage>li{max-width:100%}.stream-cell{width:340px}.stream-cell-wide{width:100%}.stream-cell-wide .stream-video-wrap{max-height:62vh}.stream-tile{position:relative;width:100%;height:100%;border-radius:var(--rounded-lg);background:var(--surface-4);overflow:hidden}.stream-tile-local{outline:2px solid var(--accent);outline-offset:-2px}.stream-video-wrap{position:relative;width:100%;height:100%;background:var(--surface-0);display:flex;align-items:center;justify-content:center}.stream-name-overlay{position:absolute;left:var(--space-2);bottom:var(--space-2);max-width:calc(100% - var(--space-4));padding:2px 8px;border-radius:var(--rounded-sm);background:color-mix(in srgb,black 55%,transparent);color:#fff;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:1}.stream-overlay-stop{width:auto;padding:0 10px;font-size:12px;font-weight:700}.stream-video{width:100%;height:100%;object-fit:contain;display:block}.stream-watch-cta{border:none;cursor:pointer;padding:var(--space-2) var(--space-4);border-radius:var(--rounded-md);background:var(--surface-3);color:var(--text-primary);font:inherit;font-weight:600}.stream-watch-cta:hover{background:var(--accent);color:var(--accent-ink)}.stream-live-chip{position:absolute;top:var(--space-2);left:var(--space-2);padding:1px 6px;border-radius:var(--rounded-sm);background:var(--live);color:var(--accent-ink);font-size:10px;font-weight:800;letter-spacing:.06em}.stream-degraded{position:absolute;top:var(--space-2);right:var(--space-2);padding:1px 6px;border-radius:var(--rounded-sm);background:var(--surface-4);color:var(--text-secondary);font-size:10px;font-weight:600}.stream-tile-bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3)}.stream-tile-name{flex:1;min-width:0;font-size:13px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stream-tile-controls{display:flex;align-items:center;gap:2px;flex:none}.stream-tile:not(.stream-tile-local) .stream-tile-controls{opacity:0;transition:opacity .12s ease}.stream-tile:not(.stream-tile-local):hover .stream-tile-controls,.stream-tile:not(.stream-tile-local):focus-within .stream-tile-controls{opacity:1}.stream-tile-controls .btn-icon.active{color:var(--danger)}.stream-tile-tag{flex:none;font-size:11px;font-weight:600;color:var(--danger)}.stream-stop{padding:2px 10px;font-size:12px}.stream-overlay{position:absolute;top:var(--space-2);right:var(--space-2);left:var(--space-2);display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-1);opacity:0;transition:opacity .12s ease}.stream-video-wrap:hover .stream-overlay,.stream-video-wrap:focus-within .stream-overlay{opacity:1}.stream-overlay-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:var(--rounded-sm);background:color-mix(in srgb,black 55%,transparent);color:#fff;cursor:pointer;transition:background-color .12s ease}.stream-overlay-btn:hover{background:color-mix(in srgb,black 72%,transparent)}.stream-overlay-btn.active{color:var(--live)}.stream-stats-chip{position:absolute;top:calc(var(--space-2) + 24px);left:var(--space-2);z-index:4;display:flex;flex-direction:column;gap:1px;padding:4px 7px;border-radius:var(--rounded-sm);background:color-mix(in srgb,black 72%,transparent);color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;line-height:1.3;letter-spacing:.2px;pointer-events:none}.stream-stats-hw{color:var(--success)}.stream-stats-sw{color:var(--warning)}.stream-video-wrap:fullscreen{width:100vw;height:100vh;max-height:none;aspect-ratio:auto;background:#000}.stream-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60}.stream-menu{position:fixed;z-index:61;width:228px;max-width:calc(100vw - var(--space-4));max-height:calc(100vh - var(--space-4));overflow-y:auto;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--rounded-lg);background:var(--surface-4);box-shadow:0 12px 32px var(--scrim);display:flex;flex-direction:column;gap:3px}.stream-menu-item{display:flex;align-items:center;gap:var(--space-2);width:100%;text-align:left;border:none;background:transparent;color:var(--text-primary);font:inherit;font-size:14px;padding:var(--space-2) var(--space-3);border-radius:var(--rounded-sm);cursor:pointer;transition:background-color .1s ease,color .1s ease}.stream-menu-item svg{flex:none;color:var(--text-muted)}.stream-menu-item:hover{background:var(--accent);color:var(--accent-ink)}.stream-menu-item:hover svg{color:inherit}.stream-menu-item.danger{color:var(--danger)}.stream-menu-item.danger:hover{background:var(--danger);color:#fff}.stream-menu-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3) var(--space-2)}.stream-menu-label{font-size:12px;color:var(--text-secondary);white-space:nowrap}.stream-menu-val{font-size:12px;color:var(--text-muted);width:34px;text-align:right}.stream-menu-row input[type=range],.voice-menu-row input[type=range]{flex:1;min-width:0;height:14px;margin:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.stream-menu-row input[type=range]::-webkit-slider-runnable-track,.voice-menu-row input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:var(--surface-2)}.stream-menu-row input[type=range]::-moz-range-track,.voice-menu-row input[type=range]::-moz-range-track{height:4px;border-radius:999px;background:var(--surface-2)}.stream-menu-row input[type=range]::-moz-range-progress,.voice-menu-row input[type=range]::-moz-range-progress{height:4px;border-radius:999px;background:var(--accent)}.stream-menu-row input[type=range]::-webkit-slider-thumb,.voice-menu-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:-5px;width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid var(--surface-4);box-shadow:0 1px 3px var(--scrim)}.stream-menu-row input[type=range]::-moz-range-thumb,.voice-menu-row input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid var(--surface-4);box-shadow:0 1px 3px var(--scrim)}.stream-menu-row input[type=range]:disabled,.voice-menu-row input[type=range]:disabled{opacity:.45;cursor:default}.voice-ctl.active-live{color:var(--live)}.source-picker{width:680px;max-width:calc(100vw - var(--space-6))}.source-empty{color:var(--text-muted);font-size:14px;padding:var(--space-4) 0}.source-grid{list-style:none;margin:0;padding:var(--space-1);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);max-height:340px;overflow-y:auto}.source-item{width:100%;min-width:0;border:2px solid transparent;border-radius:var(--rounded-md);background:var(--surface-3);padding:var(--space-1);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-1);color:var(--text-secondary)}.source-item:hover{border-color:var(--border)}.source-item.selected{border-color:var(--accent);color:var(--text-primary)}.source-item.disabled,.source-item:disabled{opacity:.5;cursor:not-allowed}.source-item.disabled:hover{border-color:transparent}.source-sharing-tag{flex:none;margin-left:auto;padding:1px 6px;border-radius:var(--rounded-sm);background:color-mix(in srgb,var(--live) 20%,transparent);color:var(--live);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.source-thumb{width:100%;aspect-ratio:16 / 9;object-fit:contain;border-radius:var(--rounded-sm);background:#000}.source-thumb-empty{display:block}.source-name{min-width:0;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-tabs{display:flex;gap:var(--space-1);padding:var(--space-1);margin-bottom:var(--space-4);background:var(--surface-2);border-radius:var(--rounded-md)}.picker-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2);border:none;border-radius:var(--rounded-sm);background:transparent;color:var(--text-secondary);font-size:14px;font-weight:600}.picker-tab:hover{color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 5%,transparent)}.picker-tab.active{background:var(--surface-4);color:var(--text-primary)}.source-label{display:flex;align-items:center;gap:var(--space-1);min-width:0;padding:0 2px}.source-appicon{width:16px;height:16px;flex:none;object-fit:contain}.source-thumb-device{display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.source-item-device.selected .source-thumb-device{color:var(--accent)}.picker-quality{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-2) var(--space-3);border-radius:var(--rounded-md);background:var(--surface-2)}.picker-quality-summary{flex:1;min-width:0;display:flex;flex-direction:column}.picker-quality-title{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.picker-quality-detail{font-size:14px;font-weight:600;color:var(--text-primary)}.picker-quality-gear.active{color:var(--text-primary);background:var(--surface-4)}.picker-settings{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--rounded-md);background:var(--surface-2)}.picker-settings .field{margin-bottom:0}.source-config{display:flex;flex-direction:column;gap:var(--space-3)}.picker-settings .voice-toggle{font-size:13px;color:var(--text-secondary);text-align:left}.voice-toggle-note{color:var(--text-muted)}.voice-toggle:disabled{opacity:.55;cursor:not-allowed}.stream-draw-canvas{position:absolute;pointer-events:none;touch-action:none}.stream-draw-canvas.painting{pointer-events:auto;cursor:crosshair}.draw-toolbar{position:absolute;bottom:var(--space-3);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-1);max-width:calc(100% - var(--space-4));flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;justify-content:flex-start;padding:var(--space-1) var(--space-2);border-radius:var(--rounded-md);background:var(--surface-4);border:1px solid var(--border);box-shadow:0 4px 16px var(--scrim);z-index:2}.draw-tool{display:inline-flex;align-items:center;justify-content:center;flex:none;width:26px;height:26px;border:none;border-radius:var(--rounded-sm);background:transparent;color:var(--text-secondary);cursor:pointer}.draw-tool:hover{color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 8%,transparent)}.draw-tool.active{background:var(--accent);color:var(--accent-ink)}.draw-toolbar-sep{flex:none;width:1px;height:18px;background:var(--border);margin:0 var(--space-1)}.draw-swatch{flex:none;width:18px;height:18px;padding:0;border:1px solid var(--border);border-radius:var(--rounded-full);cursor:pointer}.draw-swatch.active{outline:2px solid var(--accent);outline-offset:1px}.draw-color-custom{flex:none;width:24px;height:24px;padding:0;border:1px solid var(--border);border-radius:var(--rounded-sm);background:transparent;cursor:pointer}.draw-tool:disabled{opacity:.35;cursor:default}.draw-tool:disabled:hover{background:transparent;color:var(--text-secondary)}.draw-tool-danger:hover{background:var(--danger);color:#fff}.draw-size{flex:none;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;color:var(--text-secondary)}.draw-size-dot{border-radius:var(--rounded-full);background:currentColor}.draw-cursor-ring{position:absolute;pointer-events:none;border:1px solid var(--text-primary);border-radius:var(--rounded-full);box-shadow:0 0 0 1px var(--scrim),inset 0 0 0 1px var(--scrim);visibility:hidden;z-index:1}.draw-cursor-ring.visible{visibility:visible}html.overlay-window,html.overlay-window body{background:transparent!important}.overlay-window-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block;pointer-events:none}.appearance{display:flex;flex-direction:column;gap:var(--space-3);max-width:640px}.appearance-groups{display:flex;flex-direction:column;gap:var(--space-2)}.appearance-title{margin:0 0 var(--space-2)}.appearance-shelf-label{margin:var(--space-3) 0 var(--space-1);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.theme-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:var(--space-3)}.theme-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--border);border-radius:var(--rounded-md);background:var(--surface-3);color:var(--text-secondary);text-align:left}.theme-card:hover{border-color:var(--accent);color:var(--text-primary)}.theme-card.active{border-color:var(--accent);background:var(--accent-tint);color:var(--text-primary)}.theme-card-ladder{position:relative;display:flex;height:46px;border-radius:var(--rounded-sm);overflow:hidden;border:1px solid var(--border)}.theme-card-stripe{flex:1}.theme-card-dot{position:absolute;right:6px;bottom:6px;width:15px;height:15px;border-radius:var(--rounded-full);border:2px solid var(--surface-4)}.theme-card-name{font-size:13px;font-weight:600}.btn-sm{padding:var(--space-1) var(--space-3);font-size:13px}.appearance-your-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.appearance-your-actions{display:flex;gap:var(--space-2)}.theme-card-custom{padding:0;overflow:hidden}.theme-card-select{display:flex;flex-direction:column;gap:var(--space-2);width:100%;border:none;background:transparent;color:inherit;text-align:left;padding:var(--space-2)}.theme-card-edit{padding:var(--space-1) var(--space-2) var(--space-2)}.theme-editor-overlay{z-index:20}.theme-editor{width:560px;max-width:calc(100% - var(--space-6));max-height:calc(100% - var(--space-8));display:flex;flex-direction:column;gap:var(--space-4)}.theme-editor-body{overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-4)}.theme-roles{display:flex;flex-direction:column;gap:var(--space-2)}.theme-role{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.theme-role-label{font-size:14px;font-weight:600;color:var(--text-secondary)}.theme-advanced-summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--text-secondary);padding:var(--space-2) 0}.theme-advanced-grid{display:flex;flex-direction:column;gap:var(--space-1)}.theme-adv-row{display:flex;align-items:center;gap:var(--space-2)}.theme-adv-name{flex:1;min-width:0;font-family:var(--font-mono);font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-adv-reset:disabled{opacity:.3}.theme-editor-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.theme-editor-cancel{margin-left:auto}.theme-contrast{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--rounded-md);background:var(--surface-3)}.theme-contrast-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.theme-contrast-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:2px var(--space-4)}.theme-contrast-row{display:flex;align-items:center;gap:var(--space-2);font-size:12px;color:var(--text-secondary)}.theme-contrast-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-contrast-ratio{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.theme-contrast-mark{color:var(--success);font-weight:700}.theme-contrast-row.fail .theme-contrast-label,.theme-contrast-row.fail .theme-contrast-ratio,.theme-contrast-row.fail .theme-contrast-mark{color:var(--danger)}.theme-editor-block{margin:0;font-size:13px;color:var(--danger)}.color-control{display:inline-flex;align-items:center;gap:var(--space-2)}.color-swatch{width:32px;height:26px;padding:0;border:1px solid var(--border);border-radius:var(--rounded-sm);background:none;cursor:pointer}.color-hex{width:92px;font-family:var(--font-mono);font-size:13px;color:var(--text-primary);background:var(--input);border:1px solid var(--border);border-radius:var(--rounded-sm);padding:var(--space-1) var(--space-2);text-transform:uppercase}@media(prefers-reduced-motion:reduce){.on-air-lamp.on,.voice-tile.speaking .avatar,.voice-occupant.speaking .avatar{box-shadow:none}.vs-meter-fill,.voice-toggle-track,.voice-toggle-thumb,.stream-tile-controls{transition:none}}.settings-pane{display:flex;flex-direction:column;gap:var(--space-3)}.field-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.settings-toggle-label{font-weight:600;color:var(--text-primary)}.settings-toggle{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.settings-hint{margin:0;color:var(--text-secondary);font-size:.85rem;line-height:1.5}.update-banner{position:fixed;top:var(--space-3);left:50%;transform:translate(-50%);z-index:95;display:inline-flex;align-items:center;gap:var(--space-3);max-width:min(560px,calc(100vw - 2 * var(--space-5)));padding:var(--space-2) var(--space-3) var(--space-2) var(--space-4);background:var(--surface-4);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--rounded-full);box-shadow:0 6px 24px var(--scrim);font-size:.85rem}.update-banner-text{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-banner{position:fixed;top:calc(var(--space-3) + 52px);left:50%;transform:translate(-50%);z-index:96;display:inline-flex;align-items:center;gap:var(--space-3);max-width:min(560px,calc(100vw - 2 * var(--space-5)));padding:var(--space-2) var(--space-3) var(--space-2) var(--space-4);background:var(--surface-4);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--rounded-full);box-shadow:0 6px 24px var(--scrim);font-size:.85rem}.call-banner-text{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-banner-text strong{color:var(--text-primary)}.call-banner.call-notice{top:calc(var(--space-3) + 104px)}.diag-inbox{display:flex;flex-direction:column;gap:var(--space-1);padding-top:var(--space-2);border-top:1px solid var(--border)}.diag-row{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:var(--space-2) var(--space-3);background:var(--surface-3);border:1px solid var(--border);border-radius:var(--rounded-md);color:var(--text-primary);text-align:left;cursor:pointer}.diag-row:hover{background:var(--surface-4)}.diag-row-who{font-weight:600}.diag-row-meta{color:var(--text-muted);font-size:.8rem}.diag-detail{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border)}.diag-log{margin:0;max-height:320px;overflow:auto;padding:var(--space-3);background:var(--surface-0);border:1px solid var(--border);border-radius:var(--rounded-md);color:var(--text-secondary);font-family:var(--font-mono);font-size:.78rem;line-height:1.5;white-space:pre-wrap;word-break:break-word}.disconnected-screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-8);background:var(--surface-0);text-align:center}.disconnected-title{margin:0;color:var(--text-primary);font-size:1.4rem}.disconnected-text{margin:0;max-width:42ch;color:var(--text-secondary);line-height:1.6}.app-frame{height:100%;display:flex;flex-direction:column;background-color:var(--surface-0);background-image:var(--app-motif, none),var(--app-bg, none);background-repeat:repeat,no-repeat;background-position:center,center;background-size:auto,cover;background-attachment:fixed,fixed}:root[data-app-bg] .titlebar{background:transparent}:root[data-app-bg] .rail{background:color-mix(in srgb,var(--surface-1) 85%,transparent)}:root[data-app-bg] .sidebar{background:color-mix(in srgb,var(--surface-2) 85%,transparent)}:root[data-app-bg] .roster{background:color-mix(in srgb,var(--surface-2) 85%,transparent)}.app-body{flex:1;min-height:0;position:relative}.titlebar{flex-shrink:0;height:env(titlebar-area-height,30px);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:0 var(--space-2) 0 var(--space-3);background:var(--surface-0);-webkit-app-region:drag;margin-left:env(titlebar-area-x,0);width:env(titlebar-area-width,100%);-webkit-user-select:none;user-select:none}.titlebar-title{font-size:.75rem;font-weight:600;letter-spacing:.02em;color:var(--text-muted)}.titlebar-update{-webkit-app-region:no-drag;display:inline-flex;align-items:center;justify-content:center;width:30px;height:22px;border:none;border-radius:var(--rounded-sm);background:transparent;color:var(--status-online);cursor:pointer}.titlebar-update:hover{background:var(--surface-3)}.titlebar-update-downloading{color:var(--warning);cursor:default}.notif-muted{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border)}.mod-actions,.mod-confirm{display:inline-flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-left:auto}.mod-confirm .gate-hint{margin:0}.roadmap-stage{flex:1;min-height:0;display:flex;flex-direction:column}.roadmap-header{flex:none;position:relative;z-index:2;display:flex;align-items:center;gap:var(--space-3);height:48px;padding:0 var(--space-4);box-shadow:0 1px color-mix(in srgb,black 24%,transparent),0 1.5px color-mix(in srgb,black 8%,transparent)}.roadmap-title{display:flex;align-items:center;gap:var(--space-2);margin:0;font-family:var(--font-sans);font-size:16px;font-weight:600;color:var(--text-primary)}.roadmap-title svg{flex:none;color:var(--text-muted)}.roadmap-progress{margin-left:auto;font-size:13px;font-weight:600;color:var(--text-secondary)}.roadmap-body{flex:1;min-height:0;overflow-y:auto;padding:var(--space-5) var(--space-6)}.roadmap-empty{color:var(--text-muted);font-size:14px;margin:0 0 var(--space-4)}.roadmap-list{list-style:none;margin:0 0 var(--space-4);padding:0}.roadmap-node{display:flex;gap:var(--space-3);align-items:stretch}.roadmap-node.dragging{opacity:.5}.roadmap-rail{flex:none;width:24px;display:flex;flex-direction:column;align-items:center}.roadmap-check{flex:none;width:24px;height:24px;margin-top:var(--space-3);display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--border);border-radius:var(--rounded-full);background:var(--surface-4);color:#fff;transition:background-color .12s ease,border-color .12s ease}.roadmap-check:hover{border-color:var(--success)}.roadmap-node.done .roadmap-check{background:var(--success);border-color:var(--success)}.roadmap-connector{flex:1;width:2px;min-height:var(--space-4);margin:var(--space-1) 0;background:var(--border)}.roadmap-node.done .roadmap-connector{background:var(--success)}.roadmap-card{flex:1;min-width:0;margin-bottom:var(--space-3);padding:var(--space-3);background:var(--surface-4);border:1px solid var(--border);border-radius:var(--rounded-md)}.roadmap-node.done .roadmap-card{background:color-mix(in srgb,var(--success) 12%,var(--surface-4));border-color:color-mix(in srgb,var(--success) 40%,var(--border))}.roadmap-card-head{display:flex;align-items:flex-start;gap:var(--space-2)}.roadmap-node-title{flex:1;min-width:0;margin:0;font-size:15px;font-weight:600;color:var(--text-primary);word-break:break-word;white-space:pre-wrap}.roadmap-node.done .roadmap-node-title{color:var(--text-secondary);text-decoration:line-through}.roadmap-node-actions{flex:none;display:flex;align-items:center;gap:2px;opacity:0}.roadmap-node:hover .roadmap-node-actions,.roadmap-node:focus-within .roadmap-node-actions{opacity:1}.roadmap-grip{display:inline-flex;align-items:center;justify-content:center;width:24px;height:28px;color:var(--text-muted);cursor:grab}.roadmap-del:hover{color:var(--danger)}.roadmap-node-detail{margin:var(--space-1) 0 0;font-size:13px;color:var(--text-secondary);word-break:break-word;white-space:pre-wrap}.roadmap-doneby{display:inline-block;margin-top:var(--space-2);padding:1px var(--space-2);font-size:11px;font-weight:600;color:var(--success);background:color-mix(in srgb,var(--success) 16%,transparent);border-radius:var(--rounded-full)}.roadmap-editbox{display:flex;flex-direction:column;gap:var(--space-2)}.roadmap-edit-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.roadmap-edit-btns{display:flex;gap:var(--space-2)}.roadmap-edit-btns .btn{min-height:30px;padding:2px var(--space-3);font-size:13px}.roadmap-add{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.roadmap-add-input{flex:1;min-width:0;font:inherit;font-size:14px;color:var(--text-primary);background:var(--input);border:1px solid var(--border);border-radius:var(--rounded-md);padding:var(--space-2) var(--space-3)}.roadmap-add-input::placeholder{color:var(--text-muted)}.call-row{display:block}.call-card{display:inline-flex;align-items:center;gap:var(--space-3);max-width:100%;padding:var(--space-2) var(--space-4) var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--rounded-md);background:var(--surface-4)}.call-card-icon{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:var(--rounded-full);background:var(--accent-tint);color:var(--accent)}.call-card-missed .call-card-icon{background:color-mix(in srgb,var(--danger) 16%,transparent);color:var(--danger)}.call-card-main{display:flex;flex-direction:column;min-width:0;gap:1px}.call-card-title{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.call-card-missed .call-card-title{color:var(--danger)}.call-card-duration{font-weight:500;color:var(--text-secondary)}.call-card-meta{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:0}.dm-preview{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--text-muted)}.call-panel{flex:none;position:relative;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-1);box-shadow:0 1px color-mix(in srgb,black 24%,transparent)}.call-panel-streams{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);min-width:0}.call-panel-stream{aspect-ratio:16 / 9;height:clamp(150px,26vh,300px);max-width:100%;min-width:0}.call-panel-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.call-panel-people{display:flex;flex-wrap:wrap;gap:var(--space-3);min-width:0}.call-panel-cell{aspect-ratio:auto;width:148px;height:76px}.call-panel-cell .stream-name-overlay{font-size:11px;padding:1px 6px}.call-panel-controls{flex:none;gap:var(--space-2);padding:var(--space-2) var(--space-3)}.call-panel-controls .voice-call-btn{width:38px;height:38px}.bottom-nav,.drawer-scrim{display:none}@media(max-width:640px){body{overflow-x:hidden}.shell{grid-template-columns:1fr;grid-template-rows:1fr}.dm-chats-stage{height:100%;overflow-y:auto;background:var(--surface-3);padding-bottom:calc(var(--m-bottom-nav-h) + env(safe-area-inset-bottom,0px))}.dm-chats-stage .home-sidebar{width:100%;background:transparent;padding-top:calc(var(--space-2) + env(safe-area-inset-top,0px))}.dm-chats-stage .dm-row,.dm-chats-stage .home-nav{min-height:52px}.dm-chats-stage .dm-name{font-size:15px}.speaker-toggle-wrap{position:relative;display:inline-flex}.speaker-toggle-note{position:absolute;bottom:calc(100% + var(--space-2));left:50%;transform:translate(-50%);width:max-content;max-width:78vw;padding:var(--space-2);border-radius:var(--rounded-md);background:var(--surface-4);border:1px solid var(--border);color:var(--text-secondary);font-size:12px;text-align:center;z-index:5}.yt-card-open{min-height:44px;padding:var(--space-2)}.phone-friends{display:flex;flex-direction:column;height:100%;min-height:0}.phone-friends-back{flex:none;align-self:flex-start;min-height:44px;padding:var(--space-2) var(--space-3);background:none;border:0;color:var(--accent);font-size:15px;cursor:pointer}.rail,.sidebar,.roster{position:fixed;top:0;bottom:0;z-index:110;transition:transform .22s ease;will-change:transform}.rail{left:0;width:var(--rail-width);transform:translate(-100%);padding-top:calc(var(--space-3) + env(safe-area-inset-top,0px));padding-bottom:calc(var(--space-3) + var(--m-bottom-nav-h) + env(safe-area-inset-bottom,0px));padding-left:env(safe-area-inset-left,0px)}.sidebar{left:var(--rail-width);width:calc(var(--m-nav-width) - var(--rail-width));transform:translate(calc(-100% - var(--rail-width)));padding-bottom:calc(var(--m-bottom-nav-h) + env(safe-area-inset-bottom,0px))}.shell[data-drawer=nav] .rail,.shell[data-drawer=nav] .sidebar{transform:none;will-change:auto}.roster{left:auto;right:0;width:var(--m-roster-width);transform:translate(100%);padding-top:calc(var(--space-4) + env(safe-area-inset-top,0px));padding-bottom:calc(var(--space-4) + var(--m-bottom-nav-h) + env(safe-area-inset-bottom,0px));padding-right:calc(var(--space-4) + env(safe-area-inset-right,0px))}.shell[data-drawer=roster] .roster{transform:none;will-change:auto}.stage{padding-bottom:calc(var(--m-bottom-nav-h) + env(safe-area-inset-bottom,0px))}.shell[data-drawer] .drawer-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;border:0;padding:0;background:var(--scrim)}.bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:120;align-items:stretch;min-height:var(--m-bottom-nav-h);padding-bottom:env(safe-area-inset-bottom,0px);background:var(--surface-1);border-top:1px solid var(--border)}.bottom-nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:44px;padding:var(--space-2);border:none;background:transparent;color:var(--text-secondary);font-size:11px;font-weight:600;transition:color .15s ease}.bottom-nav-btn:disabled{color:var(--text-muted);opacity:.5}.bottom-nav-btn.active{color:var(--accent)}.message-actions{opacity:0;pointer-events:none}.message-row[data-actions-open] .message-actions{opacity:1;pointer-events:auto}.message-actions .btn-icon{width:44px;height:44px}.chat-header .btn-icon{width:40px;height:40px}.voice-dock-ctl{min-height:44px}.call-panel-controls .voice-call-btn{width:44px;height:44px}.stream-overlay{opacity:1}.stream-overlay-btn{width:44px;height:44px}.call-banner{z-index:130}.settings-modal{flex-direction:column;width:100%;height:100%;max-width:100%;max-height:100%}.settings-nav{width:auto;flex:none;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border)}.settings-nav-title{display:none}.settings-nav-item{flex:none;white-space:nowrap}.settings-scroll{padding:var(--space-4)}.overlay,.lightbox-backdrop{z-index:200}}.web-update-pill{position:fixed;left:50%;bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:9;display:inline-flex;align-items:center;gap:var(--space-3);max-width:min(560px,calc(100vw - 2 * var(--space-5)));padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);background:var(--surface-4);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--rounded-full);box-shadow:0 6px 24px var(--scrim);font-size:.85rem}.web-update-pill-text{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:640px){.web-update-pill{bottom:calc(var(--m-bottom-nav-h) + var(--space-3) + env(safe-area-inset-bottom,0px))}}.roadmap-detail-text{white-space:pre-wrap}.roadmap-detail-image{display:block;max-width:100%;max-height:320px;width:auto;height:auto;margin:var(--space-2) 0;border-radius:var(--rounded-md);border:1px solid var(--border);object-fit:contain}.roadmap-detail-image-loading{display:block;width:120px;height:80px;margin:var(--space-2) 0;border-radius:var(--rounded-md);background:var(--surface-4)}.roadmap-detail-image-missing{display:inline-block;margin:var(--space-1) 0;padding:1px var(--space-2);font-size:11px;color:var(--text-muted);background:var(--surface-4);border-radius:var(--rounded-sm)}.roadmap-detail-uploading{font-size:12px;color:var(--text-muted)}.roadmap-detail-upload-error{font-size:12px;color:var(--danger)}