.auth-page{display:flex;flex-direction:column;align-items:center;min-height:100%;background:var(--bg-app)}.auth-splash{width:100%;padding:48px 24px 32px;background:var(--sable);display:flex;justify-content:center;align-items:center}.auth-wordmark{color:var(--cadmium);font-size:var(--fs-22);font-weight:600;letter-spacing:.5px}.auth-card{width:100%;max-width:400px;padding:32px 24px;display:flex;flex-direction:column;gap:16px}.auth-title{font-size:var(--fs-20);font-weight:600;color:var(--text-primary)}.auth-subtitle{font-size:var(--fs-14);color:var(--text-secondary);line-height:1.5}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-field label{font-size:var(--fs-14);font-weight:500;color:var(--text-secondary)}.auth-field input{height:48px;padding:0 16px;border:1.5px solid var(--divider);border-radius:var(--r-card);background:var(--surface-2);color:var(--text-primary);font-size:var(--fs-16);transition:border-color .15s}.auth-field input:focus{outline:none;border-color:var(--accent)}.auth-error{font-size:var(--fs-13);color:var(--danger);padding:8px 12px;background:#e0313114;border-radius:var(--r-card)}.auth-btn-primary{height:48px;width:100%;background:var(--sable);color:var(--cadmium);font-size:var(--fs-16);font-weight:600;border-radius:var(--r-input);transition:opacity .15s;margin-top:8px}.auth-btn-primary:hover:not(:disabled){opacity:.85}.auth-btn-primary:disabled{opacity:.5;cursor:not-allowed}.auth-footer{font-size:var(--fs-14);color:var(--text-secondary);text-align:center}.auth-link{color:var(--accent);font-weight:500;font-size:var(--fs-14);text-decoration:underline;cursor:pointer}.auth-pending-icon{color:var(--text-tertiary);display:flex;justify-content:center;padding:16px}.search-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;background:var(--bg-app);display:flex;flex-direction:column}@media (min-width: 1024px){.search-screen{left:auto;width:min(420px,32vw);min-width:320px;border-right:1px solid var(--divider)}}.search-screen-header{display:flex;align-items:center;gap:8px;height:56px;padding:0 8px;background:var(--header-bg);flex-shrink:0}.search-screen-header .icon-btn{color:var(--header-fg)}.search-screen-input{display:flex;align-items:center;gap:8px;flex:1;min-width:0;background:var(--surface-2);border-radius:var(--r-input);padding:0 12px;height:38px}.search-screen-input input{flex:1;min-width:0;border:none;background:transparent;font-size:var(--fs-14);color:var(--text-primary)}.search-screen-input input:focus{outline:none}.search-results{flex:1;overflow-y:auto;padding:8px 0}.search-group{margin-bottom:8px}.search-group-title{font-size:var(--fs-12);font-weight:600;color:var(--cadmium-600);text-transform:uppercase;letter-spacing:.04em;padding:8px 16px 4px}.search-room-row{display:flex;align-items:center;gap:12px;width:100%;padding:8px 16px;min-height:56px;text-align:left}.search-room-row:hover{background:var(--surface-2)}.search-room-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.search-room-avatar{width:42px;height:42px;border-radius:var(--r-pill);background:var(--sable);color:var(--cadmium);display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0;overflow:hidden}.search-room-avatar img{width:100%;height:100%;object-fit:cover}.search-room-name{font-size:var(--fs-15);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-hit-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;width:100%;padding:10px 16px;min-height:48px;text-align:left;border-bottom:1px solid var(--divider)}.search-hit-row:hover{background:var(--surface-2)}.search-hit-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.search-hit-text{font-size:var(--fs-14);color:var(--text-secondary);line-height:1.4;flex:1;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-hit-time{font-size:var(--fs-12);color:var(--text-tertiary);flex-shrink:0}.search-hit-mark{background:var(--cadmium-tint);color:var(--sable);border-radius:2px;padding:0 1px}.search-empty-prompt{text-align:center;font-size:var(--fs-14);color:var(--text-tertiary);padding:40px 24px;line-height:1.5}.app-shell{display:flex;height:100%;background:var(--bg-app);overflow:hidden}.chat-list-pane{width:30%;min-width:320px;max-width:420px;border-right:1px solid var(--divider);display:flex;flex-direction:column;background:var(--surface);position:relative;flex-shrink:0}.conversation-pane{flex:1;display:flex;flex-direction:column;background:var(--bg-chat);min-width:0}@media (max-width: 1023px){.chat-list-pane{width:100%;max-width:none;border-right:none;flex-shrink:unset}.conversation-pane{width:100%}.hidden-mobile{display:none!important}}.chat-list{display:flex;flex-direction:column;height:100%;overflow:hidden}.chat-list-header{height:56px;background:var(--header-bg);display:flex;align-items:center;padding:0 16px;justify-content:space-between;flex-shrink:0}.chat-list-wordmark{color:var(--header-fg);font-size:var(--fs-20);font-weight:600}.chat-list-header-actions{display:flex;gap:4px}.icon-btn{width:40px;height:40px;min-width:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-pill);color:var(--header-fg);transition:background .15s;flex-shrink:0}.icon-btn:hover{background:#ffffff1a}.icon-btn:focus-visible{outline:2px solid var(--cadmium);outline-offset:2px}.search-bar-wrap{padding:8px 12px;background:var(--header-bg);flex-shrink:0}.search-bar{display:flex;align-items:center;gap:8px;background:var(--surface-2);border-radius:var(--r-input);padding:0 16px;height:36px}.search-icon{color:var(--text-tertiary);flex-shrink:0}.search-bar input{flex:1;border:none;background:transparent;font-size:var(--fs-14);color:var(--text-primary);min-width:0}.search-bar input:focus{outline:none}.chat-list-items{flex:1;overflow-y:auto;list-style:none}.chat-list-empty{padding:24px 16px;font-size:var(--fs-14);color:var(--text-tertiary);text-align:center}.chat-list-row{display:flex;align-items:center;padding:8px 16px;height:72px;gap:12px;cursor:pointer;transition:background .1s;border-bottom:1px solid var(--divider)}.chat-list-row:hover,.chat-list-row:focus-visible{background:var(--surface-2)}.chat-list-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.chat-list-row.active{background:var(--surface-2)}.chat-list-avatar{width:49px;height:49px;border-radius:var(--r-pill);background:var(--sable);color:var(--cadmium);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--fs-18);flex-shrink:0;overflow:hidden}.chat-list-avatar img{width:100%;height:100%;object-fit:cover}.chat-list-content{flex:1;min-width:0}.chat-list-top,.chat-list-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px}.chat-list-name{font-size:var(--fs-15);font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.chat-list-time{font-size:var(--fs-12);color:var(--text-tertiary);font-variant-numeric:tabular-nums;flex-shrink:0}.chat-list-time.unread-time{color:var(--sable);font-weight:600}.chat-list-preview{font-size:var(--fs-13);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.unread-badge{min-width:20px;height:20px;padding:0 5px;border-radius:var(--r-pill);background:var(--unread-badge-bg);color:var(--unread-badge-fg);font-size:var(--fs-12);font-weight:700;display:flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums;flex-shrink:0}.fab{position:absolute;bottom:20px;right:16px;width:56px;height:56px;border-radius:var(--r-pill);background:var(--fab-bg);color:var(--fab-fg);display:flex;align-items:center;justify-content:center;box-shadow:var(--e-fab);transition:transform .15s,box-shadow .15s;z-index:10}.fab:hover{transform:scale(1.05)}.fab:active{transform:scale(.97)}.fab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.conversation-pane-inner{display:flex;flex-direction:column;height:100%;overflow:hidden}.conversation-header{height:56px;background:var(--header-bg);display:flex;align-items:center;padding:0 4px;gap:4px;flex-shrink:0}.back-btn{display:none}@media (max-width: 1023px){.back-btn{display:flex}}.conversation-header-avatar{width:40px;height:40px;border-radius:var(--r-pill);background:var(--sable);color:var(--cadmium);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--fs-16);flex-shrink:0;overflow:hidden;border:1.5px solid rgba(253,218,13,.3)}.conversation-header-avatar img{width:100%;height:100%;object-fit:cover}.conversation-header-info{flex:1;min-width:0;padding:0 4px}.conversation-header-name{color:var(--header-fg);font-size:var(--fs-17);font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-typing{color:var(--header-fg-muted);font-size:var(--fs-13);display:block}.conversation-messages{flex:1;overflow-y:auto;padding:8px 6%;display:flex;flex-direction:column;gap:2px}.bubble-wrap{display:flex;max-width:75%}.bubble-wrap-out{align-self:flex-end}.bubble-wrap-in{align-self:flex-start}.bubble{padding:6px 9px 8px;border-radius:var(--r-bubble);position:relative;word-wrap:break-word;max-width:100%}.bubble-out{background:var(--bubble-out);color:var(--bubble-out-fg);border-top-right-radius:0}.bubble-in{background:var(--bubble-in);color:var(--bubble-in-fg);border-top-left-radius:0;box-shadow:var(--e1)}.bubble-deleted{background:var(--surface-2);color:var(--text-tertiary);font-style:italic}.bubble-text{font-size:var(--fs-16);line-height:1.4;white-space:pre-wrap;margin:0}.bubble-meta{display:flex;align-items:center;justify-content:flex-end;gap:3px;margin-top:2px}.bubble-time{font-size:var(--fs-12);color:var(--text-tertiary);font-variant-numeric:tabular-nums}.bubble-deleted-text{font-size:var(--fs-14)}.tick{flex-shrink:0}.tick-sent{color:var(--tick-sent)}.tick-delivered{color:var(--tick-delivered)}.tick-read{color:var(--tick-read)}.tick-pending{color:var(--text-tertiary)}.bubble-media{max-width:280px}.bubble-image{max-width:100%;border-radius:6px;display:block;object-fit:cover}.bubble-caption{font-size:var(--fs-14);margin-top:4px;line-height:1.4}.bubble-system-text{font-size:var(--fs-13);color:var(--text-secondary);text-align:center;padding:4px 12px;background:var(--surface-2);border-radius:var(--r-pill)}.composer{display:flex;align-items:center;padding:6px 8px;gap:4px;background:var(--surface);border-top:1px solid var(--divider);flex-shrink:0}.composer-btn{width:44px;height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-pill);color:var(--text-tertiary);transition:background .1s;flex-shrink:0}.composer-btn:hover{background:var(--surface-2)}.composer-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.composer-input-wrap{flex:1;min-width:0}.composer-input{width:100%;min-height:44px;max-height:120px;padding:10px 16px;background:var(--surface-2);border:none;border-radius:var(--r-input);font-size:var(--fs-16);color:var(--text-primary);resize:none;line-height:1.4;overflow-y:auto;display:block}.composer-input:focus{outline:2px solid var(--accent);outline-offset:-2px}.composer-send-btn{width:44px;height:44px;min-width:44px;border-radius:var(--r-pill);background:var(--fab-bg);color:var(--fab-fg);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--e1);transition:transform .15s}.composer-send-btn:hover{transform:scale(1.05)}.composer-send-btn:active{transform:scale(.97)}.composer-send-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-secondary);padding:32px}.empty-state-icon{color:var(--divider)}.empty-state-heading{font-size:var(--fs-22);font-weight:600;color:var(--text-primary)}.empty-state-sub{font-size:var(--fs-14);text-align:center;max-width:280px;line-height:1.5}.icon-btn-sm{width:32px;height:32px;min-width:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-pill);color:var(--text-secondary);flex-shrink:0;transition:background .1s}.icon-btn-sm:hover{background:var(--surface-2)}.icon-btn-sm:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.icon-btn-danger{color:var(--danger)}.chat-filter-row{display:flex;gap:8px;padding:6px 12px 8px;background:var(--surface);border-bottom:1px solid var(--divider);flex-shrink:0}.chat-filter-pill{padding:5px 14px;min-height:30px;border-radius:var(--r-pill);font-size:var(--fs-13);font-weight:500;color:var(--text-secondary);background:var(--surface-2);transition:background .1s,color .1s}.chat-filter-pill.active{background:var(--cadmium-tint);color:var(--sable)}.chat-filter-pill:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.fab-menu-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9}.fab-menu{position:absolute;bottom:84px;right:16px;z-index:11;background:var(--bg-elevated);border-radius:var(--r-card);box-shadow:var(--e3);padding:6px;display:flex;flex-direction:column;gap:2px;min-width:180px}.fab-menu-item{display:flex;align-items:center;gap:12px;padding:10px 12px;min-height:44px;border-radius:6px;font-size:var(--fs-14);color:var(--text-primary);text-align:left}.fab-menu-item:hover{background:var(--surface-2)}.fab-menu-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.fab-menu-icon{width:36px;height:36px;border-radius:var(--r-pill);background:var(--cadmium-tint);color:var(--sable);display:flex;align-items:center;justify-content:center;flex-shrink:0}.conversation-header-id{display:flex;align-items:center;flex:1;min-width:0;gap:0;background:transparent;text-align:left;padding:0;border-radius:6px}.conversation-header-id:hover{background:#ffffff0f}.conversation-header-id:focus-visible{outline:2px solid var(--cadmium);outline-offset:-2px}.conversation-header-id .conversation-header-avatar svg{color:var(--cadmium)}.conversation-header-search{padding:0 8px;gap:6px}.conv-search-input{display:flex;align-items:center;gap:8px;flex:1;min-width:0;background:var(--surface-2);border-radius:var(--r-input);padding:0 12px;height:36px}.conv-search-input input{flex:1;min-width:0;border:none;background:transparent;font-size:var(--fs-14);color:var(--text-primary)}.conv-search-input input:focus{outline:none}.conv-search-count{color:var(--header-fg-muted);font-size:var(--fs-13);font-variant-numeric:tabular-nums;min-width:36px;text-align:center}.conv-menu{position:absolute;top:52px;right:8px;z-index:12;background:var(--bg-elevated);border-radius:var(--r-card);box-shadow:var(--e3);padding:6px;min-width:160px}.conv-menu-item{display:block;width:100%;text-align:left;padding:10px 12px;min-height:44px;border-radius:6px;font-size:var(--fs-14);color:var(--text-primary)}.conv-menu-item:hover{background:var(--surface-2)}.conv-menu-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.channel-readonly-bar{padding:14px;text-align:center;font-size:var(--fs-13);color:var(--text-secondary);background:var(--surface);border-top:1px solid var(--divider)}.bubble-highlight .bubble{box-shadow:0 0 0 2px var(--cadmium),var(--e2)}.bubble-react-trigger{position:absolute;top:2px;right:-28px;width:24px;height:24px;border-radius:var(--r-pill);background:var(--bg-elevated);box-shadow:var(--e1);display:none;align-items:center;justify-content:center;font-size:12px;z-index:2}.bubble-wrap-out .bubble-react-trigger{right:auto;left:-28px}.bubble:hover .bubble-react-trigger{display:flex}.bubble-react-trigger:focus-visible{display:flex;outline:2px solid var(--accent);outline-offset:1px}.reaction-picker{position:absolute;top:-40px;right:0;display:flex;gap:2px;background:var(--bg-elevated);border-radius:var(--r-pill);box-shadow:var(--e3);padding:4px 6px;z-index:5}.reaction-picker-item{font-size:20px;width:32px;height:32px;border-radius:var(--r-pill);display:flex;align-items:center;justify-content:center}.reaction-picker-item:hover{background:var(--surface-2);transform:scale(1.15);transition:transform .15s ease-out}.reaction-picker-item:focus-visible{outline:2px solid var(--accent)}.bubble-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:-6px;margin-left:6px;z-index:1}.bubble-wrap-out .bubble-reactions{justify-content:flex-end;margin-right:6px}.reaction-chip{display:inline-flex;align-items:center;gap:3px;padding:1px 7px;min-height:22px;border-radius:var(--r-pill);background:var(--bg-elevated);box-shadow:var(--e1);font-size:var(--fs-12);color:var(--text-secondary)}.reaction-chip-mine{background:var(--cadmium-tint);color:var(--sable)}.reaction-chip:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.reaction-count{font-variant-numeric:tabular-nums}.bubble-edited{display:inline-flex;align-items:center;gap:2px;font-size:10px;color:var(--text-tertiary);font-style:italic}.toast-host{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:1000;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{pointer-events:auto;padding:10px 16px;border-radius:var(--r-card);font-size:var(--fs-14);color:var(--header-fg);background:var(--sable);box-shadow:var(--e3);max-width:90vw}.toast-error{background:var(--danger);color:#fff}.toast-success{background:var(--online-dot);color:#fff}@media (prefers-reduced-motion: reduce){.reaction-picker-item:hover{transform:none}}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal{width:100%;max-width:440px;max-height:90vh;background:var(--bg-elevated);border-radius:var(--r-card);box-shadow:var(--e3);display:flex;flex-direction:column;overflow:hidden}.newchat-modal{max-height:80vh}.modal-header{display:flex;align-items:center;gap:8px;height:56px;padding:0 8px;background:var(--header-bg);flex-shrink:0}.modal-close{color:var(--header-fg)}.modal-title{flex:1;font-size:var(--fs-17);font-weight:500;color:var(--header-fg);min-width:0}.modal-action-btn{padding:6px 14px;min-height:36px;border-radius:var(--r-pill);background:var(--cadmium);color:var(--sable);font-size:var(--fs-14);font-weight:600}.modal-action-btn:disabled{opacity:.45}.modal-action-btn:focus-visible{outline:2px solid var(--sable);outline-offset:2px}.modal-body{padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.modal-list{padding:8px;gap:0}.modal-hint{font-size:var(--fs-13);color:var(--text-tertiary);padding:8px}.modal-note{font-size:var(--fs-13);color:var(--text-secondary);background:var(--cadmium-tint);border-radius:6px;padding:10px 12px;line-height:1.4}.modal-note code{font-size:var(--fs-12);background:#00000014;padding:1px 4px;border-radius:3px}.modal-error{font-size:var(--fs-13);color:var(--danger);padding:8px}.modal-search{display:flex;align-items:center;gap:8px;margin:8px 12px;background:var(--surface-2);border-radius:var(--r-input);padding:0 14px;height:40px}.modal-search input{flex:1;min-width:0;border:none;background:transparent;font-size:var(--fs-14);color:var(--text-primary)}.modal-search input:focus{outline:none}.newchat-shortcuts{display:flex;flex-direction:column}.newchat-shortcut{display:flex;align-items:center;gap:16px;padding:12px 16px;min-height:56px;font-size:var(--fs-15);color:var(--text-primary);text-align:left}.newchat-shortcut:hover{background:var(--surface-2)}.newchat-shortcut:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.newchat-shortcut-icon{width:44px;height:44px;border-radius:var(--r-pill);background:var(--cadmium);color:var(--sable);display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-row{display:flex;align-items:center;gap:12px;width:100%;padding:8px 12px;min-height:56px;text-align:left;border-radius:6px}.user-row:hover{background:var(--surface-2)}.user-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.user-row-selected{background:var(--cadmium-tint)}.user-row-avatar{width:42px;height:42px;border-radius:var(--r-pill);background:var(--sable);color:var(--cadmium);display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0;overflow:hidden}.user-row-avatar img{width:100%;height:100%;object-fit:cover}.user-row-info{flex:1;min-width:0;display:flex;flex-direction:column}.user-row-name{font-size:var(--fs-15);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-row-sub{font-size:var(--fs-13);color:var(--text-secondary)}.user-row-check{color:var(--cadmium-600);flex-shrink:0}.selected-chips{display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px;border-bottom:1px solid var(--divider)}.selected-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 6px 4px 10px;border-radius:var(--r-pill);background:var(--cadmium-tint);color:var(--sable);font-size:var(--fs-13)}.selected-chip button{width:18px;height:18px;border-radius:var(--r-pill);display:flex;align-items:center;justify-content:center;background:#00000026;color:var(--sable)}.selected-chip button:focus-visible{outline:2px solid var(--accent)}.group-avatar-edit{display:flex;justify-content:center}.group-avatar-preview{width:88px;height:88px;border-radius:var(--r-pill);background:var(--sable);color:var(--cadmium);display:flex;align-items:center;justify-content:center;font-size:var(--fs-22);font-weight:600;overflow:hidden}.group-avatar-preview img{width:100%;height:100%;object-fit:cover}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:var(--fs-13);color:var(--text-secondary);font-weight:500}.field-input{width:100%;padding:10px 12px;min-height:44px;border:1.5px solid var(--divider);border-radius:8px;background:var(--surface);font-size:var(--fs-15);color:var(--text-primary)}.field-input:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}.field-textarea{resize:vertical;min-height:80px;line-height:1.4}.info-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:var(--bg-app);display:flex;flex-direction:column}@media (min-width: 1024px){.info-screen{left:auto;width:min(440px,40vw);border-left:1px solid var(--divider);box-shadow:var(--e3)}}.info-header{display:flex;align-items:center;gap:12px;height:56px;padding:0 8px;background:var(--header-bg);flex-shrink:0}.info-header .icon-btn{color:var(--header-fg)}.info-header-title{color:var(--header-fg);font-size:var(--fs-17);font-weight:500}.info-body{flex:1;overflow-y:auto}.info-hero{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 16px;background:var(--surface);border-bottom:8px solid var(--surface-2)}.info-hero-avatar{width:110px;height:110px;border-radius:var(--r-pill);background:var(--sable);color:var(--cadmium);display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:600;overflow:hidden}.info-hero-avatar img{width:100%;height:100%;object-fit:cover}.info-hero-name{font-size:var(--fs-22);font-weight:600;color:var(--text-primary)}.info-hero-desc{font-size:var(--fs-14);color:var(--text-secondary);text-align:center;max-width:320px;line-height:1.4}.info-hero-meta{font-size:var(--fs-13);color:var(--text-tertiary)}.info-section{background:var(--surface);padding:12px 16px;border-bottom:8px solid var(--surface-2)}.info-section-title{font-size:var(--fs-13);color:var(--text-secondary);font-weight:500;margin-bottom:8px}.member-list{list-style:none}.member-row{display:flex;align-items:center;gap:12px;padding:8px 0;min-height:56px}.member-avatar{width:42px;height:42px;border-radius:var(--r-pill);background:var(--sable);color:var(--cadmium);display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0;overflow:hidden}.member-avatar img{width:100%;height:100%;object-fit:cover}.member-info{flex:1;min-width:0;display:flex;align-items:center;gap:8px}.member-name{font-size:var(--fs-15);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-role-badge{font-size:var(--fs-12);color:var(--cadmium-600);border:1px solid var(--cadmium-600);border-radius:4px;padding:1px 6px;flex-shrink:0}.member-actions{display:flex;gap:4px;flex-shrink:0}.info-danger-section{border-bottom:none}.info-leave-btn{display:flex;align-items:center;gap:12px;width:100%;padding:12px 4px;min-height:48px;color:var(--danger);font-size:var(--fs-15);font-weight:500}.info-leave-btn:hover{background:var(--surface-2);border-radius:6px}.info-leave-btn:focus-visible{outline:2px solid var(--danger);outline-offset:-2px}.info-leave-btn:disabled{opacity:.5}.channel-follow-btn{width:100%;padding:12px;min-height:48px;border-radius:8px;background:var(--cadmium);color:var(--sable);font-size:var(--fs-15);font-weight:600}.channel-follow-btn.channel-following{background:var(--surface-2);color:var(--text-secondary);border:1.5px solid var(--divider)}.channel-follow-btn:disabled{opacity:.5}.channel-follow-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.channel-post-composer{display:flex;flex-direction:column;gap:8px}.channel-post-send{align-self:flex-end;display:inline-flex;align-items:center;gap:6px;padding:8px 16px;min-height:40px;border-radius:var(--r-pill);background:var(--cadmium);color:var(--sable);font-size:var(--fs-14);font-weight:600}.channel-post-send:disabled{opacity:.5}.channel-post-send:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.poll-card{min-width:240px;max-width:300px;display:flex;flex-direction:column;gap:8px}.poll-card-loading{font-size:var(--fs-13);color:var(--text-tertiary);padding:8px 0}.poll-header{display:flex;flex-direction:column;gap:2px}.poll-question{font-size:var(--fs-15);font-weight:600;color:var(--text-primary);line-height:1.3}.poll-subtype{font-size:var(--fs-12);color:var(--text-tertiary)}.poll-options{list-style:none;display:flex;flex-direction:column;gap:6px}.poll-option{position:relative;width:100%;display:flex;align-items:center;gap:8px;padding:9px 12px;min-height:44px;border-radius:8px;border:1.5px solid var(--divider);background:var(--surface);font-size:var(--fs-14);color:var(--text-primary);text-align:left;overflow:hidden}.poll-option:hover:not(:disabled){border-color:var(--cadmium-600)}.poll-option:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.poll-option:disabled{cursor:default}.poll-option-selected{border-color:var(--cadmium);background:var(--cadmium-tint)}.poll-option-mine{border-color:var(--cadmium)}.poll-option-correct{border-color:var(--online-dot)}.poll-fill{position:absolute;left:0;top:0;bottom:0;background:var(--cadmium-tint);z-index:0;transition:width .3s ease}.poll-option-text{position:relative;z-index:1;flex:1;min-width:0}.poll-option-stats{position:relative;z-index:1;flex-shrink:0}.poll-option-pct{font-size:var(--fs-13);font-weight:600;color:var(--text-secondary);font-variant-numeric:tabular-nums}.poll-correct-icon{position:relative;z-index:1;color:var(--online-dot);flex-shrink:0}.poll-wrong-icon{position:relative;z-index:1;color:var(--danger);flex-shrink:0}.poll-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.poll-total{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-12);color:var(--text-tertiary);font-variant-numeric:tabular-nums}.poll-status-note{font-size:var(--fs-12);color:var(--link)}.poll-vote-btn{padding:6px 16px;min-height:32px;border-radius:var(--r-pill);background:var(--cadmium);color:var(--sable);font-size:var(--fs-13);font-weight:600}.poll-vote-btn:disabled{opacity:.5}.poll-vote-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.poll-modal{max-width:460px}.poll-options-field{border:none;display:flex;flex-direction:column;gap:8px}.poll-option-input-row{display:flex;align-items:center;gap:8px}.poll-correct-radio{width:18px;height:18px;flex-shrink:0;accent-color:var(--cadmium-600)}.poll-add-option{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:6px 4px;min-height:36px;color:var(--link);font-size:var(--fs-14)}.poll-add-option:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.poll-toggles{display:flex;flex-direction:column;gap:4px}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;min-height:44px;font-size:var(--fs-15);color:var(--text-primary);cursor:pointer}.toggle-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--cadmium-600);cursor:pointer}.bubble-media-placeholder{width:200px;height:150px;border-radius:6px;background:var(--surface-2);display:block}.bubble-video{max-width:280px;border-radius:6px;overflow:hidden}.bubble-video-el{width:100%;display:block;border-radius:6px;background:#000}.bubble-video-thumb{width:240px;height:160px;background:var(--surface-2) center/cover no-repeat;display:flex;align-items:center;justify-content:center;border-radius:6px}.bubble-play-overlay{width:48px;height:48px;border-radius:var(--r-pill);background:#06060699;color:var(--cadmium);display:flex;align-items:center;justify-content:center}.bubble-doc{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#0000000a;border-radius:6px;min-width:220px}[data-theme=dark] .bubble-doc{background:#ffffff0f}.bubble-doc-icon{width:38px;height:38px;border-radius:6px;background:var(--cadmium-tint);color:var(--sable);display:flex;align-items:center;justify-content:center;flex-shrink:0}.bubble-doc-info{flex:1;min-width:0;display:flex;flex-direction:column}.bubble-doc-name{font-size:var(--fs-14);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bubble-doc-size{font-size:var(--fs-12);color:var(--text-tertiary)}.bubble-doc-download{width:36px;height:36px;border-radius:var(--r-pill);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0}.bubble-doc-download:hover{background:#0000000f}.bubble-doc-download:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.bubble-audio{display:flex;align-items:center;gap:10px;min-width:200px;padding:2px 0}.bubble-audio-play{width:36px;height:36px;border-radius:var(--r-pill);background:var(--cadmium);color:var(--sable);display:flex;align-items:center;justify-content:center;flex-shrink:0}.bubble-audio-play:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bubble-audio-wave{display:flex;align-items:center;gap:3px;height:24px;flex:1}.bubble-audio-bar{width:3px;border-radius:2px;background:var(--text-tertiary)}.bubble-audio-dur{font-size:var(--fs-12);color:var(--text-tertiary);font-variant-numeric:tabular-nums}.bubble-sticker{width:128px;height:128px;object-fit:contain;display:block}.bubble-location,.bubble-contact{display:flex;align-items:center;gap:10px;min-width:200px}.bubble-location-icon,.bubble-contact-avatar{width:38px;height:38px;border-radius:var(--r-pill);background:var(--cadmium-tint);color:var(--sable);display:flex;align-items:center;justify-content:center;flex-shrink:0}.bubble-location-info,.bubble-contact-info{display:flex;flex-direction:column;min-width:0}.bubble-location-title,.bubble-contact-name{font-size:var(--fs-14);color:var(--text-primary);font-weight:500}.bubble-location-coords,.bubble-contact-phone{font-size:var(--fs-12);color:var(--text-tertiary);font-variant-numeric:tabular-nums}.composer-shell{display:flex;flex-direction:column;background:var(--surface);border-top:1px solid var(--divider);position:relative}.composer-shell .composer{border-top:none}.composer-preview{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--divider)}.composer-preview-img{width:56px;height:56px;border-radius:6px;object-fit:cover}.composer-preview-chip{display:flex;align-items:center;gap:8px;flex:1;min-width:0;color:var(--text-secondary)}.composer-preview-meta{display:flex;flex-direction:column;min-width:0}.composer-preview-name{font-size:var(--fs-14);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.composer-preview-size{font-size:var(--fs-12);color:var(--text-tertiary)}.composer-preview-remove{width:36px;height:36px;border-radius:var(--r-pill);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);margin-left:auto;flex-shrink:0}.composer-preview-remove:hover{background:var(--surface-2)}.composer-preview-remove:focus-visible{outline:2px solid var(--accent)}.composer-btn-active{color:var(--cadmium-600)}.attach-menu{position:absolute;bottom:100%;right:56px;margin-bottom:6px;background:var(--bg-elevated);border-radius:var(--r-card);box-shadow:var(--e3);padding:8px;display:grid;grid-template-columns:1fr 1fr;gap:6px;z-index:20;min-width:220px}.attach-menu-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;min-height:80px;border-radius:8px;font-size:var(--fs-12);color:var(--text-secondary)}.attach-menu-item:hover{background:var(--surface-2)}.attach-menu-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.attach-menu-icon{width:44px;height:44px;border-radius:var(--r-pill);display:flex;align-items:center;justify-content:center;color:var(--sable)}.attach-icon-media{background:var(--cadmium-tint)}.attach-icon-doc{background:var(--cadmium-300)}.attach-icon-audio{background:var(--cadmium)}.attach-icon-poll{background:var(--cadmium-600);color:var(--sable)}:root{--sable: #060606;--cadmium: #FDDA0D;--cadmium-600: #E5C300;--cadmium-300: #FEEA4D;--cadmium-tint: #FEF3B5;--bg-app: #FFFFFF;--bg-chat: #EFEAE2;--bg-elevated: #FFFFFF;--surface: #FFFFFF;--surface-2: #F7F8FA;--header-bg: #060606;--header-fg: #FDDA0D;--header-fg-muted: #C9C9C9;--bubble-out: #FEF3B5;--bubble-out-fg: #1A1A1A;--bubble-in: #FFFFFF;--bubble-in-fg: #1A1A1A;--tick-sent: #8696A0;--tick-delivered: #8696A0;--tick-read: #E5C300;--accent: #060606;--accent-on: #FDDA0D;--fab-bg: #FDDA0D;--fab-fg: #060606;--text-primary: #111B21;--text-secondary: #667781;--text-tertiary: #8696A0;--divider: #E9EDEF;--unread-badge-bg: #FDDA0D;--unread-badge-fg: #060606;--online-dot: #06A23B;--danger: #E03131;--link: #027EB5;--scrim: rgba(0,0,0,.5);--r-bubble: 7.5px;--r-card: 8px;--r-input: 24px;--r-pill: 999px;--fs-12: 12px;--fs-13: 13px;--fs-14: 14px;--fs-15: 15px;--fs-16: 16px;--fs-17: 17px;--fs-18: 18px;--fs-20: 20px;--fs-22: 22px;--e1: 0 1px 2px rgba(0,0,0,.12);--e2: 0 2px 8px rgba(0,0,0,.16);--e3: 0 4px 16px rgba(0,0,0,.24);--e-fab: 0 6px 12px rgba(6,6,6,.3)}[data-theme=dark]{--bg-app: #0B141A;--bg-chat: #0B141A;--bg-elevated: #1F2C34;--surface: #111B21;--surface-2: #1F2C34;--header-bg: #060606;--header-fg: #FDDA0D;--header-fg-muted: #8696A0;--bubble-out: #2E2A12;--bubble-out-fg: #E9EDEF;--bubble-in: #1F2C34;--bubble-in-fg: #E9EDEF;--tick-sent: #8696A0;--tick-delivered: #8696A0;--tick-read: #FDDA0D;--accent: #FDDA0D;--accent-on: #060606;--fab-bg: #FDDA0D;--fab-fg: #060606;--text-primary: #E9EDEF;--text-secondary: #8696A0;--text-tertiary: #667781;--divider: #222E35;--unread-badge-bg: #FDDA0D;--unread-badge-fg: #060606;--online-dot: #06CF62;--danger: #F15C6D;--link: #53BDEB;--scrim: rgba(0,0,0,.6)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:var(--fs-16);color:var(--text-primary);background:var(--bg-app);-webkit-font-smoothing:antialiased}button{cursor:pointer;border:none;background:none;font:inherit}a{color:var(--link);text-decoration:none}input,textarea{font:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.splash-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background:var(--sable);gap:24px}.splash-wordmark{color:var(--cadmium);font-size:var(--fs-22);font-weight:600;letter-spacing:.5px}.splash-spinner{width:32px;height:32px;border:3px solid rgba(253,218,13,.3);border-top-color:var(--cadmium);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.splash-spinner{animation:none;opacity:.7}}