:root{--surface-rail:#eaebee;--surface-side:#f3f4f6;--surface-chat:#fff;--surface-raised:#f0f1f4;--surface-bubble:#edeff3;--surface-sunken:#e4e6ea;--video-letterbox:#16171c;--surface-hover:#e8e9ed;--border:#e3e5e9;--border-strong:#c7cad1;--text-primary:#1a1b1e;--text-secondary:#565a63;--text-muted:#888c95;--accent:#5b5bd6;--accent-hover:#4b4bc6;--accent-on:#fff;--accent-soft:#e9e9fa;--danger:#d24a4a;--danger-hover:#bf3f3f;--danger-on:#fff;--backdrop:#181a1e73;--rail-w:64px;--channels-w:260px;--members-w:240px;--call-stage-h:210px;--call-peers-w:264px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-full:999px;--avatar-xs:20px;--avatar-sm:26px;--avatar-md:32px;--avatar-lg:40px;--avatar-xl:64px;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs:11px;--font-size-sm:12.5px;--font-size-md:14px;--font-size-lg:15px;--font-size-xl:22px;--line-height:1.5}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--surface-rail:#121317;--surface-side:#17181d;--surface-chat:#1c1e23;--surface-raised:#24262c;--surface-bubble:#2f323a;--surface-sunken:#101116;--video-letterbox:#16171c;--surface-hover:#2a2d34;--border:#292c33;--border-strong:#3b3f48;--text-primary:#e9eaee;--text-secondary:#a1a5ae;--text-muted:#71757e;--accent:#7b7bea;--accent-hover:#8e8ef2;--accent-on:#14141f;--accent-soft:#26264a;--danger:#e06060;--danger-hover:#ea7272;--danger-on:#1a1012;--backdrop:#0009}}:root[data-theme=dark]{--video-letterbox:#16171c;--surface-rail:#121317;--surface-side:#17181d;--surface-chat:#1c1e23;--surface-raised:#24262c;--surface-bubble:#2f323a;--surface-sunken:#101116;--surface-hover:#2a2d34;--border:#292c33;--border-strong:#3b3f48;--text-primary:#e9eaee;--text-secondary:#a1a5ae;--text-muted:#71757e;--accent:#7b7bea;--accent-hover:#8e8ef2;--accent-on:#14141f;--accent-soft:#26264a;--danger:#e06060;--danger-hover:#ea7272;--danger-on:#1a1012}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{font-family:var(--font-sans);font-size:var(--font-size-md);line-height:var(--line-height);color:var(--text-primary);background-color:var(--surface-chat);-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}ul,ol{margin:0;padding:0;list-style:none}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;margin:0;padding:0}img{max-width:100%;display:block}hr{border:0;margin:0}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.scroll-area{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.scroll-area::-webkit-scrollbar{width:10px}.scroll-area::-webkit-scrollbar-thumb{background-color:var(--border-strong);border-radius:var(--radius-full);background-clip:content-box;border:3px solid #0000}.scroll-area::-webkit-scrollbar-track{background:0 0}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.avatar{border-radius:var(--radius-full);background-color:var(--surface-sunken);border:1px solid var(--border);color:var(--text-secondary);font-size:var(--font-size-xs);letter-spacing:.02em;-webkit-user-select:none;user-select:none;flex:none;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.avatar--xs{width:var(--avatar-xs);height:var(--avatar-xs);font-size:9px}.avatar--sm{width:var(--avatar-sm);height:var(--avatar-sm)}.avatar--md{width:var(--avatar-md);height:var(--avatar-md)}.avatar--lg{width:var(--avatar-lg);height:var(--avatar-lg);font-size:var(--font-size-sm)}.avatar--xl{width:var(--avatar-xl);height:var(--avatar-xl);font-size:var(--font-size-xl)}.icon{color:inherit;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-button{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-secondary);justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background-color:var(--surface-hover);color:var(--text-primary)}.section-title{padding:0 var(--space-3);margin-bottom:var(--space-1);color:var(--text-muted);font-size:var(--font-size-xs);text-transform:lowercase;letter-spacing:.06em;font-weight:600}.voice-video-host{width:1px;height:1px;position:fixed;top:0;left:-9999px;overflow:hidden}.app{grid-template-columns:var(--rail-w) var(--channels-w) minmax(0, 1fr)  var(--members-w);background-color:var(--surface-chat);height:100dvh;color:var(--text-primary);display:grid}@media (width>=721px){.app.no-member-column .chat__header,.app.no-member-column .friends__header,.app.no-member-column .friends__tabs{width:calc(100% + var(--members-w))}}.chat{background-color:var(--surface-chat);flex-direction:column;min-width:0;min-height:0;display:flex}:root{--layout:desktop}@media (width<=720px){:root{--layout:mobile}.app{height:var(--app-height,100dvh);display:block}.chat,.room{height:100%}.app>.group-bar,.app>.channels,.app>.members{z-index:20;display:none;position:fixed;top:0;bottom:0}.app>.group-bar{width:var(--rail-w);left:0}.app>.channels{left:var(--rail-w);width:min(var(--channels-w), calc(100vw - var(--rail-w) - var(--space-6)))}.app>.members{width:min(var(--members-w), calc(100vw - var(--space-6)));border-left:1px solid var(--border);right:0}.app.drawer-left>.group-bar,.app.drawer-left>.channels,.app.drawer-right>.members{display:flex}.app.drawer-left:before,.app.drawer-right:before{content:"";z-index:19;background-color:var(--backdrop);position:fixed;inset:0}.chat .chat__mobile-button,.room .chat__mobile-button{display:inline-flex}.chat__header,.room__header{padding-top:calc(var(--space-2) + env(safe-area-inset-top));padding-left:max(var(--space-2), env(safe-area-inset-left));padding-right:max(var(--space-2), env(safe-area-inset-right))}.composer,.callbar--mobile{padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom));padding-left:max(var(--space-3), env(safe-area-inset-left));padding-right:max(var(--space-3), env(safe-area-inset-right))}.app .callbar--mobile{display:flex}.context-menu__item{align-items:center;min-height:44px;display:flex}.context-menu{min-width:220px}.room{padding:var(--space-3);gap:var(--space-3)}.room__people{max-width:none}.room__people:has(>:only-child){max-width:none}.room__btn{width:48px;height:48px}.room.is-maximized.is-idle .room__controls,.room.is-maximized.is-idle .room__maximize{opacity:1;pointer-events:auto}}.screen{height:100dvh;padding:var(--space-5);background-color:var(--surface-side);color:var(--text-primary);place-items:center;display:grid}.column-scroll{min-height:0;overflow-y:auto}.emulator-badge{right:var(--space-3);bottom:var(--space-3);z-index:9999;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background-color:var(--danger);color:var(--danger-on);font-size:var(--font-size-xs);letter-spacing:.08em;pointer-events:none;font-weight:700;position:fixed}.channels{background-color:var(--surface-side);border-right:1px solid var(--border);flex-direction:column;min-height:0;display:flex}.channels__header{align-items:center;gap:var(--space-2);height:48px;padding:0 var(--space-2) 0 var(--space-3);border-bottom:1px solid var(--border);flex:none;display:flex;position:relative}.channels__empty{padding:0 var(--space-3);font-size:var(--font-size-sm);color:var(--text-muted)}.channels__group-name{min-width:0;font-size:var(--font-size-lg);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:600;overflow:hidden}.channels__group-menu{flex:none}.channels__body{padding:var(--space-4) var(--space-2);flex:auto}.channels__section+.channels__section{margin-top:var(--space-5)}.channel{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-size-md);text-align:left;display:flex}.channel:hover{background-color:var(--surface-hover);color:var(--text-primary)}.channel.is-active{background-color:var(--accent-soft);color:var(--accent);font-weight:500}.channel.is-connected{color:var(--text-primary);box-shadow:inset 2px 0 0 var(--accent);font-weight:500}.channel.is-connected .channel__icon{color:var(--accent)}.channel__live{border-radius:var(--radius-full);background-color:var(--accent-soft);color:var(--accent);font-size:var(--font-size-xs);flex:none;margin-left:auto;padding:0 6px;font-weight:600}.channel__hash{text-align:center;width:14px;color:var(--text-muted);flex:none;font-weight:500}.channel.is-active .channel__hash{color:var(--accent)}.channel__icon{width:15px;color:var(--text-muted)}.channel__name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.channel__roster{margin:2px 0 var(--space-2);padding-left:var(--space-6);flex-direction:column;gap:2px;display:flex}.channel__peer{align-items:center;gap:var(--space-2);padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--text-secondary);display:flex}.channel__peer-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.channel__peer-muted{color:var(--text-muted);flex:none;margin-left:auto;display:inline-flex}.callbar{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);border-top:1px solid var(--border);background-color:var(--surface-raised);flex:none;display:flex}.callbar__back{min-width:0;padding:var(--space-1) var(--space-1);border-radius:var(--radius-sm);text-align:left;flex-direction:column;flex:1;align-items:flex-start;gap:1px;display:flex}.callbar__back:hover{background-color:var(--surface-hover)}.callbar__status{font-size:var(--font-size-xs);letter-spacing:.04em;color:var(--accent);font-weight:600}.callbar__where{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:var(--font-size-xs);color:var(--text-secondary);overflow:hidden}.callbar__btn{flex:none}.callbar__btn.is-off{color:var(--text-muted)}.callbar__btn--danger:hover{background-color:var(--danger);color:var(--danger-on)}.callbar--mobile{border-top:1px solid var(--border);display:none}.empty{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-5);text-align:center;flex-direction:column;display:flex}.empty__mark{width:var(--avatar-lg);height:var(--avatar-lg);margin-bottom:var(--space-2);border-radius:var(--radius-md);background-color:var(--accent);color:var(--accent-on);justify-content:center;align-items:center;display:flex}.empty__title{font-size:var(--font-size-lg);font-weight:600}.empty__title--small{font-size:var(--font-size-md);color:var(--text-secondary)}.empty__text{max-width:380px;font-size:var(--font-size-sm);color:var(--text-muted)}.empty__error{max-width:420px;padding:var(--space-3) var(--space-4);border:1px solid var(--danger);border-radius:var(--radius-md);color:var(--danger);font-size:var(--font-size-sm)}.empty__action{align-items:center;gap:var(--space-2);height:38px;margin-top:var(--space-3);padding:0 var(--space-4);border-radius:var(--radius-md);background-color:var(--accent);color:var(--accent-on);font-size:var(--font-size-md);font-weight:600;display:inline-flex}.empty__action:hover{background-color:var(--accent-hover)}.empty__or{margin-top:var(--space-4);font-size:var(--font-size-xs);color:var(--text-muted)}.empty__join{width:min(360px,100%);margin-top:var(--space-2)}.empty__join-row{gap:var(--space-2);display:flex}.empty__join-input{min-width:0;height:38px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--surface-raised);color:var(--text-primary);font-size:var(--font-size-sm);flex:1}.empty__join-input:focus{border-color:var(--accent);outline:none}.empty__join-submit{height:38px;padding:0 var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);flex:none;font-weight:600}.empty__join-submit:hover{background-color:var(--surface-hover);color:var(--text-primary)}.empty__join-error{margin-top:var(--space-2);font-size:var(--font-size-sm);color:var(--danger)}.session-footer{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);border-top:1px solid var(--border);flex:none;display:flex}.session-footer__name{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:var(--font-size-sm);flex:1;font-weight:500;overflow:hidden}.session-footer__signout:hover{background-color:var(--surface-hover);color:var(--danger)}.chat__header{align-items:center;gap:var(--space-2);height:48px;padding:0 var(--space-5);border-bottom:1px solid var(--border);flex:none;display:flex}.chat__hash{color:var(--text-muted);font-size:var(--font-size-lg);flex:none;font-weight:500}.chat>.empty{flex:auto;min-height:0}.chat__title{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:var(--font-size-lg);flex:1;font-weight:600;overflow:hidden}.chat__messages-slot{flex-direction:column;flex:auto;min-height:0;display:flex}.chat__messages-slot>*{flex:auto;min-height:0}.chat__pin-button{flex:none;position:relative}.chat__pin-count{border-radius:var(--radius-full);background-color:var(--accent);min-width:16px;height:16px;color:var(--accent-on);text-align:center;padding:0 3px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:-4px;right:-6px}.chat__mobile-button{flex:none;display:none}.chat__mobile-button--right{margin-left:auto}.chat__callbar-slot{flex:none}.chat__callbar-slot:empty{display:none}.composer{gap:var(--space-2);padding:var(--space-3) var(--space-5) var(--space-4);border-top:1px solid var(--border);background-color:var(--surface-chat);flex-direction:column;flex:none;display:flex}.composer__row{align-items:flex-end;gap:var(--space-2);display:flex}.composer__action{border-radius:var(--radius-md);flex:none;width:34px;height:34px;margin-bottom:2px}.composer__input{min-width:0;min-height:38px;max-height:140px;padding:9px var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--surface-raised);color:inherit;font:inherit;font-size:var(--font-size-md);resize:none;flex:1;line-height:1.4;overflow-y:auto}.composer__input::placeholder{color:var(--text-muted)}.composer__input:focus{border-color:var(--accent);background-color:var(--surface-chat);outline:none}.composer__send{border-radius:var(--radius-md);background-color:var(--accent);width:38px;height:38px;color:var(--accent-on);flex:none;justify-content:center;align-items:center;display:inline-flex}.composer__send:hover:not(:disabled){background-color:var(--accent-hover)}.composer__send:disabled{opacity:.6;cursor:default}.composer__error{padding:var(--space-2) var(--space-3);border:1px solid var(--danger);border-radius:var(--radius-md);color:var(--danger);font-size:var(--font-size-sm)}.dm-chat__avatar{background-color:var(--surface-side)}.dm-chat__identity{flex-direction:column;gap:1px;min-width:0;display:flex}.dm-chat__name{flex:none}.dm-chat__handle{white-space:nowrap;text-overflow:ellipsis;font-size:var(--font-size-xs);color:var(--text-muted);overflow:hidden}.dm-chat__composer-slot{flex:none}.dm-chat__blocked{padding:var(--space-3) var(--space-5);border-top:1px solid var(--border);color:var(--text-muted);font-size:var(--font-size-sm);flex:none}.members.members--dm{grid-template-rows:1fr 2fr}.members__profile{border-bottom:1px solid var(--border);min-height:0}.members__pinned{flex-direction:column;min-height:0;display:flex}.members__pinned-label{padding:var(--space-3) var(--space-3) var(--space-1);font-size:var(--font-size-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);flex:none;font-weight:700}.members__pinned>.pinned-list,.members__pinned>.pinned-list__empty{flex:auto;min-height:0}.profile-card{align-items:center;gap:var(--space-2);margin:var(--space-3);margin-bottom:var(--space-2);padding:var(--space-4) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);background-color:var(--surface-raised);text-align:center;color:var(--text-primary);flex-direction:column;display:flex}.profile-card__identity{flex-direction:column;align-items:center;min-width:0;max-width:100%;display:flex}.profile-card__name{max-width:100%;font-size:var(--font-size-md);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.profile-card__handle{color:var(--text-muted);font-size:var(--font-size-sm)}.profile-card__bio{max-width:100%;color:var(--text-secondary);font-size:var(--font-size-sm);-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.profile-card__actions{justify-content:center;gap:var(--space-2);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.friends{background-color:var(--surface-chat);flex-direction:column;min-width:0;min-height:0;display:flex}.friends__header{align-items:center;gap:var(--space-2);height:48px;padding:0 var(--space-4);border-bottom:1px solid var(--border);flex:none;display:flex}.friends__title{font-size:var(--font-size-lg);font-weight:600}.friends__tabs{gap:var(--space-1);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border);flex:none;display:flex;overflow-x:auto}.friends__tab{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--font-size-sm);flex:none;font-weight:600}.friends__tab:hover{background-color:var(--surface-hover);color:var(--text-primary)}.friends__tab.is-active{background-color:var(--accent);color:var(--accent-on)}.friends__body{min-height:0;padding:var(--space-4);flex:auto}.friends__groups{gap:var(--space-5);flex-direction:column;display:flex}.friends__group-title{margin-bottom:var(--space-2);font-size:var(--font-size-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-weight:700}.friends__list{flex-direction:column;gap:2px;display:flex}.friends__row{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);display:flex}.friends__row:hover{background-color:var(--surface-hover)}.friends__row--clickable{cursor:pointer}.friends__identity{flex-direction:column;flex:auto;min-width:0;display:flex}.friends__name{font-size:var(--font-size-md);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.friends__handle{font-size:var(--font-size-sm);color:var(--text-muted)}.friends__actions{gap:var(--space-2);flex:none;display:flex}.friends__action{padding:var(--space-1) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600}.friends__action:hover{background-color:var(--surface-raised);color:var(--text-primary)}.friends__action--danger:hover{border-color:var(--danger);color:var(--danger)}.friends__empty{font-size:var(--font-size-sm);color:var(--text-muted)}.friends__add{gap:var(--space-2);flex-direction:column;max-width:26rem;display:flex}.friends__label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:600}.friends__row-input{align-items:center;gap:var(--space-1);padding:0 var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-md);background-color:var(--surface-sunken);display:flex}.friends__row-input:focus-within{border-color:var(--accent)}.friends__at{color:var(--text-muted);flex:none}.friends__input{min-width:0;height:38px;color:var(--text-primary);font:inherit;background:0 0;border:0;flex:auto}.friends__input:focus{outline:none}.friends__hint{font-size:var(--font-size-xs);color:var(--text-muted)}.friends__note:empty{display:none}.friends__note{font-size:var(--font-size-sm);color:var(--accent)}.friends__note--error{color:var(--danger)}.friends__submit{height:38px;padding:0 var(--space-4);border-radius:var(--radius-md);background-color:var(--accent);color:var(--accent-on);font-size:var(--font-size-md);align-self:flex-start;font-weight:600}.friends__submit:hover:not(:disabled){background-color:var(--accent-hover)}.friends__submit:disabled{opacity:.6;cursor:default}.pinned-panel-body{flex-direction:column;flex:auto;min-height:0;display:flex}.pinned-list{padding:var(--space-2) 0}.pinned-item{gap:var(--space-1);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--surface-raised);flex-direction:column;display:flex}.pinned-item+.pinned-item{margin-top:var(--space-1)}.pinned-item--clickable{cursor:pointer}.pinned-item--clickable:hover{background-color:var(--surface-hover)}.pinned-item__header{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.pinned-item__author{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:600}.pinned-item__date{font-size:var(--font-size-xs);color:var(--text-muted);flex:none}.pinned-item__text{color:var(--text-secondary);font-size:var(--font-size-sm);text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.pinned-item__gone{font-size:var(--font-size-xs);color:var(--text-muted);font-style:italic}.pinned-item__thumb{max-width:220px;margin:var(--space-1) 0;border-radius:var(--radius-md);overflow:hidden}.pinned-item__thumb img{object-fit:cover;width:100%;max-height:160px;display:block}.pinned-item__file{align-items:center;gap:var(--space-2);margin:var(--space-1) 0;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);display:flex}.pinned-item__file-name{min-width:0;font-size:var(--font-size-sm);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:500;overflow:hidden}.pinned-item__file-meta{font-size:var(--font-size-xs);color:var(--text-muted);flex:none}.pinned-list__empty{padding:var(--space-4) var(--space-3);color:var(--text-muted);font-size:var(--font-size-sm);text-align:center}.modal{width:min(400px, calc(100vw - var(--space-6)));max-height:calc(100vh - var(--space-6));border:1px solid var(--border);border-radius:var(--radius-lg);background-color:var(--surface-chat);color:var(--text-primary);flex-direction:column;padding:0;display:flex}.modal::backdrop{background-color:var(--backdrop)}.modal__form{gap:var(--space-3);padding:var(--space-5);flex-direction:column;min-height:0;display:flex;overflow:hidden}.modal__title{font-size:var(--font-size-lg);font-weight:600}.modal__description{margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--text-secondary)}.modal__field{gap:var(--space-1);flex-direction:column;display:flex}.modal__label{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:600}.modal__input{height:38px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--surface-raised);color:inherit;font-size:var(--font-size-md)}.modal__input:focus{border-color:var(--accent);background-color:var(--surface-chat);outline:none}.modal__choices{gap:var(--space-2);display:flex}.modal__choice{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;flex:1;display:flex}.modal__choice:has(input:checked){border-color:var(--accent);background-color:var(--accent-soft);color:var(--accent)}.modal__choice input{accent-color:var(--accent)}.modal__link-row{gap:var(--space-2);display:flex}.modal__link{min-width:0;height:38px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--surface-raised);color:inherit;font-size:var(--font-size-sm);flex:1}.modal__copy{padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);height:38px;color:var(--text-primary);font-size:var(--font-size-sm);flex:none;font-weight:500}.modal__copy:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.modal__note{font-size:var(--font-size-xs);color:var(--text-muted)}.modal__error{padding:var(--space-2) var(--space-3);border:1px solid var(--danger);border-radius:var(--radius-md);color:var(--danger);font-size:var(--font-size-sm)}.modal__footer{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-1);display:flex}.modal__cancel,.modal__confirm{height:36px;padding:0 var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600}.modal__cancel{border:1px solid var(--border);color:var(--text-secondary)}.modal__cancel:hover:not(:disabled){background-color:var(--surface-hover);color:var(--text-primary)}.modal__confirm{background-color:var(--accent);color:var(--accent-on)}.modal__confirm:hover:not(:disabled){background-color:var(--accent-hover)}.modal__confirm--danger{background-color:var(--danger);color:var(--danger-on)}.modal__confirm--danger:hover:not(:disabled){background-color:var(--danger-hover)}.modal__progress{font-size:var(--font-size-sm);color:var(--text-secondary)}.modal__cancel:disabled,.modal__confirm:disabled,.modal__copy:disabled{opacity:.6;cursor:default}.messages{padding:var(--space-5) var(--space-4) var(--space-4);flex-direction:column;flex:auto;min-height:0;display:flex;position:relative;overflow-y:auto}.messages--short>:first-child{margin-top:auto}.messages__day{align-items:center;gap:var(--space-3);margin:var(--space-4) 0 var(--space-2);display:flex}.messages__day:before,.messages__day:after{content:"";background-color:var(--border);flex:auto;height:1px}.messages__day-label{font-size:var(--font-size-sm);color:var(--text-muted);flex:none}.message{align-items:flex-start;gap:var(--space-2);width:100%;display:flex}.message__avatar{width:var(--avatar-sm);flex:none;padding-top:2px}.message+.message{margin-top:2px}.message+.message--start{margin-top:var(--space-3)}.message__bubble{max-width:65%;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);background-color:var(--surface-bubble)}.message--end .message__bubble{border-bottom-left-radius:var(--radius-sm)}.message--mine .message__bubble{background-color:var(--accent);border-color:var(--accent);color:var(--accent-on);margin-left:auto}.message--mine.message--end .message__bubble{border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-sm)}.message__meta{align-items:baseline;gap:var(--space-2);margin-bottom:2px;display:flex}.message__author{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:600}.message__time{font-size:var(--font-size-xs);color:var(--text-muted)}.message--mine .message__author,.message--mine .message__time{color:var(--accent-on);opacity:.75}.message__text{font-size:var(--font-size-md);overflow-wrap:anywhere}.message__content{gap:var(--space-2);flex-direction:column;display:flex}.message__image{border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--surface-sunken);overflow:hidden}.message__image img{object-fit:cover;width:100%;max-height:260px}.attachment{align-items:center;gap:var(--space-2);min-width:200px;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--surface-chat);color:var(--text-primary);display:flex}.message--mine .attachment{background-color:color-mix(in srgb, var(--accent-on) 14%, transparent);border-color:color-mix(in srgb, var(--accent-on) 28%, transparent);color:var(--accent-on)}.attachment__icon{color:var(--text-muted)}.message--mine .attachment__icon{color:var(--accent-on)}.attachment__info{flex-direction:column;flex:1;min-width:0;display:flex}.attachment__name{font-size:var(--font-size-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.attachment__meta{font-size:var(--font-size-xs);color:var(--text-muted);white-space:nowrap}.message--mine .attachment__meta{color:var(--accent-on);opacity:.75}.attachment__trailing{color:var(--text-muted)}.message--mine .attachment__trailing{color:var(--accent-on);opacity:.75}.attachment--audio{min-width:240px}.waveform{flex:1;align-items:center;gap:2px;height:22px;display:flex}.waveform__bar{border-radius:var(--radius-full);background-color:var(--border-strong);flex:1}.message--mine .waveform__bar{background-color:color-mix(in srgb, var(--accent-on) 55%, transparent)}.waveform__bar:nth-child(6n+1){height:40%}.waveform__bar:nth-child(6n+2){height:75%}.waveform__bar:nth-child(6n+3){height:100%}.waveform__bar:nth-child(6n+4){height:55%}.waveform__bar:nth-child(6n+5){height:85%}.waveform__bar:nth-child(6n){height:30%}.messages__top{padding:var(--space-3) 0 var(--space-2);justify-content:center;display:flex}.messages__top-note{font-size:var(--font-size-xs);color:var(--text-muted)}.messages__load-more{top:var(--space-2);z-index:1;height:30px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--surface-raised);color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:600;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 1px 4px #00000026}.messages__load-more:hover{background-color:var(--surface-hover);color:var(--text-primary)}.quote{width:100%;margin-bottom:var(--space-1);padding:var(--space-1) var(--space-2);border:0;border-left:2px solid var(--border-strong);border-radius:var(--radius-sm);background-color:var(--surface-sunken);font:inherit;text-align:left;flex-direction:column;gap:1px;display:flex}.quote--jump{cursor:pointer}.quote--jump:hover{background-color:var(--surface-hover)}.quote__author{font-size:var(--font-size-xs);color:var(--accent);font-weight:600}.quote__text{font-size:var(--font-size-sm);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.quote__gone{font-size:var(--font-size-xs);color:var(--text-muted);font-style:italic}.message__edited{font-size:var(--font-size-xs);color:var(--text-muted);align-self:flex-end}.message__editor{width:100%;min-width:12rem;padding:var(--space-1) var(--space-2);border:1px solid var(--accent);border-radius:var(--radius-sm);background-color:var(--surface-raised);color:var(--text-primary);font:inherit;resize:vertical}.message.is-highlighted .message__bubble{outline:2px solid var(--accent);outline-offset:2px}.reply-bar{align-items:center;gap:var(--space-2);margin:0 var(--space-4);padding:var(--space-2) var(--space-3);border-left:2px solid var(--accent);border-radius:var(--radius-sm);background-color:var(--surface-raised);flex:none;display:flex}.reply-bar__body{flex-direction:column;flex:auto;min-width:0;display:flex}.reply-bar__label{font-size:var(--font-size-xs);color:var(--accent);font-weight:600}.reply-bar__excerpt{font-size:var(--font-size-sm);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.reply-bar__close{flex:none}.group-bar{padding:var(--space-3) 0;justify-items:center;gap:var(--space-2);background-color:var(--surface-rail);border-right:1px solid var(--border);grid-template-rows:auto auto minmax(0,1fr);display:grid}.group-bar__logo{width:var(--avatar-lg);height:var(--avatar-lg);border-radius:var(--radius-md);background-color:var(--accent);color:var(--accent-on);justify-content:center;align-items:center;display:flex}.group-bar__divider{background-color:var(--border-strong);width:24px;height:1px}.group-bar__list{align-items:center;gap:var(--space-2);width:100%;padding-top:var(--space-1);flex-direction:column;display:flex}.group-bar__item{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.group-bar__indicator{border-radius:0 var(--radius-full) var(--radius-full) 0;background-color:var(--accent);width:3px;height:22px;position:absolute;left:0}.group-bar__button{border-radius:var(--radius-full);justify-content:center;align-items:center;display:flex}.group-bar__avatar{background-color:var(--surface-chat);color:var(--text-secondary)}.group-bar__button:hover .group-bar__avatar{border-color:var(--border-strong)}.group-bar__button.is-active .group-bar__avatar{background-color:var(--accent);border-color:var(--accent);color:var(--accent-on)}.group-bar__add{width:var(--avatar-lg);height:var(--avatar-lg);border:1px dashed var(--border-strong);border-radius:var(--radius-full);color:var(--text-muted);justify-content:center;align-items:center;display:flex}.group-bar__add:hover{border-color:var(--accent);color:var(--accent)}.group-bar__list--top{flex:none;overflow:visible}.group-bar__logo:hover{background-color:var(--accent-hover)}.home-column{background-color:var(--surface-side);flex-direction:column;min-height:0;display:flex}.home-column__header{height:48px;padding:0 var(--space-3);border-bottom:1px solid var(--border);flex:none;align-items:center;display:flex}.home-column__title{font-size:var(--font-size-md);font-weight:600}.home-column__body{flex-direction:column;flex:auto;min-height:0;display:flex}.home-column__nav{padding:var(--space-2);flex-direction:column;flex:none;gap:2px;display:flex}.home-column__item{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-md);text-align:left;font-weight:500;display:flex}.home-column__item:hover,.home-column__item.is-active{background-color:var(--surface-hover);color:var(--text-primary)}.home-column__icon{color:var(--text-muted);flex:none}.home-column__item.is-active .home-column__icon{color:var(--accent)}.home-column__section{gap:var(--space-2);min-height:0;padding:var(--space-3);border-top:1px solid var(--border);flex-direction:column;flex:auto;display:flex}.home-column__section-label{font-size:var(--font-size-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);flex:none;font-weight:700}.home-column__empty{font-size:var(--font-size-sm);color:var(--text-muted)}.home-column__dm-list{flex-direction:column;flex:auto;gap:2px;min-height:0;display:flex;overflow-y:auto}.home-column__dm{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2);border-radius:var(--radius-md);text-align:left;display:flex}.home-column__dm:hover,.home-column__dm.is-active{background-color:var(--surface-hover)}.home-column__dm-text{flex-direction:column;gap:1px;min-width:0;display:flex}.home-column__dm-name{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:600}.home-column__dm-preview{white-space:nowrap;text-overflow:ellipsis;font-size:var(--font-size-xs);color:var(--text-muted);overflow:hidden}.home-column__callbar{flex:none}.members{background-color:var(--surface-side);border-left:1px solid var(--border);grid-template-rows:minmax(0,1fr);min-height:0;display:grid}.members__body{padding:var(--space-4) var(--space-2)}.members__section+.members__section{margin-top:var(--space-5)}.member{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--text-secondary);display:flex}.member:hover{background-color:var(--surface-hover)}.member__name{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.member__role{padding:0 var(--space-2);border-radius:var(--radius-full);background-color:var(--accent-soft);color:var(--accent);font-size:var(--font-size-xs);flex:none;margin-left:auto}.context-menu{z-index:30;min-width:184px;max-width:260px;padding:var(--space-1);border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--surface-chat);flex-direction:column;display:flex;position:fixed}.context-menu:focus{outline:none}.context-menu__item{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-size-sm);text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.context-menu__item:hover:not(:disabled){background-color:var(--surface-hover);color:var(--text-primary)}.context-menu__item:disabled{color:var(--text-muted);cursor:default}.context-menu__item--danger{color:var(--danger)}.context-menu__item--danger:hover:not(:disabled){background-color:var(--danger);color:var(--danger-on)}.context-menu__separator{margin:var(--space-1) 0;border:0;border-top:1px solid var(--border)}.diag{gap:var(--space-3);flex-direction:column;display:flex}.diag__empty{font-size:var(--font-size-sm);color:var(--text-muted)}.diag__peer{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--surface-raised)}.diag__peer.is-failed{border-color:var(--danger)}.diag__name{margin-bottom:var(--space-1);font-size:var(--font-size-sm);font-weight:600}.diag__row{justify-content:space-between;gap:var(--space-3);font-size:var(--font-size-xs);display:flex}.diag__label{color:var(--text-muted)}.diag__value{color:var(--text-secondary);font-weight:500}.diag__total{justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--accent);border-radius:var(--radius-md);background-color:var(--accent-soft);font-size:var(--font-size-xs);display:flex}.diag__value--strong{color:var(--accent);font-weight:600}.diag__relay{gap:var(--space-1);padding:var(--space-3);border:1px solid var(--danger);border-radius:var(--radius-md);flex-direction:column;display:flex}.diag__relay-title{font-size:var(--font-size-sm);color:var(--danger);font-weight:600}.diag__relay-note{font-size:var(--font-size-xs);color:var(--text-secondary)}.diag__value--alert{color:var(--danger);font-weight:600}.room{gap:var(--space-4);min-width:0;min-height:0;padding:var(--space-4) var(--space-5) var(--space-5);background-color:var(--surface-chat);flex-direction:column;display:flex}.room__header{align-items:center;gap:var(--space-2);flex:none;display:flex}.room__header-icon{color:var(--accent)}.room__title{font-size:var(--font-size-lg);font-weight:600}.room__count{font-size:var(--font-size-sm);color:var(--text-muted)}.room__stage{flex:auto;grid-template:minmax(0,1fr)/minmax(0,1fr);min-height:0;display:grid}.room__screen{min-width:0;min-height:0;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background-color:var(--surface-sunken);place-items:center;display:grid}.room__screen--live,.room__screen--mine{padding:0;position:relative;overflow:hidden}.room__screen--live{place-items:stretch stretch}.room__screen--mine{padding:var(--space-4);place-items:center;display:grid}.room__video-slot{background-color:var(--video-letterbox);place-items:stretch stretch;min-width:0;min-height:0;display:grid}.room__video-slot video{object-fit:contain;background-color:var(--video-letterbox);width:100%;min-width:0;height:100%;min-height:0}.room__screen-caption{left:var(--space-3);bottom:var(--space-3);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background-color:var(--surface-raised);color:var(--text-secondary);font-size:var(--font-size-xs);position:absolute}.room__maximize{top:var(--space-3);right:var(--space-3);border-radius:var(--radius-sm);background-color:var(--surface-raised);width:32px;height:32px;color:var(--text-secondary);justify-content:center;align-items:center;display:inline-flex;position:absolute}.room__maximize:hover{background-color:var(--surface-hover);color:var(--text-primary)}.room__preview{right:var(--space-3);bottom:var(--space-3);gap:var(--space-1);width:200px;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--surface-raised);flex-direction:column;display:flex;position:absolute}.room__preview-slot{aspect-ratio:16/9;border-radius:var(--radius-sm);background-color:var(--surface-sunken);overflow:hidden}.room__preview-slot video{object-fit:contain;width:100%;height:100%}.room__preview-label{white-space:nowrap;text-overflow:ellipsis;font-size:var(--font-size-xs);color:var(--text-secondary);overflow:hidden}.room__preview-stop{color:var(--danger);font-size:var(--font-size-xs);align-self:flex-start;font-weight:600}.room.is-maximized{z-index:50;padding:0;position:fixed;inset:0}.room.is-maximized .room__stage{height:100%}.room.is-maximized .room__screen{border:0;border-radius:0}.room.is-maximized .room__header,.room.is-maximized .room__people,.room.is-maximized .room__notice{display:none}.room.is-maximized .room__controls{left:50%;bottom:var(--space-5);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);background-color:var(--surface-raised);position:absolute;transform:translate(-50%)}.room.is-maximized.is-idle .room__controls,.room.is-maximized.is-idle .room__maximize,.room.is-maximized.is-idle .room__screen-caption{opacity:0;pointer-events:none}.room__screen-empty{align-items:center;gap:var(--space-2);text-align:center;flex-direction:column;display:flex}.room__screen-icon{color:var(--text-muted)}.room__screen-text{font-size:var(--font-size-sm);color:var(--text-muted)}.room__people{align-items:start;gap:var(--space-3);flex:none;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:520px;margin:0 auto;display:grid}.room__people:has(>:only-child){grid-template-columns:minmax(0,1fr);max-width:360px}.room__person{aspect-ratio:16/9;border:1px solid var(--border);border-radius:var(--radius-lg);background-color:var(--surface-sunken);place-items:center;min-width:0;display:grid;position:relative;overflow:hidden}.room__person.is-self{border-color:var(--accent)}.room__person.is-speaking{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.room__person.is-failed{border-color:var(--danger)}.room__person-failed{top:var(--space-2);right:var(--space-3);padding:0 var(--space-2);border-radius:var(--radius-full);background-color:var(--danger);color:var(--danger-on);font-size:var(--font-size-xs);position:absolute}.room__notice{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--surface-raised);color:var(--text-secondary);font-size:var(--font-size-sm);flex:none}.room__notice-action{color:var(--accent);font-size:var(--font-size-sm);font-weight:600;text-decoration:underline}.room__person-avatar{width:var(--avatar-lg);height:var(--avatar-lg);border-radius:var(--radius-full);background-color:var(--surface-raised);color:var(--text-secondary);font-size:var(--font-size-md);-webkit-user-select:none;user-select:none;place-items:center;font-weight:600;display:grid}.room__person-name{left:var(--space-3);right:26px;bottom:var(--space-2);white-space:nowrap;text-overflow:ellipsis;font-size:var(--font-size-xs);color:var(--text-secondary);position:absolute;overflow:hidden}.room__person-muted{right:var(--space-3);bottom:var(--space-2);color:var(--text-muted);display:inline-flex;position:absolute}.room__controls{justify-content:center;gap:var(--space-3);flex:none;display:flex}.room__btn{border-radius:var(--radius-full);border:1px solid var(--border);background-color:var(--surface-raised);width:42px;height:42px;color:var(--text-primary);justify-content:center;align-items:center;display:inline-flex}.room__btn:hover{background-color:var(--surface-hover)}.room__btn.is-off{color:var(--text-muted);border-color:var(--border-strong)}.room__btn--danger{background-color:var(--danger);border-color:var(--danger);color:var(--danger-on)}.room__btn--danger:hover{background-color:var(--danger-hover);border-color:var(--danger-hover)}.toast{bottom:var(--space-5);z-index:40;max-width:min(420px, calc(100vw - var(--space-6)));padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-full);background-color:var(--surface-raised);color:var(--text-primary);font-size:var(--font-size-sm);text-align:center;pointer-events:none;position:fixed;left:50%;transform:translate(-50%)}.auth{width:100%;max-width:380px;padding:var(--space-6) var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background-color:var(--surface-chat)}.auth__header{text-align:center;margin-bottom:var(--space-5);flex-direction:column;align-items:center;display:flex}.auth__mark{width:var(--avatar-lg);height:var(--avatar-lg);margin-bottom:var(--space-3);border-radius:var(--radius-md);background-color:var(--accent);color:var(--accent-on);justify-content:center;align-items:center;display:flex}.auth__title{font-size:var(--font-size-xl);letter-spacing:-.01em;font-weight:600}.auth__subtitle{margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--text-secondary)}.auth__form{gap:var(--space-3);flex-direction:column;display:flex}.auth__field{gap:var(--space-1);flex-direction:column;display:flex}.auth__label{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:600}.auth__input{height:38px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--surface-raised);font-size:var(--font-size-md)}.auth__input::placeholder{color:var(--text-muted)}.auth__input:focus{border-color:var(--accent);background-color:var(--surface-chat);outline:none}.auth__input:disabled{color:var(--text-muted)}.auth__error{padding:var(--space-2) var(--space-3);border:1px solid var(--danger);border-radius:var(--radius-md);color:var(--danger);font-size:var(--font-size-sm)}.auth__submit{height:38px;margin-top:var(--space-1);border-radius:var(--radius-md);background-color:var(--accent);color:var(--accent-on);font-size:var(--font-size-md);font-weight:600}.auth__submit:hover:not(:disabled){background-color:var(--accent-hover)}.auth__submit:disabled{opacity:.6;cursor:default}.auth__footer{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border);font-size:var(--font-size-sm);display:flex}.auth__hint{color:var(--text-secondary)}.auth__toggle{color:var(--accent);font-size:var(--font-size-sm);text-underline-offset:2px;font-weight:600;text-decoration:underline}.auth__toggle:hover:not(:disabled){color:var(--accent-hover)}.auth__toggle:disabled{color:var(--text-muted);cursor:default}.auth__reset-row{margin-top:var(--space-2);justify-content:center;display:flex}.auth__reset{color:var(--text-muted);font-weight:500;text-decoration:none}.auth__reset:hover:not(:disabled){color:var(--accent);text-decoration:underline}.username{gap:var(--space-3);width:100%;max-width:26rem;padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background-color:var(--surface-raised);flex-direction:column;display:flex}.username__title{font-size:var(--font-size-lg);font-weight:600}.username__text{font-size:var(--font-size-sm);color:var(--text-secondary)}.username__form{gap:var(--space-2);flex-direction:column;display:flex}.username__label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:600}.username__row{align-items:center;gap:var(--space-1);padding:0 var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-md);background-color:var(--surface-sunken);display:flex}.username__row:focus-within{border-color:var(--accent)}.username__at{color:var(--text-muted);font-size:var(--font-size-md);flex:none}.username__input{min-width:0;height:38px;color:var(--text-primary);font:inherit;background:0 0;border:0;flex:auto}.username__input:focus{outline:none}.username__hint{font-size:var(--font-size-xs);color:var(--text-muted)}.username__error:empty{display:none}.username__error{font-size:var(--font-size-sm);color:var(--danger)}.username__submit{height:38px;margin-top:var(--space-1);border-radius:var(--radius-md);background-color:var(--accent);color:var(--accent-on);font-size:var(--font-size-md);font-weight:600}.username__submit:hover:not(:disabled){background-color:var(--accent-hover)}.username__submit:disabled{opacity:.6;cursor:default}.username__ghost{color:var(--text-secondary);font-size:var(--font-size-sm);align-self:flex-start;font-weight:600}.username__ghost:hover{color:var(--text-primary)}.verify{gap:var(--space-3);width:100%;max-width:26rem;padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background-color:var(--surface-raised);flex-direction:column;display:flex}.verify__title{font-size:var(--font-size-lg);font-weight:600}.verify__text{font-size:var(--font-size-sm);color:var(--text-secondary);overflow-wrap:anywhere}.verify__text--muted{color:var(--text-muted)}.verify__note:empty{display:none}.verify__note{font-size:var(--font-size-sm);color:var(--accent)}.verify__actions{gap:var(--space-2);margin-top:var(--space-2);display:flex}.verify__primary{height:38px;padding:0 var(--space-4);border-radius:var(--radius-md);background-color:var(--accent);color:var(--accent-on);font-size:var(--font-size-md);font-weight:600}.verify__primary:hover:not(:disabled){background-color:var(--accent-hover)}.verify__primary:disabled{opacity:.6;cursor:default}.verify__ghost{height:38px;padding:0 var(--space-3);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600}.verify__ghost:hover{color:var(--text-primary)}.splash{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.splash__mark{width:var(--avatar-lg);height:var(--avatar-lg);border-radius:var(--radius-md);background-color:var(--accent);color:var(--accent-on);justify-content:center;align-items:center;display:flex}.splash__text{font-size:var(--font-size-sm);color:var(--text-muted)}.invite{align-items:center;gap:var(--space-2);width:100%;max-width:400px;padding:var(--space-6) var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background-color:var(--surface-chat);text-align:center;flex-direction:column;display:flex}.invite__mark{width:var(--avatar-lg);height:var(--avatar-lg);margin-bottom:var(--space-2);border-radius:var(--radius-md);background-color:var(--accent);color:var(--accent-on);justify-content:center;align-items:center;display:flex}.invite__title{font-size:var(--font-size-xl);letter-spacing:-.01em;font-weight:600}.invite__text{font-size:var(--font-size-md);color:var(--text-secondary)}.invite__group{color:var(--text-primary);font-weight:600}.invite__error{width:100%;margin-top:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--danger);border-radius:var(--radius-md);color:var(--danger);font-size:var(--font-size-sm)}.invite__actions{gap:var(--space-2);margin-top:var(--space-4);display:flex}.invite__accept,.invite__decline{height:38px;padding:0 var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600}.invite__decline{border:1px solid var(--border);color:var(--text-secondary)}.invite__decline:hover:not(:disabled){background-color:var(--surface-hover);color:var(--text-primary)}.invite__accept{background-color:var(--accent);color:var(--accent-on)}.invite__accept:hover:not(:disabled){background-color:var(--accent-hover)}.invite__accept:disabled,.invite__decline:disabled{opacity:.6;cursor:default}