.home-people-panel{border-left:1px solid hsl(var(--border));background:hsl(var(--card));flex-shrink:0;width:272px;overflow-y:auto}@media (min-width:768px) and (max-width:1100px){.app-shell .app-header{gap:6px!important;padding:0 14px!important}.app-shell .app-header .brand{flex-shrink:0;margin-right:8px;font-size:22px}.app-shell .desktop-header-nav{flex-shrink:0}.app-shell .desktop-header-nav .top-link{justify-content:center;width:36px;padding:9px}.app-shell .desktop-header-nav .top-link svg{flex-shrink:0;width:16px;height:16px}.app-shell .desktop-header-nav .top-link>span{display:none}.app-shell .header-search{min-width:64px}.app-shell .app-header>button{flex-shrink:0}}.preview-message-list,.chat-workspace{container-type:inline-size}.message-board-embed>div:nth-child(2),.file-preview>div{overflow-wrap:anywhere;min-width:0}.message-byline{-moz-column-gap:8px;flex-wrap:wrap;gap:0 8px}@container (max-width:360px){.preview-message{padding:9px 12px;display:block}.preview-message>button:first-child{float:left;margin-right:6px}.preview-message .message-byline{min-height:24px;padding-right:24px}.preview-message .message-content{clear:both}.preview-message .message-quick-actions{position:absolute;top:6px;right:6px}.message-board-embed{grid-template-columns:minmax(0,1fr);gap:8px;padding:10px;display:grid;position:relative}.message-board-embed .embed-icon{grid-column:1/-1;width:100%;height:92px;overflow:hidden}.message-board-embed>div:nth-child(2){grid-column:1}.message-board-embed>svg{background:hsl(var(--card));border-radius:3px;padding:2px;position:absolute;top:14px;right:14px}.file-preview{flex-wrap:wrap;gap:8px;padding:10px}.file-preview>div{flex-basis:calc(100% - 42px)}.chat-message>.flex-1>.flex.items-baseline{-moz-column-gap:8px;flex-wrap:wrap;gap:0 8px}.chat-message{padding-left:12px;padding-right:12px}}@media (max-width:767px){.app-shell{--mobile-rail-width:56px;--mobile-panel-top:54px;--mobile-panel-bottom:104px}.app-shell .hub-rail{width:var(--mobile-rail-width);z-index:46;gap:12px;padding:12px 5px;display:flex;overflow:hidden auto}.app-shell .hub-rail>*{flex-shrink:0}.app-shell .hub-rail .rail-icon{width:42px;height:42px}.app-shell .hub-rail .rail-selected:before{left:-6px}.app-shell .app-header{gap:6px!important;padding:0 8px!important}.app-shell .app-header .brand{flex-shrink:0;font-size:18px}.app-shell .header-search{flex:1;width:auto;min-width:0}.app-shell .header-search input{width:100%;min-width:0}.app-shell .app-header .members-toggle{display:inline-flex}.app-shell .app-header button[aria-expanded=true]{color:hsl(var(--secondary));background:hsl(var(--accent))}.app-shell .mobile-panel-backdrop{left:var(--mobile-rail-width);right:0;top:var(--mobile-panel-top);bottom:var(--mobile-panel-bottom);z-index:40;background:#0008;position:fixed}.app-shell #community-members,.app-shell #home-people{top:var(--mobile-panel-top);bottom:var(--mobile-panel-bottom);z-index:45;background:hsl(var(--card));height:auto;max-width:calc(100vw - var(--mobile-rail-width) - 16px);width:272px;position:fixed;right:0;overflow-y:auto;transform:none;box-shadow:0 12px 30px #0005}.app-shell #community-members[data-open=false]{display:none}.app-shell #community-members[data-open=true],.app-shell #community-members.open{display:block}.app-shell #community-members>.resizable-panel{max-width:100%}.app-shell .account-control-row{gap:2px;padding:5px 6px}.app-shell .account-identity{gap:5px}.app-shell .account-identity>span{display:block}.app-shell .account-identity strong{max-width:90px}.app-shell .account-icon{flex-shrink:0;width:26px}.app-shell .mobile-tabs a{flex:1;min-width:0;font-size:10px}.app-shell .friend-content{padding:20px 12px}.app-shell .friend-greeting{flex-wrap:wrap;gap:12px}.app-shell #space-navigation,.app-shell #space-navigation.open,.app-shell #space-navigation[data-open=true]{z-index:auto;width:clamp(136px,32vw,224px);max-width:clamp(136px,32vw,224px);height:100%;min-height:0;box-shadow:none;flex-shrink:0;display:flex;position:relative;inset:auto;overflow:hidden;transform:none}.app-shell #space-navigation>.room-sidebar{width:100%}}@media (max-width:599px){.app-shell{--mobile-rail-width:44px}.app-shell .hub-rail{padding-inline:4px}.app-shell .hub-rail .rail-icon{width:36px;height:36px}.app-shell .app-header .icon-button{min-width:30px;min-height:36px}.app-shell .app-header .keyboard-help-button{display:none}.app-shell .app-header .brand{font-size:16px}.app-shell #space-navigation .workspace-heading{padding-inline:10px}.app-shell #space-navigation .hub-cover{height:108px;padding:12px}.app-shell #space-navigation .hub-cover h2{font-size:15px}.app-shell #space-navigation .room-link{gap:6px;padding:7px 5px;font-size:11px!important}.app-shell #space-navigation .room-link>svg{flex-shrink:0;width:14px;height:14px}.app-shell #space-navigation .section-label{letter-spacing:.6px;font-size:10px}.app-shell #space-navigation>.overflow-auto{padding-inline:6px;overflow-x:hidden}.app-shell #space-navigation .room-link,.app-shell #space-navigation .hub-members{white-space:nowrap;overflow:hidden}.app-shell #space-navigation .voice-room-shortcuts{display:none}.app-shell #space-navigation .room-sidebar-actions{grid-template-columns:minmax(0,1fr);padding:4px}.app-shell #space-navigation .room-sidebar-actions .room-link{min-height:32px;font-size:10px!important}.app-shell #space-navigation .dm-side-row{gap:6px;padding:8px 4px;font-size:11px}.app-shell #space-navigation .dm-side-row .avatar-color{width:26px;height:26px;font-size:10px}.app-shell .app-main .workspace-heading{gap:4px;padding-inline:8px}.app-shell .app-main .workspace-heading .icon-button{min-width:26px;min-height:32px}.app-shell .app-main .workspace-heading h1{font-size:12px}.app-shell .preview-message{gap:6px;padding:10px 8px}.app-shell .preview-message>.avatar-color,.app-shell .preview-message>button>.avatar-color{width:22px;height:22px}.app-shell .preview-composer{padding:8px}.app-shell .preview-composer .composer-input{gap:4px;padding:6px}.app-shell .preview-composer .icon-button{min-width:26px;min-height:32px}}.mobile-bottom-dock{display:contents}.mobile-heading-slot,.mobile-composer-slot,.mobile-hub-icon{display:none}@media (max-width:767px){.app-shell .mobile-heading-slot:not(:empty){flex:0 224px;min-width:0;display:block}.app-shell .app-header:has(.mobile-heading-slot:not(:empty)) .brand{display:none}.app-shell .mobile-heading-slot .workspace-heading{background:0 0;border:0;gap:6px;height:auto;min-height:0;padding:0}.app-shell .mobile-heading-slot .workspace-heading>div{flex:1}.app-shell .mobile-heading-slot h1{font-size:13px}.app-shell .mobile-heading-slot .avatar-color{flex-shrink:0;width:26px;height:26px}.app-shell .mobile-heading-slot .icon-button{width:26px;min-width:26px}.app-shell .mobile-heading-slot .live-hub-heading{border:0;align-items:center;gap:7px;padding:0;display:flex}.app-shell .mobile-heading-slot .live-hub-heading>a,.app-shell .mobile-heading-slot .live-hub-heading>p{display:none}.app-shell .mobile-heading-slot .live-hub-heading label{flex:1;min-width:0}.app-shell .mobile-heading-slot .live-hub-heading select{text-overflow:ellipsis;font-size:13px}.app-shell .mobile-heading-slot .mobile-hub-icon{flex-shrink:0;width:26px;height:26px;display:block}.app-shell .mobile-hub-icon .hub-logo{border-radius:8px;width:100%;height:100%}.app-shell .mobile-bottom-dock{min-height:48px;padding:4px 6px max(4px, var(--safe-bottom));border-top:1px solid hsl(var(--border));background:hsl(var(--card));z-index:48;flex-shrink:0;order:2;align-items:center;gap:4px;display:flex;position:relative}.app-shell .mobile-composer-slot:not(:empty){flex:1;min-width:0;display:block}.app-shell .mobile-composer-slot .preview-composer,.app-shell .mobile-composer-slot .chat-composer{background:0 0;border:0;padding:0;position:relative}.app-shell .mobile-composer-slot .composer-input,.app-shell .mobile-composer-slot .chat-composer-input{border-radius:9px;align-items:center;gap:2px;min-height:38px;padding:3px}.app-shell .mobile-composer-slot textarea{min-width:0;min-height:28px;padding:4px 2px;font-size:12px;line-height:20px}.app-shell .mobile-composer-slot .icon-button,.app-shell .mobile-composer-slot .composer-send,.app-shell .mobile-composer-slot button[aria-label=Send\ message]{flex-shrink:0;width:26px;min-width:26px;height:28px;min-height:28px;margin:0;padding:0}.app-shell .mobile-composer-slot .composer-footnote,.app-shell .mobile-composer-slot .chat-composer>p:not([role=status]){display:none}.app-shell .mobile-composer-slot .chat-composer-input{padding-right:29px}.app-shell .mobile-composer-slot .composer-tools-trigger{position:absolute;bottom:5px;right:3px}.app-shell .hub-rail>a[aria-label=Settings]{display:none}.app-shell .room-sidebar{padding-bottom:0}}@media (max-width:599px){.app-shell .mobile-heading-slot:not(:empty){flex:140px}.app-shell .app-header:has(.mobile-heading-slot:not(:empty)) .header-search{flex:0 62px;padding-inline:6px}.app-shell .mobile-bottom-dock{gap:2px;padding-inline:3px}.app-shell .mobile-composer-slot .icon-button,.app-shell .mobile-composer-slot .composer-send,.app-shell .mobile-composer-slot button[aria-label=Send\ message]{width:23px;min-width:23px}}@media (max-width:767px){.app-shell .app-header{position:relative}.app-shell .mobile-header-nav{flex-shrink:0;align-items:center;gap:1px;display:flex}.app-shell .mobile-header-nav a{width:30px;height:36px;color:hsl(var(--muted-foreground));border-radius:7px;place-items:center;display:grid}.app-shell .mobile-header-nav a:hover,.app-shell .mobile-header-nav a.selected{color:hsl(var(--primary));background:hsl(var(--accent))}.app-shell .mobile-header-nav svg{width:17px;height:17px}.app-shell .mobile-header-nav span{display:none}.app-shell .mobile-bottom-dock>.user-control-panel{width:auto;min-width:0;box-shadow:none;background:0 0;border:0;flex:none;order:0;position:relative;inset:auto;overflow:visible}.app-shell .mobile-bottom-dock .account-control-row{gap:3px;height:38px;padding:0 3px}.app-shell .mobile-bottom-dock .account-identity{flex:0 auto;margin-right:5px}.app-shell .mobile-bottom-dock .account-identity>span{display:block}.app-shell .mobile-bottom-dock .account-identity strong{max-width:65px}.app-shell .mobile-bottom-dock .account-identity>.relative>img,.app-shell .mobile-bottom-dock .account-identity .avatar-color{width:28px;height:28px}.app-shell .mobile-bottom-dock .account-icon{width:25px;height:32px}.app-shell .mobile-bottom-dock .user-control-panel>.account-call,.app-shell .mobile-bottom-dock .user-control-panel>.preview-call-console{border:1px solid hsl(var(--border));background:hsl(var(--popover));border-radius:10px;width:260px;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 3px 18px #0003}}@media (max-width:599px){.app-shell .app-header{gap:3px!important;padding-inline:5px!important}.app-shell .mobile-heading-slot:not(:empty){flex:140px}.app-shell .mobile-header-nav a{width:25px;height:34px}.app-shell .mobile-header-nav svg{width:16px;height:16px}.app-shell .app-header>.icon-button{width:26px;min-width:26px}:is(.app-shell .app-header .header-search,.app-shell .app-header:has(.mobile-heading-slot:not(:empty)) .header-search){flex:0 0 28px;width:28px;height:34px;padding:6px;position:relative}.app-shell .app-header .header-search input{color:#0000;cursor:pointer;width:100%;padding:0;position:absolute;inset:0}.app-shell .app-header .header-search input::placeholder{color:#0000}.app-shell .app-header .header-search:focus-within{z-index:5;background:hsl(var(--card));width:auto;position:absolute;left:5px;right:5px}.app-shell .app-header .header-search:focus-within input{color:hsl(var(--foreground));cursor:text;padding:6px 10px 6px 30px}.app-shell .app-header .header-search:focus-within input::placeholder{color:hsl(var(--muted-foreground))}}@media (max-width:479px){.app-shell #space-navigation,.app-shell #space-navigation.open,.app-shell #space-navigation[data-open=true]{width:clamp(112px,30vw,144px);max-width:clamp(112px,30vw,144px)}.app-shell #space-navigation .room-sidebar-actions .room-link{white-space:normal;height:auto}.app-shell .mobile-bottom-dock .account-control-row{gap:1px;padding:0}.app-shell .mobile-bottom-dock .account-identity{margin-right:1px}.app-shell .mobile-bottom-dock .account-identity>span{display:none}.app-shell .mobile-bottom-dock .account-icon{width:23px}.app-shell .mobile-bottom-dock .device-arrow{width:9px}.app-shell .mobile-heading-slot .workspace-heading{gap:2px}.app-shell .mobile-heading-slot .workspace-heading>div{gap:4px}.app-shell .mobile-heading-slot .avatar-color{width:22px;height:22px}}@media (max-width:767px){.app-shell .header-search>svg{flex-shrink:0}.app-shell .mobile-composer-slot textarea::placeholder{white-space:nowrap}.app-shell .mobile-composer-slot textarea:placeholder-shown{height:28px!important}}@media (max-width:599px){:is(.app-shell .app-header .header-search:focus-within,.app-shell .app-header:has(.mobile-heading-slot:not(:empty)) .header-search:focus-within){width:auto;position:absolute;left:5px;right:5px}}@media (max-width:767px){.app-shell .mobile-channel-secondary{display:none}.app-shell .mobile-composer-slot .discussion-composer-dock{background:0 0;border:0;padding:0}.app-shell .mobile-composer-slot .discussion-composer{border-radius:9px;align-items:center;gap:2px;min-height:38px;padding:3px;display:flex}.app-shell .mobile-composer-slot .discussion-composer-input{flex:1;order:1;min-width:0}.app-shell .mobile-composer-slot .discussion-composer-input textarea{padding:4px 2px;line-height:20px}.app-shell .mobile-composer-slot .discussion-composer-tools{display:contents}.app-shell .mobile-composer-slot .discussion-extra-tools{flex-shrink:0;order:0}.app-shell .mobile-composer-slot .discussion-extra-tools .composer-tools-trigger{position:static}.app-shell .mobile-composer-slot .discussion-emoji{order:2}.app-shell .mobile-composer-slot .discussion-send{order:3}.app-shell .mobile-composer-slot .discussion-emoji,.app-shell .mobile-composer-slot .discussion-send{flex-shrink:0;width:26px;min-width:26px;height:28px;margin:0;padding:0}.app-shell .mobile-composer-slot .discussion-send span,.app-shell .mobile-composer-slot .discussion-composer-hint{display:none}.app-shell .mobile-composer-slot .discussion-attachment-count{pointer-events:none;text-align:center;background:hsl(var(--secondary));min-width:12px;color:hsl(var(--secondary-foreground));border-radius:6px;font-size:10px;line-height:12px;display:block;position:absolute;top:-3px;right:-2px}:is(.app-shell .room-sidebar,.app-shell:has(.account-voice-console) .room-sidebar){padding-bottom:0!important}}
.mobile-channel-back,.mobile-browse-menu{display:none}@media (max-width:767px){.app-shell[data-mobile-hub-view]{--mobile-rail-width:64px}.app-shell[data-mobile-hub-view] .shell-content{position:relative}.app-shell[data-mobile-hub-view] .hub-rail{gap:16px;width:64px;padding:12px 8px}.app-shell[data-mobile-hub-view] .hub-rail .rail-icon{width:46px;height:46px}.app-shell[data-mobile-hub-view=browse] #space-navigation{border-right:0;flex:1;width:100%;max-width:none;padding-bottom:0;display:flex}.app-shell[data-mobile-hub-view=browse] #space-navigation>.room-sidebar{border-right:0;width:100%}.app-shell[data-mobile-hub-view=browse] .hub-main-content,.app-shell[data-mobile-hub-view=browse] .mobile-composer-slot,.app-shell[data-mobile-hub-view=browse] #space-navigation .hub-cover,.app-shell[data-mobile-hub-view=browse] .room-sidebar>img,.app-shell[data-mobile-hub-view=browse] .room-sidebar>.flex-1>.room-link:first-child{display:none}.app-shell[data-mobile-hub-view=browse] .app-header{flex-shrink:0;grid-template-rows:auto 40px;grid-template-columns:minmax(0,1fr) 40px 40px;display:grid;gap:8px!important;height:auto!important;padding:14px 12px 12px!important}.app-shell[data-mobile-hub-view=browse] .app-header>.brand,.app-shell[data-mobile-hub-view=browse] .app-header>nav,.app-shell[data-mobile-hub-view=browse] .app-header>a,.app-shell[data-mobile-hub-view=browse] .app-header>button:not(.members-toggle){display:none}.app-shell[data-mobile-hub-view=browse] .mobile-heading-slot:not(:empty){grid-column:1/-1;width:100%;display:block}.app-shell[data-mobile-hub-view=browse] .mobile-heading-slot h1{white-space:normal;font-size:18px;line-height:1.3}.app-shell[data-mobile-hub-view=browse] .mobile-heading-slot .live-hub-heading select{min-height:34px;font-size:18px}.app-shell[data-mobile-hub-view=browse] .mobile-heading-slot .avatar-color,.app-shell[data-mobile-hub-view=browse] .mobile-heading-slot .mobile-hub-icon{display:none}.app-shell[data-mobile-hub-view=browse] .mobile-heading-slot .workspace-heading{width:100%}.app-shell[data-mobile-hub-view=browse] .mobile-browse-menu{grid-area:2/3;display:block}.app-shell[data-mobile-hub-view=browse] .app-header .members-toggle{grid-area:2/2;width:40px;height:40px}.app-shell[data-mobile-hub-view=browse] .mobile-browse-menu .icon-button{width:40px;height:40px}.app-shell[data-mobile-hub-view=browse] .app-header .header-search,.app-shell[data-mobile-hub-view=browse] .app-header .header-search:focus-within{grid-area:2/1;width:100%;min-width:0;height:40px;margin:0;padding:8px 10px;position:relative;inset:auto}.app-shell[data-mobile-hub-view=browse] .app-header .header-search input{width:100%;color:hsl(var(--foreground));cursor:text;padding:0;font-size:14px;position:static}.app-shell[data-mobile-hub-view=browse] .app-header .header-search input::placeholder{color:hsl(var(--muted-foreground))}.mobile-browse-menu-content nav{gap:3px;display:grid}.mobile-browse-menu-content nav a{border-radius:7px;align-items:center;gap:12px;padding:10px;font-size:14px;display:flex}.mobile-browse-menu-content nav a:hover{background:hsl(var(--accent))}.app-shell[data-mobile-hub-view=browse] #space-navigation .room-link{white-space:nowrap;gap:10px;min-height:42px;padding:9px 10px;font-size:14px!important}.app-shell[data-mobile-hub-view=browse] #space-navigation .room-link>svg{width:18px;height:18px}.app-shell[data-mobile-hub-view=browse] #space-navigation .section-label,.app-shell[data-mobile-hub-view=browse] #space-navigation .eyebrow{letter-spacing:.7px;font-size:11px}.app-shell[data-mobile-hub-view=browse] #space-navigation>.overflow-auto{padding:8px 10px}.app-shell[data-mobile-hub-view=browse] .sidebar-focus-controls{flex-wrap:nowrap;gap:8px;padding:8px 4px}.app-shell[data-mobile-hub-view=browse] .sidebar-focus-controls>*{white-space:nowrap}.app-shell[data-mobile-hub-view=browse] #space-navigation .voice-room-shortcuts{display:flex}.app-shell[data-mobile-hub-view=browse] .preview-community-tools{padding:6px 10px}.mobile-community-tools-trigger{border-top:1px solid hsl(var(--border));min-height:44px;color:hsl(var(--muted-foreground));flex-shrink:0;align-items:center;gap:10px;padding:12px 20px;font-size:13px;display:flex}.mobile-community-tools-menu .room-sidebar-actions{border:0;flex-direction:column;padding:0;display:flex}.mobile-community-tools-menu .room-link{white-space:normal;width:100%;min-height:40px;font-size:13px}.app-shell[data-mobile-hub-view=browse] .mobile-bottom-dock{padding:8px 8px max(8px,var(--safe-bottom));min-height:60px}.app-shell[data-mobile-hub-view=browse] .mobile-bottom-dock>.user-control-panel{background:hsl(var(--accent));border-radius:12px;flex:1}.app-shell[data-mobile-hub-view=browse] .account-control-row{height:44px;padding:4px 8px}.app-shell[data-mobile-hub-view=browse] .mobile-bottom-dock .account-identity{flex:1}.app-shell[data-mobile-hub-view=browse] .mobile-bottom-dock .account-identity>span{display:block}.app-shell[data-mobile-hub-view=browse] .mobile-bottom-dock .account-identity strong{max-width:none}.app-shell[data-mobile-hub-view=channel]{--mobile-rail-width:0px}.app-shell[data-mobile-hub-view=channel] .hub-rail,.app-shell[data-mobile-hub-view=channel] .app-header,.app-shell[data-mobile-hub-view=channel] #space-navigation,.app-shell[data-mobile-hub-view=channel] .mobile-bottom-dock>.user-control-panel{display:none}.app-shell[data-mobile-hub-view=channel] .mobile-channel-back{z-index:30;width:40px;height:40px;color:hsl(var(--muted-foreground));border-radius:8px;place-items:center;display:grid;position:absolute;top:10px;left:8px}.app-shell[data-mobile-hub-view=channel] .mobile-channel-back:hover{background:hsl(var(--accent))}.app-shell[data-mobile-hub-view=channel] .hub-main-content>.workspace-heading,.app-shell[data-mobile-hub-view=channel] .chat-room-header,.app-shell[data-mobile-hub-view=channel] .hub-main-content>div>header,.app-shell[data-mobile-hub-view=channel] .board-heading{flex-shrink:0;gap:10px;height:auto;min-height:60px;padding:10px 12px 10px 56px}.app-shell[data-mobile-hub-view=channel] .app-main .workspace-heading h1{font-size:17px}.app-shell[data-mobile-hub-view=channel] .mobile-conversation-search{display:inline-flex}.app-shell[data-mobile-hub-view=channel] .mobile-conversation-heading .icon-button{min-width:36px;min-height:40px}.app-shell[data-mobile-hub-view=channel] .preview-message{gap:12px;padding:12px 14px;display:flex}.app-shell[data-mobile-hub-view=channel] .preview-message>button>.avatar-color,.app-shell[data-mobile-hub-view=channel] .preview-message>.avatar-color{width:34px;height:34px}.app-shell[data-mobile-hub-view=channel] .preview-message>button:first-child{float:none;margin:0}.app-shell[data-mobile-hub-view=channel] .mobile-bottom-dock{min-height:64px;padding:8px 10px max(8px,var(--safe-bottom));border-top:0}.app-shell[data-mobile-hub-view=channel] .mobile-bottom-dock:not(:has(.mobile-composer-slot:not(:empty))){display:none}.app-shell[data-mobile-hub-view=channel] .mobile-composer-slot .composer-input,.app-shell[data-mobile-hub-view=channel] .mobile-composer-slot .chat-composer-input,.app-shell[data-mobile-hub-view=channel] .mobile-composer-slot .discussion-composer{border-radius:16px;gap:5px;min-height:48px;padding:5px 7px}.app-shell[data-mobile-hub-view=channel] .mobile-composer-slot textarea{padding:6px 3px;font-size:14px;line-height:22px}.app-shell[data-mobile-hub-view=channel] .mobile-composer-slot textarea:placeholder-shown{height:34px!important}.app-shell[data-mobile-hub-view=channel] .mobile-composer-slot .icon-button,.app-shell[data-mobile-hub-view=channel] .mobile-composer-slot .composer-send,.app-shell[data-mobile-hub-view=channel] .mobile-composer-slot button[aria-label=Send\ message]{width:32px;min-width:32px;height:34px;min-height:34px}.app-shell[data-mobile-hub-view=channel] .mobile-composer-slot .chat-composer-input{padding-right:39px}.app-shell[data-mobile-hub-view=channel] .mobile-composer-slot .composer-tools-trigger{bottom:7px;right:4px}.app-shell[data-mobile-hub-view=channel] .mobile-composer-slot .discussion-extra-tools .composer-tools-trigger{position:static}.app-shell[data-mobile-hub-view=browse] .app-header:has(.mobile-heading-slot:not(:empty)) .header-search{width:100%;height:40px;margin:0;padding:8px 10px;position:relative;inset:auto}.app-shell[data-mobile-hub-view=browse] .app-header:has(.mobile-heading-slot:not(:empty)) .header-search:focus-within{width:100%;height:40px;margin:0;padding:8px 10px;position:relative;inset:auto}.app-shell[data-mobile-hub-view=channel] .hub-main-content>div>header{z-index:10}.app-shell[data-mobile-hub-view=channel]:has(.discussion-toolbar) .mobile-channel-back{display:none}.app-shell[data-mobile-hub-view=channel] .hub-main-content .discussion-toolbar{padding-left:12px}.app-shell[data-mobile-hub-view=channel] .conversation-search{z-index:49;width:100%;max-width:none;position:fixed;inset:60px 0 0}.app-shell[data-mobile-hub-view=channel] .hub-main-content>div:has(>.conversation-search){padding-right:0!important}}.mobile-channel-subtitle{display:none}.mobile-channel-title{font:inherit;color:inherit;text-align:left}@media (max-width:767px){.app-shell[data-mobile-hub-view=channel] .mobile-channel-subtitle{color:hsl(var(--muted-foreground));margin-top:2px;font-size:12px;display:block}.app-shell[data-mobile-hub-view=channel] .mobile-channel-subtitle:before{content:"";background:hsl(var(--primary));border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.app-shell[data-mobile-hub-view=channel] .mobile-channel-title:after{content:" ›";color:hsl(var(--muted-foreground))}}.hub-unread-badge{background:hsl(var(--primary));border:2px solid hsl(var(--background));z-index:2;border-radius:50%;width:12px;height:12px;position:absolute;bottom:-2px;right:-2px}.mobile-account-slot,.mobile-account-summary{display:none}@media (max-width:767px){.app-shell .mobile-account-slot{background:hsl(var(--background));place-items:center;width:100%;padding:6px 0;display:grid;position:sticky;bottom:0}.app-shell .mobile-account-slot .account-identity{border-radius:50%;flex:none;place-items:center;width:44px;height:44px;margin:0;display:grid}.app-shell .mobile-account-slot .account-identity>span{display:none}.app-shell .mobile-account-slot .account-identity img,.app-shell .mobile-account-slot .account-identity .avatar-color{width:36px;height:36px}.app-shell .mobile-account-summary{flex-direction:column;flex:1;justify-content:center;min-width:0;padding-left:4px;display:flex}.app-shell .mobile-account-summary strong{font-size:12px;line-height:18px}.app-shell .mobile-account-summary small{color:hsl(var(--muted-foreground));font-size:10px}.app-shell[data-mobile-hub-view=browse] .mobile-heading-slot .avatar-color,.app-shell[data-mobile-hub-view=browse] .mobile-heading-slot .mobile-hub-icon{flex-shrink:0;width:30px;height:30px;display:block}.app-shell[data-mobile-hub-view=browse] .mobile-heading-slot .workspace-heading>div{gap:9px}.app-shell[data-mobile-hub-view=channel] .mobile-channel-secondary{display:inline-flex}:is(.app-shell[data-mobile-hub-view=channel] .mobile-channel-secondary[aria-label=Mute\ conversation]:has(.lucide-bell-off),.app-shell[data-mobile-hub-view=channel] .mobile-channel-secondary[aria-label=Unmute\ conversation]:has(.lucide-bell-off)){display:none}.app-shell[data-mobile-hub-view=channel] .mobile-conversation-heading .icon-button{width:30px;min-width:30px;min-height:40px}.app-shell[data-mobile-hub-view=channel] .mobile-conversation-heading{gap:6px;padding-right:6px}}.mobile-messages-back{display:none}@media (max-width:767px){.app-shell[data-mobile-private-view=inbox],.app-shell[data-mobile-private-view=friends]{--mobile-rail-width:60px}.app-shell[data-mobile-private-view=inbox] .hub-rail,.app-shell[data-mobile-private-view=friends] .hub-rail{gap:14px;width:60px;padding:10px 7px}.app-shell[data-mobile-private-view=inbox] .app-header,.app-shell[data-mobile-private-view=friends] .app-header{min-height:56px;gap:8px!important;padding:8px 12px!important}.app-shell[data-mobile-private-view=inbox] .app-header>nav,.app-shell[data-mobile-private-view=friends] .app-header>nav,.app-shell[data-mobile-private-view=inbox] .app-header>a:not(.brand),.app-shell[data-mobile-private-view=friends] .app-header>a:not(.brand),.app-shell[data-mobile-private-view=inbox] .app-header>button,.app-shell[data-mobile-private-view=friends] .app-header>button,.app-shell[data-mobile-private-view=inbox] .header-search,.app-shell[data-mobile-private-view=friends] .header-search{display:none}.app-shell[data-mobile-private-view] .mobile-browse-menu{margin-left:auto;display:block}.app-shell[data-mobile-private-view=inbox] #space-navigation{border:0;flex:1;width:100%;max-width:none;padding-bottom:0;display:flex}.app-shell[data-mobile-private-view=inbox] #space-navigation+*,.app-shell[data-mobile-private-view=friends] #space-navigation,.app-shell[data-mobile-private-view] .private-sidebar-spacer{display:none}.app-shell[data-mobile-private-view=inbox] #space-navigation.private-sidebar .workspace-heading{height:auto;padding:18px 14px 12px}.app-shell[data-mobile-private-view=inbox] #space-navigation.private-sidebar h1{font-size:21px}.app-shell[data-mobile-private-view=inbox] #space-navigation.private-sidebar .dm-search{height:42px;margin-bottom:12px}.app-shell[data-mobile-private-view=inbox] #space-navigation.private-sidebar .dm-search input{min-width:0;font-size:13px}.app-shell[data-mobile-private-view=inbox] #space-navigation.private-sidebar .room-link{min-height:42px;padding:10px;font-size:14px!important}.app-shell[data-mobile-private-view=inbox] #space-navigation.private-sidebar .section-label{letter-spacing:.08em;margin-top:24px;font-size:10px}.app-shell[data-mobile-private-view=inbox] #space-navigation.private-sidebar .dm-side-row{border-radius:12px;gap:12px;min-height:66px;padding:12px 8px;font-size:14px}.app-shell[data-mobile-private-view=inbox] #space-navigation.private-sidebar .dm-side-row .avatar-color{flex-shrink:0;width:40px;height:40px}.app-shell[data-mobile-private-view=inbox] #space-navigation.private-sidebar .dm-side-row small{font-size:11px}.app-shell[data-mobile-private-view=inbox] .mobile-bottom-dock,.app-shell[data-mobile-private-view=friends] .mobile-bottom-dock{min-height:60px;padding:8px}.app-shell[data-mobile-private-view=inbox] .mobile-bottom-dock>.user-control-panel,.app-shell[data-mobile-private-view=friends] .mobile-bottom-dock>.user-control-panel{background:hsl(var(--accent));border-radius:12px;flex:1}.app-shell[data-mobile-private-view=friends] .mobile-messages-back{color:hsl(var(--primary));align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.app-shell[data-mobile-private-view=friends] .home-center{width:100%;min-width:0}.app-shell[data-mobile-private-view=friends] .friend-content{min-width:0;padding:12px}.app-shell[data-mobile-private-view=friends] .friends-tabs{flex-wrap:wrap;gap:4px;display:flex}.app-shell[data-mobile-private-view=friends] .friends-tabs button{padding:8px;font-size:12px}.app-shell[data-mobile-private-view=friends] .workspace-heading{gap:8px;padding:12px}.app-shell[data-mobile-private-view=friends] .friend-row{min-width:0}.app-shell[data-mobile-private-view=inbox] #space-navigation .section-label button{display:none}.app-shell .hub-rail:has(.mobile-account-slot){padding-bottom:0}.app-shell .hub-rail .mobile-account-slot{background:0 0;border-top:0;flex-shrink:0;height:64px;min-height:64px;padding:10px 0}.app-shell .mobile-bottom-dock:not(:has(.mobile-composer-slot:not(:empty))){min-height:64px;padding:8px 10px max(8px,var(--safe-bottom));background:hsl(var(--card));gap:0}.app-shell .mobile-bottom-dock:not(:has(.mobile-composer-slot:not(:empty)))>.user-control-panel{background:0 0;border-radius:0;flex:1;width:100%}.app-shell .mobile-bottom-dock:not(:has(.mobile-composer-slot:not(:empty))) .account-control-row{gap:6px;width:100%;height:47px;padding:0}.app-shell .mobile-bottom-dock:not(:has(.mobile-composer-slot:not(:empty))) .mobile-account-summary{margin-right:4px;padding-left:0}.app-shell .mobile-bottom-dock:not(:has(.mobile-composer-slot:not(:empty))) .mobile-account-summary strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:19px;overflow:hidden}.app-shell .mobile-bottom-dock:not(:has(.mobile-composer-slot:not(:empty))) .mobile-account-summary small{font-size:11px;line-height:17px}.app-shell .mobile-bottom-dock:not(:has(.mobile-composer-slot:not(:empty))) .audio-control-pair{border:1px solid hsl(var(--border)/.7);background:hsl(var(--background)/.5);border-radius:11px;flex-shrink:0;overflow:hidden}.app-shell .mobile-bottom-dock:not(:has(.mobile-composer-slot:not(:empty))) .account-icon{border-radius:10px;width:34px;height:40px}.app-shell .mobile-bottom-dock:not(:has(.mobile-composer-slot:not(:empty))) .account-icon svg{width:18px;height:18px}.app-shell .mobile-bottom-dock:not(:has(.mobile-composer-slot:not(:empty))) .device-arrow{border-left:1px solid hsl(var(--border)/.5);border-radius:0;width:18px;height:40px}.app-shell .mobile-bottom-dock:not(:has(.mobile-composer-slot:not(:empty))) .account-control-row>a.account-icon{background:hsl(var(--accent));border:1px solid hsl(var(--border)/.7);width:40px}.app-shell .mobile-bottom-dock .account-icon:focus-visible,.app-shell .mobile-bottom-dock .device-arrow:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:-2px}.app-shell[data-in-call=true] .mobile-bottom-dock{flex-direction:column;align-items:stretch;gap:6px;display:flex!important}.app-shell[data-in-call=true] .mobile-bottom-dock>.user-control-panel{width:100%;display:block!important}}
.app-shell{position:relative;overflow:clip}.mobile-settings-select,.mobile-profile-preview-toggle{display:none}.app-shell :is(a,button,input,select,textarea):focus-visible{outline:2px solid hsl(var(--primary));outline-offset:3px}.catch-up-item>.flex>a{overflow-wrap:anywhere;min-width:0}.catch-up-item time{white-space:nowrap;flex-shrink:0}.hub-search-empty{border:1px dashed hsl(var(--border));color:hsl(var(--muted-foreground));text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:12px;padding:32px 18px;display:flex}.hub-search-empty h3{color:hsl(var(--foreground));font-weight:600}.hub-search-empty p{font-size:13px}@media (max-width:767px){.app-shell .mobile-account-slot .account-identity{border:2px solid hsl(var(--primary)/.65);background:hsl(var(--accent));width:40px;height:40px;box-shadow:0 0 0 3px hsl(var(--background))}.app-shell .mobile-account-slot .account-identity>.relative{place-items:center;width:32px;height:32px;display:grid}.app-shell .mobile-account-slot .account-identity img,.app-shell .mobile-account-slot .account-identity .avatar-color{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:32px;height:32px}.app-shell .mobile-account-slot .account-identity .status-dot{bottom:-2px;right:-2px}.app-shell[data-workspace=home] #space-navigation{display:none}.app-shell[data-workspace=home] .home-center{width:100%;min-width:0}.app-shell[data-workspace=home] .friend-content{padding:20px 16px}.app-shell[data-workspace=home] .friend-greeting{margin-bottom:24px}.app-shell[data-workspace=home] .hangout-grid{gap:12px}.app-shell[data-workspace=home] .app-main .workspace-heading h1{font-size:16px}.app-shell .settings-workspace{display:block}.app-shell .settings-navigation{display:none}.mobile-settings-select{border-bottom:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));background:hsl(var(--card));gap:7px;padding:14px 16px;font-size:11px;display:grid}.mobile-settings-select select{border:1px solid hsl(var(--border));background:hsl(var(--background));width:100%;min-height:42px;color:hsl(var(--foreground));border-radius:10px;padding:8px 10px;font-size:14px}.app-shell .settings-content{border-left:0;padding:20px 16px 32px}.app-shell .settings-heading{margin-bottom:20px}.app-shell .settings-heading h2{font-size:24px}.app-shell .profile-editor{gap:16px}.app-shell .settings-savebar[data-dirty=false]{box-shadow:none;position:static}.app-shell .settings-content :is(input:not([type=color]):not([type=range]):not([type=file]),textarea,select){font-size:16px}.mobile-profile-preview-toggle{border:1px solid hsl(var(--border));width:100%;min-height:44px;color:hsl(var(--primary));background:hsl(var(--card));text-align:left;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.mobile-profile-preview-toggle span{flex:1}.mobile-profile-preview-toggle[aria-expanded=true]>svg:last-child{transform:rotate(180deg)}.mobile-profile-preview-toggle+div:not([hidden]){margin-top:14px}.profile-live-preview .eyebrow{display:none}.app-shell .catch-up-inbox>.flex{flex-wrap:nowrap;gap:8px}.catch-up-inbox h2{font-size:20px}.catch-up-inbox>.flex>button{padding:8px 10px;font-size:12px}.catch-up-inbox [role=tablist]{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:4px;display:grid}.catch-up-inbox [role=tab]{min-height:38px;font-size:12px}.catch-up-item{padding:14px}.catch-up-item time{font-size:10px;line-height:21px}.catch-up-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.catch-up-actions>*{text-align:center;justify-content:center;min-height:36px}.app-shell[data-workspace=activity] .page-frame>:first-child{margin-bottom:22px}.app-shell[data-workspace=activity] .page-frame h1{font-size:26px;line-height:1.2}.favorite-title h2{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.prejoin-dialog{gap:12px;max-height:calc(100dvh - 32px);padding:18px}.prejoin-dialog .settings-section{gap:14px;margin-bottom:0;padding:14px}.prejoin-dialog .settings-section-title{gap:8px}.prejoin-dialog .settings-section-title p{display:none}.prejoin-dialog .settings-field select{min-height:42px;padding:9px 10px;font-size:14px}.prejoin-dialog .media-settings>p{margin-top:12px;font-size:11px}.prejoin-dialog .prejoin-confirm{z-index:2;background:hsl(var(--primary));width:100%;min-height:44px;color:hsl(var(--primary-foreground));border:1px solid hsl(var(--primary));box-shadow:0 0 0 8px hsl(var(--background));border-radius:10px;justify-content:center;margin:0;font-weight:600;position:sticky;bottom:0}}.app-shell .community-icon-tools,.app-shell #space-navigation .community-icon-tools{flex-flow:row;justify-content:space-evenly;align-items:center;gap:2px;padding:6px;display:flex}.app-shell .community-icon-tools .room-link,.app-shell #space-navigation .community-icon-tools .room-link{flex:1 1 0;justify-content:center;align-items:center;width:auto;min-width:0;height:36px;min-height:36px;padding:0;display:flex}.app-shell .community-icon-tools .room-link svg,.app-shell #space-navigation .community-icon-tools .room-link svg{flex-shrink:0;width:17px;height:17px}@media (pointer:coarse){.app-shell .community-icon-tools .room-link,.app-shell #space-navigation .community-icon-tools .room-link{height:44px;min-height:44px}}.search-panel-advanced{padding-inline:16px}.search-panel-advanced>summary{min-height:44px;margin-left:12px;display:list-item}@media (max-width:767px){.search-panel-filters>label{flex:calc(50% - 12px);min-width:0}.search-panel-filters>label input,.search-panel-filters>label select{width:100%;min-width:0;min-height:40px}}
.mobile-room-chat-label{display:none}@media (max-width:767px){.live-hangout-layout,.voice-experience{flex:1;min-height:0;position:relative;overflow:hidden}.live-hangout-layout:not(.room-chat-hidden)>.live-hangout-stage,.voice-experience.with-chat>.voice-experience-stage{display:none}.live-hangout-layout>.live-hangout-conversation,.voice-experience>.voice-room-chat{border:0;min-width:0;min-height:0;padding:0;overflow:hidden;flex:1!important;width:100%!important}.live-hangout-conversation>.panel-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.live-hangout-conversation>.panel-resize-handle{display:none}.room-chat-heading,.voice-room-chat>header{flex-shrink:0;gap:8px;min-height:52px;padding:8px 12px}.room-chat-heading>button,.voice-room-chat>header>button{border:1px solid hsl(var(--border));white-space:nowrap;border-radius:10px;gap:6px;padding:6px 10px;font-size:12px;width:auto!important;min-height:36px!important}.mobile-room-chat-label{display:inline}.voice-room-chat>header>div{flex:1;min-width:0}.voice-room-chat>header p{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.live-hangout-conversation [aria-label=Messages],.voice-room-chat>.voice-chat-log{overscroll-behavior:contain;flex:1;min-height:0;max-height:none;padding-top:12px;overflow-y:auto}.live-hangout-conversation .room-chat-welcome{margin-bottom:8px;padding:16px}.live-hangout-conversation .room-chat-welcome .eyebrow{margin-bottom:8px;font-size:9px}.live-hangout-conversation .room-chat-welcome h2{font-size:20px;line-height:1.3}.live-hangout-conversation .room-chat-welcome p:last-child{font-size:13px;line-height:1.5}.voice-room-chat .voice-chat-welcome{margin:0;padding:16px 8px}.voice-room-chat .voice-chat-welcome h3{font-size:18px}.live-hangout-conversation .chat-composer,.voice-room-chat>form{flex-shrink:0;margin:0;padding:8px 10px}.live-hangout-conversation .composer-hint,.voice-room-chat>form>p{display:none}.live-hangout-conversation .composer-footer{margin-top:4px}.live-hangout-layout.room-chat-hidden>.live-hangout-stage,.voice-experience:not(.with-chat)>.voice-experience-stage{flex:1;min-height:0;padding-top:56px;overflow:auto}.live-hangout-layout .room-chat-show{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:10px;gap:8px;width:auto;min-height:40px;padding:8px 12px;top:8px;right:12px}.voice-experience:not(.with-chat) .voice-chat-toggle{z-index:5;background:hsl(var(--card));min-height:40px;position:absolute;top:8px;right:12px}.app-shell:has(.live-hangout-layout:not(.room-chat-hidden),.voice-experience.with-chat) .mobile-bottom-dock{min-height:0;padding:4px 10px max(4px,var(--safe-bottom))}.app-shell:has(.live-hangout-layout:not(.room-chat-hidden),.voice-experience.with-chat) .mobile-bottom-dock>.user-control-panel{align-items:center;gap:8px;display:flex!important}.app-shell:has(.live-hangout-layout:not(.room-chat-hidden),.voice-experience.with-chat) .mobile-bottom-dock .account-voice-console{border:0;flex:1;min-width:0;margin:0;padding:0}.app-shell:has(.live-hangout-layout:not(.room-chat-hidden),.voice-experience.with-chat) .mobile-bottom-dock .account-voice-heading{margin:0;padding:0}:is(.app-shell:has(.live-hangout-layout:not(.room-chat-hidden),.voice-experience.with-chat) .mobile-bottom-dock .account-voice-actions,.app-shell:has(.live-hangout-layout:not(.room-chat-hidden),.voice-experience.with-chat) .mobile-bottom-dock .mobile-account-summary){display:none}.app-shell:has(.live-hangout-layout:not(.room-chat-hidden),.voice-experience.with-chat) .mobile-bottom-dock .account-control-row{flex:none;width:auto;height:44px}}
.rail-messages,.top-link,.mobile-header-nav>a{position:relative}.nav-unread-badge{background:hsl(var(--destructive));min-width:18px;height:18px;color:hsl(var(--destructive-foreground));text-align:center;pointer-events:none;box-shadow:0 0 0 2px hsl(var(--background));border-radius:9px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:-3px;right:-3px}.top-link>.nav-unread-badge{box-shadow:none;margin-left:4px;position:static}.app-shell .mobile-header-nav>a>.nav-unread-badge{z-index:2;min-width:16px;height:16px;padding:0 4px;font-size:10px;line-height:16px;display:block;top:-3px;right:-5px}.dm-side-row.unread>div>span{color:hsl(var(--foreground));font-weight:700}.dm-side-row.unread:after{content:"";background:hsl(var(--primary));border-radius:50%;flex-shrink:0;width:8px;height:8px}
.mobile-action-sheet{width:100%;max-width:none;max-height:80dvh;padding:22px 16px max(16px,env(safe-area-inset-bottom));border-radius:20px 20px 0 0;gap:16px;top:auto;bottom:0;left:0;transform:none}.mobile-action-list{overscroll-behavior:contain;min-height:0;overflow-y:auto}.mobile-action-sheet [data-slot=dialog-title]{padding-right:40px}.mobile-action-sheet [data-slot=dialog-close]{place-items:center;width:40px;height:40px;display:grid;top:12px;right:8px}.mobile-action-list button{text-align:left;border-radius:10px;align-items:center;gap:14px;width:100%;min-height:48px;padding:12px;display:flex}.mobile-action-list button:hover,.mobile-action-list button:focus-visible{background:hsl(var(--accent))}.mobile-action-list button:disabled{opacity:.45}.mobile-action-list button>span:first-of-type{flex:1}.mobile-action-list strong{font-size:14px;font-weight:500}.mobile-action-list small{color:hsl(var(--muted-foreground));font-size:12px;display:block}.mobile-action-list [data-destructive]{color:hsl(var(--destructive))}.mobile-action-separated{border-top:1px solid hsl(var(--border));margin-top:6px}.mobile-action-list summary{cursor:pointer;padding:14px 12px;font-weight:600}.mobile-action-list summary[aria-disabled=true]{opacity:.45;cursor:default}@media (prefers-reduced-motion:reduce){.mobile-action-sheet{transition:none!important;animation:none!important}}
.filter-search-input{border:1px solid hsl(var(--border));background:hsl(var(--background));border-radius:10px;align-items:center;gap:10px;min-width:0;padding:10px 12px;display:flex}.filter-search-input input,.header-search input{background:0 0;outline:none;flex:1;width:0;min-width:0}.filter-search-toggle,.filter-search-submit{min-width:28px;min-height:30px;color:hsl(var(--muted-foreground));border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;gap:3px;display:flex}.filter-search-toggle:hover,.filter-search-submit:hover{background:hsl(var(--accent));color:hsl(var(--foreground))}.filter-search-toggle span{color:hsl(var(--primary));font-size:10px}.search-filter-popover{width:min(360px,100vw - 24px);max-height:min(560px,var(--radix-popover-content-available-height,70dvh));overscroll-behavior:contain;background:hsl(var(--card));border-radius:12px;padding:8px;overflow:auto}.search-filter-heading{color:hsl(var(--muted-foreground));justify-content:space-between;align-items:center;padding:8px 10px;font-size:12px;display:flex}.search-filter-heading button{border-radius:6px;place-items:center;width:30px;height:30px;display:grid}.search-filter-menu{display:grid}.search-filter-menu>button{text-align:left;border-radius:8px;align-items:center;gap:12px;min-height:52px;padding:11px 10px;display:flex}.search-filter-menu>button>svg{color:hsl(var(--primary));flex-shrink:0}.search-filter-menu strong{font-size:13px;font-weight:550;display:block}.search-filter-menu small{color:hsl(var(--muted-foreground));margin-top:3px;font-size:11px;display:block}.search-filter-popover button:hover,.search-filter-popover button:focus-visible{background:hsl(var(--accent))}.search-filter-back{color:hsl(var(--primary));align-items:center;gap:6px;padding:8px 10px;font-size:12px;display:flex}.search-filter-find,.search-filter-field input{border:1px solid hsl(var(--border));background:hsl(var(--background));border-radius:8px;width:100%;min-width:0;padding:10px;font-size:13px}.search-filter-options{max-height:260px;margin-top:6px;display:grid;overflow:auto}.search-filter-options button{text-align:left;overflow-wrap:anywhere;border-radius:7px;padding:11px 10px;font-size:13px}.search-filter-options button[aria-pressed=true]{background:hsl(var(--primary)/.12);color:hsl(var(--primary))}.search-filter-note{color:hsl(var(--muted-foreground));padding:12px;font-size:12px}.search-filter-field{gap:12px;padding:10px;font-size:12px;display:grid}.search-filter-field input{margin-top:6px;display:block}.search-filter-footer{border-top:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));justify-content:space-between;align-items:center;margin-top:8px;padding:9px 10px;font-size:12px;display:flex}.search-filter-footer button{color:hsl(var(--primary))}.search-filter-done{text-align:center;width:100%;color:hsl(var(--primary));border-radius:8px;padding:10px;font-size:12px;display:block}.search-filter-popover .search-panel-filters{margin:8px}@media (max-width:767px){.search-filter-popover{max-height:min(65dvh,var(--radix-popover-content-available-height,65dvh))}.search-filter-menu>button,.search-filter-options button{min-height:44px}}@media (max-width:599px){.app-shell:not([data-mobile-hub-view=browse]) .app-header .header-search:not([data-filter-open]):not(:focus-within)>button{display:none}.app-shell:not([data-mobile-hub-view=browse]) .app-header .header-search:is([data-filter-open],:focus-within){z-index:5;background:hsl(var(--card));width:auto;max-width:none;position:absolute;left:5px;right:5px}.app-shell:not([data-mobile-hub-view=browse]) .app-header .header-search:is([data-filter-open],:focus-within) input{width:0;color:hsl(var(--foreground));cursor:text;padding:0;position:static;inset:auto}.app-shell:not([data-mobile-hub-view=browse]) .app-header .header-search[data-filter-open] input::-moz-placeholder{color:hsl(var(--muted-foreground))}.app-shell:not([data-mobile-hub-view=browse]) .app-header .header-search[data-filter-open] input::placeholder{color:hsl(var(--muted-foreground))}.app-shell[data-mobile-hub-view=browse] .header-search .filter-search-submit{display:none}.app-shell[data-mobile-hub-view=browse] .app-header .header-search{gap:6px}}
.account-menu-logout:hover:not(:disabled){color:hsl(var(--destructive))}.account-menu-logout:disabled{opacity:.6;cursor:progress}@media (min-width:768px){.user-control-panel .account-control-row{gap:2px;min-height:48px;padding:7px 8px}.user-control-panel .account-identity{border-radius:8px;flex:auto;gap:7px;min-width:0;height:38px;margin-left:-4px;padding:0 2px 0 4px}.user-control-panel .account-identity:hover,.user-control-panel .account-identity[data-state=open]{background:hsl(var(--muted))}.user-control-panel .account-identity>.relative>img,.user-control-panel .account-identity>.relative>.avatar-color{width:28px;height:28px}.user-control-panel .account-identity .status-dot{border-color:hsl(var(--popover))}.user-control-panel .account-identity:hover .status-dot,.user-control-panel .account-identity[data-state=open] .status-dot{border-color:hsl(var(--muted))}.user-control-panel .account-identity>span{flex-direction:column;flex:auto;justify-content:center;min-width:0;display:flex}.user-control-panel .account-identity strong,.user-control-panel .account-identity small{white-space:nowrap;text-overflow:ellipsis;max-width:none;display:block;overflow:hidden}.user-control-panel .account-identity strong{font-size:12px;font-weight:650;line-height:16px}.user-control-panel .account-identity small{margin-top:0;font-size:10px;line-height:14px}.user-control-panel .audio-control-pair{flex:none}.user-control-panel .account-icon{border-radius:6px;flex:none;width:24px;height:32px}.user-control-panel .device-arrow{border-radius:4px;flex:none;width:10px;height:32px}.user-control-panel .account-icon:focus-visible,.user-control-panel .device-arrow:focus-visible,.user-control-panel .account-identity:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:-2px}}
@media (max-width:767px){.account-voice-console .account-voice-heading{flex:100%;padding:6px 8px 0 12px}.account-voice-console .account-voice-heading strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.account-voice-console .account-voice-heading small{max-width:none;margin-top:2px}.account-voice-console .account-voice-actions{flex:100%;justify-content:space-around}}@media (min-width:768px){.user-control-panel .account-voice-heading{gap:8px;padding:8px 8px 2px 14px}.user-control-panel .account-voice-heading>a{border-radius:6px}.user-control-panel .account-voice-heading strong{white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;line-height:15px;overflow:hidden}.user-control-panel .account-voice-heading small{margin-top:1px;line-height:14px}.user-control-panel .account-voice-heading>.icon-button{border-radius:8px;width:32px;min-width:32px;height:32px;min-height:32px}.user-control-panel .account-voice-heading>.icon-button:hover{background:hsl(var(--destructive) / .12)}.user-control-panel .account-voice-actions{gap:4px;padding:6px 8px 8px}.user-control-panel .account-voice-actions>.icon-button{border-radius:8px;flex:0 32px;min-width:26px;height:32px;min-height:32px;padding:0}.user-control-panel .account-voice-actions>.icon-button:hover:not(:disabled){background:hsl(var(--muted))}.user-control-panel .account-voice-actions>.icon-button:disabled{opacity:.5;cursor:not-allowed}.user-control-panel .account-voice-actions>.icon-button:focus-visible,.user-control-panel .account-voice-heading>.icon-button:focus-visible,.user-control-panel .account-voice-heading>a:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:-2px}}.stop-sharing-button.account-icon{background:hsl(var(--destructive));color:hsl(var(--destructive-foreground));border-radius:10px;animation:1.6s ease-in-out infinite stop-sharing-pulse}.stop-sharing-button.account-icon:hover{background:hsl(var(--destructive) / .85);color:hsl(var(--destructive-foreground))}@keyframes stop-sharing-pulse{50%{box-shadow:0 0 0 4px hsl(var(--destructive) / .25)}}@media (prefers-reduced-motion:reduce){.stop-sharing-button.account-icon{animation:none}}.user-control-panel:has(.account-voice-console) .stop-sharing-button{display:none}.account-voice-actions>.icon-button.screen-sharing-active,.account-voice-actions>.icon-button.screen-sharing-active[aria-pressed=true]{background:hsl(var(--destructive));color:hsl(var(--destructive-foreground));animation:1.6s ease-in-out infinite stop-sharing-pulse}@media (prefers-reduced-motion:reduce){.account-voice-actions>.icon-button.screen-sharing-active{animation:none}}.user-control-panel .account-voice-actions>.icon-button.screen-sharing-active:hover{background:hsl(var(--destructive) / .85);color:hsl(var(--destructive-foreground))}