.app-shell{height:100vh;height:100dvh;min-height:0;display:flex;gap:12px;padding:12px;background:var(--q-bg);color:var(--q-text);font-family:var(--font-sans)}.app-shell,body.cv-overlay-open{overflow:hidden}.panel{background:var(--q-surface);min-width:0;position:relative}.panel,.sidebar{border:1px solid var(--q-outline-soft);border-radius:28px;box-shadow:var(--q-elevation-1)}.sidebar{flex:0 0 316px;width:316px;display:flex;flex-direction:column;padding:14px 12px 12px;gap:8px;background:var(--q-surface-container-low)}.sb-brand{display:flex;align-items:center;justify-content:space-between;padding:4px 10px 6px}.sb-brand strong{font-size:21px;font-weight:750;letter-spacing:-.025em;color:var(--q-text);font-family:var(--q-font-flex);display:block}.sb-brand small{display:block;font-size:11.5px;color:var(--q-muted);font-weight:500;letter-spacing:.01em}.sb-controls{display:flex;flex-direction:column;gap:6px;padding:0;background:transparent;border:0}.sb-toolbar{display:flex;align-items:center;gap:8px}.icon-btn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--q-muted);flex:none;background:transparent;transition:background-color .16s linear,color .16s linear,transform .18s var(--q-ease-standard);cursor:pointer}.icon-btn:hover{background:var(--q-surface-container-highest);color:var(--q-text);transform:scale(1.05)}.icon-btn:active{transform:scale(.92)}.icon-btn.toggled{background:var(--q-secondary-container);color:var(--q-on-secondary-container)}.sb-search{flex:1 1;min-width:0;display:flex;align-items:center;gap:8px;height:42px;padding:0 14px;border-radius:9999px;background:var(--q-surface-container-high);border:1px solid transparent;color:var(--q-muted);transition:background-color .16s linear,border-color .16s linear,color .16s linear,box-shadow .16s var(--q-ease-standard)}.sb-search:focus-within{background:var(--q-surface-container-highest);border-color:var(--q-primary);color:var(--q-text);box-shadow:0 0 0 3px color-mix(in srgb,var(--q-primary) 18%,transparent)}.sb-search input{flex:1 1;min-width:0;border:0;background:transparent;outline:0;color:var(--q-text);font-size:14px;font-family:var(--q-font-flex)}.sb-search-clear{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:var(--q-muted);transition:background-color .14s linear,color .14s linear}.sb-search-clear:hover{background:var(--q-surface-container-high);color:var(--q-text)}.compose-btn{width:40px;height:40px;border-radius:14px;flex:none;display:grid;place-items:center;background:var(--q-primary-container);color:var(--q-on-primary-container);transition:transform .18s var(--q-ease-standard),background-color .16s linear;cursor:pointer}.compose-btn:hover{border-radius:20px;background:var(--q-primary);color:var(--q-on-primary);transform:scale(1.08);box-shadow:var(--q-elevation-2)}.compose-btn:active{transform:scale(.92);border-radius:12px}.sb-list{flex:1 1;overflow-y:auto;overflow-x:hidden;gap:3px;padding:4px 2px;scrollbar-width:thin;scrollbar-color:var(--q-outline-soft) transparent}.list-section,.sb-list{display:flex;flex-direction:column}.list-section{gap:2px}.list-head{display:flex;align-items:center;justify-content:space-between;padding:10px 10px 4px}.list-head span{font-size:11px;letter-spacing:.08em;font-weight:750;color:var(--q-primary);text-transform:uppercase}.list-head button{display:grid;place-items:center;color:var(--q-muted);width:28px;height:28px;border-radius:50%;transition:background-color .14s linear,color .14s linear}.list-head button:hover{background:var(--q-surface-container-high);color:var(--q-text)}.list-hint{margin:0 10px 6px;font-size:11px;line-height:1.45;color:var(--q-muted)}.list-empty{padding:16px 12px;font-size:13px;color:var(--q-muted);text-align:center}.list-welcome{margin:12px 4px;padding:20px 16px;border-radius:24px;background:var(--q-surface-container-high);border:1px solid var(--q-outline-soft);text-align:center}.list-welcome h3{font-size:15px;font-weight:700;margin:8px 0 4px;color:var(--q-text)}.list-welcome p{font-size:12px;line-height:1.5;color:var(--q-muted)}.list-welcome button{margin-top:12px;min-height:38px;padding:0 18px;border-radius:9999px;background:var(--q-primary);color:var(--q-on-primary);font-size:12.5px;font-weight:650;transition:transform .16s var(--q-ease-standard),background-color .14s linear}.list-welcome button:hover{background:var(--q-primary-hover,var(--q-primary));transform:scale(1.04)}.chat-row{width:100%;display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:20px;border:1px solid transparent;text-align:left;color:var(--q-text);background:transparent;cursor:pointer;margin-bottom:2px;transition:background-color .16s linear,transform .18s var(--q-ease-standard);position:relative;min-height:64px}.chat-row:hover{background:var(--q-surface-container-high);border-radius:24px}.chat-row:active{transform:scale(.98);border-radius:20px}.chat-row.selected{background:var(--q-secondary-container);color:var(--q-on-secondary-container);border-radius:24px;box-shadow:var(--q-elevation-1)}.chat-row.selected .chat-meta strong{color:var(--q-on-secondary-container);font-weight:700}.chat-row.selected .chat-meta small{color:var(--q-on-secondary-container);opacity:.85}.chat-avatar{width:44px;height:44px;border-radius:16px;flex:none;display:grid;place-items:center;color:var(--q-on-color);font-size:13px;font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.14);transition:transform var(--q-duration-short3) var(--q-ease-emphasized)}.chat-row:hover .chat-avatar{transform:scale(1.05)}.channel-avatar{background:var(--q-surface-container-highest);color:var(--q-primary);border:0}.chat-row.selected .channel-avatar{background:var(--q-primary);color:var(--q-on-primary)}.chat-meta{min-width:0;display:grid;grid-gap:2px;gap:2px;flex:1 1}.chat-meta strong{font-size:14px;font-weight:650;color:inherit;font-family:var(--q-font-flex)}.chat-meta small,.chat-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-meta small{font-size:12px;color:var(--q-muted)}.chat-badge{flex:none;min-width:22px;height:22px;padding:0 7px;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;background:var(--q-primary);color:var(--q-on-primary);font-size:10.5px;font-weight:750;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;box-shadow:0 2px 6px color-mix(in srgb,var(--q-primary) 35%,transparent)}.chat-badge.is-muted{background:var(--q-surface-container-highest);color:var(--q-muted);box-shadow:none;border:1px solid var(--q-outline-soft)}.chat-ban-mark{display:grid;place-items:center;flex:none;color:var(--q-error)}.sb-footer{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-top:auto;border:1px solid var(--q-outline-soft);border-radius:20px;background:var(--q-surface-container-high);text-align:left;color:var(--q-text);transition:background-color .16s linear,transform .16s var(--q-ease-standard);cursor:pointer}.sb-footer:hover{background:var(--q-surface-container-highest);transform:translateY(-1px)}.sb-footer .chat-avatar{width:36px;height:36px;border-radius:12px}.sb-footer .chat-meta strong{font-size:13.5px}.sb-footer .chat-meta small{font-size:11.5px}.conversation{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;overflow:hidden;background:var(--q-surface);border:1px solid var(--q-outline-soft);border-radius:28px;box-shadow:var(--q-elevation-1)}.topbar{height:68px;flex:none;padding:0 20px;border-bottom:1px solid var(--q-outline-soft);background:color-mix(in srgb,var(--q-surface) 85%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:10}.channel-heading,.topbar{display:flex;align-items:center;gap:12px}.channel-heading{min-width:0;flex:1 1}.channel-heading.clickable{padding:6px 10px;margin-left:-10px;border-radius:18px;transition:background var(--q-duration-short3) var(--q-ease-standard)}.channel-icon{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:16px;background:var(--q-primary-container);color:var(--q-on-primary-container);border:0;overflow:hidden}.channel-icon .chat-avatar,.channel-icon img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.heading-copy{min-width:0}.heading-copy h2{margin:0;font-size:16px;letter-spacing:-.015em;font-weight:700;color:var(--q-text);font-family:var(--q-font-flex)}.heading-copy h2,.heading-copy p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.heading-copy p{margin:2px 0 0;font-size:12px;color:var(--q-muted)}.top-actions{display:flex;align-items:center;gap:6px;flex:none}.mobile-back{display:none}.conversation-menu{position:relative}.popover-scrim{position:fixed;inset:0;z-index:30}.menu-popover{position:absolute;right:0;top:46px;z-index:31;width:220px;padding:6px;background:var(--q-surface-container);border:1px solid var(--q-outline-soft);border-radius:20px;box-shadow:var(--q-elevation-3);animation:menu-in .18s cubic-bezier(.2,.9,.2,1.15) both;transform-origin:top right}.menu-popover button{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;color:var(--q-text);font-size:13px;font-weight:500;text-align:left;transition:background-color .14s linear}.menu-popover button:hover{background:var(--q-surface-container-highest)}.menu-popover .danger{color:var(--q-error)}.menu-popover .danger:hover{background:var(--q-error-container)}.chat-search{display:flex;align-items:center;gap:10px;padding:10px 20px;border-bottom:1px solid var(--q-outline-soft);background:var(--q-surface-container-low);color:var(--q-muted)}.chat-search input{flex:1 1;border:0;background:transparent;outline:0;color:var(--q-text);font-size:14px}.chat-search button{display:grid;place-items:center;color:var(--q-muted)}.conversation-body{flex:1 1;overflow-y:auto;padding:20px clamp(16px,3vw,48px);scrollbar-width:thin;scrollbar-color:var(--q-outline-soft) transparent}.messages{display:flex;flex-direction:column;gap:14px;max-width:900px;margin:0 auto}.messages-empty{padding:40px 16px;font-size:13.5px;color:var(--q-muted);text-align:center}.message{display:flex;align-items:flex-start;gap:10px;max-width:min(720px,84%);position:relative;align-self:flex-start;animation:message-in var(--q-duration-medium2) var(--q-ease-emphasized-decelerate) both;touch-action:pan-y}.message.own{flex-direction:row-reverse;align-self:flex-end;margin-left:auto;animation-name:message-in-own}.message-avatar{width:36px;height:36px;flex:none;border-radius:14px;display:grid;place-items:center;color:var(--q-on-color);font-size:12px;font-weight:700;box-shadow:0 2px 6px rgba(0,0,0,.12)}.message-content{min-width:0;display:flex;flex-direction:column;align-items:flex-start}.message.own .message-content{align-items:flex-end}.message-meta{display:flex;align-items:center;gap:8px;margin-bottom:4px}.message.own .message-meta{justify-content:flex-end}.message-meta strong{font-size:13px;font-weight:650;color:var(--q-text);font-family:var(--q-font-flex)}.message-meta em,.message-meta span,.message-meta time{font-size:11px;font-style:normal;color:var(--q-muted)}.bubble{background:var(--q-surface-container-high);border:0;border-radius:22px 22px 22px 6px;padding:11px 16px;color:var(--q-text);box-shadow:0 1px 3px rgba(0,0,0,.08);transition:transform var(--q-duration-short3) var(--q-ease-emphasized-decelerate),border-radius var(--q-duration-medium2) var(--q-ease-emphasized-decelerate);max-width:100%;word-break:break-word}.message.own .bubble{background:var(--q-primary-container);color:var(--q-on-primary-container);border-radius:22px 22px 6px 22px;box-shadow:0 1px 3px rgba(0,0,0,.12)}.message.menu-open .bubble{transform:scale(.97);border-radius:var(--q-radius-control)}.bubble p{margin:0;font-size:14.5px;line-height:1.52;color:inherit;word-break:break-word;white-space:pre-wrap;font-family:var(--q-font-flex)}.message.own .bubble p{color:var(--q-on-primary-container)}.message-actions{display:none}.message-menu-backdrop{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.35);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:message-backdrop-in .15s ease-out both}@keyframes message-backdrop-in{0%{opacity:0}to{opacity:1}}.message.menu-open{z-index:100;position:relative}.message.menu-open .message-content{position:relative;z-index:101}.message-context-menu{position:absolute;z-index:102;left:0;right:auto;top:calc(100% + 8px);width:210px;padding:6px;border:1px solid var(--q-outline-soft);border-radius:20px;background:var(--q-surface-high);box-shadow:var(--q-elevation-3);animation:message-menu-in var(--q-duration-medium2) var(--q-ease-emphasized-decelerate) both;isolation:isolate}.message.own .message-context-menu{left:auto;right:0;top:calc(100% + 8px)}.message-context-menu.open-upward,.message.open-upward .message-context-menu{top:auto;bottom:calc(100% + 8px);animation:message-menu-in-upward var(--q-duration-medium2) var(--q-ease-emphasized-decelerate) both}.message.own .message-context-menu.open-upward{left:auto;right:0;top:auto;bottom:calc(100% + 8px)}@keyframes message-menu-in-upward{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.message-quick-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border-radius:50%;background:transparent;color:var(--q-muted);border:0;cursor:pointer;opacity:0;transition:opacity .15s,background-color .15s,color .15s;margin-left:4px;vertical-align:middle}.message.menu-open .message-quick-menu-btn,.message:hover .message-quick-menu-btn{opacity:1}.message-quick-menu-btn:hover{background:var(--q-surface-container-highest);color:var(--q-text)}@media(hover:none){.message-quick-menu-btn{opacity:.65}}.message-context-menu>button{width:100%;display:flex;align-items:center;gap:10px;min-height:42px;padding:9px 12px;border-radius:14px;text-align:left;color:var(--q-text);font-size:13px;font-weight:500;transition:background-color .14s linear}.message-context-menu>button:hover{background:var(--q-primary-container);color:var(--q-on-primary-container)}.message-context-menu>button.context-danger{color:var(--q-error)}.message-context-menu>button.context-danger:hover{background:var(--q-error-container);color:var(--q-error)}.reaction-picker{display:flex;gap:3px;padding:4px;margin-bottom:4px;border-bottom:1px solid var(--q-outline-soft)}.reaction-picker button{width:32px;height:34px;display:grid;place-items:center;border-radius:10px;font-size:18px;transition:transform var(--q-duration-fast) var(--q-ease-out),background-color var(--q-duration-fast)}.reaction-picker button:hover{background:var(--q-primary-container);transform:scale(1.15)}.message-reaction{display:inline-flex;align-items:center;gap:3px;min-width:32px;height:26px;margin-top:5px;padding:0 8px;border:1px solid var(--q-outline-soft);border-radius:9999px;background:var(--q-surface-container-highest);font-size:13.5px;line-height:1;cursor:pointer;transition:transform var(--q-duration-fast) var(--q-ease-out),background-color .15s}.message-reaction:hover{transform:scale(1.08);background:var(--q-secondary-container)}.message-reaction:active{transform:scale(.92)}.edit-form{margin-top:6px;max-width:min(560px,100%)}.edit-form textarea{width:100%;min-height:68px;resize:vertical;border:1px solid var(--q-primary);background:var(--q-surface-container-high);border-radius:16px;padding:10px 14px;color:var(--q-text);font:inherit;font-size:14px;outline:0}.edit-form>div{display:flex;gap:8px;margin-top:8px}.edit-cancel,.edit-save{border-radius:9999px;padding:8px 16px;font-size:12px;font-weight:650;transition:background-color .14s linear,transform .14s var(--q-ease-standard)}.edit-save{background:var(--q-primary);color:var(--q-on-primary)}.edit-save:hover{background:var(--q-primary-hover,var(--q-primary))}.edit-cancel{background:var(--q-surface-container-high);color:var(--q-text);border:1px solid var(--q-outline-soft)}.edit-cancel:hover{background:var(--q-surface-container-highest)}.m3-composer-wrap{padding:8px 18px 14px;background:transparent}.composer{display:flex;align-items:flex-end;gap:8px;padding:6px 8px 6px 12px;border-radius:28px;background:var(--q-surface-container-high);border:1px solid var(--q-outline-soft);box-shadow:0 4px 16px rgba(0,0,0,.1);transition:border-color .16s linear,background-color .16s linear,box-shadow .16s var(--q-ease-standard)}.composer:focus-within{background:var(--q-surface-container-highest);border-color:var(--q-primary);box-shadow:0 4px 24px color-mix(in srgb,var(--q-primary) 18%,transparent)}.composer textarea{flex:1 1;min-height:38px;max-height:140px;resize:none;border:0;background:transparent;padding:8px 4px;color:var(--q-text);font-family:var(--q-font-flex);font-size:15px;line-height:1.45;outline:0!important}.send-btn{width:42px;height:42px;flex:0 0 42px;border-radius:50%;display:grid;place-items:center;background:var(--q-primary);color:var(--q-on-primary);box-shadow:var(--q-elevation-1);transition:transform .18s var(--q-ease-standard),background-color .16s linear;cursor:pointer}.send-btn:hover:not(:disabled){transform:scale(1.08);box-shadow:var(--q-elevation-2);background:var(--q-primary-hover,var(--q-primary))}.send-btn:not(:disabled):active{transform:scale(.92)}.send-btn:disabled{opacity:.35;cursor:not-allowed}.composer.channel-readonly{align-items:center;justify-content:center;min-height:68px;padding:14px 20px;color:var(--q-muted);font-size:13px;text-align:center;background:var(--q-surface-low)}.composer.channel-readonly.is-banned{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:flex-start;gap:14px;flex-wrap:wrap;min-height:76px;padding:14px 18px;border:0;background:var(--q-surface);color:var(--q-error);font-weight:500;text-align:left}.composer.channel-readonly.is-banned:before{content:"";position:absolute;inset:6px 10px;z-index:-1;border-radius:20px;background:var(--q-error-container);opacity:.5}.ban-notice-icon{display:grid;place-items:center;flex:0 0 auto;width:44px;height:44px;border-radius:16px 16px 16px 8px;background:var(--q-error-container);color:var(--q-error)}.ban-notice-copy{display:grid;grid-gap:1px;gap:1px;flex:1 1 200px;min-width:0;text-align:left}.ban-notice-copy strong{font-size:13.5px;font-weight:650;letter-spacing:-.01em;line-height:1.35;color:var(--q-error)}.ban-notice-copy small{font-size:12px;font-weight:450;line-height:1.45;color:var(--q-muted)}.ban-details{display:inline-flex;align-items:center;justify-content:center;gap:2px;min-height:40px;padding:8px 10px 8px 16px;border-radius:99px;background:var(--q-error-container);color:var(--q-error);font-size:13px;font-weight:600;flex:0 0 auto;transition:background var(--q-duration-fast),color var(--q-duration-fast),transform var(--q-duration-fast) var(--q-ease-out)}.ban-details:hover{background:var(--q-error);color:var(--q-surface)}.ban-details:active{transform:scale(.97)}.ban-status{display:flex;align-items:center;gap:12px;flex:none;min-height:64px;margin:4px 2px;padding:10px 12px;border-radius:20px;background:var(--q-error-container);color:var(--q-error);text-align:left;transition:filter var(--q-duration-fast),transform var(--q-duration-fast) var(--q-ease-out)}.ban-status:hover{filter:brightness(1.07)}.ban-status:active{transform:scale(.985)}.ban-status>.ban-notice-icon{width:40px;height:40px;border-radius:14px 14px 14px 8px;background:var(--q-error);color:var(--q-error-container)}.ban-status>svg{flex:0 0 auto}.ban-status>span:not(.ban-notice-icon){display:grid;grid-gap:2px;gap:2px;min-width:0;flex:1 1 auto}.ban-status strong{font-size:12.5px;font-weight:650;letter-spacing:-.01em}.ban-status small{font-size:11px;opacity:.85}@media(max-width:600px){.composer.channel-readonly.is-banned{gap:12px;min-height:0;padding:12px 14px}.composer.channel-readonly.is-banned:before{inset:6px 8px}.ban-notice-icon{width:40px;height:40px;border-radius:14px 14px 14px 8px}.ban-notice-copy{flex:1 1 100%}.ban-details{width:100%}}.account-ban-dialog{position:fixed;inset:0;margin:auto;width:min(480px,calc(100% - 32px));max-width:none;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);padding:0;overflow:hidden;border:1px solid var(--q-outline-soft);border-radius:calc(var(--q-radius-panel) + 4px);background:var(--q-surface);color:var(--q-text);box-shadow:0 24px 80px var(--q-shadow);overscroll-behavior:contain}.account-ban-dialog[open]{display:flex;flex-direction:column}.account-ban-dialog::-webkit-backdrop{background:var(--q-scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.account-ban-dialog::backdrop{background:var(--q-scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.account-ban-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--q-outline) transparent;padding:32px 28px 8px}.account-ban-header{text-align:center}.account-ban-hero{position:relative;width:116px;height:112px;margin:0 auto 22px;display:grid;place-items:center}.account-ban-emblem{width:100px;height:100px;display:grid;place-items:center;border-radius:36px 36px 36px 14px;background:var(--q-error-container);color:var(--q-error);transform:rotate(-6deg)}.account-ban-emblem>svg{transform:rotate(6deg)}.account-ban-badge{position:absolute;right:0;bottom:0;display:grid;place-items:center;width:44px;height:44px;border:4px solid var(--q-surface);border-radius:50%;background:var(--q-error);color:var(--q-error-container)}.account-ban-label{display:block;margin-bottom:9px;color:var(--q-primary);font-size:10px;letter-spacing:.18em;font-weight:750}.account-ban-header h2{margin:0;font-size:clamp(24px,5vw,30px);font-weight:650;line-height:1.16;letter-spacing:-.035em;text-wrap:balance;outline:none}.account-ban-header>p{max-width:330px;margin:12px auto 24px;color:var(--q-muted);font-size:14px;line-height:1.55;text-wrap:pretty}.account-ban-reasons{display:grid;grid-gap:4px;gap:4px;margin:0;padding:0;list-style:none}.contact-ban-hero{position:relative;width:96px;height:96px;margin:0 auto 18px}.contact-ban-avatar{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;overflow:hidden;color:var(--q-on-color);font-size:30px;font-weight:700}.contact-ban-avatar img{width:100%;height:100%;object-fit:cover}.contact-ban-badge{position:absolute;right:-2px;bottom:-2px;display:grid;place-items:center;width:38px;height:38px;border:4px solid var(--q-surface);border-radius:50%;background:var(--q-error);color:var(--q-surface)}.account-ban-dialog.is-contact .account-ban-header>p{margin-bottom:20px;color:var(--q-text);font-size:15px;font-weight:600}.contact-ban-handle{display:block;margin-top:2px;color:var(--q-muted);font-size:13px;font-weight:450}.account-ban-reason{position:relative;margin:0 0 12px;padding:14px 16px 14px 18px;border-radius:20px;background:var(--q-error-container);overflow:hidden}.account-ban-reason:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--q-error)}.account-ban-reason-label{display:inline-flex;align-items:center;gap:6px;margin-bottom:6px;color:var(--q-error);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.account-ban-reason>p{margin:0;color:var(--q-text);font-size:13.5px;line-height:1.5;text-wrap:pretty}.account-ban-reasons>li{display:flex;align-items:flex-start;gap:14px;padding:16px;background:var(--q-surface-low);border-radius:8px}.account-ban-reasons>li:first-child{border-radius:22px 22px 8px 8px}.account-ban-reasons>li:last-child{border-radius:8px 8px 22px 22px}.account-ban-row-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:14px;background:var(--q-primary-container);color:var(--q-on-primary-container)}.account-ban-row-icon.is-restricted{background:var(--q-error-container);color:var(--q-error)}.account-ban-reasons h3{margin:0 0 5px;font-size:14px;line-height:1.4;font-weight:650}.account-ban-reasons p{margin:0;color:var(--q-muted);font-size:13px;line-height:1.5;text-wrap:pretty}.account-ban-footer{flex:none;padding:16px 28px 28px;background:var(--q-surface)}.account-ban-dialog .account-ban-dismiss{display:block;width:100%;min-height:52px;padding:14px 24px;border-radius:99px;background:var(--q-primary);color:var(--q-on-primary);font-size:15px;font-weight:650}@media(max-width:480px){.account-ban-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:var(--q-radius-panel)}.account-ban-content{padding:24px 18px 6px}.account-ban-header>p{margin-bottom:20px}.account-ban-reasons>li{gap:12px;padding:14px 12px}.account-ban-reason{padding:12px 14px 12px 16px}.account-ban-footer{padding:14px 18px max(20px,env(safe-area-inset-bottom))}}@media(max-height:650px){.account-ban-content{padding-top:20px}.account-ban-hero{width:86px;height:84px;margin-bottom:16px}.account-ban-emblem{width:76px;height:76px;border-radius:26px 26px 26px 12px}.account-ban-emblem>svg{width:36px;height:36px}}@media(prefers-reduced-motion:no-preference){.account-ban-dialog[open]{animation:modal-in var(--q-duration-enter) var(--q-ease-out) both}.account-ban-dialog[open]::-webkit-backdrop{animation:fade-in var(--q-duration-medium) ease both}.account-ban-dialog[open]::backdrop{animation:fade-in var(--q-duration-medium) ease both}.account-ban-hero{animation:avatar-pop var(--q-duration-long3) var(--q-ease-out) var(--q-duration-short2) both}}.empty-state{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:32px;background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--q-surface-container-high) 60%,transparent),transparent 70%);color:var(--q-muted)}.empty-state h3{margin:0;font-size:18px;letter-spacing:-.01em;font-weight:700;color:var(--q-text)}.empty-state p{margin:0;font-size:13px;line-height:1.5;color:var(--q-muted);max-width:320px}.empty-orbit{display:none}.empty-action{margin-top:12px;min-height:44px;padding:0 24px;border-radius:9999px;background:var(--q-primary);color:var(--q-on-primary);font-size:14px;font-weight:650;display:inline-flex;align-items:center;gap:8px;box-shadow:var(--q-elevation-1);transition:transform .18s var(--q-ease-standard),background-color .16s linear}.empty-action:hover:not(:disabled){transform:scale(1.05);box-shadow:var(--q-elevation-2);background:var(--q-primary-hover,var(--q-primary))}.empty-action:active{transform:scale(.94)}.empty-action:disabled{opacity:.5}.menu-scrim{position:fixed;inset:0;z-index:39;background:var(--q-scrim);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fade-in .16s ease both}.nav-menu{position:fixed;top:14px;left:14px;z-index:40;width:300px;height:calc(100vh - 28px);height:calc(100dvh - 28px);display:flex;flex-direction:column;padding:18px 14px;overflow:hidden;background:var(--q-surface-container-low);border:1px solid var(--q-outline-variant);border-radius:28px;box-shadow:var(--q-elevation-3);transform-origin:top left;animation:nav-in .24s cubic-bezier(.2,.8,.2,1) both}.nav-head{display:flex;align-items:center;gap:12px;padding:6px 6px 14px;border-bottom:1px solid var(--q-outline-soft)}.nav-avatar{width:44px;height:44px;flex:none;place-items:center;color:var(--q-on-color);font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.18)}.nav-avatar,.nav-close{border-radius:50%;display:grid}.nav-close{width:36px;height:36px;margin-left:auto;place-items:center;color:var(--q-muted);transition:background-color .14s linear,color .14s linear}.nav-close:hover{background:var(--q-surface-container-high);color:var(--q-text)}.nav-id{min-width:0}.nav-id strong{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:650;color:var(--q-text);max-width:100%}.nav-id small{display:block;margin-top:2px;font-size:12px;color:var(--q-muted)}.nav-list{flex:1 1;min-height:0;display:grid;align-content:start;grid-gap:4px;gap:4px;padding:12px 0;overflow-y:auto;scrollbar-width:thin}.nav-list a,.nav-list button{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 16px;border-radius:24px;text-align:left;color:var(--q-text);font-size:14px;font-weight:500;text-decoration:none;transition:background-color .16s linear,transform .16s var(--q-ease-standard)}.nav-list a:hover,.nav-list button:hover:not(:disabled){background:var(--q-surface-container-high);border-radius:24px}.nav-list a:active,.nav-list button:active:not(:disabled){background:var(--q-secondary-container);color:var(--q-on-secondary-container);transform:scale(.98)}.nav-list button:disabled{color:var(--q-muted);opacity:.5;cursor:default}.create-menu{display:grid;grid-gap:3px;gap:3px}.create-menu>button{width:100%;position:relative}.create-chevron{margin-left:auto;transition:transform var(--q-duration-medium) var(--q-ease-out)}.create-menu.is-open .create-chevron{transform:rotate(90deg)}.create-submenu{display:grid;grid-gap:3px;gap:3px;margin:0 0 3px 28px;padding:4px;border-left:2px solid var(--q-primary-container);border-radius:0 12px 12px 0;background:var(--q-surface-low);animation:submenu-in var(--q-duration-medium) var(--q-ease-out) both}.create-submenu button{display:flex;align-items:center;gap:10px;min-height:42px;padding:8px 12px;border-radius:12px;color:var(--q-text);font-size:13px;text-align:left}.create-submenu button:hover{background:var(--q-primary-container);color:var(--q-on-primary-container)}.nav-list .soon{margin-left:auto;font-size:10px;font-style:normal;padding:2px 7px;border-radius:99px;background:var(--q-surface-container-high);border:1px solid var(--q-outline-soft);color:var(--q-muted)}.nav-logout{color:var(--q-error)!important}.nav-foot{margin-top:auto;padding-top:10px;border-top:1px solid var(--q-outline-soft);display:grid;grid-gap:6px;gap:6px}.nav-toggle{justify-content:space-between;padding:6px 10px;font-size:13px;color:var(--q-text)}.nav-toggle,.nav-toggle span{display:flex;align-items:center}.nav-toggle span{gap:10px}.switch{position:relative;width:48px;height:28px;border-radius:9999px;background:var(--q-surface-container-highest);border:1px solid var(--q-outline);transition:background .2s;flex:none;cursor:pointer}.switch.on{background:var(--q-primary);border-color:var(--q-primary)}.switch .knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--q-on-primary);display:grid;place-items:center;color:var(--q-muted);transition:transform .2s}.switch.on .knob{transform:translateX(20px);background:var(--q-on-primary);color:var(--q-primary)}.nav-brand{padding:4px 8px;font-size:11px;line-height:1.55;color:var(--q-muted)}.nav-brand button{color:var(--q-primary);text-decoration:underline;font-size:11px}.nav-legal-links{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 4px 2px;font-size:11px;color:var(--q-muted);-webkit-user-select:none;-moz-user-select:none;user-select:none}.nav-legal-links a{color:var(--q-muted);text-decoration:none;font-size:11px;font-weight:500;transition:color var(--q-duration-fast) ease}.nav-legal-links a:hover{color:var(--q-primary);text-decoration:underline}.nav-legal-sep{opacity:.45;font-size:10px}.modal-backdrop{position:fixed!important;inset:0!important;z-index:1050!important;display:grid!important;place-items:center!important;align-items:center!important;justify-content:center!important;padding:16px!important;background:var(--q-scrim)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;animation:fade-in .16s ease both!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}.modal{margin:auto!important;width:min(440px,100%);max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow-y:auto;padding:24px;background:var(--q-surface);border:1px solid var(--q-outline-variant);border-radius:32px;box-shadow:var(--q-elevation-3);animation:modal-in .2s cubic-bezier(.2,.8,.2,1) both}.modal-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.modal-top h3{margin:0;font-size:18px;letter-spacing:-.02em;font-weight:700;color:var(--q-text)}.modal-top p{margin:4px 0 0}.modal label,.modal-top p{font-size:12px;color:var(--q-muted)}.modal label{display:grid;grid-gap:6px;gap:6px;margin-bottom:14px;font-weight:500}.modal input{height:46px;border:1px solid var(--q-outline);background:var(--q-surface-container);border-radius:16px;padding:0 14px;color:var(--q-text);font-size:14px;outline:0;transition:border-color .14s linear,background-color .14s linear,box-shadow .14s var(--q-ease-standard)}.modal input:focus{border-color:var(--q-primary);background:var(--q-surface-container-high);box-shadow:0 0 0 3px color-mix(in srgb,var(--q-primary) 18%,transparent)}.primary{height:46px;border-radius:9999px;background:var(--q-primary);color:var(--q-on-primary);font-weight:650;font-size:14px;transition:transform .16s var(--q-ease-standard),background-color .16s linear;box-shadow:var(--q-elevation-1)}.primary:hover:not(:disabled){background:var(--q-primary-hover,var(--q-primary));transform:scale(1.03);box-shadow:var(--q-elevation-2)}.primary:active:not(:disabled){transform:scale(.96)}.primary:disabled{opacity:.45}.optional{margin-left:3px;font-size:10.5px;font-weight:400;color:var(--q-muted)}.color-label{display:block;margin:0 0 10px;font-size:12px;letter-spacing:0;color:var(--q-muted)}.color-picker{display:flex;gap:10px;margin:0 0 20px;flex-wrap:wrap}.color-swatch{width:32px;height:32px;border-radius:50%;border:2px solid transparent;box-shadow:0 0 0 1px var(--q-outline);transition:transform .15s}.color-swatch:hover{transform:scale(1.12)}.color-swatch.selected{border-color:var(--q-text);box-shadow:0 0 0 3px var(--q-primary);transform:scale(1.08)}.danger-button{height:44px;margin-top:10px;border-radius:9999px;border:1px solid var(--q-error);background:transparent;color:var(--q-error);font-size:13px;font-weight:600;transition:background-color .14s linear}.danger-button:hover{background:var(--q-error-container)}.people-modal{width:min(460px,100%)}.people-search{display:flex;align-items:center;gap:10px;height:46px;margin-bottom:14px;padding:0 14px;border:1px solid var(--q-outline);background:var(--q-surface-container);border-radius:9999px;color:var(--q-muted);transition:border-color .14s linear,background-color .14s linear,box-shadow .14s var(--q-ease-standard)}.people-search:focus-within{border-color:var(--q-primary);background:var(--q-surface-container-high);box-shadow:0 0 0 3px color-mix(in srgb,var(--q-primary) 18%,transparent);color:var(--q-text)}.people-search input{flex:1 1;border:0;background:transparent;outline:0;color:var(--q-text);font-size:14px}.people-list{display:grid;grid-gap:3px;gap:3px}.person-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:18px;text-align:left;color:var(--q-text);transition:background-color .16s linear,transform .16s var(--q-ease-standard);cursor:pointer}.person-row:hover{background:var(--q-surface-container-high);border-radius:22px}.person-row:active{transform:scale(.98)}.person-row>div:nth-child(2){flex:1 1;min-width:0}.person-row strong{display:block;font-size:13.5px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person-row small{display:block;margin-top:2px;font-size:11px;color:var(--q-muted)}.person-row>svg{color:var(--q-primary)}.person-avatar{width:40px;height:40px;flex:none;border-radius:14px;display:grid;place-items:center;color:var(--q-on-color);font-weight:700;font-size:13px;box-shadow:0 2px 6px rgba(0,0,0,.12)}.people-empty{padding:32px 8px;text-align:center;font-size:13px;color:var(--q-muted)}.about-body{display:flex;gap:14px;align-items:flex-start}.about-mark{width:44px;height:44px;flex:none;border-radius:16px;display:grid;place-items:center;background:var(--q-primary-container);color:var(--q-on-primary-container)}.about-body p{margin:0;font-size:13px;line-height:1.6;color:var(--q-muted)}.channel-settings-modal{width:min(540px,100%);padding:24px;display:grid;grid-gap:0;gap:0;background:var(--q-surface);border:1px solid var(--q-outline-variant);box-shadow:0 24px 80px var(--q-shadow)}.channel-settings-modal .modal-top{align-items:center;margin:0 -4px 22px;padding:0 4px}.channel-settings-modal .modal-top h3{font-size:24px;line-height:1.15;letter-spacing:-.03em;color:var(--q-text)}.channel-settings-modal .modal-top p{margin-top:6px;font-size:13px;line-height:1.45;color:var(--q-muted)}.channel-settings-modal .modal-top .icon-btn{width:42px;height:42px;border-radius:50%;color:var(--q-muted)}.channel-settings-modal>label{gap:8px;margin-bottom:14px;color:var(--q-muted);font-size:12px;font-weight:600}.channel-settings-modal>label input,.channel-settings-modal>label textarea{height:52px;border:1px solid var(--q-outline);border-radius:16px;background:var(--q-surface-container);color:var(--q-text);font-size:15px;transition:border-color var(--q-duration-fast) var(--q-ease-standard),background var(--q-duration-fast) var(--q-ease-standard)}.channel-settings-modal>label textarea{height:auto;min-height:86px;padding:14px;resize:vertical}.channel-settings-modal>label input:focus,.channel-settings-modal>label textarea:focus{border-color:var(--q-primary);background:var(--q-surface-container-high);outline:3px solid color-mix(in srgb,var(--q-primary) 18%,transparent);outline-offset:0}.channel-settings-modal>label input:disabled,.channel-settings-modal>label textarea:disabled{opacity:.68}.channel-settings-modal .chat-avatar-editor{display:flex;align-items:center;gap:16px;margin:4px 0 18px;padding:14px;border-radius:22px;background:var(--q-secondary-container);border:1px solid var(--q-outline-soft)}.channel-settings-modal .chat-avatar-large{width:72px;height:72px;border-radius:24px;box-shadow:0 2px 8px var(--q-shadow)}.channel-settings-modal .chat-avatar-editor:after{content:"Аватар группы или канала";margin-left:auto;color:var(--q-on-secondary-container);font-size:12px;font-weight:600}.channel-settings-modal .chat-avatar-editor .secondary-button{position:relative;z-index:1}.channel-settings-modal .chat-avatar-editor input[type=file]{display:none}.channel-settings-modal .secondary-button{min-height:42px;padding:0 16px;border-radius:99px;background:var(--q-surface-container-high);color:var(--q-primary);font-weight:700;white-space:nowrap}.channel-settings-modal .switch-field{align-items:center;justify-content:space-between;gap:16px;margin:2px 0 18px;padding:16px;border-radius:20px;background:var(--q-tertiary-container);color:var(--q-on-tertiary-container);min-height:76px}.channel-settings-modal .switch-field>span{flex:1 1;min-width:0}.channel-settings-modal .switch-field>input[type=checkbox]{flex:0 0 52px;margin:0}.channel-settings-modal .switch-field strong{font-size:14px}.channel-settings-modal .switch-field small{font-size:12px;color:inherit;opacity:.78}.channel-settings-modal .switch-field input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:52px;height:32px;flex:none;border:2px solid var(--q-outline);border-radius:99px;background:var(--q-surface-container-high);cursor:pointer;transition:background-color .2s var(--q-ease-standard),border-color .2s var(--q-ease-standard)}.channel-settings-modal .switch-field input:after{content:"";position:absolute;top:5px;left:5px;width:18px;height:18px;border-radius:50%;background:var(--q-outline);transition:transform .2s var(--q-ease-standard),background-color .2s var(--q-ease-standard)}.channel-settings-modal .switch-field input:checked{border-color:var(--q-primary);background:var(--q-primary)}.channel-settings-modal .switch-field input:checked:after{left:25px;background:var(--q-on-primary)}.channel-settings-modal>.primary{width:100%;min-height:52px;margin:4px 0 20px;border-radius:99px;background:var(--q-primary);color:var(--q-on-primary);font-size:14px;font-weight:700;box-shadow:none}.channel-settings-modal>.primary:before{content:"✓";margin-right:8px;font-weight:800}.channel-settings-modal>.primary:hover{filter:none;background:var(--q-primary-hover)}.channel-settings-modal .members-panel{margin:6px 0 18px;padding:18px;border-radius:26px;background:var(--q-surface-container);border:1px solid var(--q-outline-variant);box-shadow:none}.channel-settings-modal .members-panel:before{content:"Управление доступом";display:block;margin:0 0 12px;color:var(--q-muted);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.channel-settings-modal .members-title{margin-bottom:2px}.channel-settings-modal .members-title strong{font-size:17px}.channel-settings-modal .members-title small{font-size:12px}.channel-settings-modal .member-add-card{min-height:60px;padding:9px 6px;border-radius:18px}.channel-settings-modal .member-add-icon{width:44px;height:44px}.channel-settings-modal .member-role{min-height:64px;padding:8px 5px;border-radius:18px}.channel-settings-modal .member-avatar{width:44px;height:44px}.channel-settings-modal .member-role strong{font-size:13px}.channel-settings-modal .member-role small{font-size:11px}.channel-settings-modal .danger-button{width:100%;min-height:48px;margin:0;border:1px solid var(--q-error);border-radius:99px;background:transparent;color:var(--q-error);font-size:13px;font-weight:700}.channel-settings-modal .danger-button:hover{background:var(--q-error-container)}.channel-settings-modal .leave-button{margin:0 0 16px;min-height:48px}.members-panel{display:grid;grid-gap:12px;gap:12px;margin:8px 0 18px;padding:16px;border-radius:24px;background:var(--q-surface-low);border:1px solid var(--q-outline-soft)}.members-title{display:flex;align-items:center;justify-content:space-between;color:var(--q-primary)}.members-title>div{display:grid;grid-gap:3px;gap:3px}.members-title strong{font-size:15px;color:var(--q-text)}.members-title small{font-size:12px;color:var(--q-muted)}.member-add-card{width:100%;display:flex;align-items:center;gap:12px;padding:10px 8px;text-align:left;border-radius:18px;color:var(--q-text)}.member-add-card:hover{background:var(--q-surface-high)}.member-add-card>span:nth-child(2){display:grid;grid-gap:3px;gap:3px;flex:1 1;min-width:0}.member-add-card strong{font-size:13px;font-weight:600}.member-add-card small{font-size:11px;color:var(--q-muted)}.member-add-card>svg{color:var(--q-muted)}.member-add-icon{width:42px;height:42px;display:grid;place-items:center;flex:none;border-radius:50%;background:var(--q-primary-container);color:var(--q-on-primary-container)}.member-role-list{display:grid;grid-gap:2px;gap:2px;padding-top:4px;border-top:1px solid var(--q-outline-soft)}.member-role{display:flex;align-items:center;gap:10px;min-height:58px;padding:7px 4px;border-radius:16px}.member-role:hover{background:var(--q-surface-high)}.member-avatar{width:40px;height:40px;flex:none;border-radius:50%;display:grid;place-items:center;color:var(--q-on-color);font-size:12px;font-weight:700}.member-copy{display:grid;grid-gap:2px;gap:2px;flex:1 1;min-width:0}.member-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--q-text)}.member-copy small{font-size:11px;color:var(--q-muted)}.member-badge{padding:5px 9px;background:var(--q-primary-container);color:var(--q-on-primary-container);font-size:10px;font-style:normal}.member-badge,.member-role-action{border-radius:99px;white-space:nowrap}.member-role-action{min-height:34px;padding:0 11px;background:var(--q-surface-high);color:var(--q-primary);font-size:11px;font-weight:600}.member-role-action:hover{background:var(--q-primary-container);color:var(--q-on-primary-container)}.member-picker-backdrop{z-index:70}.member-picker{width:min(430px,100%);padding:0;overflow:hidden;background:var(--q-surface);border-radius:26px}.picker-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:24px 24px 16px}.picker-top h3{font-size:21px;font-weight:600;letter-spacing:-.02em;color:var(--q-text)}.picker-top p{margin-top:4px;font-size:12px;color:var(--q-muted)}.member-search{display:flex;align-items:center;gap:10px;height:52px;margin:0 18px 8px;padding:0 15px;border-radius:99px;background:var(--q-surface-high);color:var(--q-muted)}.member-search:focus-within{outline:none!important;box-shadow:none!important}.member-search input{flex:1 1;min-width:0;border:0;outline:0;background:transparent;color:var(--q-text);font-size:15px}.member-picker-list{max-height:min(52vh,440px);overflow:auto;padding:4px 12px 12px;scrollbar-width:thin;scrollbar-color:var(--q-outline) transparent}.member-candidate{width:100%;display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:18px;text-align:left;color:var(--q-text)}.member-candidate:hover{background:var(--q-surface-high)}.member-candidate>span:nth-child(2){display:grid;grid-gap:3px;gap:3px;flex:1 1;min-width:0}.member-candidate strong{font-size:14px;font-weight:600}.member-candidate small,.member-candidate strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-candidate small{font-size:11px;color:var(--q-muted)}.member-candidate>svg{color:var(--q-primary);flex:none}.member-picker-avatar{width:46px;height:46px;flex:none;border-radius:50%;display:grid;place-items:center;color:var(--q-on-color);font-size:13px;font-weight:700;box-shadow:0 2px 8px var(--q-shadow);transition:transform var(--q-duration-medium) var(--q-ease-out)}.member-candidate:hover .member-picker-avatar{transform:scale(1.04)}.member-picker-empty{padding:46px 12px;text-align:center;color:var(--q-muted);font-size:13px}.picker-cancel{width:100%;min-height:54px;padding:0 22px;border-top:1px solid var(--q-outline-soft);text-align:right;color:var(--q-primary);font-size:14px;font-weight:600}.picker-cancel:hover{background:var(--q-surface-low)}.push-settings-compact{display:flex!important;flex-direction:column!important;gap:8px!important;margin:6px 12px 10px!important;padding:12px 14px!important;border:1px solid var(--q-outline-soft)!important;border-radius:20px!important;background:var(--q-surface-container-low)!important;color:var(--q-text)!important;animation:message-in var(--q-duration-medium) var(--q-ease-out) both!important}.push-settings-compact.is-denied{background:var(--q-error-container)!important;color:var(--q-on-error-container)!important;border-color:transparent!important}.push-settings-compact .push-settings-main{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;min-width:0!important}.push-settings-compact .push-settings-icon{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;border-radius:12px!important;background:color-mix(in srgb,currentColor 12%,transparent)!important;color:inherit!important;flex-shrink:0!important}.push-settings-compact .push-settings-copy{min-width:0!important;flex:1 1 auto!important;display:flex!important;flex-direction:column!important;gap:2px!important}.push-settings-compact .push-settings-copy h4{margin:0!important;font-size:13px!important;font-weight:750!important;color:inherit!important;line-height:1.25!important}.push-settings-compact .push-settings-copy p{margin:0!important;font-size:11.5px!important;line-height:1.35!important;color:inherit!important;opacity:.88!important;word-break:break-word!important}.push-settings-compact .push-settings-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-shrink:0!important}.push-settings-compact .push-toggle{min-height:36px!important;padding:0 14px!important;border-radius:9999px!important;background:var(--q-primary)!important;color:var(--q-on-primary)!important;font-size:12px!important;font-weight:700!important;white-space:nowrap!important;border:none!important;cursor:pointer!important;transition:transform .16s var(--q-ease-standard),background-color .14s linear!important}.push-settings-compact.is-denied .push-toggle{background:var(--q-surface)!important;color:var(--q-error)!important}.push-settings-dismiss{display:grid!important;place-items:center!important;width:32px!important;height:32px!important;border-radius:50%!important;color:inherit!important;opacity:.75!important;background:transparent!important;border:none!important;cursor:pointer!important;transition:background-color .14s linear,opacity .14s linear!important}.push-settings-dismiss:hover{background:color-mix(in srgb,currentColor 12%,transparent)!important;opacity:1!important}.push-settings-compact .push-settings-error-banner{display:flex!important;align-items:flex-start!important;gap:8px!important;width:100%!important;padding:8px 12px!important;border-radius:12px!important;background:color-mix(in srgb,var(--q-error) 14%,transparent)!important;color:var(--q-error)!important}.push-settings-compact.is-denied .push-settings-error-banner{background:color-mix(in srgb,var(--q-on-error-container) 14%,transparent)!important;color:var(--q-on-error-container)!important}.push-settings-compact .push-settings-error-icon{flex-shrink:0!important;margin-top:1px!important;color:inherit!important}.push-settings-compact .push-settings-error{margin:0!important;font-size:11.5px!important;line-height:1.35!important;font-weight:600!important;color:inherit!important;word-break:break-word!important}.toast-error{position:fixed;right:20px;bottom:18px;z-index:2000!important;gap:12px;max-width:min(420px,90vw);padding:11px 13px;border:1px solid var(--q-outline-soft);border-radius:12px;background:var(--q-surface);color:var(--q-text);font-size:11.5px;box-shadow:0 18px 44px #00000055}.toast-actions,.toast-error{display:flex;align-items:center}.toast-actions{gap:10px;flex:none}.toast-actions button:first-child{color:var(--q-primary);font-size:11px}.toast-actions button:last-child{display:grid;place-items:center;color:var(--q-muted)}.spinner{width:15px;height:15px;display:inline-block;border-radius:50%;border:2px solid color-mix(in srgb,currentColor 35%,transparent);border-top-color:currentcolor;animation:spin .7s linear infinite}.eyebrow{display:block;font-size:10px;letter-spacing:.13em;font-weight:700;color:var(--q-muted)}.boot{height:100vh;height:100dvh;display:grid;place-items:center;background:var(--q-bg);color:var(--q-muted);font-size:13px}.setup-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,color-mix(in srgb,var(--q-primary) 33%,transparent) 0,var(--q-surface-container-lowest) 45%),var(--q-bg);color:var(--q-text)}.setup-brand{display:flex;align-items:center;gap:10px;margin-bottom:16px}.setup-brand strong{font-size:16px;font-weight:700;letter-spacing:-.01em}.setup-card{width:min(520px,100%);padding:28px;border:1px solid var(--q-outline-variant);border-radius:20px;background:var(--q-surface-container-low);box-shadow:0 24px 70px var(--q-shadow)}.setup-card h1{margin:0 0 10px;font-size:22px;letter-spacing:-.03em;font-weight:700}.setup-card p{margin:0 0 14px;font-size:13px;line-height:1.6;color:var(--q-muted)}.setup-card ol{margin:0;padding-left:20px;font-size:12.5px;line-height:1.9;color:var(--q-muted)}.setup-card code{padding:1px 5px;border-radius:6px;background:var(--q-surface-container-high);color:var(--q-primary);font-size:12px}.setup-note{margin-top:14px;padding:12px 14px;border:1px solid var(--q-outline-variant);border-radius:12px;background:var(--q-surface-container-low);font-size:12px;line-height:1.6;color:var(--q-muted)}.setup-actions{display:grid;grid-gap:9px;gap:9px;margin-top:14px}.setup-link{display:grid;place-items:center;text-decoration:none}.secondary-button{height:42px;border:1px solid var(--q-outline-variant);border-radius:12px;background:var(--q-secondary-container);color:var(--q-on-secondary-container);font-size:12.5px;font-weight:600}.secondary-button:hover{background:color-mix(in srgb,var(--q-secondary-container) 86%,var(--q-on-secondary-container))}.setup-logout{width:100%;display:grid;place-items:center;height:40px;color:var(--q-muted)}.ghost:hover{color:var(--q-text)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@keyframes nav-in{0%{opacity:0;transform:translateX(-10px) scale(.96)}to{opacity:1;transform:none}}@keyframes menu-in{0%{opacity:0;transform:scale(.94) translateY(-4px)}to{opacity:1;transform:none}}@keyframes submenu-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}@keyframes message-in{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}@keyframes message-in-own{0%{opacity:0;transform:translateX(12px) scale(.97)}to{opacity:1;transform:none}}@keyframes message-fade-in{0%{opacity:0}to{opacity:1}}@keyframes message-menu-in{0%{opacity:0;transform:scale(.9) translateY(-6px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes orbit{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.conversation-scroll{position:relative;display:flex;flex:1 1;min-height:0;isolation:isolate}.conversation-scroll:before{content:"";position:absolute;top:0;left:0;right:0;height:16px;z-index:1;pointer-events:none;background:linear-gradient(var(--q-shadow),transparent);opacity:0;transition:opacity var(--q-duration-fast)}.conversation-scroll:has(.conversation-body[data-scrolled=true]):before{opacity:.35}.conversation-body{width:100%;overscroll-behavior-y:contain;scroll-padding-block:24px}.conversation-body:focus-visible{outline-offset:-3px}@media(min-width:761px){.conversation-body{overflow-x:visible;padding-inline:clamp(24px,4vw,60px)}}.conversation-body,.modal,.nav-list,.sb-list{scrollbar-width:thin;scrollbar-color:var(--q-outline-soft) transparent}.confirm-modal{width:min(380px,100%);text-align:center;padding:28px}.confirm-icon{width:56px;height:56px;display:grid;place-items:center;margin:0 auto 16px;border-radius:20px;background:var(--q-error-container);color:var(--q-error)}.confirm-modal h3{font-size:20px;font-weight:700;color:var(--q-text)}.confirm-modal>p{margin:8px 0 22px;color:var(--q-muted);font-size:13.5px;line-height:1.55}.confirm-actions{display:flex;justify-content:flex-end;gap:10px}.confirm-actions button{flex:1 1}.confirm-danger{min-height:44px;padding:0 20px;border-radius:9999px;background:var(--q-error);color:var(--q-on-error);font-size:13px;font-weight:650;transition:transform .16s var(--q-ease-standard),background-color .14s linear}.confirm-danger:hover{filter:brightness(1.08);transform:scale(1.03)}.chat-search-reveal{display:grid;grid-template-rows:0fr;flex:none;visibility:hidden;transition:grid-template-rows var(--q-duration-medium) var(--q-ease-standard),visibility var(--q-duration-medium)}.chat-search-reveal.is-open{grid-template-rows:1fr;visibility:visible}.chat-search-clip{min-height:0;overflow:hidden}.chat-search{border-color:var(--q-outline-soft);background:var(--q-surface-low);min-height:60px;opacity:0;transform:translateY(-6px);transition:opacity var(--q-duration-fast),transform var(--q-duration-medium) var(--q-ease-out)}.chat-search:focus-within{outline:none!important;box-shadow:none!important}.is-open .chat-search{opacity:1;transform:none}.jump-to-latest{position:absolute;bottom:22px;right:24px;z-index:2;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--q-primary-container);color:var(--q-on-primary-container);border:1px solid var(--q-outline-soft);box-shadow:0 4px 16px var(--q-shadow);transition:transform .18s var(--q-ease-standard),background-color .16s linear;cursor:pointer;animation:message-in var(--q-duration-medium) var(--q-ease-out) backwards}.jump-to-latest:hover{transform:scale(1.08);background:var(--q-primary);color:var(--q-on-primary)}.switch:before{transition:background-color var(--q-duration-fast)}.switch .knob{transition:transform var(--q-duration-medium) var(--q-ease-out)}@media(prefers-reduced-motion:no-preference){.conversation .composer,.conversation .topbar{animation:fade-in var(--q-duration-medium) var(--q-ease-out) backwards}.conversation-body,.empty-state{animation:screen-in var(--q-duration-enter) var(--q-ease-out) backwards}.nav-menu{animation:nav-in var(--q-duration-enter) var(--q-ease-out) backwards}.modal{animation:modal-in var(--q-duration-enter) var(--q-ease-out) backwards}.menu-popover{animation:menu-in var(--q-duration-medium) var(--q-ease-out) backwards}.edit-form,.list-section,.list-welcome{animation:message-in var(--q-duration-medium) var(--q-ease-out) backwards}}@keyframes screen-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:1100px){.app-shell{gap:10px;padding:10px}.sidebar{flex-basis:290px;width:290px;padding:12px}.topbar{padding:0 16px}.m3-composer-wrap{padding:6px 14px 12px}}@media(max-width:768px){.app-shell{gap:0;padding:0;height:100vh;height:100dvh;min-height:100dvh;touch-action:manipulation;overflow:hidden}.panel{border:0;border-radius:0;box-shadow:none}.panel,.sidebar{background:var(--q-bg)}.sidebar{display:flex;flex:1 1 auto;width:100%;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left));overflow-y:auto;-webkit-overflow-scrolling:touch}.sb-brand{padding:4px 6px 10px;display:flex;align-items:center;justify-content:space-between}.sb-brand strong{font-size:22px;font-weight:700;letter-spacing:-.02em}.sb-brand small{font-size:12px;color:var(--q-muted)}.sb-controls{margin-bottom:8px;background:var(--q-surface-container-high);border:1px solid var(--q-outline-soft);border-radius:28px;padding:4px 8px 4px 14px;box-shadow:var(--q-elevation-1);transition:border-color var(--q-duration-fast) var(--q-ease-standard)}.sb-controls:focus-within{border-color:var(--q-primary);outline:none!important;box-shadow:none!important}.sb-toolbar{gap:8px}.sb-search{background:transparent;padding:0 4px;height:40px}.sb-search input{font-size:15px!important}.sb-list{padding:4px 0}.chat-row{padding:10px 12px;border-radius:18px;margin-bottom:2px;gap:12px}.chat-avatar{width:46px;height:46px;border-radius:50%}.chat-meta strong{font-size:15px;font-weight:600}.chat-meta small{font-size:12.5px;color:var(--q-muted)}.conversation{flex:1 1 auto;min-width:0;height:100vh;height:100dvh;display:flex;flex-direction:column;background:var(--q-bg)}.app-shell.conversation-open .sidebar,.app-shell.list-open .conversation{display:none}.mobile-back{display:grid;width:44px;height:44px;border-radius:50%;place-items:center;color:var(--q-text);margin-left:-4px}.mobile-back:active{background:var(--q-surface-container-highest)}.topbar{height:calc(64px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(12px,env(safe-area-inset-right)) 0 max(8px,env(safe-area-inset-left));gap:10px;background:var(--q-surface);border-bottom:1px solid var(--q-outline-variant);box-shadow:var(--q-elevation-1)}.channel-icon{width:42px;height:42px;border-radius:50%}.channel-heading{gap:10px}.heading-copy h2{font-size:16px;font-weight:700}.heading-copy p{font-size:12px;color:var(--q-muted)}.top-actions{gap:4px}.top-actions>button:disabled{display:none}.top-actions .icon-btn{width:44px;height:44px;border-radius:50%}.conversation-scroll{flex:1 1;min-height:0;display:flex;flex-direction:column;position:relative}.conversation-body{padding:14px 12px;-webkit-overflow-scrolling:touch}.composer{padding:4px 6px 4px 12px;gap:6px;align-items:flex-end;background:var(--q-surface-container-high);border:1px solid var(--q-outline-soft);border-radius:28px;box-shadow:var(--q-elevation-1)}.composer textarea{font-size:16px!important;min-height:40px;max-height:120px;padding:9px 4px;border:none;background:transparent;line-height:1.4;outline:none!important}.composer .send-btn{width:42px!important;height:42px!important;flex:0 0 42px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:var(--q-primary);color:var(--q-on-primary);box-shadow:var(--q-elevation-1)}.composer .icon-btn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center}.message{max-width:94%;gap:6px 10px}.message-actions{opacity:1}.bubble{padding:10px 14px;border-radius:20px 20px 20px 4px;background:var(--q-surface-container-high);color:var(--q-text)}.message.own .bubble{border-radius:20px 20px 4px 20px;background:var(--q-primary-container);color:var(--q-on-primary-container)}.color-swatch{width:44px;height:44px}.toast-error{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));max-width:none;flex-wrap:wrap;border-radius:18px}.jump-to-latest{right:16px;bottom:20px;width:44px;height:44px;border-radius:50%;box-shadow:var(--q-elevation-2)}.nav-menu{top:0!important;left:0!important;bottom:0!important;width:min(320px,85vw)!important;height:100%!important;height:100dvh!important;border-radius:0 28px 28px 0!important;padding-top:max(16px,env(safe-area-inset-top))!important;padding-bottom:max(16px,env(safe-area-inset-bottom))!important;box-shadow:0 0 48px var(--q-shadow)!important}.modal-backdrop{padding:0!important;align-items:flex-end!important;justify-content:center!important;background:var(--q-scrim)!important}.channel-settings-modal,.m3-settings-modal.unified-settings,.member-picker,.modal,.people-modal{width:100%!important;max-width:100%!important;max-height:calc(100dvh - env(safe-area-inset-top) - 16px)!important;border-radius:28px 28px 0 0!important;border-left:0!important;border-right:0!important;border-bottom:0!important;margin:0!important;box-shadow:0 -12px 48px var(--q-shadow)!important;animation:m3-sheet-up var(--q-duration-medium2) cubic-bezier(.16,1,.3,1) both!important;position:relative!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}.channel-settings-modal:before,.m3-settings-modal.unified-settings:before,.modal:before{content:""!important;display:block!important;width:36px!important;height:4px!important;border-radius:9999px!important;background:var(--q-outline-variant)!important;margin:10px auto 4px!important;flex-shrink:0!important}.modal.confirm-modal{width:min(340px,calc(100vw - 32px))!important;max-height:none!important;border-radius:28px!important;border:1px solid var(--q-outline-variant)!important;align-self:center!important;margin:auto!important;padding:24px!important;box-shadow:0 16px 48px var(--q-shadow)!important;animation:modal-in .2s cubic-bezier(.2,.8,.2,1) both!important}.modal.confirm-modal:before{display:none!important}.m3-settings-modal .modal-top{padding:16px 20px 12px!important}.m3-settings-modal .modal-title-group h3{font-size:20px!important}.m3-settings-modal .settings-tabs{margin:6px 14px 10px!important;padding:5px!important;gap:6px!important;overflow-x:auto!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;flex-wrap:nowrap!important}.m3-settings-modal .settings-tabs::-webkit-scrollbar{display:none!important}.m3-settings-modal .settings-tabs button{flex:0 0 auto!important;font-size:13px!important;min-height:38px!important;padding:0 14px!important;gap:6px!important}.m3-settings-modal .settings-content{padding:12px 16px max(24px,env(safe-area-inset-bottom))!important}.m3-settings-modal .m3-card{padding:16px!important;border-radius:20px!important;margin-bottom:12px!important}.m3-settings-modal .m3-card-row{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;padding:12px 14px!important}.m3-settings-modal .m3-toggle-row{flex-direction:row!important;align-items:center!important}.m3-settings-modal .m3-select{width:100%!important}.m3-settings-modal .m3-danger-card{flex-direction:column!important;align-items:flex-start!important;padding:16px!important;border-radius:20px!important}.m3-settings-modal .m3-btn-danger{width:100%!important;justify-content:center!important}.m3-settings-modal .m3-avatar-card{padding:16px!important;border-radius:20px!important}.m3-settings-modal .m3-avatar-actions{flex-wrap:wrap!important}.channel-settings-modal{padding:20px 18px max(24px,env(safe-area-inset-bottom))!important}.channel-settings-modal .modal-top{margin-bottom:16px!important}.channel-settings-modal .modal-top h3{font-size:22px!important}.channel-settings-modal .chat-avatar-editor:after{display:none!important}.channel-settings-modal .chat-avatar-editor .secondary-button{margin-left:auto!important}.channel-settings-modal .members-panel{padding:16px!important;border-radius:20px!important}.people-modal{padding:20px 18px max(24px,env(safe-area-inset-bottom))!important}@media(prefers-reduced-motion:no-preference){.list-open .sidebar{animation:screen-back var(--q-duration-medium) var(--q-ease-out) backwards}}}@keyframes screen-back{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}@keyframes m3-sheet-up{0%{opacity:.4;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.user-avatar{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;color:var(--q-on-color);font-weight:600;-webkit-user-select:none;-moz-user-select:none;user-select:none}.user-avatar img{width:100%;height:100%;display:block;object-fit:cover}.user-avatar img,.user-avatar:after{position:absolute;inset:0;border-radius:inherit}.user-avatar:after{content:"";box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.14);pointer-events:none}.profile-avatar-editor{display:flex;align-items:center;gap:16px;margin:-4px 0 22px;padding:16px;border-radius:24px;background:var(--q-surface-low);border:1px solid var(--q-outline-soft)}.profile-avatar-large{width:76px;height:76px;flex:none;border-radius:28px;display:grid;place-items:center;color:var(--q-on-color);font-size:22px;font-weight:700;box-shadow:0 8px 20px var(--q-shadow);animation:avatar-pop var(--q-duration-enter) var(--q-ease-out) both}.profile-avatar-editor>div:nth-child(2){min-width:0;display:grid;grid-gap:4px;gap:4px}.profile-avatar-editor strong{font-size:14px;color:var(--q-text)}.profile-avatar-editor small{font-size:12px;line-height:1.45;color:var(--q-muted)}.profile-avatar-actions{display:flex;align-items:center;gap:10px;margin-top:7px}.profile-avatar-actions .secondary-button{width:auto;min-height:36px;height:36px;display:inline-flex;align-items:center;gap:7px;padding:0 14px;font-size:12px}.text-button{min-height:36px;padding:0 4px;color:var(--q-primary);font-size:12px}.text-button:hover{text-decoration:underline}.profile-bio-input{width:100%;min-height:84px;resize:vertical;border:1px solid var(--q-outline);background:var(--q-surface-low);border-radius:16px;padding:12px;color:var(--q-text);font:inherit;font-size:15px;line-height:1.5;outline:0}.profile-bio-input:focus{border-color:var(--q-primary);outline:2px solid var(--q-primary-container);outline-offset:0}.field-hint{display:block;margin-top:-3px;color:var(--q-muted)!important;font-size:11px!important}.settings-error{margin:-4px 0 14px;padding:11px 13px;border-radius:14px;background:var(--q-error-container);color:var(--q-error);font-size:12px;line-height:1.5}@keyframes avatar-pop{0%{opacity:0;transform:scale(.78) rotate(-6deg)}to{opacity:1;transform:none}}@keyframes state-layer-in{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}.m3-settings-modal.unified-settings{width:min(640px,calc(100vw - 24px))!important;max-height:min(840px,calc(100dvh - 32px))!important;margin:auto!important;padding:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;background:var(--q-surface)!important;border:1px solid var(--q-outline-variant)!important;border-radius:28px!important;box-shadow:0 24px 64px var(--q-shadow)!important;animation:m3-dialog-in var(--q-duration-medium1) var(--q-ease-out) both}@keyframes m3-dialog-in{0%{opacity:0;transform:scale(.94) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.m3-settings-modal .modal-top{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:24px 28px 18px!important;margin:0!important;border-bottom:1px solid var(--q-outline-soft)!important;background:var(--q-surface)!important;flex-shrink:0!important}.m3-settings-modal .modal-title-group h3{font-size:24px!important;line-height:1.2!important;font-weight:700!important;letter-spacing:-.02em!important;color:var(--q-text)!important;margin:0!important}.m3-settings-modal .modal-title-group p{font-size:13px!important;line-height:1.4!important;color:var(--q-muted)!important;margin:4px 0 0!important}.m3-settings-modal .m3-close-btn{width:40px!important;height:40px!important;border-radius:50%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:var(--q-surface-container)!important;color:var(--q-muted)!important;transition:background var(--q-duration-short3),color var(--q-duration-short3),transform var(--q-duration-short3) var(--q-ease-out)!important}.m3-settings-modal .m3-close-btn:hover{background:var(--q-surface-container-high)!important;color:var(--q-text)!important;transform:rotate(90deg) scale(1.05)}.m3-settings-modal .settings-tabs{display:flex!important;gap:6px!important;padding:5px!important;margin:12px 20px 8px!important;border-radius:9999px!important;background:var(--q-surface-container-low)!important;border:1px solid var(--q-outline-soft)!important;flex-shrink:0!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;flex-wrap:nowrap!important}.m3-settings-modal .settings-tabs::-webkit-scrollbar{display:none!important}.m3-settings-modal .settings-tabs button{flex:1 1!important;min-width:max-content!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:40px!important;padding:0 16px!important;border-radius:9999px!important;font-size:13.5px!important;font-weight:600!important;color:color-mix(in srgb,var(--q-text) 82%,transparent)!important;white-space:nowrap!important;background:transparent!important;border:none!important;cursor:pointer!important;transition:color var(--q-duration-short3) var(--q-ease-standard)!important}.m3-settings-modal .settings-tabs button:hover{color:var(--q-text)!important}.m3-settings-modal .settings-content{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:16px 28px 28px!important;display:flex!important;flex-direction:column!important;gap:16px!important;scrollbar-width:thin;scrollbar-color:var(--q-outline) transparent}.m3-settings-modal .m3-card{background:var(--q-surface-container)!important;border:1px solid var(--q-outline-soft)!important;border-radius:24px!important;padding:20px!important;display:flex!important;flex-direction:column!important;gap:14px!important;margin-bottom:16px!important}.m3-settings-modal .m3-card-header{display:flex!important;align-items:center!important;gap:14px!important;margin-bottom:4px!important}.m3-settings-modal .m3-card-icon{width:40px!important;height:40px!important;border-radius:50%!important;background:var(--q-primary-container)!important;color:var(--q-on-primary-container)!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.m3-settings-modal .m3-card-header h4{font-size:16px!important;font-weight:700!important;line-height:1.25!important;color:var(--q-text)!important;margin:0!important}.m3-settings-modal .m3-card-header p{font-size:12.5px!important;color:var(--q-muted)!important;margin:2px 0 0!important}.m3-settings-modal .m3-card-rows{display:flex!important;flex-direction:column!important;background:var(--q-surface-container-low)!important;border-radius:18px!important;border:1px solid var(--q-outline-soft)!important;overflow:hidden!important}.m3-settings-modal .m3-card-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;min-height:64px!important;padding:14px 18px!important;border-bottom:1px solid var(--q-outline-soft)!important;background:transparent!important;transition:background var(--q-duration-short3)!important}.m3-settings-modal .m3-card-row:last-child{border-bottom:none!important}.m3-settings-modal .m3-toggle-row{cursor:pointer!important}.m3-settings-modal .m3-toggle-row:hover{background:color-mix(in srgb,var(--q-primary) 6%,transparent)!important}.m3-settings-modal .m3-row-text{display:flex!important;flex-direction:column!important;gap:3px!important;flex:1 1!important;min-width:0!important}.m3-settings-modal .m3-row-text strong{font-size:14px!important;font-weight:600!important;color:var(--q-text)!important}.m3-settings-modal .m3-row-text small{font-size:12px!important;color:var(--q-muted)!important;line-height:1.4!important}.m3-settings-modal .m3-switch{position:relative!important;display:inline-flex!important;align-items:center!important;width:52px!important;height:32px!important;flex:0 0 52px!important;border-radius:9999px!important;border:2px solid var(--q-outline)!important;background:var(--q-surface-container-high)!important;cursor:pointer!important;transition:background var(--q-duration-short4) var(--q-ease-standard),border-color var(--q-duration-short4) var(--q-ease-standard)!important}.m3-settings-modal .m3-switch-thumb{position:absolute!important;left:4px!important;border-radius:50%!important;background:var(--q-outline)!important;transition:transform var(--q-duration-medium1) cubic-bezier(.2,0,0,1),width var(--q-duration-short4) ease,height var(--q-duration-short4) ease,background var(--q-duration-short4) ease!important}.m3-settings-modal .m3-switch.checked{background:var(--q-primary)!important;border-color:var(--q-primary)!important}.m3-settings-modal .m3-switch.checked .m3-switch-thumb{left:2px!important;transform:translateX(20px)!important;width:24px!important;height:24px!important;box-shadow:0 2px 4px rgba(0,0,0,.2)!important}.m3-settings-modal .m3-select{position:relative!important;flex:0 0 auto!important;min-width:156px!important;z-index:5!important}.m3-settings-modal .m3-select.is-open{z-index:30!important}.m3-settings-modal .m3-select-trigger{width:100%!important;min-height:42px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:0 16px!important;border:1px solid var(--q-outline)!important;border-radius:12px!important;background:var(--q-surface-container-high)!important;color:var(--q-text)!important;font-size:13px!important;font-weight:600!important;text-align:left!important;transition:border-color .14s linear,background-color .14s linear!important}.m3-settings-modal .m3-select-trigger:hover{background:var(--q-surface-container)!important;border-color:var(--q-primary)!important}.m3-settings-modal .m3-select.is-open .m3-select-trigger{border-color:var(--q-primary)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--q-primary) 20%,transparent)!important}.m3-settings-modal .m3-select-trigger svg{flex-shrink:0!important;color:var(--q-muted)!important;transition:transform var(--q-duration-short4) var(--q-ease-out)!important}.m3-settings-modal .m3-select.is-open .m3-select-trigger svg{transform:rotate(180deg)!important;color:var(--q-primary)!important}.m3-settings-modal .m3-select-menu{position:absolute!important;right:0!important;top:calc(100% + 6px)!important;width:100%!important;min-width:180px!important;padding:6px!important;border:1px solid var(--q-outline-variant)!important;border-radius:16px!important;background:var(--q-surface-container-high)!important;box-shadow:0 14px 36px var(--q-shadow)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;display:flex!important;flex-direction:column!important;gap:2px!important;animation:m3-menu-pop var(--q-duration-short3) var(--q-ease-out) both!important}@keyframes m3-menu-pop{0%{opacity:0;transform:scale(.92) translateY(-6px)}to{opacity:1;transform:scale(1) translateY(0)}}.m3-settings-modal .m3-select-menu button{width:100%!important;min-height:40px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:0 14px!important;border-radius:10px!important;color:var(--q-text)!important;font-size:13px!important;font-weight:500!important;text-align:left!important;transition:background var(--q-duration-short3)!important}.m3-settings-modal .m3-select-menu button.selected,.m3-settings-modal .m3-select-menu button:hover{background:var(--q-primary-container)!important;color:var(--q-on-primary-container)!important}.m3-settings-modal .m3-select-check{color:var(--q-primary)!important}.m3-settings-modal .m3-avatar-card{display:flex!important;align-items:center!important;gap:18px!important;padding:20px!important;border-radius:24px!important;background:var(--q-surface-container)!important;border:1px solid var(--q-outline-soft)!important;margin-bottom:8px!important}.m3-settings-modal .profile-avatar-large{width:80px!important;height:80px!important;flex:0 0 80px!important;border-radius:26px!important;font-size:24px!important;font-weight:700!important;box-shadow:0 8px 24px var(--q-shadow)!important}.m3-settings-modal .m3-avatar-info{display:flex!important;flex-direction:column!important;gap:4px!important;flex:1 1!important;min-width:0!important}.m3-settings-modal .m3-avatar-info strong{font-size:15px!important;font-weight:700!important;color:var(--q-text)!important}.m3-settings-modal .m3-avatar-info small{font-size:12px!important;color:var(--q-muted)!important}.m3-settings-modal .m3-avatar-actions{display:flex!important;align-items:center!important;gap:10px!important;margin-top:8px!important}.m3-settings-modal .m3-form{display:flex!important;flex-direction:column!important;gap:16px!important}.m3-settings-modal .m3-field{display:flex!important;flex-direction:column!important;gap:6px!important}.m3-settings-modal .m3-field-label{font-size:12.5px!important;font-weight:600!important;color:var(--q-muted)!important;letter-spacing:.01em!important;transition:color var(--q-duration-short3)!important}.m3-settings-modal .m3-field:focus-within .m3-field-label{color:var(--q-primary)!important}.m3-settings-modal .m3-input-container{position:relative!important;display:flex!important;align-items:center!important;width:100%!important;border-radius:16px!important;background:var(--q-surface-container)!important;border:1px solid var(--q-outline)!important;transition:border-color var(--q-duration-short3),background var(--q-duration-short3),box-shadow var(--q-duration-short3)!important}.m3-settings-modal .m3-input-container:hover{border-color:var(--q-outline-variant)!important;background:var(--q-surface-container-high)!important}.m3-settings-modal .m3-input-container:focus-within{border-color:var(--q-primary)!important;background:var(--q-surface-container-high)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--q-primary) 18%,transparent)!important}.m3-settings-modal .m3-input-with-prefix .m3-input-prefix{padding-left:16px!important;color:var(--q-muted)!important;font-weight:600!important;font-size:15px!important}.m3-settings-modal .m3-input{width:100%!important;height:50px!important;padding:0 16px!important;background:transparent!important;border:none!important;outline:none!important;color:var(--q-text)!important;font-size:15px!important}.m3-settings-modal .m3-input-with-prefix .m3-input{padding-left:6px!important}.m3-settings-modal .m3-textarea{width:100%!important;min-height:94px!important;padding:14px 16px!important;background:transparent!important;border:none!important;outline:none!important;color:var(--q-text)!important;font-size:14.5px!important;line-height:1.5!important;resize:vertical!important}.m3-settings-modal .m3-field-hint{font-size:11.5px!important;color:var(--q-muted)!important;line-height:1.4!important;padding-left:4px!important}.m3-settings-modal .m3-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:48px!important;padding:0 24px!important;border-radius:9999px!important;font-size:14px!important;font-weight:600!important;transition:transform .16s var(--q-ease-standard),background-color .14s linear!important;cursor:pointer!important}.m3-settings-modal .m3-btn-small{min-height:38px!important;padding:0 16px!important;font-size:13px!important}.m3-settings-modal .m3-btn-primary{background:var(--q-primary)!important;color:var(--q-on-primary)!important;box-shadow:0 2px 8px color-mix(in srgb,var(--q-primary) 24%,transparent)!important}.m3-settings-modal .m3-btn-primary:hover:not(:disabled){background:var(--q-primary-hover)!important;transform:translateY(-1px)!important;box-shadow:0 4px 14px color-mix(in srgb,var(--q-primary) 32%,transparent)!important}.m3-settings-modal .m3-btn-primary:active:not(:disabled){transform:translateY(0)!important}.m3-settings-modal .m3-btn-primary:disabled{opacity:.5!important;cursor:not-allowed!important}.m3-settings-modal .m3-tonal-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:38px!important;padding:0 16px!important;border-radius:9999px!important;background:var(--q-surface-container-high)!important;color:var(--q-primary)!important;font-size:13px!important;font-weight:600!important;transition:transform .16s var(--q-ease-standard),background-color .14s linear!important}.m3-settings-modal .m3-tonal-btn:hover{background:var(--q-primary-container)!important;color:var(--q-on-primary-container)!important}.m3-settings-modal .m3-text-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;padding:0 12px!important;border-radius:9999px!important;color:var(--q-primary)!important;font-size:13px!important;font-weight:600!important;background:transparent!important;transition:background var(--q-duration-short3)!important}.m3-settings-modal .m3-text-btn:hover{background:color-mix(in srgb,var(--q-primary) 10%,transparent)!important}.m3-settings-modal .m3-text-btn-danger{color:var(--q-error)!important}.m3-settings-modal .m3-text-btn-danger:hover{background:var(--q-error-container)!important}.m3-settings-modal .m3-form-actions{display:flex!important;justify-content:flex-end!important;margin-top:8px!important}.m3-settings-modal .m3-form-actions .m3-btn-primary{width:100%!important}.m3-settings-modal .m3-appearance-tab{display:flex!important;flex-direction:column!important;gap:16px!important}.m3-settings-modal .m3-palettes-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important;grid-gap:12px!important;gap:12px!important}.m3-settings-modal .m3-palette-card{display:flex!important;align-items:center!important;gap:12px!important;padding:14px 16px!important;border-radius:20px!important;background:var(--q-surface-container-low)!important;border:1.5px solid var(--q-outline-soft)!important;text-align:left!important;transition:border-color .14s linear,background-color .14s linear!important;cursor:pointer!important}.m3-settings-modal .m3-palette-card:hover{background:var(--q-surface-container-high)!important;border-color:var(--q-outline)!important;transform:translateY(-1px)!important}.m3-settings-modal .m3-palette-card.selected{background:var(--q-primary-container)!important;color:var(--q-on-primary-container)!important;box-shadow:0 4px 12px color-mix(in srgb,var(--q-primary) 20%,transparent)!important}.m3-settings-modal .m3-palette-swatch{width:36px!important;height:36px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;color:var(--q-on-color)!important;box-shadow:0 2px 6px rgba(0,0,0,.25)!important}.m3-settings-modal .m3-palette-info{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important}.m3-settings-modal .m3-palette-info strong{font-size:14px!important;font-weight:700!important}.m3-settings-modal .m3-palette-info small{font-size:11px!important;opacity:.8!important;line-height:1.3!important}.m3-settings-modal .blocked-list{display:flex!important;flex-direction:column!important;border-radius:18px!important;overflow:hidden!important;background:var(--q-surface-container-low)!important;border:1px solid var(--q-outline-soft)!important}.m3-settings-modal .blocked-row{display:flex!important;align-items:center!important;gap:14px!important;padding:12px 16px!important;border-bottom:1px solid var(--q-outline-soft)!important}.m3-settings-modal .blocked-row:last-child{border-bottom:none!important}.m3-settings-modal .blocked-avatar{width:42px!important;height:42px!important;border-radius:50%!important;flex-shrink:0!important}.m3-settings-modal .blocked-info{display:flex!important;flex-direction:column!important;gap:2px!important;flex:1 1!important;min-width:0!important}.m3-settings-modal .blocked-info strong{font-size:13.5px!important;color:var(--q-text)!important}.m3-settings-modal .blocked-info small{font-size:12px!important;color:var(--q-muted)!important}.m3-settings-modal .m3-empty-text{padding:16px;font-size:13px;color:var(--q-muted);text-align:center;background:var(--q-surface-container-low);border-radius:16px}.m3-settings-modal .m3-mfa-box{display:flex!important;flex-direction:column!important;align-items:center!important;gap:14px!important;padding:20px!important;background:var(--q-surface-container-low)!important;border-radius:20px!important;text-align:center!important}.m3-settings-modal .m3-qr-img{width:170px!important;height:170px!important;padding:10px!important;background:#fff!important;border-radius:16px!important;box-shadow:0 4px 16px var(--q-shadow)!important}.m3-settings-modal .m3-secret-code{display:inline-block!important;padding:6px 14px!important;background:var(--q-surface-container-high)!important;color:var(--q-primary)!important;font-family:var(--font-mono)!important;font-size:14px!important;font-weight:700!important;border-radius:10px!important;letter-spacing:.08em!important}.m3-settings-modal .m3-pin-input{text-align:center!important;font-size:24px!important;letter-spacing:.25em!important;font-weight:700!important;width:180px!important;margin:0 auto!important}.m3-settings-modal .m3-button-row{display:flex!important;align-items:center!important;gap:12px!important}.m3-settings-modal .m3-action-row{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;padding:16px 18px!important;border-radius:18px!important;background:var(--q-surface-container-low)!important;border:1px solid var(--q-outline-soft)!important;cursor:pointer!important;transition:background-color .14s linear!important;text-align:left!important}.m3-settings-modal .m3-action-row:hover{background:var(--q-surface-container-high)!important;transform:translateY(-1px)!important}.m3-settings-modal .m3-action-row-content{display:flex!important;align-items:center!important;gap:14px!important}.m3-settings-modal .m3-action-icon{color:var(--q-primary)!important;flex-shrink:0!important}.m3-settings-modal .m3-action-text{display:flex!important;flex-direction:column!important;gap:2px!important}.m3-settings-modal .m3-action-text strong{font-size:14px!important;font-weight:600!important;color:var(--q-text)!important}.m3-settings-modal .m3-action-text small{font-size:12px!important;color:var(--q-muted)!important}.m3-settings-modal .m3-action-chevron{color:var(--q-muted)!important}.m3-settings-modal .m3-passcode-box{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}.m3-settings-modal .m3-passcode-inputs{display:flex!important;gap:10px!important;flex:1 1!important;min-width:220px!important}.m3-settings-modal .m3-passcode-inputs .m3-input{border:1px solid var(--q-outline)!important;border-radius:14px!important;background:var(--q-surface-container-low)!important}.m3-settings-modal .m3-danger-card{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:18px 20px!important;border-radius:22px!important;background:var(--q-error-container)!important;color:var(--q-on-error-container)!important;border:1px solid color-mix(in srgb,var(--q-error) 24%,transparent)!important;margin-top:8px!important}.m3-settings-modal .m3-danger-icon{color:var(--q-error)!important;flex-shrink:0!important}.m3-settings-modal .m3-danger-info{display:flex!important;flex-direction:column!important;gap:2px!important;flex:1 1!important;min-width:0!important}.m3-settings-modal .m3-danger-info strong{font-size:14px!important;font-weight:700!important}.m3-settings-modal .m3-danger-info small{font-size:12px!important;opacity:.82!important}.m3-settings-modal .m3-btn-danger{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;padding:0 18px!important;border-radius:9999px!important;background:var(--q-error)!important;color:var(--q-on-error)!important;font-size:13px!important;font-weight:700!important;cursor:pointer!important;flex-shrink:0!important;transition:transform .16s var(--q-ease-standard),background-color .14s linear!important}.m3-settings-modal .m3-btn-danger:hover{filter:brightness(1.1)!important;transform:translateY(-1px)!important}.m3-settings-modal .m3-notice{position:absolute!important;bottom:24px!important;left:50%!important;transform:translateX(-50%)!important;display:flex!important;align-items:center!important;gap:10px!important;padding:12px 22px!important;border-radius:9999px!important;background:var(--q-surface-container-high)!important;color:var(--q-text)!important;border:1px solid var(--q-primary)!important;box-shadow:0 8px 24px var(--q-shadow)!important;font-size:13.5px!important;font-weight:600!important;z-index:50!important;animation:m3-toast-in var(--q-duration-medium1) var(--q-ease-out) both!important}.m3-settings-modal .m3-notice svg{color:var(--q-primary)!important}@keyframes m3-toast-in{0%{opacity:0;transform:translate(-50%,14px) scale(.92)}to{opacity:1;transform:translate(-50%) scale(1)}}.m3-settings-modal .settings-notifications{display:flex!important;flex-direction:column!important;gap:16px!important}.m3-settings-modal .settings-notifications .push-settings{display:flex!important;flex-direction:column!important;gap:14px!important;padding:20px!important;border-radius:24px!important;background:var(--q-surface-container)!important;border:1px solid var(--q-outline-soft)!important;transition:border-color var(--q-duration-short4) var(--q-ease-standard)!important}.m3-settings-modal .settings-notifications .push-settings.is-denied{border-color:color-mix(in srgb,var(--q-error) 45%,var(--q-outline-soft))!important}.m3-settings-modal .settings-notifications .push-settings-main{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;width:100%!important;min-width:0!important}.m3-settings-modal .settings-notifications .push-settings-icon{width:46px!important;height:46px!important;border-radius:50%!important;background:var(--q-primary-container)!important;color:var(--q-on-primary-container)!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.m3-settings-modal .settings-notifications .push-settings.is-denied .push-settings-icon{background:var(--q-error-container)!important;color:var(--q-on-error-container)!important}.m3-settings-modal .settings-notifications .push-settings-copy{display:flex!important;flex-direction:column!important;gap:4px!important;flex:1 1 auto!important;min-width:0!important}.m3-settings-modal .settings-notifications .push-settings-copy h4{font-size:16px!important;font-weight:700!important;margin:0!important;color:var(--q-text)!important}.m3-settings-modal .settings-notifications .push-settings-copy p{font-size:13px!important;color:var(--q-muted)!important;margin:0!important;line-height:1.45!important;word-break:break-word!important}.m3-settings-modal .settings-notifications .push-settings-copy small{font-size:11.5px!important;color:var(--q-muted)!important;opacity:.8!important}.m3-settings-modal .settings-notifications .push-toggle{min-height:42px!important;padding:0 22px!important;border-radius:9999px!important;background:var(--q-primary)!important;color:var(--q-on-primary)!important;font-size:13.5px!important;font-weight:700!important;white-space:nowrap!important;flex-shrink:0!important;border:none!important;cursor:pointer!important;transition:transform .16s var(--q-ease-standard),background-color .14s linear!important}.m3-settings-modal .settings-notifications .push-toggle:hover:not(:disabled){background:var(--q-primary-hover)!important;transform:translateY(-1px)!important}.m3-settings-modal .settings-notifications .push-toggle[aria-pressed=true]{background:var(--q-surface-container-high)!important;color:var(--q-text)!important;border:1px solid var(--q-outline)!important}.m3-settings-modal .settings-notifications .push-settings-error-banner{display:flex!important;align-items:flex-start!important;gap:10px!important;width:100%!important;padding:12px 14px!important;border-radius:16px!important;background:var(--q-error-container)!important;color:var(--q-on-error-container)!important;animation:m3-dialog-in var(--q-duration-short4) var(--q-ease-out) both!important}.m3-settings-modal .settings-notifications .push-settings-error-icon{flex-shrink:0!important;margin-top:2px!important;color:var(--q-error)!important}.m3-settings-modal .settings-notifications .push-settings-error{margin:0!important;font-size:12.5px!important;line-height:1.4!important;font-weight:600!important;color:var(--q-on-error-container)!important;word-break:break-word!important}.m3-settings-modal .privacy-loading{padding:48px 20px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:14px!important;color:var(--q-muted)!important;font-size:14px!important}.m3-settings-modal .m3-spinner{width:32px!important;height:32px!important;border-radius:50%!important;border:3px solid var(--q-outline-soft)!important;border-top-color:var(--q-primary)!important;animation:m3-spin var(--q-duration-long4) linear infinite!important}@keyframes m3-spin{to{transform:rotate(1turn)}}.m3-settings-modal .privacy-warning{padding:18px 20px!important;border-radius:20px!important;background:var(--q-error-container)!important;color:var(--q-on-error-container)!important;display:flex!important;flex-direction:column!important;gap:8px!important;font-size:13px!important}.m3-settings-modal .privacy-warning a{color:inherit!important;text-decoration:underline!important;font-weight:700!important}.m3-settings-modal .settings-tabs{position:relative!important}.m3-settings-modal .settings-tabs-pill{position:absolute!important;top:5px!important;bottom:5px!important;left:0!important;width:0!important;border-radius:9999px!important;background:var(--q-primary-container)!important;box-shadow:0 2px 8px color-mix(in srgb,var(--q-primary) 22%,transparent)!important;transform:translateX(0)!important;transform-origin:left center!important;transition:transform var(--q-duration-medium2) var(--q-ease-emphasized-decelerate),width var(--q-duration-medium2) var(--q-ease-emphasized-decelerate),opacity var(--q-duration-short4) var(--q-ease-emphasized-accelerate)!important;opacity:0!important;pointer-events:none!important;z-index:0!important}.m3-settings-modal .settings-tabs button{position:relative!important;z-index:1!important}.m3-settings-modal .settings-tabs button.active{background:transparent!important;box-shadow:none!important;color:var(--q-on-primary-container)!important;font-weight:700!important}.m3-settings-modal .settings-tabs button:not(.active){background:transparent!important}@keyframes q-fade-through{0%{opacity:0;transform:translateY(8px) scale(.995)}to{opacity:1;transform:none}}.m3-settings-modal .settings-content{animation:q-fade-through var(--q-duration-medium2) var(--q-ease-emphasized-decelerate) both!important}.m3-settings-modal .m3-switch{transition:background var(--q-duration-medium1) var(--q-ease-standard),border-color var(--q-duration-medium1) var(--q-ease-standard)!important}.m3-settings-modal .m3-switch-thumb{top:50%!important;left:6px!important;width:16px!important;height:16px!important;margin-top:-8px!important;transform:translateX(0) scale(1)!important;transition:transform var(--q-duration-medium2) var(--q-ease-emphasized),background var(--q-duration-short4) var(--q-ease-standard)!important}.m3-settings-modal .m3-switch.checked .m3-switch-thumb{left:6px!important;width:16px!important;height:16px!important;transform:translateX(16px) scale(1.5)!important;background:var(--q-on-primary)!important;box-shadow:0 2px 4px color-mix(in srgb,#000 20%,transparent)!important}.m3-settings-modal .m3-switch:active .m3-switch-thumb{width:16px!important;height:16px!important;transform:translateX(7px) scale(1.3)!important}.m3-settings-modal .m3-switch.checked:active .m3-switch-thumb{width:16px!important;height:16px!important;transform:translateX(12px) scale(1.35)!important}.m3-settings-modal .m3-identity-note{display:flex!important;align-items:center!important;gap:12px!important;padding:12px 16px!important;border-radius:var(--q-radius-lg)!important;margin-bottom:16px!important;border:1px solid var(--q-outline-soft)!important}.m3-settings-modal .m3-identity-note.creator{background:color-mix(in srgb,var(--q-primary) 10%,var(--q-surface-container))!important}.m3-settings-modal .m3-identity-note.creator .m3-identity-note-title{color:var(--q-on-surface)!important}.m3-settings-modal .m3-identity-note.verified{background:color-mix(in srgb,var(--q-primary) 7%,var(--q-surface-container))!important;border-color:color-mix(in srgb,var(--q-primary) 28%,transparent)!important}.m3-settings-modal .m3-identity-note-title{font-weight:700!important;font-size:13px!important;color:var(--q-text)!important}.m3-settings-modal .m3-identity-note.verified .m3-identity-note-title{color:var(--q-primary)!important}.m3-settings-modal .m3-identity-note-sub{font-size:11px!important;color:var(--q-muted)!important;margin-top:1px!important}.m3-settings-modal .m3-palette-card{transition:transform var(--q-duration-short3) var(--q-ease-emphasized),border-color var(--q-duration-short3) var(--q-ease-standard),box-shadow var(--q-duration-short3) var(--q-ease-standard)!important}.m3-settings-modal .m3-palette-card:hover{transform:translateY(-2px)!important}.m3-settings-modal .m3-palette-card:active{transform:translateY(0) scale(.97)!important}.m3-settings-modal .m3-palette-card.selected{border-color:var(--q-primary)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--q-primary) 32%,transparent)!important}.m3-settings-modal .m3-palette-swatch{transition:transform var(--q-duration-medium1) var(--q-ease-emphasized)!important}.m3-settings-modal .m3-palette-card.selected .m3-palette-swatch{transform:scale(1.08)!important}@media(hover:none){.message-actions{opacity:1}.color-swatch{width:44px;height:44px}}@media(max-height:650px){.nav-menu{overflow-y:auto}.nav-foot,.nav-head,.nav-list{flex-shrink:0}.auth-layout{min-height:0}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}.app-shell button:not(:disabled):active,.setup-page button:not(:disabled):active{transform:none}}.channel-settings-modal{width:min(560px,100%)!important;max-height:min(780px,calc(100dvh - 32px))!important;padding:28px!important;display:block!important;overflow-y:auto!important;background:var(--q-surface)!important;border:1px solid var(--q-outline-variant)!important;border-radius:32px!important;box-shadow:0 24px 80px var(--q-shadow)!important}.channel-settings-modal .modal-top{display:flex!important;align-items:center!important;margin:0 0 24px!important;padding:0!important}.channel-settings-modal .modal-top h3{font-size:26px!important;line-height:1.15!important;font-weight:700!important;letter-spacing:-.04em!important}.channel-settings-modal .modal-top p{margin:7px 0 0!important;font-size:13px!important;line-height:1.45!important;color:var(--q-muted)!important}.channel-settings-modal .modal-top .icon-btn{width:44px!important;height:44px!important;border-radius:50%!important}.channel-settings-modal>label{display:grid!important;grid-gap:8px!important;gap:8px!important;margin:0 0 16px!important;font-size:12px!important;font-weight:700!important;color:var(--q-muted)!important}.channel-settings-modal>label input,.channel-settings-modal>label textarea{box-sizing:border-box!important;width:100%!important;height:54px!important;padding:0 16px!important;border:1px solid var(--q-outline)!important;border-radius:18px!important;background:var(--q-surface-container)!important;color:var(--q-text)!important;font-size:15px!important;outline:0!important}.channel-settings-modal>label textarea{height:auto!important;min-height:92px!important;padding:14px 16px!important;resize:vertical!important}.channel-settings-modal>label input:focus,.channel-settings-modal>label textarea:focus{border-color:var(--q-primary)!important;background:var(--q-surface-container-high)!important;outline:3px solid color-mix(in srgb,var(--q-primary) 18%,transparent)!important}.channel-settings-modal .chat-avatar-editor{box-sizing:border-box!important;display:flex!important;align-items:center!important;gap:14px!important;width:100%!important;min-height:102px!important;margin:4px 0 18px!important;padding:14px!important;border:1px solid var(--q-outline-variant)!important;border-radius:24px!important;background:var(--q-secondary-container)!important}.channel-settings-modal .chat-avatar-large{width:72px!important;height:72px!important;flex:0 0 72px!important;border-radius:24px!important;background:var(--q-surface-container-high)!important}.channel-settings-modal .chat-avatar-editor .secondary-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:44px!important;padding:0 17px!important;border-radius:99px!important;background:var(--q-surface-container-high)!important;color:var(--q-primary)!important;font-weight:700!important;white-space:nowrap!important}.channel-settings-modal .chat-avatar-editor:after{content:"Аватар чата"!important;margin-left:auto!important;color:var(--q-on-secondary-container)!important;font-size:12px!important;font-weight:700!important;white-space:nowrap!important}.channel-settings-modal .switch-field{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-height:78px!important;margin:4px 0 20px!important;padding:16px 18px!important;border-radius:22px!important;background:var(--q-tertiary-container)!important;color:var(--q-on-tertiary-container)!important}.channel-settings-modal .switch-field>span{display:grid!important;grid-gap:5px!important;gap:5px!important;flex:1 1!important;min-width:0!important}.channel-settings-modal .switch-field strong{font-size:14px!important}.channel-settings-modal .switch-field small{font-size:12px!important;color:inherit!important;opacity:.78!important}.channel-settings-modal .switch-field>input[type=checkbox]{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;display:block!important;position:relative!important;flex:0 0 52px!important;width:52px!important;height:32px!important;margin:0!important;border:2px solid var(--q-outline)!important;border-radius:99px!important;background:var(--q-surface-container-high)!important;cursor:pointer!important}.channel-settings-modal .switch-field>input[type=checkbox]:after{content:""!important;position:absolute!important;top:5px!important;left:5px!important;width:18px!important;height:18px!important;border-radius:50%!important;background:var(--q-outline)!important;transition:transform .2s var(--q-ease-standard),background-color .2s var(--q-ease-standard)!important}.channel-settings-modal .switch-field>input[type=checkbox]:checked{border-color:var(--q-primary)!important;background:var(--q-primary)!important}.channel-settings-modal .switch-field>input[type=checkbox]:checked:after{left:25px!important;background:var(--q-on-primary)!important}.channel-settings-modal>.primary{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:54px!important;margin:0 0 22px!important;border:0!important;border-radius:99px!important;background:var(--q-primary)!important;color:var(--q-on-primary)!important;font-size:14px!important;font-weight:800!important}.channel-settings-modal .members-panel{box-sizing:border-box!important;width:100%!important;margin:0 0 20px!important;padding:20px!important;border:1px solid var(--q-outline-variant)!important;border-radius:28px!important;background:var(--q-surface-container)!important}.channel-settings-modal .members-panel:before{display:block!important;margin:0 0 14px!important;color:var(--q-muted)!important;font-size:11px!important;font-weight:800!important;letter-spacing:.09em!important;text-transform:uppercase!important}.channel-settings-modal .members-title strong{font-size:18px!important}.channel-settings-modal .member-add-card{min-height:64px!important;margin-top:4px!important;border-radius:18px!important}.channel-settings-modal .member-role{min-height:66px!important;border-radius:18px!important}.channel-settings-modal .danger-button{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:50px!important;margin:0!important;border:1px solid var(--q-error)!important;border-radius:99px!important;background:transparent!important;color:var(--q-error)!important;font-weight:800!important}@media(prefers-reduced-motion:no-preference){.chat-row .user-avatar,.person-row .user-avatar{transition:transform var(--q-duration-medium) var(--q-ease-out)}.chat-row:hover .user-avatar,.person-row:hover .user-avatar{transform:translateY(-1px) scale(1.04)}.chat-row.selected .user-avatar{box-shadow:0 0 0 3px var(--q-primary-container),0 5px 14px var(--q-shadow)}.empty-state-icon{animation:avatar-pop var(--q-duration-long4) var(--q-ease-out) var(--q-duration-short3) both}.send-btn:not(:disabled){animation:state-layer-in var(--q-duration-long2) var(--q-ease-out) var(--q-duration-short2) backwards}}.m3-call-backdrop{position:fixed;inset:0;z-index:150;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:fade-in var(--q-duration-medium1) var(--q-ease-out) both}.m3-incoming-call-card{width:min(380px,100%);padding:32px 24px;border-radius:36px;background:var(--q-surface);border:1px solid var(--q-outline-soft);box-shadow:0 24px 80px rgba(0,0,0,.6);display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;animation:modal-in var(--q-duration-medium2) cubic-bezier(.16,1,.3,1) both}.m3-incoming-avatar-wrap{position:relative;width:96px;height:96px;margin:6px auto;display:grid;place-items:center}.m3-incoming-avatar{width:96px;height:96px;border-radius:50%;object-fit:cover;position:relative;z-index:2;box-shadow:0 8px 24px var(--q-shadow)}.m3-incoming-avatar.fallback{display:grid;place-items:center;font-size:36px;font-weight:700;color:var(--q-on-color)}.m3-incoming-pulse,.m3-incoming-pulse-2{position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--q-success);opacity:.8;z-index:1;animation:m3-call-pulse-anim 2s cubic-bezier(.2,0,0,1) infinite}.m3-incoming-pulse-2{animation-delay:var(--q-duration-long4)}@keyframes m3-call-pulse-anim{0%{transform:scale(1);opacity:.9}to{transform:scale(1.65);opacity:0}}.m3-incoming-info h3{font-size:22px;font-weight:700;margin:0;color:var(--q-text);line-height:1.25}.m3-incoming-info p{font-size:13.5px;color:var(--q-muted);margin:4px 0 10px}.m3-call-type-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:9999px;background:var(--q-primary-container);color:var(--q-on-primary-container);font-size:12.5px;font-weight:600}.m3-incoming-actions{display:flex;align-items:center;justify-content:center;gap:28px;width:100%;margin-top:10px}.m3-call-btn{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--q-text);background:transparent;border:none;cursor:pointer;transition:transform var(--q-duration-short3) var(--q-ease-out)}.m3-call-btn:active{transform:scale(.92)}.m3-call-btn svg{width:60px;height:60px;padding:16px;border-radius:50%;box-shadow:0 6px 20px rgba(0,0,0,.35);transition:filter var(--q-duration-short3)}.m3-call-btn-accept svg{background:var(--q-success);color:var(--q-on-success)}.m3-call-btn-accept:hover svg{filter:brightness(1.1)}.m3-call-btn-decline svg{background:var(--q-error);color:var(--q-on-error)}.m3-call-btn-decline:hover svg{filter:brightness(1.1)}.m3-call-window{width:min(460px,100%);height:min(720px,calc(100dvh - 40px));background:var(--q-surface);border:1px solid var(--q-outline-soft);border-radius:36px;box-shadow:0 32px 90px rgba(0,0,0,.7);display:flex;flex-direction:column;position:relative;overflow:hidden;animation:modal-in var(--q-duration-medium1) cubic-bezier(.16,1,.3,1) both}.m3-call-topbar{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(180deg,rgba(0,0,0,.6) 0,transparent)}.m3-call-status-pill{display:inline-flex;align-items:center;padding:6px 16px;border-radius:9999px;background:rgba(0,0,0,.45);border:1px solid color-mix(in srgb,var(--q-on-scrim) 15%,transparent);color:var(--q-on-scrim);font-size:13px;font-weight:700;letter-spacing:.02em}.m3-call-status-pill,.m3-call-topbar-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.m3-call-topbar-btn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.45);border:1px solid color-mix(in srgb,var(--q-on-scrim) 15%,transparent);color:var(--q-on-scrim);cursor:pointer;transition:transform var(--q-duration-short3),background var(--q-duration-short3)}.m3-call-topbar-btn:hover{background:color-mix(in srgb,var(--q-on-scrim) 20%,transparent);transform:scale(1.05)}.m3-call-audio-stage{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px 110px;text-align:center;background:radial-gradient(circle at center,var(--q-surface-container) 0,var(--q-surface) 75%)}.m3-call-avatar-wrap{position:relative;width:124px;height:124px;margin-bottom:24px;display:grid;place-items:center}.m3-call-avatar-wrap.pulse:after,.m3-call-avatar-wrap.pulse:before{content:"";position:absolute;inset:-12px;border-radius:50%;border:2px solid var(--q-primary);opacity:.6;animation:m3-call-pulse-anim 2.2s cubic-bezier(.2,0,0,1) infinite}.m3-call-avatar-wrap.pulse:after{animation-delay:1.1s}.m3-call-large-avatar{width:124px;height:124px;border-radius:50%;object-fit:cover;box-shadow:0 12px 36px var(--q-shadow);border:3px solid var(--q-outline-soft);position:relative;z-index:2}.m3-call-large-avatar.fallback{display:grid;place-items:center;font-size:48px;font-weight:700;color:var(--q-on-color)}.m3-call-other-name{font-size:24px;font-weight:700;margin:0;color:var(--q-text);line-height:1.25}.m3-call-other-handle{font-size:14px;color:var(--q-muted);margin:6px 0 0}.m3-call-video-stage{flex:1 1;position:relative;width:100%;height:100%;background:#000;display:flex;align-items:center;justify-content:center}.m3-call-remote-video{width:100%;height:100%;object-fit:cover}.m3-call-video-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--q-on-scrim);padding:30px;text-align:center}.m3-call-video-placeholder h3{margin:0;font-size:20px}.m3-call-video-placeholder p{margin:0;font-size:13.5px;opacity:.75}.m3-call-local-pip-wrap{position:absolute;top:72px;right:18px;width:108px;height:154px;border-radius:18px;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.6);border:2px solid color-mix(in srgb,var(--q-on-scrim) 25%,transparent);background:#111;z-index:10}.m3-call-local-pip{width:100%;height:100%;object-fit:cover}.m3-call-local-pip.mirror{transform:scaleX(-1)}.m3-call-controls-bar{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;padding:10px 18px;border-radius:9999px;background:rgba(28,27,31,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid color-mix(in srgb,var(--q-on-scrim) 15%,transparent);box-shadow:0 16px 40px rgba(0,0,0,.5);z-index:20}.m3-ctrl-btn{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;border:none;background:color-mix(in srgb,var(--q-on-scrim) 12%,transparent);color:var(--q-on-scrim);cursor:pointer;transition:background-color .14s linear,transform .16s var(--q-ease-standard)}.m3-ctrl-btn:hover{background:color-mix(in srgb,var(--q-on-scrim) 22%,transparent);transform:scale(1.06)}.m3-ctrl-btn:active{transform:scale(.94)}.m3-ctrl-btn.active-off{background:color-mix(in srgb,var(--q-error) 25%,transparent);color:var(--q-error);border:1px solid var(--q-error)}.m3-ctrl-btn.end-call{background:var(--q-error);color:var(--q-on-error);width:56px;height:56px}.m3-ctrl-btn.end-call:hover{background:color-mix(in srgb,var(--q-error) 85%,var(--q-on-error));transform:scale(1.08)}.m3-call-mini-pip{position:fixed;bottom:max(24px,env(safe-area-inset-bottom));right:20px;z-index:160;display:flex;align-items:center;gap:12px;padding:8px 14px 8px 18px;border-radius:9999px;background:var(--q-surface-container-high);border:1px solid var(--q-primary);box-shadow:0 12px 36px var(--q-shadow);animation:m3-toast-in var(--q-duration-medium1) var(--q-ease-out) both}.m3-call-mini-content{display:flex;flex-direction:column;cursor:pointer}.m3-call-mini-status{font-size:11px;color:var(--q-primary);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.m3-call-mini-content strong{font-size:13.5px;color:var(--q-text)}.m3-call-mini-actions{display:flex;align-items:center;gap:6px}.m3-call-mini-btn{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--q-surface-container);color:var(--q-text);border:none;cursor:pointer;transition:background var(--q-duration-short3),transform var(--q-duration-short3)}.m3-call-mini-btn:hover{background:var(--q-primary-container);color:var(--q-on-primary-container)}.m3-call-mini-btn.danger{background:var(--q-error-container);color:var(--q-on-error-container)}.m3-call-mini-btn.danger:hover{background:var(--q-error);color:var(--q-on-error)}@media (max-width:768px){.m3-call-backdrop.active-backdrop{padding:0}.m3-call-window{width:100%;height:100dvh;max-height:100dvh;border-radius:0;border:none}.m3-call-topbar{padding-top:max(16px,env(safe-area-inset-top))}.m3-call-controls-bar{bottom:max(28px,env(safe-area-inset-bottom));width:calc(100% - 36px);justify-content:space-around}.m3-incoming-call-card{border-radius:32px 32px 0 0;width:100%;margin-top:auto;padding-bottom:max(32px,env(safe-area-inset-bottom))}.m3-call-local-pip-wrap{top:calc(72px + env(safe-area-inset-top));right:14px;width:96px;height:136px}}.pinned-message-banner{display:flex;align-items:center;gap:10px;padding:8px 16px;background:var(--q-surface-container);border-bottom:1px solid var(--q-outline-variant);cursor:pointer;transition:background var(--q-duration-short3) ease;z-index:5;-webkit-user-select:none;-moz-user-select:none;user-select:none;animation:slideDownPinned var(--q-duration-short4) ease-out}@keyframes slideDownPinned{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pinned-message-banner:hover{background:var(--q-surface-container-high)}.pinned-pin-icon{color:var(--q-primary);display:flex;align-items:center;flex-shrink:0}.pinned-content{flex:1 1;min-width:0;display:flex;flex-direction:column}.pinned-title{font-size:.76rem;font-weight:600;color:var(--q-primary);line-height:1.2}.pinned-text{font-size:.84rem;color:var(--q-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.pinned-unpin-btn{background:transparent;border:none;color:var(--q-subtext);cursor:pointer;padding:6px;border-radius:50%;display:grid;place-items:center;transition:background-color .14s linear,color .14s linear;flex-shrink:0}.pinned-unpin-btn:hover{background:var(--q-surface-container-highest);color:var(--q-error)}.reply-composer-bar{display:flex;align-items:center;gap:10px;padding:8px 14px;background:var(--q-surface-container-low);border-left:3px solid var(--q-primary);border-top:1px solid var(--q-outline-variant);border-right:1px solid var(--q-outline-variant);border-radius:12px 12px 0 0;margin:0 16px -1px;animation:slideUpReply var(--q-duration-short4) cubic-bezier(.16,1,.3,1)}@keyframes slideUpReply{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reply-bar-icon{color:var(--q-primary);display:flex;align-items:center;flex-shrink:0}.reply-bar-info{flex:1 1;min-width:0}.reply-bar-name{font-size:.78rem;font-weight:600;color:var(--q-primary);line-height:1.2}.reply-bar-text{font-size:.82rem;color:var(--q-subtext);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-bar-close{background:transparent;border:none;color:var(--q-subtext);padding:4px;border-radius:50%;cursor:pointer;display:grid;place-items:center;transition:background var(--q-duration-short3)}.reply-bar-close:hover{background:var(--q-surface-container-highest);color:var(--q-text)}.message-quote{display:flex;flex-direction:column;gap:2px;padding:5px 9px;border-left:3px solid var(--q-primary);background:rgba(124,93,250,.08);border-radius:4px 8px 8px 4px;margin-bottom:6px;cursor:pointer;transition:background var(--q-duration-short3)}.message-quote:hover{background:color-mix(in srgb,var(--q-primary) 16%,transparent)}.message.own .message-quote{border-left-color:var(--q-on-primary-container);background:color-mix(in srgb,var(--q-on-primary-container) 16%,transparent)}.message.own .message-quote:hover{background:color-mix(in srgb,var(--q-on-primary-container) 24%,transparent)}.quote-author{font-size:.74rem;font-weight:600;color:var(--q-primary);line-height:1.2}.message.own .quote-author{color:var(--q-on-primary-container)}.quote-text{font-size:.8rem;opacity:.88;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes targetHighlight{0%{background:color-mix(in srgb,var(--q-primary) 35%,transparent)}to{background:transparent}}.message.target-flashing{animation:targetHighlight 1.5s ease-out;border-radius:12px}.typing-status{gap:5px;font-size:.78rem;color:var(--q-primary);font-weight:500}.typing-dots,.typing-status{display:inline-flex;align-items:center}.typing-dots{gap:3px}.typing-dot{width:4px;height:4px;border-radius:50%;background:var(--q-primary);animation:typingDotPulse 1.4s ease-in-out infinite both}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}.typing-dot:nth-child(3){animation-delay:0s}@keyframes typingDotPulse{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1.1);opacity:1}}.voice-message-player{display:flex;align-items:center;gap:12px;padding:4px 2px;min-width:220px;max-width:320px}.voice-play-btn{width:42px;height:42px;border-radius:50%;background:var(--q-primary);color:var(--q-on-primary);border:none;cursor:pointer;display:grid;place-items:center;flex-shrink:0;transition:transform var(--q-duration-short3) ease,background var(--q-duration-short3) ease}.voice-play-btn:hover{transform:scale(1.05)}.voice-play-btn:active{transform:scale(.96)}.message.own .voice-play-btn{background:var(--q-on-primary-container);color:var(--q-primary-container)}.voice-body{flex:1 1;display:flex;flex-direction:column;gap:6px;min-width:0}.voice-waveform{display:flex;align-items:center;gap:2.5px;height:32px;cursor:pointer;padding:2px 0}.wave-bar{flex:1 1;min-width:2.5px;max-width:4px;background:var(--q-outline-variant);border-radius:2px;transition:background var(--q-duration-short3) ease,height var(--q-duration-short3) ease}.wave-bar.active{background:var(--q-primary)}.message.own .wave-bar{background:color-mix(in srgb,var(--q-on-primary-container) 40%,transparent)}.message.own .wave-bar.active{background:var(--q-on-primary-container)}.voice-info{display:flex;justify-content:space-between;align-items:center;font-size:.74rem;color:var(--q-subtext)}.message.own .voice-info{color:color-mix(in srgb,var(--q-on-primary-container) 85%,transparent)}.voice-rate-pill{background:color-mix(in srgb,var(--q-primary) 12%,transparent);border:none;color:var(--q-primary);border-radius:12px;padding:1px 7px;font-size:.72rem;font-weight:600;cursor:pointer}.message.own .voice-rate-pill{background:color-mix(in srgb,var(--q-on-primary-container) 20%,transparent);color:var(--q-on-primary-container)}.voice-record-bar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--q-surface-container);border-radius:24px;flex:1 1;animation:pulseVoiceIn var(--q-duration-short4) ease}@keyframes pulseVoiceIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.voice-record-dot{width:10px;height:10px;border-radius:50%;background:var(--q-error);animation:recordBlink 1s ease-in-out infinite alternate}@keyframes recordBlink{0%{opacity:.3;transform:scale(.9)}to{opacity:1;transform:scale(1.15)}}.voice-record-timer{font-size:.88rem;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--q-text)}.voice-record-hint{font-size:.82rem;color:var(--q-subtext);flex:1 1}.voice-record-actions{display:flex;align-items:center;gap:8px}.voice-record-cancel{width:36px;height:36px;border-radius:50%;border:none;background:transparent;color:var(--q-subtext);cursor:pointer;display:grid;place-items:center;transition:background-color .14s linear,color .14s linear}.voice-record-cancel:hover{background:var(--q-error-container);color:var(--q-error)}.voice-record-send{width:36px;height:36px;border-radius:50%;border:none;background:var(--q-primary);color:var(--q-on-primary);cursor:pointer;display:grid;place-items:center;transition:transform var(--q-duration-short3) ease}.voice-record-send:hover{transform:scale(1.06)}.video-note-bubble{position:relative;display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:50%}.video-note-circle{width:210px;height:210px;border-radius:50%;overflow:hidden;position:relative;box-shadow:0 4px 18px rgba(0,0,0,.18);background:#000}.video-note-circle video{width:100%;height:100%;object-fit:cover;border-radius:50%}.video-note-ring{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;transform:rotate(-90deg)}.video-note-ring .ring-bg{fill:none;stroke:color-mix(in srgb,var(--q-on-scrim) 20%,transparent);stroke-width:4}.video-note-ring .ring-progress{fill:none;stroke:var(--q-primary);stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset var(--q-duration-short3) linear}.video-note-overlay{position:absolute;inset:0;background:rgba(0,0,0,.35);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-radius:50%;transition:opacity var(--q-duration-short3) ease}.video-note-play-icon{width:48px;height:48px;border-radius:50%;background:color-mix(in srgb,var(--q-on-scrim) 90%,transparent);color:#1a1a1a;display:grid;place-items:center;box-shadow:0 2px 10px rgba(0,0,0,.3)}.video-note-duration{font-size:.76rem;color:var(--q-on-scrim);background:rgba(0,0,0,.5);padding:2px 8px;border-radius:10px;font-weight:500}.video-note-mute-btn{position:absolute;bottom:12px;right:12px;width:28px;height:28px;border-radius:50%;background:rgba(0,0,0,.6);color:var(--q-on-scrim);border:none;display:grid;place-items:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bubble.bubble-video-note{background:transparent!important;border:none!important;padding:0!important;box-shadow:none!important}.video-note-backdrop{position:fixed!important;inset:0!important;z-index:1000!important;background:rgba(0,0,0,.78)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;padding:24px 16px!important;animation:cv-fade-in .2s ease!important;-webkit-user-select:none;-moz-user-select:none;user-select:none}.video-note-backdrop,.video-note-recorder-card{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}.video-note-recorder-card{gap:28px!important;width:auto!important;max-width:100%!important;position:relative!important;padding:0!important;background:transparent!important;box-shadow:none!important;border:none!important}.video-note-viewfinder{position:relative;width:260px;height:260px;border-radius:50%;overflow:hidden;box-shadow:0 16px 48px var(--q-scrim),0 0 0 3px color-mix(in srgb,var(--q-text) 15%,transparent);background:#09090b;flex-shrink:0}.video-note-viewfinder video{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.video-note-viewfinder video.mirror{transform:scaleX(-1)}.recorder-ring{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;transform:rotate(-90deg)}.recorder-ring .ring-track{fill:none;stroke:color-mix(in srgb,var(--q-on-scrim) 18%,transparent);stroke-width:6}.recorder-ring .ring-bar{fill:none;stroke:var(--q-error);stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset var(--q-duration-short4) linear}.recorder-timer-pill{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.72);color:var(--q-on-scrim);border-radius:14px;padding:4px 12px;display:flex;align-items:center;gap:7px;font-size:.82rem;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 8px rgba(0,0,0,.4);letter-spacing:.02em;pointer-events:none}.recorder-timer-pill .rec-dot{width:8px;height:8px;border-radius:50%;background:var(--q-error);animation:recordBlink 1s ease-in-out infinite alternate}.video-note-controls{flex-direction:row!important;gap:28px!important;width:100%!important;padding:4px 0!important}.video-note-btn,.video-note-controls{display:flex!important;align-items:center!important;justify-content:center!important}.video-note-btn{border-radius:50%!important;border:none!important;cursor:pointer!important;padding:0!important;margin:0!important;box-sizing:border-box!important;flex-shrink:0!important;outline:none!important;transition:transform var(--q-duration-short3) cubic-bezier(.2,0,0,1),background var(--q-duration-short3) ease,box-shadow var(--q-duration-short3) ease!important;-webkit-tap-highlight-color:transparent!important}.video-note-btn svg{display:block!important;flex-shrink:0!important;pointer-events:none!important}.video-note-btn-delete{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;background:color-mix(in srgb,var(--q-error) 18%,transparent)!important;color:var(--q-error)!important;border:1.5px solid color-mix(in srgb,var(--q-error) 45%,transparent)!important;box-shadow:0 4px 16px color-mix(in srgb,var(--q-error) 15%,transparent)!important}.video-note-btn-delete:hover{background:var(--q-error)!important;color:var(--q-on-error)!important;border-color:var(--q-error)!important;transform:scale(1.1)!important;box-shadow:0 6px 20px color-mix(in srgb,var(--q-error) 45%,transparent)!important}.video-note-btn-delete:active{transform:scale(.94)!important}.video-note-btn-flip{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;background:color-mix(in srgb,var(--q-on-scrim) 14%,transparent)!important;color:var(--q-on-scrim)!important;border:1.5px solid color-mix(in srgb,var(--q-on-scrim) 25%,transparent)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;box-shadow:0 4px 16px rgba(0,0,0,.3)!important}.video-note-btn-flip:hover{background:color-mix(in srgb,var(--q-on-scrim) 25%,transparent)!important;border-color:color-mix(in srgb,var(--q-on-scrim) 40%,transparent)!important;transform:scale(1.1)!important}.video-note-btn-flip:active{transform:scale(.94)!important}.video-note-btn-send{width:60px!important;height:60px!important;min-width:60px!important;min-height:60px!important;background:var(--q-primary)!important;color:var(--q-on-primary)!important;border:2px solid color-mix(in srgb,var(--q-on-scrim) 30%,transparent)!important;box-shadow:0 6px 24px rgba(0,0,0,.45),0 0 20px color-mix(in srgb,var(--q-primary) 55%,transparent)!important}.video-note-btn-send:hover{transform:scale(1.1)!important;filter:brightness(1.1)!important;box-shadow:0 8px 28px rgba(0,0,0,.55),0 0 26px var(--q-primary)!important}.video-note-btn-send:active{transform:scale(.94)!important}@media (max-width:480px){.video-note-viewfinder{width:230px;height:230px}.video-note-controls{gap:20px!important}}.poll-widget{min-width:250px;max-width:360px;gap:8px}.poll-header,.poll-widget{display:flex;flex-direction:column}.poll-header{gap:3px}.poll-badge{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:600;color:var(--q-primary);text-transform:uppercase;letter-spacing:.04em}.poll-title{font-size:.95rem;font-weight:600;color:var(--q-text);margin:0;line-height:1.3}.poll-meta-sub{font-size:.74rem;color:var(--q-subtext)}.poll-options-list{display:flex;flex-direction:column;gap:6px;margin-top:4px}.poll-option-item{position:relative;display:flex;align-items:center;background:var(--q-surface-container);border:1px solid var(--q-outline-variant);border-radius:12px;padding:8px 12px;cursor:pointer;overflow:hidden;text-align:left;transition:border-color var(--q-duration-short3),background var(--q-duration-short3)}.poll-option-item.voted,.poll-option-item:hover{border-color:var(--q-primary)}.poll-fill-bar{position:absolute;top:0;left:0;bottom:0;background:color-mix(in srgb,var(--q-primary) 18%,transparent);transform-origin:left;transition:transform var(--q-duration-medium3) var(--q-ease-emphasized-decelerate);pointer-events:none}.poll-opt-content{position:relative;z-index:1;display:flex;align-items:center;width:100%;gap:10px}.poll-checkbox{display:flex;align-items:center;color:var(--q-primary);flex-shrink:0}.poll-radio-checked{width:16px;height:16px;border-radius:50%;background:var(--q-primary);color:var(--q-on-primary);display:grid;place-items:center}.poll-radio-unchecked{width:16px;height:16px;border-radius:50%;border:2px solid var(--q-outline-variant)}.poll-opt-text{flex:1 1;font-size:.86rem;color:var(--q-text);word-break:break-word}.poll-opt-stat{font-size:.82rem;color:var(--q-text);display:flex;align-items:center;gap:4px;flex-shrink:0}.poll-opt-stat small{color:var(--q-subtext);font-size:.74rem}.poll-footer{font-size:.72rem;color:var(--q-subtext);margin-top:2px}.poll-create-modal{max-width:440px}.poll-options-builder{display:flex;flex-direction:column;gap:8px;margin-top:10px}.poll-option-row{display:flex;align-items:center;gap:8px}.poll-opt-index{font-size:.82rem;font-weight:600;color:var(--q-subtext);width:16px;text-align:center}.poll-remove-opt{color:var(--q-error)}.poll-add-opt-btn{display:flex;align-items:center;gap:8px;background:transparent;border:1px dashed var(--q-outline-variant);color:var(--q-primary);border-radius:12px;padding:8px 14px;font-size:.86rem;font-weight:500;cursor:pointer;margin-top:4px;transition:background-color .14s linear,border-color .14s linear}.poll-add-opt-btn:hover{background:var(--q-surface-container);border-color:var(--q-primary)}.attachment-image-wrap{position:relative;border-radius:16px;overflow:hidden;max-width:320px;max-height:380px;cursor:pointer;margin:2px 0;display:flex;align-items:center;justify-content:center;background:var(--q-surface-container-high,rgba(0,0,0,.1))}.attachment-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--q-duration-short4) ease,filter var(--q-duration-short4) ease}.attachment-image:hover{transform:scale(1.02)}.attachment-image.is-dimmed{filter:brightness(.65) blur(1px)}.attachment-video-wrap{position:relative;border-radius:16px;overflow:hidden;max-width:340px;max-height:400px;margin:2px 0;background:#0b0f17}.attachment-video-preview{position:relative;width:100%;height:100%;min-width:220px;min-height:160px;display:flex;align-items:center;justify-content:center}.attachment-video-preview.is-clickable{cursor:pointer}.attachment-video-poster{width:100%;height:100%;object-fit:cover;display:block;max-height:380px;transition:filter var(--q-duration-short4) ease}.attachment-video-poster.is-dimmed{filter:brightness(.6) blur(1px)}.attachment-video-placeholder{width:260px;height:180px;background:linear-gradient(135deg,rgba(30,35,45,.8),rgba(15,20,30,.9))}.attachment-video-duration{position:absolute;bottom:8px;right:8px;padding:2px 7px;border-radius:8px;background:rgba(0,0,0,.65);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:var(--q-on-scrim);font-size:11px;font-weight:500;letter-spacing:.02em;pointer-events:none;z-index:2}.tg-video-play-badge{position:absolute;width:52px;height:52px;border-radius:50%;background:rgba(0,0,0,.58);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;color:var(--q-on-scrim);box-shadow:0 4px 16px rgba(0,0,0,.35);transition:transform var(--q-duration-short3) ease,background var(--q-duration-short3) ease;z-index:3}.tg-video-play-badge:hover{transform:scale(1.08);background:rgba(0,0,0,.75)}.attachment-video-fullscreen-btn{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;background:rgba(0,0,0,.52);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:var(--q-on-scrim);display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;z-index:3;transition:background var(--q-duration-short3) ease}.attachment-video-fullscreen-btn:hover{background:rgba(0,0,0,.75)}.attachment-video-playing{position:relative;width:100%;max-width:340px;border-radius:16px;overflow:hidden;background:#000}.attachment-video-element{width:100%;max-height:380px;display:block;outline:none}.attachment-upload-overlay{position:absolute;inset:0;background:rgba(0,0,0,.25);z-index:4}.attachment-upload-overlay,.tg-upload-spinner-badge{display:flex;align-items:center;justify-content:center}.tg-upload-spinner-badge{position:relative;border-radius:50%;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 16px rgba(0,0,0,.35);transition:transform var(--q-duration-short3) ease,background var(--q-duration-short3) ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0}.tg-upload-spinner-badge[role=button]:hover{background:rgba(0,0,0,.75);transform:scale(1.06);cursor:pointer}.tg-upload-spinner-badge[role=button]:active{transform:scale(.95)}.tg-upload-svg{transform:rotate(-90deg);display:block}.tg-upload-svg.is-spinning{animation:tg-spin 1s linear infinite}@keyframes tg-spin{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}.tg-upload-track{fill:none;stroke:color-mix(in srgb,var(--q-on-scrim) 22%,transparent)}.tg-upload-bar{fill:none;stroke:var(--q-on-scrim);stroke-linecap:round;transition:stroke-dashoffset var(--q-duration-short3) ease-out}.tg-upload-cancel-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--q-on-scrim)}.attachment-file-card{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--q-surface-container);border:1px solid var(--q-outline-variant);border-radius:14px;min-width:220px;max-width:340px}.attachment-file-card.is-own{background:color-mix(in srgb,var(--q-on-primary-container) 14%,transparent);border-color:color-mix(in srgb,var(--q-on-primary-container) 25%,transparent)}.file-icon{width:40px;height:40px;border-radius:10px;background:color-mix(in srgb,var(--q-primary) 16%,transparent);color:var(--q-primary);display:grid;place-items:center;flex-shrink:0}.attachment-file-card.is-own .file-icon{background:color-mix(in srgb,var(--q-on-primary-container) 22%,transparent);color:var(--q-on-primary-container)}.file-details{flex:1 1;min-width:0;display:flex;flex-direction:column}.file-name{font-size:.86rem;color:var(--q-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-file-card.is-own .file-name{color:var(--q-on-primary-container)}.file-size{font-size:.74rem;color:var(--q-subtext)}.attachment-file-card.is-own .file-size{color:color-mix(in srgb,var(--q-on-primary-container) 80%,transparent)}.file-download-btn{width:32px;height:32px;border-radius:50%;background:var(--q-surface-container-highest);color:var(--q-text);display:grid;place-items:center;transition:background var(--q-duration-short3)}.attachment-file-card.is-own .file-download-btn{background:color-mix(in srgb,var(--q-on-primary-container) 20%,transparent);color:var(--q-on-primary-container)}.lightbox-backdrop{background:rgba(0,0,0,.92)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:16px!important;overflow-x:hidden!important;overflow-y:auto!important;z-index:4000!important}.lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.lightbox-img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:8px}.lightbox-video{max-width:90vw;max-height:80vh;border-radius:12px;outline:none}.lightbox-close{position:absolute;top:-42px;right:0;background:transparent;border:none;color:var(--q-on-scrim);cursor:pointer}.lightbox-footer{margin-top:12px;display:flex;align-items:center;justify-content:space-between;width:100%;color:var(--q-on-scrim);font-size:.88rem}.attachment-sheet-portal{position:fixed;inset:0;z-index:9999;display:flex;align-items:flex-end;justify-content:center}@media (min-width:769px){.attachment-sheet-portal{align-items:center}}.attachment-sheet-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fadeIn var(--q-duration-short3) ease-out;cursor:pointer}.attachment-sheet-content{position:relative;z-index:10000;width:100%;max-width:480px;background:var(--q-surface-container-low,var(--q-surface-container));border:1px solid var(--q-outline-soft,var(--q-outline-variant));border-radius:28px 28px 0 0;padding:12px 18px calc(20px + env(safe-area-inset-bottom, 0px));box-shadow:0 -8px 36px var(--q-shadow,rgba(0,0,0,.35));animation:m3-sheet-up var(--q-duration-medium1) cubic-bezier(.16,1,.3,1) both}@media (min-width:769px){.attachment-sheet-content{border-radius:24px;max-width:420px;padding:18px 22px 22px;animation:scaleInDialog var(--q-duration-short4) cubic-bezier(.16,1,.3,1) both}}.attachment-sheet-handle{width:36px;height:4px;border-radius:9999px;background:var(--q-outline-variant);margin:2px auto 14px;cursor:pointer}.attachment-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:0 4px 14px}.attachment-sheet-title{font-size:1.15rem;font-weight:600;color:var(--q-text);letter-spacing:-.01em}.attachment-sheet-close{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:none;background:var(--q-surface-container-high,hsla(0,0%,49%,.12));color:var(--q-muted);cursor:pointer;transition:background-color .14s linear,color .14s linear}.attachment-sheet-close:hover{background:var(--q-surface-container-highest,hsla(0,0%,49%,.22));color:var(--q-text)}.attachment-sheet-actions{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.attachment-sheet-item{display:flex;align-items:center;gap:14px;width:100%;padding:12px 14px;background:var(--q-surface-container,hsla(0,0%,49%,.06));border:1px solid var(--q-outline-soft,transparent);border-radius:18px;color:var(--q-text);cursor:pointer;text-align:left;transition:background var(--q-duration-short3) ease,transform var(--q-duration-short2) ease}.attachment-sheet-item:hover{background:var(--q-surface-container-high,hsla(0,0%,49%,.14))}.attachment-sheet-item:active{transform:scale(.985)}.attachment-icon-pill{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;flex-shrink:0}.attach-media{background:rgba(33,150,243,.15);color:var(--q-primary)}.attach-file{background:rgba(234,88,12,.15);color:var(--q-tertiary)}.attach-poll{background:color-mix(in srgb,var(--q-success) 15%,transparent);color:var(--q-success)}.attachment-item-text{display:flex;flex-direction:column;gap:2px}.attachment-item-text strong{font-size:.95rem;font-weight:600;color:var(--q-text)}.attachment-item-text small{font-size:.8rem;color:var(--q-muted)}.attachment-sheet-cancel{display:block;width:100%;padding:14px;border-radius:18px;border:1px solid var(--q-outline-soft,var(--q-outline-variant));background:var(--q-surface-container-high,hsla(0,0%,49%,.1));color:var(--q-text);font-size:.95rem;font-weight:600;cursor:pointer;text-align:center;transition:background var(--q-duration-short3) ease}.attachment-sheet-cancel:hover{background:var(--q-surface-container-highest,hsla(0,0%,49%,.18))}@media (max-width:768px){.menu-popover{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100%!important;max-height:calc(100dvh - 80px)!important;border-radius:28px 28px 0 0!important;border:none!important;border-top:1px solid var(--q-outline-soft)!important;background:var(--q-surface-container-low)!important;padding:12px 18px calc(24px + env(safe-area-inset-bottom, 0px))!important;box-shadow:0 -8px 36px var(--q-shadow)!important;animation:m3-sheet-up var(--q-duration-medium1) cubic-bezier(.16,1,.3,1) both!important;z-index:95!important}.menu-popover:before{content:""!important;display:block!important;width:36px!important;height:4px!important;border-radius:9999px!important;background:var(--q-outline-variant)!important;margin:2px auto 14px!important}.menu-popover button{min-height:52px!important;padding:10px 16px!important;border-radius:16px!important;font-size:15px!important;font-weight:500!important;gap:14px!important}.menu-popover button svg{width:20px!important;height:20px!important}}.saved-messages-item-icon{background:var(--q-primary)!important;color:var(--q-on-primary)!important}.m3-filter-chips{display:flex;align-items:center;gap:8px;padding:4px 2px 8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:none}.m3-filter-chips::-webkit-scrollbar{display:none}.m3-chip{flex:none;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:9999px;font-size:13px;font-weight:500;letter-spacing:.01em;border:1px solid var(--q-outline-variant);background:transparent;color:var(--q-muted);transition:background-color .14s linear,color .14s linear;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;cursor:pointer}.m3-chip:hover{background:var(--q-surface-container-highest);color:var(--q-text)}.m3-chip.active{background:var(--q-secondary-container);color:var(--q-on-secondary-container);border-color:transparent;font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.12)}.m3-bottom-nav{display:none}@media (max-width:768px){.app-shell.list-open .m3-bottom-nav{display:flex;align-items:center;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;height:calc(68px + env(safe-area-inset-bottom, 0px));padding-bottom:env(safe-area-inset-bottom,0);background:var(--q-surface-container);border-top:1px solid var(--q-outline-variant);z-index:40;box-shadow:0 -2px 10px rgba(0,0,0,.08)}}.m3-nav-item{flex-direction:column;gap:4px;flex:1 1;min-width:0;height:100%;padding-top:8px;color:var(--q-muted);background:none;border:none;cursor:pointer;touch-action:manipulation;transition:color var(--q-duration-fast)}.m3-nav-item,.m3-nav-pill{display:flex;align-items:center}.m3-nav-pill{width:64px;height:32px;border-radius:16px;justify-content:center;transition:background-color .14s linear,color .14s linear}.m3-nav-item.active .m3-nav-pill{background:var(--q-secondary-container);color:var(--q-on-secondary-container)}.m3-nav-item.active{color:var(--q-text)}.m3-nav-label{font-size:12px;font-weight:500;letter-spacing:.02em;white-space:nowrap}.m3-nav-item.active .m3-nav-label{font-weight:700;color:var(--q-text)}.sb-footer{display:none!important}.m3-composer-wrap{flex:none;padding:10px 16px;background:var(--q-surface);border-top:1px solid var(--q-outline-variant)}@media (max-width:768px){.m3-composer-wrap{padding:8px 12px calc(8px + env(safe-area-inset-bottom, 0px));position:-webkit-sticky;position:sticky;bottom:0;left:0;right:0;z-index:25;background:var(--q-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}}.m3-bottom-sheet-backdrop{position:fixed;inset:0;z-index:95;background:var(--q-scrim);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fade-in var(--q-duration-fast) ease both;touch-action:pan-y}.m3-bottom-sheet{position:fixed;left:0;right:0;bottom:0;z-index:96;max-height:calc(100dvh - 48px);background:var(--q-surface-container-low);border-radius:28px 28px 0 0;border-top:1px solid var(--q-outline-soft);padding:12px 18px calc(24px + env(safe-area-inset-bottom, 0px));box-shadow:0 -8px 36px var(--q-shadow);animation:m3-sheet-up var(--q-duration-medium1) cubic-bezier(.16,1,.3,1) both;overflow-y:auto;-webkit-overflow-scrolling:touch}.m3-sheet-drag-handle{width:36px;height:4px;border-radius:9999px;background:var(--q-outline-variant);margin:2px auto 14px}.m3-sheet-title{font-size:16px;font-weight:700;color:var(--q-text);margin:0 0 12px;padding:0 4px;letter-spacing:-.01em}.m3-sheet-list{display:flex;flex-direction:column;gap:4px}.m3-sheet-row{width:100%;display:flex;align-items:center;gap:14px;min-height:52px;padding:8px 14px;border-radius:16px;color:var(--q-text);background:transparent;border:none;text-align:left;font-size:15px;font-weight:500;cursor:pointer;touch-action:manipulation;transition:background var(--q-duration-fast) var(--q-ease-out)}.m3-sheet-row:active,.m3-sheet-row:hover{background:var(--q-surface-container-highest)}.m3-sheet-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:var(--q-surface-container-high);color:var(--q-primary)}.m3-sheet-row.danger{color:var(--q-error)}.m3-sheet-row.danger .m3-sheet-icon{background:var(--q-error-container);color:var(--q-error)}.m3-sheet-reactions{display:flex;align-items:center;justify-content:space-around;padding:8px 4px 14px;margin-bottom:8px;border-bottom:1px solid var(--q-outline-soft)}.m3-sheet-reaction-btn{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:24px;background:transparent;border:none;cursor:pointer;touch-action:manipulation;transition:transform var(--q-duration-fast) var(--q-ease-out),background var(--q-duration-fast)}.m3-sheet-reaction-btn:active{transform:scale(1.25);background:var(--q-surface-container-highest)}.sound-preview-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.sound-preview-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;font-size:12.5px;font-weight:600;background:var(--q-surface-container);border:1px solid var(--q-outline-soft);color:var(--q-on-surface);cursor:pointer;transition:background-color .14s linear,border-color .14s linear}.sound-preview-btn:hover{background:var(--q-surface-container-high);border-color:var(--q-primary)}.sound-preview-btn.active{background:var(--q-primary);color:var(--q-on-primary);border-color:var(--q-primary)}.user-identity-row{display:inline-flex;align-items:center;gap:8px;line-height:1.2;vertical-align:middle;min-width:0;max-width:100%}.nav-id .user-identity-row,.nav-id strong.user-identity-row{display:inline-flex!important;align-items:center!important;gap:8px!important;max-width:100%}.user-identity-row>.user-name-text{display:inline-block;line-height:1.2;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.verification-badge{display:inline-flex;align-items:center;justify-content:center;margin:0;vertical-align:middle;flex-shrink:0;transition:transform var(--q-duration-fast);transform:translateY(.5px)}.verification-badge:hover{transform:translateY(.5px) scale(1.15)}.user-prefix-badge{display:inline-flex;align-items:center;justify-content:center;padding:0 5.5px;height:18px;box-sizing:border-box;margin:0;border-radius:4.5px;border:1px solid;font-size:9.5px;font-weight:750;letter-spacing:.04em;text-transform:uppercase;line-height:1;vertical-align:middle;flex-shrink:0;white-space:nowrap;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:transform var(--q-duration-fast);transform:translateY(0)}.user-prefix-badge:hover{transform:translateY(0) scale(1.05)}.user-prefix-badge.is-small{height:16px;padding:0 4.5px;font-size:8.5px;border-radius:3.5px;line-height:1;transform:translateY(0)}.user-prefix-badge.is-small:hover{transform:translateY(0) scale(1.05)}.user-prefix-badge .user-prefix-text{display:inline-block;line-height:1;transform:translateY(.5px)}.m3-settings-modal .m3-prefix-card{gap:16px!important;margin-bottom:20px!important}.m3-chip-status{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:8px;background:var(--q-surface-container-high);border:1px solid var(--q-outline-soft);font-size:11px;font-weight:600;color:var(--q-primary);letter-spacing:.02em;flex-shrink:0}.m3-chip-status-dot{width:6px;height:6px;border-radius:50%;background:var(--q-primary)}.m3-prefix-preview-box{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:18px;background:var(--q-surface-container-low);border:1px solid var(--q-outline-soft);box-sizing:border-box}.m3-prefix-preview-header{display:flex;align-items:center;justify-content:space-between}.m3-prefix-preview-tag{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--q-muted);text-transform:uppercase}.m3-prefix-message-bubble{display:flex;align-items:flex-start;gap:10px}.m3-prefix-bubble-content{flex:1 1;min-width:0;padding:10px 14px;border-radius:4px 18px 18px 18px;background:var(--q-surface);border:1px solid var(--q-outline-soft);box-shadow:0 1px 4px rgba(0,0,0,.05)}.m3-prefix-bubble-text{margin:0;font-size:13.5px;color:var(--q-text);line-height:1.4}.m3-prefix-bubble-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:4px;font-size:10.5px;color:var(--q-muted)}.m3-prefix-meta-check{color:var(--q-primary)}.m3-field-header-row{display:flex;align-items:center;justify-content:space-between}.m3-field-counter{font-size:11px;font-weight:600;color:var(--q-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.m3-field-leading-icon{margin-left:14px;margin-right:-4px;color:var(--q-muted);flex-shrink:0;transition:color var(--q-duration-short3) var(--q-ease-standard)}.m3-input-container:focus-within .m3-field-leading-icon{color:var(--q-primary)}.m3-field-clear-btn{background:transparent;border:none;cursor:pointer;padding:8px;margin-right:6px;color:var(--q-muted);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background var(--q-duration-short3),color var(--q-duration-short3)}.m3-field-clear-btn:hover{background:var(--q-surface-container);color:var(--q-text)}.m3-suggestion-chips-row{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.m3-suggestion-chips-row::-webkit-scrollbar{display:none}.m3-suggestion-chip{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 10px;border-radius:8px;background:var(--q-surface-container-high);border:1px solid var(--q-outline-soft);color:var(--q-text);font-size:11.5px;font-weight:600;letter-spacing:.03em;cursor:pointer;transition:background-color .14s linear;white-space:nowrap;flex-shrink:0}.m3-suggestion-chip:hover{background:var(--q-surface-container);border-color:var(--q-outline)}.m3-suggestion-chip.selected{background:var(--q-secondary-container,var(--q-primary-container));color:var(--q-on-secondary-container,var(--q-on-primary-container));border-color:var(--q-outline)}.m3-chip-check-icon{flex-shrink:0}.m3-filter-chips-scroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.m3-filter-chip{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px;border-radius:10px;background:var(--q-surface-container-high);border:1px solid var(--q-outline-soft);color:var(--q-text);font-size:12.5px;font-weight:500;cursor:pointer;transition:background-color .14s linear;flex-shrink:0;white-space:nowrap}.m3-filter-chip:hover{background:var(--q-surface-container);border-color:var(--q-outline)}.m3-filter-chip.selected{background:var(--q-secondary-container,var(--q-primary-container));color:var(--q-on-secondary-container,var(--q-on-primary-container));border-color:var(--q-outline);font-weight:600}.m3-filter-chip-swatch{width:10px;height:10px;border-radius:50%;flex-shrink:0}.m3-filter-chip-text{line-height:1}.m3-segmented-button{display:flex;padding:3px;border-radius:9999px;background:var(--q-surface-container-low);border:1px solid var(--q-outline-soft);gap:4px}.m3-segment{flex:1 1;height:36px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;border-radius:9999px;background:transparent;border:none;color:var(--q-muted);font-size:12.5px;font-weight:500;cursor:pointer;transition:color .14s linear}.m3-segment:hover{color:var(--q-text)}.m3-segment.selected{background:var(--q-surface);color:var(--q-text);font-weight:600;box-shadow:0 1px 4px rgba(0,0,0,.08)}.m3-segment-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0}.m3-segment-icon{flex-shrink:0;color:var(--q-primary)}.m3-swatches-grid{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:4px}.m3-swatch-circle{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;display:grid;place-items:center;transition:transform var(--q-duration-short3) var(--q-ease-standard),box-shadow var(--q-duration-short3) var(--q-ease-standard);box-sizing:border-box}.m3-swatch-circle:hover{transform:scale(1.12)}.m3-swatch-circle.selected{transform:scale(1.08);box-shadow:0 0 0 2px var(--q-surface),0 0 0 4px var(--q-primary)}.m3-color-actions-row{display:flex;align-items:center;gap:8px;margin-top:4px;width:100%}.m3-native-picker-wrap{position:relative;width:44px;height:44px;flex-shrink:0;border-radius:14px;overflow:hidden;border:1px solid var(--q-outline-soft);background:var(--q-surface-container-high);cursor:pointer}.m3-native-color-picker{position:absolute;top:-5px;left:-5px;width:60px;height:60px;opacity:0;cursor:pointer}.m3-native-picker-preview{display:block;width:100%;height:100%;pointer-events:none}.m3-hex-input-wrap{flex:1 1;min-width:0;height:44px}.m3-hex-input{height:44px!important;font-family:monospace;font-size:13.5px!important;font-weight:600;text-transform:uppercase}.m3-reset-btn{height:44px!important;border-radius:14px!important;padding:0 16px!important;flex-shrink:0}@media (max-width:640px){.m3-settings-modal .m3-prefix-card{padding:16px!important;gap:14px!important}.m3-swatches-grid{gap:7px}.m3-swatch-circle{width:30px;height:30px}.m3-filter-chip{height:34px;padding:0 10px;font-size:12px}.m3-color-actions-row{flex-wrap:wrap}.m3-hex-input-wrap{flex:1 1 140px}}.passcode-screen{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px 16px;background:var(--q-bg);background-image:radial-gradient(circle at 50% 32%,color-mix(in srgb,var(--q-primary) 14%,transparent),transparent 68%);box-sizing:border-box}.passcode-card{width:min(390px,100%);padding:40px 28px 32px;border-radius:36px;background:var(--q-surface-container);border:1px solid var(--q-outline-variant);box-shadow:0 24px 64px var(--q-shadow);display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;box-sizing:border-box;animation:m3-sheet-up var(--q-duration-medium2) var(--q-ease-out) both}.passcode-icon{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:var(--q-primary-container);color:var(--q-on-primary-container);box-shadow:0 10px 28px color-mix(in srgb,var(--q-primary) 28%,transparent);margin-bottom:2px;animation:message-in var(--q-duration-medium) var(--q-ease-out) both}.passcode-card h1{font-size:25px;font-weight:700;color:var(--q-text);margin:0;letter-spacing:-.025em}.passcode-card p{font-size:14px;color:var(--q-muted);line-height:1.5;margin:0 0 6px;max-width:280px}.passcode-input-box{width:100%;position:relative;display:flex;flex-direction:column;align-items:center;gap:10px}.passcode-card input[type=password]{width:100%;height:56px;padding:0 18px;border-radius:20px;border:1.5px solid var(--q-outline);background:var(--q-surface-container-high);color:var(--q-text);font-size:26px;letter-spacing:.35em;text-align:center;box-sizing:border-box;outline:none!important;transition:border-color .14s linear,background-color .14s linear,box-shadow .14s var(--q-ease-standard)}.passcode-card input[type=password]:focus{border-color:var(--q-primary);background:var(--q-surface-container-highest);box-shadow:0 0 0 3px color-mix(in srgb,var(--q-primary) 20%,transparent)!important}.passcode-card small[role=alert]{display:inline-flex;align-items:center;padding:8px 16px;border-radius:9999px;background:var(--q-error-container);color:var(--q-on-error-container);font-size:13px;font-weight:500;animation:shake var(--q-duration-medium1) ease-in-out}.passcode-actions{width:100%;display:flex;flex-direction:column;gap:10px;margin-top:4px}.passcode-card button.primary{width:100%;height:52px;border-radius:9999px;background:var(--q-primary);color:var(--q-on-primary);font-size:15px;font-weight:700;border:none;cursor:pointer;box-shadow:0 6px 20px color-mix(in srgb,var(--q-primary) 32%,transparent);transition:transform .16s var(--q-ease-standard),filter .14s linear;display:grid;place-items:center}.passcode-card button.primary:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.passcode-card button.primary:active:not(:disabled){transform:scale(.98)}.passcode-card button.primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.passcode-card button.text-button{width:100%;height:44px;border-radius:9999px;background:transparent;color:var(--q-error);font-size:13.5px;font-weight:600;border:none;cursor:pointer;transition:background var(--q-duration-short3) ease;display:grid;place-items:center}.passcode-card button.text-button:hover{background:color-mix(in srgb,var(--q-error) 10%,transparent)}@keyframes shake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}.message-swipe-container{position:relative;overflow:visible;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;flex-direction:column;width:100%}.swipe-reply-anchor{position:absolute;top:50%;right:-44px;transform:translateY(-50%);scale:1;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--q-surface-container-high);color:var(--q-muted);pointer-events:none;transition:opacity .16s linear,scale .2s var(--q-motion-spatial),border-radius .2s var(--q-motion-spatial),background-color .2s linear,color .2s linear,box-shadow .2s var(--q-motion-effects);opacity:0;z-index:1}.swipe-reply-anchor.is-visible{opacity:1}.swipe-reply-anchor.is-active{background:var(--q-primary);color:var(--q-on-primary);border-radius:var(--q-shape-flower);box-shadow:0 4px 14px color-mix(in srgb,var(--q-primary) 35%,transparent);animation:swipe-anchor-pop var(--q-duration-long1) var(--q-ease-emphasized) both}@keyframes swipe-anchor-pop{0%{scale:.7}55%{scale:1.32}to{scale:1.18}}.drag-react-fan{position:absolute;top:-6px;left:50%;transform:translate(-50%,-100%);display:flex;gap:6px;padding:8px 10px;border-radius:var(--q-radius-pill);background:color-mix(in srgb,var(--q-surface-container-highest) 94%,transparent);box-shadow:var(--q-elevation-3),var(--q-glow-soft);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);pointer-events:none;z-index:4;animation:drag-fan-in var(--q-duration-medium2) var(--q-ease-emphasized-decelerate) both}.message.own .drag-react-fan,.message.own~.drag-react-fan{left:auto;right:0;transform:translateY(-100%)}@keyframes drag-fan-in{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}.drag-react-emoji{display:grid;place-items:center;width:38px;height:38px;font-size:20px;border-radius:50%;opacity:.45;scale:.8;filter:grayscale(.5);transition:opacity .14s linear,scale .16s var(--q-ease-emphasized),filter .16s linear,background-color .16s linear}.drag-react-emoji.is-target{opacity:1;scale:1.28;filter:none;background:color-mix(in srgb,var(--q-secondary-container) 90%,transparent);box-shadow:var(--q-glow-soft)}@media (prefers-reduced-motion:reduce){.drag-react-fan{animation:none}.drag-react-emoji{transition-duration:1ms}}.m3-peek-backdrop{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.65);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:grid;place-items:center;padding:20px;animation:fade-in var(--q-duration-short4) ease both}.m3-peek-card{width:min(390px,100%);max-height:calc(100dvh - 60px);border-radius:32px;background:var(--q-surface);border:1px solid var(--q-outline-variant);box-shadow:0 28px 80px var(--q-shadow);display:flex;flex-direction:column;overflow:hidden;animation:m3-sheet-up var(--q-duration-medium1) cubic-bezier(.16,1,.3,1) both}.m3-peek-header{display:flex;align-items:center;gap:14px;padding:20px 22px;background:var(--q-surface-container);border-bottom:1px solid var(--q-outline-soft)}.m3-peek-header .chat-avatar{width:50px;height:50px;flex-shrink:0}.m3-peek-info{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1 1}.m3-peek-info strong{font-size:16px;color:var(--q-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m3-peek-info small{font-size:12.5px;color:var(--q-muted)}.m3-peek-body{padding:16px;max-height:280px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;background:var(--q-bg)}.m3-peek-bubble{max-width:86%;padding:10px 14px;border-radius:18px 18px 18px 4px;background:var(--q-surface-container-high);color:var(--q-text);font-size:14px;line-height:1.45}.m3-peek-bubble.own{align-self:flex-end;border-radius:18px 18px 4px 18px;background:var(--q-primary);color:var(--q-on-primary)}.m3-peek-empty{padding:28px 16px;text-align:center;color:var(--q-muted);font-size:13.5px}.m3-peek-actions{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;padding:14px 16px;background:var(--q-surface-container);border-top:1px solid var(--q-outline-soft)}.m3-peek-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 6px;border-radius:18px;background:var(--q-surface-container-high);color:var(--q-text);font-size:12px;font-weight:600;border:none;cursor:pointer;transition:background-color .14s linear,transform .16s var(--q-ease-standard)}.m3-peek-btn:hover{background:var(--q-surface-container-highest);transform:translateY(-1px)}.m3-peek-btn.primary{background:var(--q-primary-container);color:var(--q-on-primary-container)}.m3-peek-btn.danger{color:var(--q-error)}.profile-modal-backdrop{position:fixed!important;inset:0!important;z-index:1050!important;background:rgba(8,6,12,.84)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;display:grid!important;place-items:center!important;align-items:center!important;justify-content:center!important;padding:16px!important;animation:m3-fade-in var(--q-duration-short4) cubic-bezier(.2,0,0,1)!important}.profile-modal{width:100%!important;max-width:384px!important;max-height:min(670px,calc(100dvh - 28px))!important;background:linear-gradient(180deg,var(--q-surface-container-high) 0,var(--q-surface-container) 100%)!important;color:var(--q-text)!important;border-radius:28px!important;border:1px solid color-mix(in srgb,var(--q-text) 8%,transparent)!important;box-shadow:0 24px 64px -12px rgba(0,0,0,.85),0 0 0 1px color-mix(in srgb,var(--q-text) 4%,transparent),inset 0 1px 1px 0 color-mix(in srgb,var(--q-text) 12%,transparent)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;position:relative!important;margin:auto!important;padding:0!important;animation:m3-scale-up var(--q-duration-medium1) cubic-bezier(.2,0,0,1)!important}.profile-modal:before{display:none!important;content:none!important}.profile-modal-top{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 6px;flex-shrink:0}.profile-modal-title{font-size:14.5px;font-weight:600;color:var(--q-muted);letter-spacing:.02em}.profile-close-btn{background:color-mix(in srgb,var(--q-text) 5%,transparent);border:1px solid color-mix(in srgb,var(--q-text) 6%,transparent);border-radius:50%;width:32px;height:32px;display:grid;place-items:center;color:var(--q-muted);cursor:pointer;transition:background-color .14s linear,color .14s linear,transform .16s var(--q-ease-standard)}.profile-close-btn:hover{background:color-mix(in srgb,var(--q-text) 12%,transparent);color:var(--q-text);transform:scale(1.06)}.profile-modal-scrollable{flex:1 1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:2px 18px 20px;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--q-text) 14%,transparent) transparent}.profile-modal-scrollable::-webkit-scrollbar{width:4px}.profile-modal-scrollable::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--q-text) 14%,transparent);border-radius:999px}.profile-hero{flex-direction:column;text-align:center;padding:4px 0 16px;gap:10px}.profile-avatar-container,.profile-hero{display:flex;align-items:center;flex-shrink:0}.profile-avatar-container{position:relative;width:82px;height:82px;border-radius:50%;box-shadow:0 8px 22px -4px rgba(0,0,0,.6),0 0 0 3px color-mix(in srgb,var(--q-text) 8%,transparent),0 0 20px -2px color-mix(in srgb,var(--q-primary) 22%,transparent);background:linear-gradient(135deg,var(--q-primary) 0,var(--q-tertiary) 100%);justify-content:center}.profile-avatar-container.clickable{cursor:pointer;transition:transform var(--q-duration-short3) cubic-bezier(.2,0,0,1)}.profile-avatar-container.clickable:hover{transform:scale(1.04)}.profile-hero-avatar{width:100%!important;height:100%!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:30px!important;font-weight:600!important;color:var(--q-on-color)!important;letter-spacing:.5px!important;text-shadow:0 2px 6px rgba(0,0,0,.35)!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.profile-title-group{display:flex;flex-direction:column;align-items:center;gap:5px;max-width:100%}.profile-name-row{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap}.profile-name-row .user-name-text{font-size:20px;font-weight:700;color:var(--q-text);letter-spacing:-.015em}.profile-username{font-size:13px;color:var(--q-muted);font-weight:500}.profile-meta-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:2px}.profile-status-indicator{display:inline-flex;align-items:center;gap:6px;background:color-mix(in srgb,var(--q-text) 4%,transparent);border:1px solid color-mix(in srgb,var(--q-text) 6%,transparent);border-radius:9999px;padding:3px 10px;font-size:11.5px;font-weight:500;color:var(--q-text)}.profile-status-dot{width:6.5px;height:6.5px;border-radius:50%;background:var(--q-success);box-shadow:0 0 8px rgba(34,197,94,.7);flex-shrink:0}.profile-actions-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px;margin-bottom:16px;flex-shrink:0}.profile-action-item{display:flex;flex-direction:column;align-items:center;gap:6px;background:transparent;border:none;cursor:pointer;outline:none;padding:0}.profile-action-circle{width:44px;height:44px;border-radius:50%;background:rgba(167,139,250,.1);border:1px solid rgba(167,139,250,.18);display:grid;place-items:center;color:var(--q-primary);transition:background-color .14s linear,border-color .14s linear,color .14s linear}.profile-action-item:hover .profile-action-circle{background:color-mix(in srgb,var(--q-primary) 22%,transparent);border-color:color-mix(in srgb,var(--q-primary) 40%,transparent);color:var(--q-primary);transform:translateY(-2px);box-shadow:0 6px 16px -2px color-mix(in srgb,var(--q-primary) 30%,transparent)}.profile-action-item:active .profile-action-circle{transform:scale(.94)}.profile-action-label{font-size:11px;font-weight:500;color:var(--q-muted);letter-spacing:.01em}.m3-profile-card-group{background:color-mix(in srgb,var(--q-text) 3.5%,transparent);border:1px solid color-mix(in srgb,var(--q-text) 6.5%,transparent);border-radius:20px;overflow:hidden;display:flex;flex-direction:column}.m3-profile-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-bottom:1px solid color-mix(in srgb,var(--q-text) 4%,transparent);transition:background var(--q-duration-short3) ease;position:relative}.m3-profile-item:last-child{border-bottom:none}.m3-profile-item.clickable{cursor:pointer}.m3-profile-item.clickable:hover{background:color-mix(in srgb,var(--q-text) 4%,transparent)}.m3-profile-item-icon{width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--q-primary) 8%,transparent);border:1px solid color-mix(in srgb,var(--q-primary) 12%,transparent);display:grid;place-items:center;color:var(--q-primary);flex-shrink:0}.m3-profile-item-icon.creator{background:color-mix(in srgb,var(--q-text) 8%,transparent);border-color:color-mix(in srgb,var(--q-text) 12%,transparent);color:var(--q-on-color)}.m3-profile-item-icon.verified{background:rgba(42,171,238,.12);border-color:rgba(42,171,238,.2);color:var(--q-primary)}.m3-profile-item-icon.cat,.m3-profile-item-icon.cbt{background:rgba(56,189,248,.12);border-color:rgba(56,189,248,.2);color:var(--q-tertiary)}.m3-profile-item-content{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.m3-profile-item-label{font-size:10px;color:var(--q-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.m3-profile-item-val{font-weight:500}.m3-profile-item-text,.m3-profile-item-val{font-size:13.5px;color:var(--q-text);word-break:break-word}.m3-profile-item-text{margin:0;line-height:1.45}.m3-profile-item-code{font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:var(--q-muted);word-break:break-all}.m3-item-action-btn{background:transparent;border:none;color:var(--q-muted);padding:6px;border-radius:8px;display:grid;place-items:center;cursor:pointer;transition:background-color .14s linear,color .14s linear;flex-shrink:0}.m3-item-action-btn:hover{color:var(--q-primary);background:color-mix(in srgb,var(--q-text) 6%,transparent)}.profile-block-wrap{margin-top:10px}.profile-block-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:14px;background:hsla(0,91%,71%,.04);border:1px solid hsla(0,91%,71%,.18);color:var(--q-error);font-size:12.5px;font-weight:600;cursor:pointer;transition:background-color .14s linear,border-color .14s linear}.profile-block-btn:hover{background:hsla(0,91%,71%,.12);border-color:hsla(0,91%,71%,.35)}.profile-block-btn.is-blocked{background:rgba(34,197,94,.04);border-color:rgba(34,197,94,.22);color:var(--q-success)}.profile-block-btn.is-blocked:hover{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.35)}.profile-avatar-lightbox{position:fixed;inset:0;z-index:1200;background:rgba(0,0,0,.88);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;animation:m3-fade-in var(--q-duration-short4) ease-out}.profile-avatar-lightbox img{max-width:90vw;max-height:80vh;border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.8);object-fit:contain}.profile-lightbox-close{position:absolute;top:20px;right:20px;width:42px;height:42px;border-radius:50%;background:color-mix(in srgb,var(--q-on-scrim) 15%,transparent);border:none;color:var(--q-on-scrim);display:grid;place-items:center;cursor:pointer;transition:background var(--q-duration-short3) ease}.profile-lightbox-close:hover{background:color-mix(in srgb,var(--q-on-scrim) 28%,transparent)}.channel-join-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;background:var(--q-surface-container);border:1px solid var(--q-outline-soft);border-radius:20px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 30px rgba(0,0,0,.15);animation:m3-slide-up var(--q-duration-short4) cubic-bezier(.2,0,0,1)}.channel-join-bar-info{display:flex;flex-direction:column;gap:2px;min-width:0}.channel-join-bar-info strong{font-size:14px;font-weight:700;color:var(--q-text)}.channel-join-bar-info small{font-size:12px;color:var(--q-muted)}.channel-join-bar-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:9999px;background:var(--q-primary);color:var(--q-on-primary);border:none;font-size:13.5px;font-weight:700;letter-spacing:.02em;cursor:pointer;box-shadow:0 4px 18px rgba(124,93,250,.35);transition:transform var(--q-duration-short3) ease,box-shadow var(--q-duration-short3) ease,background var(--q-duration-short3) ease;white-space:nowrap;flex-shrink:0}.channel-join-bar-btn:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 6px 24px rgba(124,93,250,.5);background:color-mix(in srgb,var(--q-primary) 90%,#fff)}.channel-join-bar-btn:active{transform:scale(.97)}.person-row-badge{font-size:11.5px;font-weight:600;color:var(--q-primary);background:var(--q-primary-container,rgba(167,139,250,.15));padding:3px 9px;border-radius:10px;border:1px solid var(--q-outline-soft,rgba(167,139,250,.25))}.channel-heading.clickable{cursor:pointer;border-radius:12px;padding:2px 6px;margin:-2px -6px;transition:background var(--q-duration-short3) ease}.channel-heading.clickable:hover{background:var(--q-surface-container-high)}.message-avatar-wrap{display:inline-flex;border-radius:50%;transition:transform var(--q-duration-short3) ease}.message-avatar-wrap:hover{transform:scale(1.08)}.discord-awards-container{gap:6px;background:color-mix(in srgb,var(--q-text) 4%,transparent);border:1px solid color-mix(in srgb,var(--q-text) 6%,transparent);border-radius:9999px;padding:3px 8px;margin:0;max-width:100%}.discord-award-item,.discord-awards-container{display:inline-flex;align-items:center;position:relative}.discord-award-item{justify-content:center;cursor:pointer;outline:none;transition:transform var(--q-duration-short3) var(--q-ease-emphasized),filter var(--q-duration-short3) var(--q-ease-standard);-webkit-user-select:none;-moz-user-select:none;user-select:none}.discord-award-item:focus-visible,.discord-award-item:hover{transform:translateY(-1px) scale(1.1);filter:brightness(1.15)}.discord-award-icon-wrap{display:inline-flex;align-items:center;justify-content:center}.discord-award-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(6px) scale(.92);opacity:0;visibility:hidden;pointer-events:none;background:var(--q-inverse-surface);color:var(--q-on-inverse-surface,#f8fafc);border:1px solid color-mix(in srgb,currentColor 14%,transparent);border-radius:var(--q-radius-sm);padding:7px 11px;min-width:150px;max-width:220px;box-shadow:var(--q-elevation-3);z-index:1000;display:flex;flex-direction:column;gap:2px;text-align:center;transition:opacity var(--q-duration-short3) var(--q-ease-emphasized-accelerate),transform var(--q-duration-medium2) var(--q-ease-emphasized-decelerate),visibility var(--q-duration-short3)}.discord-award-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border-width:5px;border-style:solid;border-color:var(--q-inverse-surface) transparent transparent transparent}.discord-award-item:active .discord-award-tooltip,.discord-award-item:focus-visible .discord-award-tooltip,.discord-award-item:hover .discord-award-tooltip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0) scale(1)}.discord-award-tooltip-title{font-size:12.5px;font-weight:700;color:var(--q-on-inverse-surface);letter-spacing:-.01em;white-space:nowrap}.discord-award-tooltip-desc{font-size:11px;line-height:1.35;color:var(--q-inverse-on-surface,var(--q-muted));font-weight:400}.creator-badge{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex-shrink:0}.creator-badge svg{filter:drop-shadow(0 1px 2px color-mix(in srgb,#000 40%,transparent));transition:filter var(--q-duration-short3) var(--q-ease-standard)}.discord-award-item:hover .creator-badge svg{filter:drop-shadow(0 0 4px color-mix(in srgb,var(--q-on-inverse-surface) 45%,transparent))}.cat-badge,.cbt-badge{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex-shrink:0;transition:transform var(--q-duration-short3) ease,filter var(--q-duration-short3) ease}.cat-badge:hover,.cbt-badge:hover{filter:drop-shadow(0 0 4px color-mix(in srgb,var(--q-tertiary) 50%,transparent))}.material-expressive .m3-call-window,.material-expressive .m3-incoming-call-card,.material-expressive .m3-peek-card,.material-expressive .m3-settings-modal.unified-settings{border-radius:var(--q-radius-panel)!important}.material-expressive .m3-settings-modal .m3-avatar-card,.material-expressive .m3-settings-modal .m3-card{border-radius:28px!important}.material-expressive .m3-settings-modal .m3-card:nth-child(odd){border-bottom-left-radius:14px!important}.material-expressive .m3-settings-modal .m3-card-icon,.material-expressive .m3-settings-modal .m3-palette-swatch{border-radius:18px!important}.material-expressive .m3-settings-modal .m3-btn,.material-expressive .m3-settings-modal .m3-text-btn,.material-expressive .m3-settings-modal .m3-tonal-btn{transition-timing-function:var(--q-ease-expressive)!important}.material-expressive .m3-settings-modal .m3-btn-primary:hover:not(:disabled),.material-expressive .m3-settings-modal .m3-tonal-btn:hover{transform:translateY(-2px) scale(1.01)!important}.material-expressive .profile-expressive-shell{--profile-ink:var(--q-text);--profile-muted:var(--q-muted);--profile-surface:var(--q-surface);--profile-container:var(--q-surface-container);--profile-container-high:var(--q-surface-container-high);--profile-accent:var(--q-primary);--profile-accent-container:var(--q-primary-container);background:radial-gradient(circle at 84% 4%,color-mix(in srgb,var(--profile-accent) 24%,transparent),transparent 34%),linear-gradient(155deg,var(--profile-container-high),var(--profile-surface) 48%,var(--q-surface-low))!important;color:var(--profile-ink)!important;border:1px solid var(--q-outline-soft)!important;border-radius:28px!important;box-shadow:var(--q-elevation-3),0 0 0 1px color-mix(in srgb,var(--profile-accent) 9%,transparent),inset 0 1px 0 color-mix(in srgb,var(--q-text) 14%,transparent)!important;animation:profile-expressive-in var(--q-duration-enter) var(--q-ease-expressive) both!important}.material-expressive .profile-expressive-shell .profile-modal-top{padding:18px 20px 8px!important}.material-expressive .profile-expressive-shell .profile-modal-title{display:inline-flex;align-items:center;gap:8px;color:var(--profile-muted)!important;font-size:11px!important;font-weight:750!important;letter-spacing:.14em!important;text-transform:uppercase}.material-expressive .profile-expressive-shell .profile-modal-title:before{content:"";width:8px;height:8px;border-radius:3px 50% 50% 50%;background:var(--profile-accent);box-shadow:0 0 12px color-mix(in srgb,var(--profile-accent) 55%,transparent);transform:rotate(45deg)}.material-expressive .profile-expressive-shell .profile-close-btn{width:38px!important;height:38px!important;border-radius:14px 14px 14px 6px!important;background:var(--q-surface-container)!important;border:1px solid var(--q-outline-soft)!important;color:var(--profile-muted)!important;transition:transform var(--q-duration-medium) var(--q-ease-expressive),background var(--q-duration-fast),color var(--q-duration-fast)!important}.material-expressive .profile-expressive-shell .profile-close-btn:hover{background:var(--profile-accent-container)!important;color:var(--q-on-primary-container)!important;transform:rotate(8deg) scale(1.06)!important}.material-expressive .profile-expressive-shell .profile-modal-scrollable{padding:0 18px 22px!important}.material-expressive .profile-expressive-shell .profile-hero{position:relative;isolation:isolate;margin:4px 0 16px;padding:22px 14px 18px!important;border:1px solid var(--q-outline-soft);border-radius:30px 30px 14px 30px;background:color-mix(in srgb,var(--profile-container) 82%,transparent);overflow:hidden}.material-expressive .profile-expressive-shell .profile-hero:before{content:"";position:absolute;z-index:-1;width:160px;height:160px;right:-62px;top:-72px;border-radius:44% 56% 62% 38%;background:color-mix(in srgb,var(--profile-accent) 20%,transparent);transform:rotate(25deg)}.material-expressive .profile-expressive-shell .profile-avatar-container{width:96px!important;height:96px!important;padding:4px;background:linear-gradient(145deg,var(--profile-accent),var(--q-tertiary,var(--profile-accent-container)))!important;border:0!important;box-shadow:0 12px 28px color-mix(in srgb,var(--profile-accent) 30%,transparent),0 0 0 6px color-mix(in srgb,var(--profile-accent) 12%,transparent)!important}.material-expressive .profile-expressive-shell .profile-hero-avatar{border:3px solid var(--profile-container-high)!important}.material-expressive .profile-expressive-shell .profile-title-group{gap:6px!important}.material-expressive .profile-expressive-shell .profile-name-row .user-name-text{color:var(--profile-ink)!important;font-size:23px!important;letter-spacing:-.035em!important}.material-expressive .profile-expressive-shell .profile-username{color:var(--profile-muted)!important;font-size:13px!important}.material-expressive .profile-expressive-shell .profile-status-indicator{background:color-mix(in srgb,var(--q-success) 13%,transparent)!important;border-color:color-mix(in srgb,var(--q-success) 25%,transparent)!important;color:var(--profile-ink)!important;border-radius:999px 999px 999px 8px!important}.material-expressive .profile-expressive-shell .profile-status-dot{background:var(--q-success)!important;box-shadow:0 0 10px color-mix(in srgb,var(--q-success) 70%,transparent)!important}.material-expressive .profile-expressive-shell .profile-actions-row{gap:10px!important;margin:0 2px 18px!important;padding:10px!important;border:1px solid var(--q-outline-soft);border-radius:24px 24px 12px 24px;background:color-mix(in srgb,var(--profile-container) 72%,transparent)}.material-expressive .profile-expressive-shell .profile-action-item{min-width:0;border-radius:18px 18px 10px 18px;padding:4px 2px!important;transition:background var(--q-duration-fast),transform var(--q-duration-medium) var(--q-ease-expressive)!important}.material-expressive .profile-expressive-shell .profile-action-item:hover{background:color-mix(in srgb,var(--profile-accent) 11%,transparent)!important;transform:translateY(-2px)}.material-expressive .profile-expressive-shell .profile-action-circle{width:46px!important;height:46px!important;border-radius:18px 18px 18px 7px!important;background:var(--profile-accent-container)!important;border:1px solid color-mix(in srgb,var(--profile-accent) 24%,transparent)!important;color:var(--q-on-primary-container)!important;box-shadow:none!important}.material-expressive .profile-expressive-shell .profile-action-item:hover .profile-action-circle{background:var(--profile-accent)!important;color:var(--q-on-primary)!important;border-radius:50%!important;box-shadow:0 8px 18px color-mix(in srgb,var(--profile-accent) 28%,transparent)!important}.material-expressive .profile-expressive-shell .profile-action-label{color:var(--profile-muted)!important;font-size:10px!important;font-weight:700!important}.material-expressive .profile-expressive-shell .m3-profile-card-group{background:color-mix(in srgb,var(--profile-container) 78%,transparent)!important;border:1px solid var(--q-outline-soft)!important;border-radius:28px 28px 14px 28px!important;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--q-text) 7%,transparent)}.material-expressive .profile-expressive-shell .m3-profile-item{min-height:64px;padding:12px 14px!important;border-bottom-color:var(--q-outline-soft)!important;transition:background var(--q-duration-fast),padding var(--q-duration-medium) var(--q-ease-expressive)!important}.material-expressive .profile-expressive-shell .m3-profile-item.clickable:hover{padding-left:18px!important;background:color-mix(in srgb,var(--profile-accent) 9%,transparent)!important}.material-expressive .profile-expressive-shell .m3-profile-item-icon{width:38px!important;height:38px!important;border-radius:14px 14px 14px 5px!important;background:var(--profile-accent-container)!important;border-color:color-mix(in srgb,var(--profile-accent) 20%,transparent)!important;color:var(--q-on-primary-container)!important}.material-expressive .profile-expressive-shell .m3-profile-item-icon.cat,.material-expressive .profile-expressive-shell .m3-profile-item-icon.cbt,.material-expressive .profile-expressive-shell .m3-profile-item-icon.creator,.material-expressive .profile-expressive-shell .m3-profile-item-icon.verified{background:color-mix(in srgb,var(--profile-accent) 13%,var(--profile-container))!important;border-color:color-mix(in srgb,var(--profile-accent) 24%,transparent)!important;color:var(--profile-accent)!important}.material-expressive .profile-expressive-shell .m3-profile-item-label{color:var(--profile-muted)!important;font-size:10px!important;letter-spacing:.1em!important}.material-expressive .profile-expressive-shell .m3-profile-item-text,.material-expressive .profile-expressive-shell .m3-profile-item-val{color:var(--profile-ink)!important}.material-expressive .profile-expressive-shell .m3-item-action-btn{border-radius:12px 12px 12px 5px!important;background:color-mix(in srgb,var(--profile-accent) 10%,transparent)!important;color:var(--profile-accent)!important}.material-expressive .profile-expressive-shell .profile-block-wrap{margin-top:14px!important}.material-expressive .profile-expressive-shell .profile-block-btn{min-height:48px;border-radius:18px 18px 8px 18px!important;border-color:color-mix(in srgb,var(--q-error) 24%,transparent)!important;background:color-mix(in srgb,var(--q-error) 8%,transparent)!important;color:var(--q-error)!important}.material-expressive .profile-expressive-shell .profile-block-btn.is-blocked{border-color:color-mix(in srgb,var(--q-success) 26%,transparent)!important;background:color-mix(in srgb,var(--q-success) 8%,transparent)!important;color:var(--q-success)!important}.profile-notice-toast{position:absolute!important;top:14px!important;left:50%!important;transform:translateX(-50%)!important;z-index:50!important;display:inline-flex!important;align-items:center!important;gap:8px!important;padding:8px 16px!important;border-radius:9999px!important;background:var(--q-surface-container-highest)!important;color:var(--q-text)!important;border:1px solid var(--q-outline-soft)!important;box-shadow:0 8px 24px var(--q-shadow)!important;font-size:12.5px!important;font-weight:600!important;white-space:nowrap!important;animation:m3-toast-in var(--q-duration-short4) var(--q-ease-out) both!important;pointer-events:none!important}.profile-notice-toast svg{color:var(--q-primary)!important}.profile-btn-spinner{width:14px!important;height:14px!important;border-radius:50%!important;border:2px solid!important;border-top:2px solid transparent!important;animation:m3-spin .6s linear infinite!important;display:inline-block!important}@keyframes profile-expressive-in{0%{opacity:0;transform:translateY(14px) scale(.96) rotate(-.6deg)}to{opacity:1;transform:none}}.material-expressive .profile-expressive-shell .m3-profile-item-code{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px!important;font-family:var(--font-mono)!important;color:var(--profile-muted)!important;letter-spacing:.01em}.material-expressive .profile-expressive-shell .profile-id-footer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:8px;gap:8px;margin-top:10px;padding:8px 10px 8px 12px;border:1px solid var(--q-outline-soft);border-radius:14px 14px 7px 14px;background:color-mix(in srgb,var(--profile-container) 56%,transparent);color:var(--profile-muted)}.material-expressive .profile-expressive-shell .profile-id-label{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.material-expressive .profile-expressive-shell .profile-id-footer .m3-item-action-btn{width:28px;height:28px;padding:0}@media (max-width:768px){.modal-backdrop,.profile-modal-backdrop{display:grid!important;place-items:center!important;align-items:center!important;justify-content:center!important;padding:12px!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}.m3-settings-modal.unified-settings{width:min(640px,calc(100vw - 20px))!important;max-height:min(860px,calc(100dvh - 20px))!important;margin:auto!important;border-radius:28px!important}.m3-settings-modal .modal-top{padding:16px 18px 12px!important}.m3-settings-modal .modal-title-group h3{font-size:20px!important}.m3-settings-modal .modal-title-group p{font-size:12px!important}.m3-settings-modal .settings-tabs{margin:8px 12px 6px!important;padding:4px!important;gap:6px!important}.m3-settings-modal .settings-tabs-pill{top:4px!important;bottom:4px!important}.m3-settings-modal .settings-tabs button{padding:0 14px!important;min-height:38px!important;font-size:13px!important;gap:6px!important}.m3-settings-modal .settings-content{padding:12px 14px max(20px,env(safe-area-inset-bottom))!important;gap:12px!important}.m3-settings-modal .settings-notifications .push-settings{padding:16px!important;border-radius:20px!important}.m3-settings-modal .settings-notifications .push-settings-main{flex-wrap:wrap!important;gap:12px!important}.m3-settings-modal .settings-notifications .push-settings-copy{flex-grow:1;flex-shrink:1;flex-basis:calc(100% - 60px)}.m3-settings-modal .settings-notifications .push-toggle{width:100%!important;justify-content:center!important;text-align:center!important}.material-expressive .profile-expressive-shell,.profile-modal{width:min(384px,calc(100vw - 24px))!important;max-width:384px!important;max-height:min(670px,calc(100dvh - 24px))!important;margin:auto!important;border-radius:28px!important}}@media (max-width:480px){.push-settings-compact .push-settings-main{flex-wrap:wrap!important;gap:10px!important}.push-settings-compact .push-settings-copy{flex-grow:1;flex-shrink:1;flex-basis:calc(100% - 50px)}.push-settings-compact .push-settings-actions{width:100%!important;justify-content:flex-end!important;gap:8px!important}.material-expressive .profile-expressive-shell{max-height:calc(100dvh - 16px)!important;border-radius:28px!important;margin:auto!important}.material-expressive .profile-expressive-shell .profile-actions-row{gap:4px!important;padding:7px!important}.material-expressive .profile-expressive-shell .profile-action-circle{width:42px!important;height:42px!important}.material-expressive .profile-expressive-shell .m3-profile-item-code{font-size:11px!important}}.material-expressive .m3-action-row,.material-expressive .m3-btn,.material-expressive .m3-call-btn,.material-expressive .m3-call-mini-btn,.material-expressive .m3-card-row,.material-expressive .m3-ctrl-btn,.material-expressive .m3-item-action-btn,.material-expressive .m3-palette-card,.material-expressive .m3-profile-item.clickable,.material-expressive .m3-select-menu button,.material-expressive .m3-select-trigger,.material-expressive .m3-text-btn,.material-expressive .m3-toggle-row,.material-expressive .m3-tonal-btn,.material-expressive .profile-action-item,.material-expressive .push-toggle,.material-expressive .sound-preview-btn{position:relative;-webkit-tap-highlight-color:transparent;transition-property:transform,background-color,border-color,box-shadow,color,border-radius;transition-duration:var(--q-duration-short3);transition-timing-function:var(--q-ease-emphasized-decelerate)}.material-expressive .m3-btn,.material-expressive .m3-call-btn,.material-expressive .m3-call-mini-btn,.material-expressive .m3-ctrl-btn,.material-expressive .m3-item-action-btn,.material-expressive .m3-palette-card,.material-expressive .m3-select-menu button,.material-expressive .m3-text-btn,.material-expressive .m3-tonal-btn,.material-expressive .profile-action-item,.material-expressive .push-toggle,.material-expressive .sound-preview-btn{isolation:isolate}.material-expressive .m3-action-row:after,.material-expressive .m3-btn:after,.material-expressive .m3-call-btn:after,.material-expressive .m3-call-mini-btn:after,.material-expressive .m3-card-row:after,.material-expressive .m3-ctrl-btn:after,.material-expressive .m3-item-action-btn:after,.material-expressive .m3-palette-card:after,.material-expressive .m3-profile-item.clickable:after,.material-expressive .m3-select-menu button:after,.material-expressive .m3-select-trigger:after,.material-expressive .m3-text-btn:after,.material-expressive .m3-toggle-row:after,.material-expressive .m3-tonal-btn:after,.material-expressive .profile-action-item:after,.material-expressive .push-toggle:after,.material-expressive .sound-preview-btn:after{content:"";position:absolute;inset:0;border-radius:inherit;background:currentColor;opacity:0;transform:scale(.6);pointer-events:none;transition:transform var(--q-duration-long1) var(--q-ease-emphasized-decelerate),opacity var(--q-duration-medium2) var(--q-ease-standard)}.material-expressive .m3-action-row:hover:after,.material-expressive .m3-btn:hover:after,.material-expressive .m3-call-btn:hover:after,.material-expressive .m3-call-mini-btn:hover:after,.material-expressive .m3-card-row:hover:after,.material-expressive .m3-ctrl-btn:hover:after,.material-expressive .m3-item-action-btn:hover:after,.material-expressive .m3-palette-card:hover:after,.material-expressive .m3-profile-item.clickable:hover:after,.material-expressive .m3-select-menu button:hover:after,.material-expressive .m3-select-trigger:hover:after,.material-expressive .m3-text-btn:hover:after,.material-expressive .m3-toggle-row:hover:after,.material-expressive .m3-tonal-btn:hover:after,.material-expressive .profile-action-item:hover:after,.material-expressive .push-toggle:hover:after,.material-expressive .sound-preview-btn:hover:after{opacity:var(--q-state-hover,.08)}.material-expressive .m3-action-row:focus-visible:after,.material-expressive .m3-btn:focus-visible:after,.material-expressive .m3-call-btn:focus-visible:after,.material-expressive .m3-call-mini-btn:focus-visible:after,.material-expressive .m3-card-row:focus-visible:after,.material-expressive .m3-ctrl-btn:focus-visible:after,.material-expressive .m3-palette-card:focus-visible:after,.material-expressive .m3-profile-item.clickable:focus-visible:after,.material-expressive .m3-select-trigger:focus-visible:after,.material-expressive .m3-text-btn:focus-visible:after,.material-expressive .m3-toggle-row:focus-visible:after,.material-expressive .m3-tonal-btn:focus-visible:after,.material-expressive .profile-action-item:focus-visible:after,.material-expressive .push-toggle:focus-visible:after{opacity:var(--q-state-focus,.1)}.material-expressive .m3-action-row:active:after,.material-expressive .m3-btn:not(:disabled):active:after,.material-expressive .m3-call-btn:active:after,.material-expressive .m3-call-mini-btn:active:after,.material-expressive .m3-card-row:active:after,.material-expressive .m3-ctrl-btn:active:after,.material-expressive .m3-item-action-btn:active:after,.material-expressive .m3-palette-card:active:after,.material-expressive .m3-profile-item.clickable:active:after,.material-expressive .m3-select-menu button:active:after,.material-expressive .m3-select-trigger:active:after,.material-expressive .m3-text-btn:not(:disabled):active:after,.material-expressive .m3-toggle-row:active:after,.material-expressive .m3-tonal-btn:not(:disabled):active:after,.material-expressive .profile-action-item:active:after,.material-expressive .push-toggle:active:after,.material-expressive .sound-preview-btn:active:after{opacity:var(--q-state-pressed,.12);transform:scale(1);transition-duration:var(--q-duration-short1)}.material-expressive .m3-action-row,.material-expressive .m3-btn,.material-expressive .m3-card-row,.material-expressive .m3-palette-card,.material-expressive .m3-profile-item.clickable,.material-expressive .m3-toggle-row,.material-expressive .m3-tonal-btn,.material-expressive .profile-action-item,.material-expressive .push-toggle,.material-expressive .sound-preview-btn{border-radius:var(--q-radius-md)}.material-expressive .m3-action-row:hover,.material-expressive .m3-btn:hover,.material-expressive .m3-card-row:hover,.material-expressive .m3-palette-card:hover,.material-expressive .m3-profile-item.clickable:hover,.material-expressive .m3-toggle-row:hover,.material-expressive .m3-tonal-btn:hover,.material-expressive .profile-action-item:hover,.material-expressive .push-toggle:hover,.material-expressive .sound-preview-btn:hover{border-radius:var(--q-radius-control)}.material-expressive .m3-action-row:active,.material-expressive .m3-btn:not(:disabled):active,.material-expressive .m3-card-row:active,.material-expressive .m3-palette-card:active,.material-expressive .m3-profile-item.clickable:active,.material-expressive .m3-toggle-row:active,.material-expressive .m3-tonal-btn:not(:disabled):active,.material-expressive .profile-action-item:active,.material-expressive .push-toggle:active,.material-expressive .sound-preview-btn:active{border-radius:var(--q-radius-press) var(--q-radius-xs) var(--q-radius-xs) var(--q-radius-press)}.material-expressive .m3-btn:not(:disabled):active,.material-expressive .m3-tonal-btn:not(:disabled):active,.material-expressive .profile-action-item:active,.material-expressive .push-toggle:active,.material-expressive .sound-preview-btn:active{transform:scale(.97)}.material-expressive .m3-call-btn:active,.material-expressive .m3-call-mini-btn:active,.material-expressive .m3-ctrl-btn:not(:disabled):active{transform:scale(.92)}.material-expressive .m3-profile-item{transition:transform var(--q-duration-short3) var(--q-ease-emphasized-decelerate)}.material-expressive .m3-profile-item.clickable:hover{transform:translateX(3px)}.material-expressive .m3-ctrl-btn.active-off{background:color-mix(in srgb,var(--q-error) 22%,transparent);color:var(--q-error);border:1px solid color-mix(in srgb,var(--q-error) 60%,transparent)}.material-expressive .lightbox-content,.material-expressive .lightbox-img{border-radius:var(--q-radius-xl)}@media (hover:none){.material-expressive .m3-btn:hover:after,.material-expressive .m3-call-btn:hover:after,.material-expressive .m3-card-row:hover:after,.material-expressive .m3-ctrl-btn:hover:after,.material-expressive .m3-palette-card:hover:after,.material-expressive .m3-profile-item.clickable:hover:after,.material-expressive .m3-text-btn:hover:after,.material-expressive .m3-toggle-row:hover:after,.material-expressive .m3-tonal-btn:hover:after,.material-expressive .profile-action-item:hover:after,.material-expressive .push-toggle:hover:after{opacity:0}}@media (prefers-reduced-motion:reduce){.material-expressive .m3-action-row,.material-expressive .m3-action-row:after,.material-expressive .m3-btn,.material-expressive .m3-btn:after,.material-expressive .m3-call-btn,.material-expressive .m3-call-btn:after,.material-expressive .m3-call-mini-btn,.material-expressive .m3-call-mini-btn:after,.material-expressive .m3-card-row,.material-expressive .m3-card-row:after,.material-expressive .m3-ctrl-btn,.material-expressive .m3-ctrl-btn:after,.material-expressive .m3-item-action-btn,.material-expressive .m3-item-action-btn:after,.material-expressive .m3-palette-card,.material-expressive .m3-palette-card:after,.material-expressive .m3-profile-item,.material-expressive .m3-profile-item.clickable:after,.material-expressive .m3-select-menu button,.material-expressive .m3-select-menu button:after,.material-expressive .m3-select-trigger,.material-expressive .m3-select-trigger:after,.material-expressive .m3-text-btn,.material-expressive .m3-text-btn:after,.material-expressive .m3-toggle-row,.material-expressive .m3-toggle-row:after,.material-expressive .m3-tonal-btn,.material-expressive .m3-tonal-btn:after,.material-expressive .profile-action-item,.material-expressive .profile-action-item:after,.material-expressive .push-toggle,.material-expressive .push-toggle:after,.material-expressive .sound-preview-btn,.material-expressive .sound-preview-btn:after{transform:none!important;border-radius:var(--q-radius-md)!important;transition-property:opacity,background-color,border-color,color!important}.material-expressive .m3-action-row:after,.material-expressive .m3-btn:after,.material-expressive .m3-call-btn:after,.material-expressive .m3-call-mini-btn:after,.material-expressive .m3-card-row:after,.material-expressive .m3-ctrl-btn:after,.material-expressive .m3-item-action-btn:after,.material-expressive .m3-palette-card:after,.material-expressive .m3-profile-item.clickable:after,.material-expressive .m3-select-menu button:after,.material-expressive .m3-select-trigger:after,.material-expressive .m3-text-btn:after,.material-expressive .m3-toggle-row:after,.material-expressive .m3-tonal-btn:after,.material-expressive .profile-action-item:after,.material-expressive .push-toggle:after,.material-expressive .sound-preview-btn:after{transform:scale(1)!important}}.material-expressive .app-shell{gap:16px;padding:16px}.material-expressive .panel{border-color:transparent;box-shadow:none}.material-expressive .sidebar{flex-basis:336px;width:336px;padding:18px 12px 12px;background:var(--q-surface-container-low)}.material-expressive .sb-brand{padding:6px 12px 18px}.material-expressive .sb-brand strong{font-size:32px;font-weight:800;letter-spacing:-.045em;line-height:1.15}.material-expressive .sb-brand small{margin-top:5px;font-size:12px}.material-expressive .sb-toolbar{gap:6px}.material-expressive .sb-search{height:52px;padding-inline:14px;background:var(--q-surface-container-high)}.material-expressive .sb-toolbar>.icon-btn{width:44px;height:48px;border-radius:16px;color:var(--q-text)}.material-expressive .compose-btn{width:52px;height:52px;border-radius:18px;background:var(--q-tertiary-container);color:var(--q-on-tertiary-container);box-shadow:none}.material-expressive .compose-btn svg{width:22px;height:22px}.material-expressive .compose-btn:hover{border-radius:50%;background:var(--q-primary);color:var(--q-on-primary)}.material-expressive .sb-list{gap:12px;padding-top:12px}.material-expressive .list-section{gap:8px;display:flex;flex-direction:column}.material-expressive .list-head{padding:8px 14px}.material-expressive .list-head span{font-size:12px}.material-expressive .chat-row{min-height:72px;padding:12px 14px;margin:0;border-radius:22px;background:var(--q-surface-container);box-shadow:none}.material-expressive .chat-row:hover{border-radius:22px;background:var(--q-surface-container-highest)}.material-expressive .chat-row.selected{border-radius:26px 14px 26px 26px;background:var(--q-secondary-container);color:var(--q-on-secondary-container);box-shadow:none}.material-expressive .chat-row.selected .chat-meta strong{font-weight:750}.material-expressive .chat-avatar{width:48px;height:48px;border-radius:50%;box-shadow:none}.material-expressive .channel-avatar{border-radius:18px;background:var(--q-tertiary-container);color:var(--q-on-tertiary-container)}.material-expressive .chat-row.selected .channel-avatar{background:var(--q-primary);color:var(--q-on-primary)}.material-expressive .chat-meta strong{font-size:15px}.material-expressive .chat-badge{min-width:24px;height:24px;box-shadow:none}.material-expressive .sb-footer{min-height:64px;border:0;border-radius:24px;background:var(--q-surface-container-high)}.material-expressive .list-welcome{border:0;border-radius:28px;background:var(--q-secondary-container);color:var(--q-on-secondary-container)}.material-expressive .list-welcome :is(h3,p){color:inherit}.material-expressive .list-welcome button{min-height:48px;font-size:14px}.material-expressive .conversation{background:var(--q-surface)}.material-expressive .topbar{height:80px;border-bottom:0}.material-expressive .heading-copy h2{font-size:20px;font-weight:700;letter-spacing:-.025em}.material-expressive .top-actions{gap:4px;padding:4px;border-radius:var(--q-radius-pill);background:var(--q-surface-container)}.material-expressive .top-actions .icon-btn{width:44px;height:44px;color:var(--q-text)}.material-expressive .channel-icon{width:48px;height:48px;border-radius:18px}.material-expressive .conversation-body{padding-block:24px}.material-expressive .messages{gap:16px}.material-expressive .bubble{padding:12px 18px}.material-expressive .bubble p{font-size:15px;line-height:1.55}.material-expressive .message.menu-open .bubble{border-radius:16px}.material-expressive .m3-composer-wrap{padding:12px 20px 20px;border-top:0}.material-expressive .composer:not(.channel-readonly){min-height:64px;padding:8px;gap:8px}.material-expressive .composer textarea{min-width:0;padding:10px 4px}.material-expressive .composer .icon-btn{width:44px;height:44px}.material-expressive .composer .send-btn{width:52px!important;height:48px!important;flex:0 0 52px!important;border-radius:18px!important;box-shadow:none}.material-expressive .composer .send-btn:hover:not(:disabled){border-radius:24px!important}.material-expressive .composer .send-btn:active:not(:disabled){border-radius:12px!important}.material-expressive .empty-state{gap:16px;background:var(--q-surface)}.material-expressive .empty-state-icon{width:112px;height:112px;display:grid;place-items:center;margin-bottom:12px;border-radius:var(--q-shape-flower);background:var(--q-tertiary-container);color:var(--q-on-tertiary-container)}.material-expressive .empty-state-icon svg{width:44px;height:44px}.material-expressive .empty-state .eyebrow{color:var(--q-primary);font-size:11px;letter-spacing:.16em}.material-expressive .empty-state h3{max-width:500px;font:var(--q-type-display);letter-spacing:-.04em;text-wrap:balance}.material-expressive .empty-state p{max-width:360px;font-size:15px;line-height:1.6}.material-expressive .empty-action{min-height:56px;padding:0 28px;margin-top:8px;font-size:16px;box-shadow:none}.material-expressive .primary{min-height:48px;height:auto;padding-block:12px;border-radius:var(--q-radius-pill);font-weight:700;box-shadow:none}.material-expressive .primary:not(:disabled):active{border-radius:var(--q-radius-press)}.material-expressive :is(.menu-popover,.message-context-menu){padding:8px;border:0;border-radius:24px;background:var(--q-surface-container-high)}.material-expressive :is(.menu-popover,.message-context-menu)>button{min-height:48px;border-radius:12px}.material-expressive .modal-top h3{font-size:28px;font-weight:700;letter-spacing:-.035em}.material-expressive .nav-list{gap:4px}.material-expressive .nav-list :is(button,a){min-height:52px}.material-expressive .jump-to-latest{width:48px;height:48px;border:0;border-radius:18px}.material-expressive .m3-settings-modal .modal-top{background:var(--q-secondary-container)!important;border-bottom:0!important;padding:28px!important}.material-expressive .m3-settings-modal .modal-title-group h3{font-size:32px!important;color:var(--q-on-secondary-container)!important}.material-expressive .m3-settings-modal .modal-title-group p{color:var(--q-on-secondary-container)!important}.material-expressive .m3-settings-modal .settings-tabs{border:0!important;border-radius:0!important;padding:4px!important;gap:4px!important;background:transparent!important}.material-expressive .m3-settings-modal .settings-tabs button{min-height:48px!important;border-radius:12px!important;background:var(--q-surface-container)!important;color:var(--q-text)!important}.material-expressive .m3-settings-modal .settings-tabs button:first-of-type{border-start-start-radius:28px!important;border-end-start-radius:28px!important}.material-expressive .m3-settings-modal .settings-tabs button:last-of-type{border-start-end-radius:28px!important;border-end-end-radius:28px!important}.material-expressive .m3-settings-modal .settings-tabs button.active{border-radius:var(--q-radius-pill)!important;background:var(--q-primary)!important;color:var(--q-on-primary)!important}.material-expressive .m3-settings-modal .settings-tabs-pill{visibility:hidden!important}.material-expressive .m3-settings-modal .m3-card{border:0!important;padding:20px!important;margin-bottom:4px!important;background:var(--q-surface-container-low)!important;border-radius:28px!important}.material-expressive .m3-settings-modal .m3-card:nth-child(odd){border-bottom-left-radius:28px!important}.material-expressive .m3-settings-modal .m3-card-header h4{font-size:20px!important;letter-spacing:-.025em}.material-expressive .m3-settings-modal .m3-card-icon{width:48px!important;height:48px!important;border-radius:16px!important}.material-expressive .m3-settings-modal .m3-card:nth-child(2n) .m3-card-icon{border-radius:50%!important;background:var(--q-tertiary-container)!important;color:var(--q-on-tertiary-container)!important}.material-expressive .m3-settings-modal .m3-card-rows{border:0!important;border-radius:24px!important;gap:4px!important;background:transparent!important}.material-expressive .m3-settings-modal .m3-card-row{background:var(--q-surface-container)!important;border:0!important;border-radius:8px!important}.material-expressive .m3-settings-modal .m3-card-row:first-child{border-start-start-radius:24px!important;border-start-end-radius:24px!important}.material-expressive .m3-settings-modal .m3-card-row:last-child{border-end-start-radius:24px!important;border-end-end-radius:24px!important}.material-expressive .m3-settings-modal .m3-toggle-row:hover{background:var(--q-surface-container-highest)!important}.material-expressive .m3-settings-modal :is(.m3-btn,.m3-tonal-btn){border-radius:var(--q-radius-pill)!important;min-height:48px!important;font-weight:700!important;box-shadow:none!important}.material-expressive .m3-settings-modal :is(.m3-btn,.m3-tonal-btn):active:not(:disabled){border-radius:var(--q-radius-press)!important;transform:scale(.97)!important}.material-expressive .m3-settings-modal .m3-palette-card{border-radius:24px!important;box-shadow:none!important}.material-expressive .m3-settings-modal .m3-palette-card.selected{border-radius:32px 12px 32px 32px!important;border-width:2px!important}.material-expressive .m3-settings-modal .m3-palette-swatch{border-radius:var(--q-shape-flower)!important}.material-expressive .m3-settings-modal .m3-switch-thumb{transition:transform var(--q-motion-spatial-fast) var(--q-motion-spatial),width var(--q-motion-spatial-fast) var(--q-motion-spatial),height var(--q-motion-spatial-fast) var(--q-motion-spatial),background-color var(--q-motion-effects-fast) var(--q-motion-effects)!important}.material-expressive .profile-expressive-shell{background:var(--q-surface-container-low)!important;border:0!important;box-shadow:var(--q-elevation-3)!important}.material-expressive .profile-expressive-shell .profile-hero{background:var(--q-primary-container);color:var(--q-on-primary-container);border:0;border-radius:28px 28px 12px 28px}.material-expressive .profile-expressive-shell .profile-hero:before{background:var(--q-tertiary-container);border-radius:var(--q-shape-flower)}.material-expressive .profile-expressive-shell .profile-name-row .user-name-text{color:var(--q-on-primary-container)!important;font-size:28px!important;font-weight:750!important}.material-expressive .profile-expressive-shell .profile-username{color:var(--q-on-primary-container)!important}.material-expressive .profile-expressive-shell .profile-avatar-container{background:var(--q-tertiary-container)!important;box-shadow:none!important}.material-expressive .profile-expressive-shell .profile-actions-row{border:0;padding:4px!important;gap:4px!important;background:transparent;border-radius:28px}.material-expressive .profile-expressive-shell .profile-action-item{padding:12px 4px!important;border-radius:12px;background:var(--q-surface-container)}.material-expressive .profile-expressive-shell .profile-action-item:first-child{border-radius:28px 12px 12px 28px}.material-expressive .profile-expressive-shell .profile-action-item:last-child{border-radius:12px 28px 28px 12px}.material-expressive .profile-expressive-shell .profile-action-circle{border:0!important;border-radius:50%!important}.material-expressive .profile-expressive-shell .m3-profile-card-group{background:var(--q-surface-container)!important;border:0!important;border-radius:24px!important;box-shadow:none}.material-expressive .m3-call-window{border:0;box-shadow:var(--q-elevation-3)}.material-expressive .m3-call-audio-stage{background:var(--q-secondary-container)}.material-expressive .m3-call-other-name{font-size:32px;letter-spacing:-.035em;color:var(--q-on-secondary-container);overflow-wrap:anywhere}.material-expressive .m3-call-other-handle{color:var(--q-on-secondary-container)}.material-expressive .m3-call-controls-bar{gap:8px;padding:10px;border:0;background:var(--q-surface-container-high);box-shadow:var(--q-elevation-2)}.material-expressive .m3-ctrl-btn{border-radius:18px;background:var(--q-secondary-container);color:var(--q-on-secondary-container)}.material-expressive .m3-ctrl-btn.active-off{background:var(--q-error-container);color:var(--q-on-error-container);border:0}.material-expressive .m3-ctrl-btn.end-call{width:68px;border-radius:var(--q-radius-pill);background:var(--q-error-container);color:var(--q-on-error-container)}.material-expressive .m3-ctrl-btn.end-call:hover{background:var(--q-error-container)}.material-expressive :is(.compose-btn,.send-btn,.primary,.cv-primary,.empty-action,.icon-btn,.chat-row,.theme-mode){transition:transform var(--q-motion-spatial-fast) var(--q-motion-spatial),border-radius var(--q-motion-spatial-fast) var(--q-motion-spatial),background-color var(--q-motion-effects-fast) var(--q-motion-effects),color var(--q-motion-effects-fast) var(--q-motion-effects),box-shadow var(--q-motion-effects-fast) var(--q-motion-effects)}.material-expressive .theme-swatch span{width:28px;height:28px;border-radius:10px;transition:transform var(--q-motion-spatial-fast) var(--q-motion-spatial),border-radius var(--q-motion-spatial-fast) var(--q-motion-spatial)}.material-expressive .theme-swatch[aria-pressed=true] span{border-radius:50%;transform:scale(.9)}.material-expressive .theme-mode{background:var(--q-secondary-container);color:var(--q-on-secondary-container)}.material-expressive :is(.sb-search,.member-search,.chat-search):focus-within{outline:2px solid var(--q-primary)!important;outline-offset:-2px}.material-expressive .m3-settings-modal .settings-tabs button:focus-visible{outline:3px solid var(--q-primary);outline-offset:-3px}.material-expressive .m3-settings-modal .settings-tabs button.active:focus-visible{outline-color:var(--q-on-primary)}.material-expressive button:disabled:after{opacity:0!important}@media(min-width:769px) and (max-width:1100px){.material-expressive .app-shell{padding:12px;gap:12px}.material-expressive .sidebar{flex-basis:300px;width:300px}}@media(max-width:768px){.material-expressive .app-shell{padding:0;gap:0}.material-expressive .app-shell.list-open .m3-bottom-nav{border-top:0;background:var(--q-surface-container);box-shadow:none}.material-expressive .m3-nav-pill{width:68px;border-radius:var(--q-radius-pill);transition:width var(--q-motion-spatial-fast) var(--q-motion-spatial),background-color var(--q-motion-effects-fast) var(--q-motion-effects)}.material-expressive .m3-nav-item.active .m3-nav-pill{width:76px;background:var(--q-primary);color:var(--q-on-primary)}.material-expressive .panel{border:0;border-radius:0}.material-expressive .sidebar{flex:1 1 auto;width:100%;padding:max(16px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left))}.material-expressive .sb-brand{padding:4px 8px 16px}.material-expressive .sb-controls{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.material-expressive .topbar{height:calc(72px + env(safe-area-inset-top));box-shadow:none;gap:6px}.material-expressive .heading-copy h2{font-size:17px}.material-expressive .channel-icon{width:40px;height:40px;border-radius:14px}.material-expressive .top-actions{padding:0;gap:0;background:transparent}.material-expressive .conversation-body{padding:16px 12px}.material-expressive .m3-composer-wrap{padding:8px max(8px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.material-expressive .composer:not(.channel-readonly){gap:4px;padding:6px;min-height:60px}.material-expressive .composer .send-btn{width:48px!important;flex-basis:48px!important}.material-expressive .empty-state{padding:24px}.material-expressive .empty-state h3{font-size:32px}.material-expressive .chat-row{min-height:68px;padding:10px 14px;border-radius:20px}.material-expressive .chat-row:hover{border-radius:20px}.material-expressive .chat-row.selected{border-radius:26px 12px 26px 26px}.material-expressive .list-section{gap:6px}.material-expressive .m3-settings-modal .modal-top{padding:20px!important}.material-expressive .m3-settings-modal .modal-title-group h3{font-size:28px!important}.material-expressive .m3-settings-modal .m3-card{padding:16px!important}}@media(max-width:380px){.material-expressive .chat-row{min-height:64px;padding:8px 12px;border-radius:18px}.material-expressive .chat-row:hover{border-radius:18px}.material-expressive .chat-row.selected{border-radius:24px 10px 24px 24px}.material-expressive .list-section{gap:5px}.material-expressive .chat-avatar{width:44px;height:44px}.material-expressive .top-actions .icon-btn{width:40px}.material-expressive .channel-heading{gap:6px}.material-expressive .m3-call-controls-bar{gap:4px;padding:8px}}@media(prefers-reduced-motion:reduce){.material-expressive :is(.compose-btn,.send-btn,.primary,.cv-primary,.empty-action,.icon-btn,.chat-row,.theme-mode,.m3-switch-thumb){transition:none!important}.material-expressive :is(.compose-btn,.send-btn,.primary,.cv-primary,.empty-action,.icon-btn,.chat-row):is(:hover,:active){transform:none!important}.material-expressive .profile-expressive-shell{animation:none!important}}