.hub{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:start}.hub-members,.hub-side{position:sticky;top:76px;height:calc(100dvh - 96px);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--card);overflow:hidden}.hub-main,.hub-side{display:flex}.hub-main{flex-direction:column;gap:12px;min-width:0}.hub-members{width:240px;overflow-y:auto}.hub[data-members=off] .hub-members{display:none}@media (max-width:1399px) and (min-width:901px){.hub-members,.hub-members-toggle{display:none}}.hub-bar{gap:10px;min-height:52px;padding-block:8px;padding-inline:16px 12px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--card)}.hub-bar,.hub-bar h2{display:flex;align-items:center}.hub-bar h2{gap:6px;min-width:0;margin:0;overflow:hidden;font-size:var(--fs-md);white-space:nowrap}.hub-bar h2>:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis}.hub-bar h2 svg{flex:none}.hub-bar h2 svg,.hub-topic{color:var(--muted-foreground)}.hub-topic{flex:1 1;min-width:0;margin:0;padding-inline-start:10px;border-inline-start:1px solid var(--border);overflow:hidden;font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap}.hub-bar .hub-members-toggle{margin-inline-start:auto}.hub-members-toggle.is-on{color:var(--primary)}.hub-back{display:none}.hub-members .hub-bar{border:0;border-bottom:1px solid var(--border);border-radius:0}.hub-feed{min-width:0}.hub-note{margin:12px 8px;color:var(--muted-foreground);font-size:var(--fs-sm)}.hub-head{position:relative;display:flex;align-items:flex-end;min-height:56px;margin:0 -8px 8px;padding:8px;border-bottom:1px solid var(--border)}.hub-head.has-banner{min-height:132px}.hub-banner{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hub-name{position:relative;display:flex;align-items:center;gap:6px;width:100%;min-height:40px;padding:6px 10px;border:0;border-radius:var(--r-md);background:transparent;color:var(--foreground);font-size:var(--fs-md);text-align:start}.has-banner .hub-name{background:var(--card)}.hub-face{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;object-fit:cover;color:var(--on-solid)}.hub-head .look-cover{position:absolute;inset:0}.hub-head .look-pattern-mark{inset-block-start:8px;inset-block-end:auto}.hub-name strong{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-name:hover,.hub-name[data-state=open]{background:var(--muted)}.groups-hub.is-wide{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start}.directory-side{position:sticky;top:76px;display:flex;height:calc(100dvh - 96px);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--card);overflow:hidden}.directory-nav{width:216px;padding:0 8px 12px;overflow-y:auto}.directory-nav ul{margin:0;padding:0;list-style:none}.directory-head{display:flex;align-items:center;gap:8px;min-height:56px;margin:0 -8px 4px;padding:8px 18px;border-bottom:1px solid var(--border);font-size:var(--fs-base)}.directory-head svg{color:var(--muted-foreground)}.groups-main{display:flex;flex-direction:column;gap:12px;min-width:0}.groups-main .content-grid{gap:12px}.groups-main .community-card{gap:6px;padding:12px 14px}.groups-main .community-cover{width:calc(100% + 28px);max-height:76px;margin:-12px -14px 0;aspect-ratio:5}.groups-main .community-cover+.community-card-head .community-icon{margin-top:-22px}.groups-main .community-card-head .community-icon{width:36px;height:36px;font-size:var(--fs-lg)}.groups-main .community-card-text{display:-webkit-box;margin:0;overflow:hidden;font-size:var(--fs-base);-webkit-box-orient:vertical;-webkit-line-clamp:2}.group-rail{align-items:center;width:72px;padding:12px 0;background:var(--muted);overflow-y:auto;scrollbar-width:none}.group-rail,.group-rail ul{display:flex;flex-direction:column;gap:8px}.group-rail ul{margin:0;padding:0;list-style:none}.group-rail li{position:relative}.group-rail hr{width:32px;margin:2px 0;border:0;border-top:2px solid var(--border)}.rail-action,.rail-group{position:relative;display:grid;place-items:center;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:var(--card);color:var(--tm-green);transition:border-radius var(--duration-short) var(--ease-out)}.rail-action:last-child{color:var(--primary)}.rail-group img,.rail-icon{width:100%;height:100%;border-radius:inherit;object-fit:cover}.rail-icon{display:grid;place-items:center;color:var(--on-solid);font-size:var(--fs-lg)}.rail-action:hover,.rail-group.active,.rail-group:hover{border-radius:var(--r-lg)}.rail-action:hover{background:var(--tm-green);color:var(--on-solid)}.rail-action:last-child:hover{background:var(--primary)}.rail-group:before{content:"";position:absolute;inset-inline-start:-12px;width:4px;height:0;border-start-end-radius:var(--r-xs);border-end-end-radius:var(--r-xs);background:var(--foreground);transition:height var(--duration-short) var(--ease-out)}.rail-group:hover:before{height:20px}.rail-group.active:before{height:36px}.rail-anchor{position:absolute;top:50%;inset-inline-end:-8px;width:1px;height:1px;pointer-events:none}.rail-tip{position:fixed;z-index:80;max-width:240px;padding:7px 12px;border-radius:var(--r-md);background:var(--foreground);color:var(--background);font-size:var(--fs-sm);font-weight:var(--fw-semibold);transform:translateY(-50%);pointer-events:none}.rail-tip:before{content:"";position:absolute;top:50%;inset-inline-start:-5px;width:10px;height:10px;background:inherit;transform:translateY(-50%) rotate(45deg)}[dir=rtl] .rail-tip{translate:-100% 0}.channel-badge,.rail-badge{display:grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--r-pill);background:var(--destructive);color:var(--on-solid);font-size:var(--fs-2xs);font-weight:var(--fw-bold);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rail-badge{position:absolute;inset-inline-end:-4px;bottom:-4px;border:3px solid var(--muted)}.channel-list{width:240px;padding:0 8px 12px;overflow-y:auto}.channel-list ul{margin:0;padding:0;list-style:none}.channel-category{display:flex;align-items:center;gap:4px;margin:16px 8px 4px;color:var(--muted-foreground);font-size:var(--fs-2xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-caps);text-transform:uppercase}.channel-category-fold{display:inline-flex;flex:1 1;min-width:0;align-items:center;gap:4px;padding:2px 0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;text-align:start;cursor:pointer}.channel-category-fold:focus-visible,.channel-category-fold:hover{color:var(--foreground)}.channel-category-fold svg{flex:none;transition:transform .15s ease}.channel-category-fold[aria-expanded=false] svg{transform:rotate(-90deg)}[dir=rtl] .channel-category-fold[aria-expanded=false] svg{transform:rotate(90deg)}.channel-category-add{width:26px;height:26px;color:inherit}.group-create{display:grid;gap:14px}.kind-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.kind-card{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--card);color:var(--foreground);text-align:start;cursor:pointer}.kind-card[aria-checked=true]{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.kind-card-icon{display:grid;flex:none;place-items:center;width:38px;height:38px;border-radius:var(--r-sm);background:var(--muted)}.kind-card[aria-checked=true] .kind-card-icon{background:color-mix(in oklab,var(--primary) 14%,var(--card));color:var(--primary)}.kind-card-text{display:grid;gap:2px}.kind-card-text small{color:var(--muted-foreground);font-size:var(--fs-sm)}.channel-name-field,.role-name-field{display:flex;align-items:center;gap:8px}.channel-name-field>svg{flex:none;color:var(--muted-foreground)}.channel-name-field .field,.role-name-field .field{flex:1 1;min-width:0}.channel-name-preview{margin:-8px 0 0}.channel-private-label{display:flex;align-items:flex-start;gap:10px}.channel-private-label>svg{flex:none;margin-top:2px}.channel-private-label small{display:block;color:var(--muted-foreground);font-size:var(--fs-sm)}.channel-entry{display:flex;align-items:center;gap:8px;width:100%;min-height:36px;padding:6px 8px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--muted-foreground);text-align:start}.channel-entry:hover{background:var(--muted);color:var(--foreground)}.channel-entry.active{background:var(--accent);color:var(--accent-foreground);font-weight:var(--fw-semibold)}.channel-entry.unread{color:var(--foreground);font-weight:var(--fw-bold)}.channel-entry-name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-feed-tag{padding:1px 6px;border-radius:var(--r-pill);background:var(--status-warn-bg);color:var(--tm-amber-text);font-size:var(--fs-2xs);font-weight:var(--fw-semibold)}.channel-entry.muted{opacity:.55}.channel-muted{flex:none}.channel-category,.channel-entry,.rail-group{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.channel-list [data-dragging],.group-rail [data-dragging],.server-channels [data-dragging]{opacity:.45}[data-mark=after],[data-mark=before]{position:relative}[data-mark=after]:after,[data-mark=before]:before{content:"";position:absolute;inset-inline:4px;height:2px;border-radius:var(--r-pill);background:var(--primary);pointer-events:none}[data-mark=before]:before{top:-1px}[data-mark=after]:after{bottom:-1px}[data-mark=into]{border-radius:var(--r-sm);background:var(--accent)}.channel-loose:empty{min-height:4px}.menu-anchor{position:fixed;width:1px;height:1px;pointer-events:none}.channel-mute-menu{min-width:200px}.group-roster{padding:4px 8px 16px}.group-roster ul{margin:0;padding:0;list-style:none}.roster-title{margin:16px 8px 4px;color:var(--muted-foreground);font-size:var(--fs-2xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-caps);text-transform:uppercase}.roster-member{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:4px 8px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--foreground);text-align:start}.roster-member:hover,.roster-member[data-state=open]{background:var(--muted)}.roster-name{flex:1 1;min-width:0;overflow:hidden;font-weight:var(--fw-medium);text-overflow:ellipsis;white-space:nowrap}.roster-crown{flex:none;color:var(--tm-amber)}.roster-muted{flex:none;color:var(--muted-foreground)}.roster-menu{min-width:220px}.member-roles{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.member-roles li{display:flex;align-items:center;gap:10px;min-height:48px;border-bottom:1px solid var(--border)}.member-role-name{flex:1 1;min-width:0;font-weight:var(--fw-semibold)}.role-dot{flex:none;width:12px;height:12px;border-radius:50%;background:var(--muted-foreground)}.role-dot.role-indigo,.role-swatch.role-indigo{background:var(--tm-indigo)}.role-dot.role-violet,.role-swatch.role-violet{background:var(--tm-violet)}.role-dot.role-rose,.role-swatch.role-rose{background:var(--tm-rose)}.role-dot.role-amber,.role-swatch.role-amber{background:var(--tm-amber)}.role-dot.role-green,.role-swatch.role-green{background:var(--tm-green)}.role-dot.role-teal,.role-swatch.role-teal{background:var(--tm-teal)}.role-text-indigo{color:var(--tm-indigo-text)}.role-text-violet{color:var(--tm-violet-text)}.role-text-rose{color:var(--tm-rose-text)}.role-text-amber{color:var(--tm-amber-text)}.role-text-green{color:var(--tm-green-text)}.role-text-teal{color:var(--tm-teal-text)}.group-menu .menu-item.is-accent{color:var(--primary)}.group-menu .menu-item.is-danger{color:var(--destructive)}.group-preview{display:flex;flex-direction:column;gap:12px}.group-preview-rules h3{margin:0 0 8px;font-size:var(--fs-md)}.group-preview-rules ol{margin:0;padding-inline-start:20px}.group-preview-count{display:inline-flex;align-items:center;gap:6px;color:var(--muted-foreground)}.channel-chat{display:flex;flex-direction:column;height:clamp(480px,calc(100dvh - 160px),1000px);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--card);overflow:hidden}.channel-messages{flex:1 1;margin:0;padding:12px 0;list-style:none;overflow-y:auto;overscroll-behavior:contain}.channel-empty,.channel-older{padding:8px 16px 16px;text-align:center}.channel-empty{color:var(--muted-foreground)}.channel-message{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:12px;margin-top:12px;padding:2px 16px}.channel-message.together{margin-top:0}.channel-message:focus-within,.channel-message:hover{background:var(--muted)}.channel-message .avatar{width:40px;height:40px;margin-top:2px}.channel-message-body{grid-column:2;min-width:0}.channel-meta{margin:0}.channel-meta time{margin-inline-start:6px;color:var(--muted-foreground);font-size:var(--fs-xs)}.channel-text{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.channel-message .bubble-media{width:100%;max-width:360px;margin:6px 0 0}.channel-message .voice-player{max-width:360px;margin-top:6px}.channel-quote{display:block;margin-bottom:2px;overflow:hidden;color:var(--muted-foreground);font-size:var(--fs-sm);text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.channel-quote b{color:var(--foreground)}.channel-actions{position:absolute;inset-inline-end:12px;top:-14px;display:flex;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--card);opacity:0;pointer-events:none}.channel-message.picked .channel-actions,.channel-message:focus-within .channel-actions,.channel-message:hover .channel-actions{opacity:1;pointer-events:auto}.channel-message.picked{background:var(--muted)}.channel-message.mentions-me{background:color-mix(in oklab,var(--primary) 9%,transparent);box-shadow:inset 3px 0 0 var(--primary)}[dir=rtl] .channel-message.mentions-me{box-shadow:inset -3px 0 0 var(--primary)}.chat-mention{padding:0 3px;border-radius:var(--r-xs);background:color-mix(in oklab,var(--primary) 14%,transparent);color:var(--primary);font-weight:var(--fw-semibold)}.channel-readonly{margin:0;padding:12px 16px;border-top:1px solid var(--border);color:var(--muted-foreground);text-align:center}.channel-chat>.error-box{margin:0 16px 8px}.channel-chat>.voice-recorder,.channel-composer{margin:0 16px 16px}.channel-chat>.voice-recorder{padding:4px 12px}.channel-chat>.voice-recorder,.channel-field{border-radius:var(--r-lg);background:var(--muted)}.channel-field{display:flex;align-items:flex-end;gap:4px;padding:4px 6px}.channel-field textarea{flex:1 1;min-height:40px;max-height:160px;padding:9px 4px;border:0;background:transparent;color:inherit;font:inherit;resize:none;field-sizing:content}.channel-field textarea:focus{outline:none}.channel-field:focus-within{box-shadow:var(--focus-glow)}.channel-send:not(:disabled){color:var(--primary)}.channel-pictures{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px;padding:0;list-style:none}.channel-pictures li{position:relative;width:64px;height:64px;border-radius:var(--r-sm);background:var(--muted);overflow:hidden}.channel-pictures li.is-loading{animation:voice-blink 1.2s ease-in-out infinite}.channel-pictures img{width:100%;height:100%;object-fit:cover}.channel-pictures button{position:absolute;top:2px;inset-inline-end:2px;width:22px;height:22px;min-height:0;padding:0;background:var(--card)}.channel-composer .reply-target{margin-bottom:8px}.channel-composer .mention-list{max-width:none;max-height:min(40vh,280px);margin:0 0 8px;overflow-y:auto}.mention-everyone{background:color-mix(in oklab,var(--primary) 14%,transparent);color:var(--primary)}.server-list{display:flex;flex-direction:column;gap:4px;margin:8px 0 0;padding:0;list-style:none}.server-list>li{border:1px solid var(--border);border-radius:var(--r-md)}.server-open{flex:none;color:var(--muted-foreground)}.server-page{gap:16px}.server-page,.server-page-head{display:flex;flex-direction:column}.server-page-head{align-items:flex-start;gap:6px}.server-page-head h3{display:flex;align-items:center;gap:8px;margin:0;font-size:var(--fs-lg);font-weight:var(--fw-bold)}.server-back{display:inline-flex;align-items:center;gap:4px;min-height:36px;padding:0 8px 0 2px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--primary);font-weight:var(--fw-semibold)}.server-back:hover{background:var(--muted)}.server-row{display:flex;align-items:center;gap:8px;min-height:48px;padding:4px 8px 4px 12px}.server-name{display:flex;flex:1 1;flex-direction:column;min-width:0;padding:4px 0;border:0;background:transparent;color:var(--foreground);font-weight:var(--fw-semibold);text-align:start}.server-name small{overflow:hidden;color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap}.server-name small,.server-name.is-text{font-weight:var(--fw-regular)}.server-actions{display:flex;flex-wrap:wrap;gap:8px}.server-category{margin-top:16px}.server-category>.server-row{padding-inline:0}.server-category-name{flex:1 1;font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--ls-caps)}.role-colors{display:flex;flex-wrap:wrap;gap:8px}.role-colors legend{width:100%;margin-bottom:6px}.role-swatch{display:grid;place-items:center;width:32px;height:32px;padding:0;border:2px solid var(--border);border-radius:50%;background:var(--card);color:var(--muted-foreground)}.role-swatch.is-on{border-color:var(--foreground);box-shadow:var(--focus-glow)}.role-colors,.role-permissions{margin:0;padding:0;border:0}.role-permissions{display:flex;flex-direction:column}.role-permissions+.role-permissions{margin-top:18px}.role-permission{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--border)}.role-permission span{display:flex;flex-direction:column}.override-row span,.role-permission small{color:var(--muted-foreground)}.role-found,.role-holders{display:flex;flex-direction:column;gap:2px;margin:6px 0;padding:0;list-style:none}.role-found button,.role-holders li{display:flex;align-items:center;gap:8px;min-height:40px}.role-found button>:nth-child(2),.role-holders li>:nth-child(2){flex:1 1}.role-found button{width:100%;padding:4px 8px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--foreground);text-align:start}.role-found button:hover{background:var(--muted)}.override-roles{display:flex;flex-wrap:wrap;gap:8px}.override-mark{width:6px;height:6px;border-radius:50%;background:var(--primary)}.override-list{display:flex;flex-direction:column;margin:12px 0 0;padding:0;list-style:none}.override-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.override-row>span{display:flex;flex-direction:column;min-width:0}.override-row small{color:var(--muted-foreground)}.tri-state{display:flex;flex:none;overflow:hidden;border:1px solid var(--border);border-radius:var(--r-sm)}.tri-state button{display:grid;place-items:center;width:38px;height:34px;padding:0;border:0;background:transparent;color:var(--muted-foreground)}.tri-state button+button{border-inline-start:1px solid var(--border)}.tri-state .tri-deny[aria-checked=true]{background:color-mix(in oklab,var(--destructive) 18%,transparent);color:var(--destructive)}.tri-state .tri-inherit[aria-checked=true]{background:var(--muted);color:var(--foreground)}.tri-state .tri-allow[aria-checked=true]{background:color-mix(in oklab,var(--tm-green) 18%,transparent);color:color-mix(in oklab,var(--tm-green) 62%,var(--foreground))}.group-bans{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.group-bans li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.group-bans li>span{display:flex;flex:1 1;flex-direction:column;min-width:0}.group-bans small{color:var(--muted-foreground)}.link-code{font-family:var(--font-mono);font-size:var(--fs-sm)}.create-steps{margin:0;color:var(--muted-foreground);font-size:var(--fs-sm)}.create-steps b{color:var(--foreground)}.create-dots{display:flex;gap:6px;margin:0;padding:0;list-style:none}.create-dots li{flex:1 1;height:4px;border-radius:var(--r-pill);background:var(--muted)}.create-dots li.is-done{background:var(--primary)}.create-nav{display:flex;justify-content:space-between;gap:8px}.create-nav>:only-child{margin-inline-start:auto}.group-join-link{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.group-join-link h3{margin:0;font-size:var(--fs-xl)}.group-join-link p{margin:0}.group-join-face{display:grid;place-items:center;width:80px;height:80px;border-radius:var(--r-lg);object-fit:cover;color:var(--on-solid);font-size:var(--fs-2xl)}.group-join-rules{align-self:stretch;margin:8px 0;padding-inline-start:20px;text-align:start}@media (prefers-reduced-motion:reduce){.rail-action,.rail-group,.rail-group:before{transition:none}.channel-pictures li.is-loading{animation:none}}@media (min-width:901px){.lane.wider:has(.groups-hub),.lane.wider:has(.hub){max-width:min(1280px,calc(100vw - 48px))}.lane.wider:has(.hub[data-chat]){padding-bottom:0}.groups-hub,.hub{--hub-side:color-mix(in oklab,var(--card) 55%,var(--muted))}.hub[data-chat]{height:calc(100dvh - 92px);align-items:stretch}.hub[data-chat] .hub-members,.hub[data-chat] .hub-side{position:static;height:auto;min-height:0}.hub[data-chat] .hub-main{min-height:0}.hub[data-chat] .channel-chat{flex:1 1;height:auto;min-height:0}.directory-side,.hub-members,.hub-side{background:var(--hub-side)}.channel-list,.directory-nav,.hub-members{width:264px}.hub-members .hub-bar{background:transparent}.channel-entry.active{box-shadow:inset 3px 0 0 var(--primary)}.channel-entry.active:dir(rtl){box-shadow:inset -3px 0 0 var(--primary)}}.rail-head,.rail-name,.rail-scrim,.rail-toggle{display:none}@media (max-width:900px){.hub{display:block}.hub-side{position:relative;top:auto;display:block}.hub-members,.hub-side{height:auto;min-height:calc(100dvh - 150px);border-radius:var(--r-lg)}.hub-members{position:static}.hub[data-screen=channel] .hub-members,.hub[data-screen=channel] .hub-side,.hub[data-screen=list] .hub-main,.hub[data-screen=list] .hub-members,.hub[data-screen=members] .hub-main,.hub[data-screen=members] .hub-side{display:none}.hub[data-screen=members] .hub-members{display:block;width:auto}.hub-back{display:inline-grid}.hub-topic{display:none}.channel-list{width:auto;padding:0 10px 16px;overflow:visible}.hub-head{min-height:72px;margin:0 -10px 10px;padding:10px;padding-inline-start:64px}.hub-head.has-banner{min-height:168px}.hub-name{min-height:48px;font-size:var(--fs-lg)}.hub-face{width:40px;height:40px}.channel-entry{gap:12px;min-height:48px;padding:10px 12px;border-radius:var(--r-md);font-size:var(--fs-md)}.channel-entry svg{width:20px;height:20px}.channel-category{margin:20px 12px 6px}.roster-member{min-height:48px}.rail-toggle{position:relative;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:6px 14px 6px 12px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--card);color:var(--foreground);font-weight:var(--fw-semibold);box-shadow:var(--tm-shadow)}.rail-toggle .rail-badge{position:absolute;top:-6px;inset-inline-end:-6px;border-color:var(--card)}.rail-toggle-faces{display:flex}.rail-toggle-faces>*{display:grid;place-items:center;width:26px;height:26px;margin-inline-start:-8px;border:2px solid var(--card);border-radius:50%;object-fit:cover;color:var(--on-solid);font-size:var(--fs-2xs)}.rail-toggle-faces>:first-child{margin-inline-start:0}.hub-side>.rail-toggle{position:absolute;top:14px;inset-inline-start:12px;z-index:2;justify-content:center;width:44px;padding:0}.hub-side>.rail-toggle .rail-toggle-faces,.hub-side>.rail-toggle .rail-toggle-label,.hub-side>.rail-toggle .rail-toggle-more{display:none}.rail-toggle-label{flex:1 1;text-align:start}.rail-toggle-more{color:var(--muted-foreground)}.rail-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px;padding-block:0 8px;padding-inline:8px 0;border-bottom:1px solid var(--border);font-size:var(--fs-lg)}.rail-scrim{display:block;position:fixed;inset:0;z-index:66;background:color-mix(in oklab,var(--scrim-ink) 46%,transparent);animation:fade-in var(--duration) var(--ease-out)}.group-rail,.groups-hub>.group-rail{position:fixed;inset-block:0;inset-inline-start:0;z-index:67;align-items:stretch;gap:4px;width:min(320px,86vw);max-height:none;padding:calc(16px + env(safe-area-inset-top, 0px)) 12px calc(16px + env(safe-area-inset-bottom, 0px));border:0;border-start-end-radius:var(--r-lg);border-end-end-radius:var(--r-lg);background:var(--card);box-shadow:var(--tm-shadow-hover);overflow-y:auto;visibility:hidden;transform:translateX(-104%);transition:transform var(--duration-long) var(--ease-out),visibility 0s linear var(--duration-long)}[dir=rtl] .group-rail{transform:translateX(104%)}.group-rail[data-drawn]{visibility:visible;transform:none;transition:transform var(--duration-long) var(--ease-out)}.group-rail ul{gap:2px}.group-rail hr{width:auto;margin:8px 4px;border-top-width:1px}.rail-action,.rail-group{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;height:auto;min-height:56px;padding:6px 8px;border-radius:var(--r-md);background:transparent;color:var(--foreground);text-align:start}.rail-action,.rail-action:last-child{color:var(--foreground)}.rail-action>svg{flex:none;box-sizing:initial;padding:11px;border-radius:50%;background:var(--muted);color:var(--tm-green)}.rail-action:last-child>svg{color:var(--primary)}.rail-group img,.rail-icon{flex:none;width:44px;height:44px;border-radius:50%}.rail-action:hover,.rail-group.active,.rail-group:hover{border-radius:var(--r-md)}.rail-group.active{background:var(--accent);color:var(--accent-foreground)}.rail-action:hover,.rail-action:last-child:hover{background:var(--muted);color:var(--foreground)}.rail-group:before{display:none}.rail-name{display:block;flex:1 1;min-width:0;overflow:hidden;font-weight:var(--fw-semibold);text-overflow:ellipsis;white-space:nowrap}.rail-group .rail-badge{position:static;border:0}.rail-tip{display:none}.groups-hub{display:block}.groups-hub>.rail-toggle{width:100%;min-height:60px;margin-bottom:16px;padding:10px 14px;border-radius:var(--r-lg);font-size:var(--fs-md)}.groups-hub>.rail-toggle .rail-badge{position:static;border:0}.groups-hub>.rail-toggle .rail-toggle-faces>*{width:34px;height:34px;margin-inline-start:-10px}.groups-hub>.rail-toggle .rail-toggle-faces>:first-child{margin-inline-start:0}:root .hub[data-screen=channel][data-chat] .hub-main{position:fixed;inset:0;z-index:62;gap:0;padding:env(safe-area-inset-top,0) 0 env(safe-area-inset-bottom,0);background:var(--card)}:root.keyboard-open .hub[data-screen=channel][data-chat] .hub-main{inset:auto 0;top:var(--view-top,0);height:var(--view-height,100dvh);padding-bottom:0}:root.emoji-sheet-open .hub[data-screen=channel][data-chat] .hub-main{padding-bottom:var(--emoji-sheet,0)}.hub[data-chat] .hub-main>.hub-bar{border-width:0 0 1px;border-radius:0}.hub[data-chat] .hub-main>.group-band{margin:8px 12px 0}.hub[data-chat] .channel-chat{flex:1 1;min-height:0;height:auto;border:0;border-radius:0}.channel-message{padding-inline:12px}.channel-chat>.voice-recorder,.channel-composer{margin:0 10px 10px}.channel-field textarea{font-size:max(16px,1em)}}@media (max-width:900px) and (prefers-reduced-motion:reduce){.group-rail,.group-rail[data-drawn]{transition:none}}.group-bots{display:grid;gap:10px;margin:0;padding:0;list-style:none}.group-bots li{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--r-md)}.group-bot-text{display:grid;flex:1 1;gap:2px;min-width:0}.group-bot-text strong{display:inline-flex;align-items:center;gap:6px}.group-bot-text small{color:var(--muted-foreground)}.bot-asks{margin-top:12px}.bot-asks>summary{display:inline-flex;align-items:center;gap:6px;font-weight:var(--fw-semibold);cursor:pointer}.bot-add .role-permissions{text-align:start}.bot-add-about{margin:0;white-space:pre-line}.bot-tag{display:inline-block;padding:0 5px;border-radius:var(--r-xs);background:var(--tm-indigo);color:var(--on-solid);font-size:var(--fs-2xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-caps);text-transform:uppercase;vertical-align:1px}.bot-add>.approve-icon{align-self:center;color:var(--primary)}.chat-list>.chat-list-head,.groups-main>.groups-main-title,.page-side-scrim,.page-side-toggle{display:none}.page-side ul{margin:0;padding:0;list-style:none}.page-side-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:56px;margin:0 -8px 4px;padding:8px 18px;border-bottom:1px solid var(--border);font-size:var(--fs-base)}.page-side-head strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-side-count{margin-inline-start:4px;color:var(--muted-foreground);font-size:var(--fs-xs)}@media (min-width:901px){.lane.sided,.lane.wider.sided,.lane.wider.sided:has(.groups-hub),.lane.wider.sided:has(.hub){max-width:min(1120px,calc(100vw - 48px))}.lane.sided:has(.hub){padding-bottom:20px}.lane.sided.solo>#feed-content{max-width:840px;margin-inline:auto}.lane.sided .directory-nav,.lane.sided .hub .channel-list{width:240px}.lane.sided .hub-members{width:220px}}@media (min-width:1024px){.page-grid{display:grid;grid-template-columns:264px minmax(0,1fr);align-items:start}.page-side{position:sticky;top:76px;max-height:calc(100dvh - 96px);overflow-y:auto;scrollbar-width:none}.page-main{min-width:0;padding-inline-start:16px}.page-side>.page-side-head{display:none}}.page-grid.alone,.page-grid.alone>.page-main{display:contents}.explore-section,.magazine-head{scroll-margin-top:84px}@media (max-width:1023px){.page-side-toggle{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;margin-bottom:14px;padding:8px 14px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--card);color:var(--foreground);font-weight:var(--fw-semibold);text-align:start}.page-side-summary{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-side-toggle svg{flex:none;color:var(--muted-foreground)}.page-side-scrim{display:block;position:fixed;inset:0;z-index:66;background:color-mix(in oklab,var(--scrim-ink) 46%,transparent);animation:fade-in var(--duration) var(--ease-out)}.page-side:not([data-drawn]){display:none}.page-side[data-drawn]{position:fixed;inset-block:0;inset-inline-start:0;z-index:67;width:min(320px,86vw);padding:calc(4px + env(safe-area-inset-top, 0px)) 12px calc(16px + env(safe-area-inset-bottom, 0px));border-start-end-radius:var(--r-lg);border-end-end-radius:var(--r-lg);background:var(--card);overflow-y:auto;overscroll-behavior:contain;animation:page-side-in var(--duration-long) var(--ease-out)}.page-side .channel-entry{min-height:44px}}@keyframes page-side-in{0%{transform:translateX(-100%)}}[dir=rtl] .page-side[data-drawn]{animation-name:page-side-in-rtl}@keyframes page-side-in-rtl{0%{transform:translateX(100%)}}@media (prefers-reduced-motion:reduce){.page-side-scrim,.page-side[data-drawn]{animation:none}}@media (min-width:1024px){:root[data-view=communities] .lane.sided>#feed-content>.page-grid>.page-main>.page-head,:root[data-view=messages] .lane.sided>#feed-content>.page-grid>.page-main>.page-head{display:none}.lane.sided .groups-main>.groups-main-title{display:flex;margin-bottom:0}.lane.sided .groups-hub.is-wide{gap:0}.lane.sided .groups-main{padding-inline-start:16px}.lane.sided .directory-side{height:auto;max-height:calc(100dvh - 96px)}.lane.sided .directory-side .directory-nav{width:192px}.lane.sided .directory-head{display:none}.lane.sided .directory-nav>section:first-of-type .channel-category{margin-top:12px}.lane.sided .chat-list>.chat-list-head{display:flex;margin:0 0 8px;padding-inline:10px;border:0;font-size:var(--fs-xl);font-weight:var(--fw-bold)}.lane.sided .chat-grid{grid-template-columns:264px minmax(0,1fr);gap:0;height:calc(100dvh - 116px);background:transparent;box-shadow:none;overflow:visible}.lane.sided .chat-grid.is-empty{height:auto}.lane.sided .chat-detail{margin-inline-start:16px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--card);overflow:hidden}}.directory-back{display:flex;align-items:center;gap:8px;width:calc(100% + 16px);min-height:48px;margin:0 -8px 4px;padding:8px 18px;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--foreground);font-weight:var(--fw-semibold);text-align:start}.directory-back:hover{background:var(--muted)}.directory-back svg{color:var(--muted-foreground)}.hub-bar-menu{margin-inline-start:auto}.side-tile{display:inline-grid;flex:none;place-items:center}.side-tile[data-tone=brand]{--item-accent:var(--primary)}.side-tile[data-tone=indigo]{--item-accent:var(--tm-indigo)}.side-tile[data-tone=violet]{--item-accent:var(--tm-violet)}.side-tile[data-tone=rose]{--item-accent:var(--tm-rose)}.side-tile[data-tone=amber]{--item-accent:var(--tm-amber)}.side-tile[data-tone=green]{--item-accent:var(--tm-green)}.side-tile[data-tone=teal]{--item-accent:var(--tm-teal)}.side-tile[data-tone=red]{--item-accent:var(--tm-red)}.lane.sided{--side-ground:color-mix(in oklab,var(--primary) 6%,var(--card))}.lane.sided .side-tile{width:32px;height:32px;border-radius:var(--r-sm);background:color-mix(in oklab,var(--item-accent) 16%,var(--card));color:var(--item-accent)}.lane.sided .channel-entry.active .side-tile{background:var(--item-accent);color:var(--on-solid)}.lane.sided :is(.page-side,.directory-nav,.hub .channel-list) .channel-entry{min-height:46px;gap:11px;padding-block:6px;padding-inline:10px 12px;border-radius:var(--r-lg);color:var(--foreground);font-size:var(--fs-md);font-weight:var(--fw-semibold)}.lane.sided :is(.page-side,.directory-nav,.hub .channel-list) .channel-entry.active{background:var(--card);box-shadow:none}.lane.sided :is(.page-side,.directory-nav,.hub .channel-list) .channel-category{margin:16px 10px 6px;font-size:var(--fs-sm);letter-spacing:0;text-transform:none}@media (min-width:1024px){.lane.sided :is(.page-side,.directory-side,.hub-side,.chat-list){padding-block:10px 12px;padding-inline:12px 0;border:0;border-start-start-radius:var(--r-lg);border-end-start-radius:var(--r-lg);border-start-end-radius:0;border-end-end-radius:0;background:var(--side-ground)}.lane.sided :is(.directory-side,.hub-side){padding:0}.lane.sided :is(.directory-nav,.hub .channel-list){padding-block:10px 12px;padding-inline:8px 0}.lane.sided .chat-list .chat-item,.lane.sided :is(.page-side,.directory-nav,.hub .channel-list) .channel-entry{border-start-end-radius:0;border-end-end-radius:0}.lane.sided .chat-list .chat-item.active,.lane.sided :is(.page-side,.directory-nav,.hub .channel-list) .channel-entry.active{background:var(--background)}.lane.sided .group-rail{background:transparent}.lane.sided .hub{column-gap:0}.lane.sided .hub-main{padding-inline:16px 12px}.lane.sided .hub[data-members=off] .hub-main{padding-inline-end:0}}#feed-content:has(>#page-window:not(:empty))>:not(#page-window),#feed-content[data-window]>:not(#page-window){display:none}.settings-page{--folder-accent:var(--item-accent,var(--primary))}.settings-side-head{padding:8px 10px 4px}.settings-side-search{margin:8px 0 2px;border-color:var(--border);background:var(--card)}.side-hit small{display:block;font-size:var(--fs-xs);font-weight:var(--fw-medium)}.side-hit small,.side-lock{color:var(--muted-foreground)}.side-lock{margin-inline-start:6px;vertical-align:-1px}.settings-head{margin-bottom:8px}.settings-head h1:focus{outline:none}.settings-page .folder-tabs{padding-inline:0}.settings-body{padding-block:18px 28px}@media (max-width:640px){html[data-tabs] .settings-page :is(.save-bar,.set-footbar,.mod-feed-bar){bottom:calc(72px + env(safe-area-inset-bottom, 0px))}}.place-wrap{display:flex;flex:none}.place-menu{position:fixed;z-index:75;width:248px;max-height:calc(100dvh - 96px);overflow:hidden auto;padding:6px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--card);color:var(--foreground);box-shadow:var(--tm-shadow-hover);animation:menu-open var(--duration-short) var(--ease-out)}@media (prefers-reduced-motion:reduce){.place-menu{animation:none}}.place-menu-head{margin:0;padding:6px 10px 4px;font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--muted-foreground)}.nav-menu-list{display:grid;gap:2px}.place-menu-item{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:5px 10px;border-radius:var(--r-md);color:var(--foreground);font-size:var(--fs-md);font-weight:var(--fw-semibold);text-align:start}.place-menu-item:focus-visible,.place-menu-item:hover{background:var(--muted);outline:none}.place-menu-item:focus-visible{box-shadow:inset 0 0 0 2px var(--ring)}.place-menu-item .side-tile{width:30px;height:30px;border-radius:var(--r-sm);background:color-mix(in oklab,var(--item-accent) 16%,var(--card));color:var(--item-accent)}.place-menu-item.on .side-tile{background:var(--item-accent);color:var(--on-solid)}.place-menu-label{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:is(.place,.app-tab){-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.call-stage{--call-ink:var(--on-solid);--call-ground:var(--scrim-ink);--call-tint:var(--peer-tint,var(--primary));--call-glass:color-mix(in oklab,var(--scrim-ink) 55%,transparent);position:fixed;inset:0;z-index:66;display:flex;flex-direction:column;background:color-mix(in oklab,var(--call-tint) 24%,var(--call-ground));color:var(--call-ink);animation:call-open var(--duration-long) var(--ease-out)}@keyframes call-open{0%{opacity:0;transform:scale(.98)}}.call-view{position:relative;flex:1 1;min-height:0;display:grid;place-items:center;overflow:hidden;touch-action:pan-x}.call-theirs{width:100%;height:100%;object-fit:cover;background:var(--scrim-ink);animation:fade-in var(--duration-long) var(--ease-out)}.call-stage[data-screen] .call-theirs{object-fit:contain}.call-face{display:grid;place-items:center}.call-face .avatar.big,.call-incoming .avatar.big{width:128px;height:128px;font-size:var(--fs-5xl);box-shadow:0 0 0 6px color-mix(in oklab,var(--call-tint,var(--primary)) 35%,transparent)}.call-ring{position:relative;display:inline-grid;border-radius:50%}.call-ring:after,.call-ring:before{content:"";position:absolute;inset:-10px;border-radius:50%;border:2px solid color-mix(in oklab,var(--call-tint,var(--primary)) 70%,var(--on-solid));opacity:0}.call-incoming .call-ring:after,.call-incoming .call-ring:before,.call-ring.ringing:after,.call-ring.ringing:before{animation:call-ring 2.2s var(--ease-out) infinite}.call-ring:after{animation-delay:1.1s!important}@keyframes call-ring{0%{transform:scale(.9);opacity:.8}to{transform:scale(1.6);opacity:0}}.call-head{position:absolute;inset-block-start:0;inset-inline:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:calc(18px + env(safe-area-inset-top, 0px)) 64px 18px;pointer-events:none;transition:opacity var(--duration) var(--ease-out)}.call-stage[data-picture] .call-head{inset-inline:50% auto;width:max-content;max-width:calc(100% - 120px);margin-block-start:calc(12px + env(safe-area-inset-top, 0px));padding:8px 20px;border-radius:var(--r-lg);background:var(--call-glass);transform:translateX(-50%)}[dir=rtl] .call-stage[data-picture] .call-head{transform:translateX(50%)}.call-stage:not([data-picture]) .call-head{inset-block-start:auto;inset-block-end:12%}.call-head strong{font-size:var(--fs-xl);font-weight:var(--fw-heavy);text-align:center}.call-duration,.call-head span{color:color-mix(in oklab,var(--call-ink) 78%,transparent);font-size:var(--fs-md);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.call-stage[data-phase=ended] .call-head>span{color:var(--call-ink);font-weight:var(--fw-semibold)}.call-peer-muted{display:inline-flex;align-items:center;gap:5px;margin-top:4px;padding:3px 10px;border-radius:var(--r-pill);background:var(--call-glass)}.call-own-frame{position:absolute;z-index:1;width:clamp(104px,22vw,240px);aspect-ratio:16/10;border-radius:var(--r-lg);overflow:hidden;border:2px solid color-mix(in oklab,var(--on-solid) 22%,transparent);box-shadow:var(--tm-shadow-hover);cursor:grab;touch-action:none;transition:inset var(--duration) var(--ease-out),transform var(--duration) var(--ease-out)}.call-own-frame[data-dragging]{cursor:grabbing;transition:none}.call-own-frame[data-corner^=top]{inset-block-start:calc(16px + env(safe-area-inset-top, 0px))}.call-own-frame[data-corner^=bottom]{inset-block-end:16px}.call-own-frame[data-corner$=start]{inset-inline-start:16px}.call-own-frame[data-corner$=end]{inset-inline-end:16px}.call-stage[data-picture] .call-own-frame[data-corner^=top]{inset-block-start:calc(88px + env(safe-area-inset-top, 0px))}.call-stage[data-picture]:not([data-idle],[data-small]) .call-own-frame[data-corner^=bottom]{inset-block-end:calc(104px + env(safe-area-inset-bottom, 0px))}.call-own{display:block;width:100%;height:100%;object-fit:cover;background:var(--scrim-ink)}.call-own[data-mirror]{transform:scaleX(-1)}@media (max-width:640px){.call-own-frame{width:30vw;aspect-ratio:3/4}}.call-size{position:absolute;z-index:2;inset-block-start:calc(12px + env(safe-area-inset-top, 0px));inset-inline-end:12px;color:var(--call-ink);transition:opacity var(--duration) var(--ease-out)}.call-controls,.call-size{background:var(--call-glass)}.call-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;width:-moz-fit-content;width:fit-content;max-width:calc(100% - 24px);margin:0 auto calc(18px + env(safe-area-inset-bottom, 0px));padding:12px 16px;border-radius:var(--r-pill);transition:opacity var(--duration) var(--ease-out),transform var(--duration) var(--ease-out)}.call-stage[data-picture]:not([data-small]) .call-controls{position:absolute;inset-block-end:0;inset-inline:0}.call-stage[data-idle] :is(.call-head,.call-size){opacity:0}.call-stage[data-idle] .call-controls{opacity:0;transform:translateY(24px);pointer-events:none}.call-btn{display:inline-grid;place-items:center;width:56px;height:56px;border:0;border-radius:50%;background:color-mix(in oklab,var(--on-solid) 14%,transparent);color:var(--call-ink,var(--on-solid));transition:background var(--duration-short),transform var(--duration-short)}.call-btn svg{width:24px;height:24px}@media (hover:hover){.call-btn:hover{background:color-mix(in oklab,var(--on-solid) 24%,transparent)}}.call-btn:active{transform:scale(.92)}.call-btn[aria-pressed=true]{background:var(--call-ink);color:var(--call-ground)}.call-btn.hang{background:var(--tm-red);color:var(--on-solid)}.call-btn.take{background:var(--tm-green);color:var(--on-solid)}.call-btn.talk{width:auto;padding:0 22px;border-radius:var(--r-pill);font-weight:var(--fw-heavy);touch-action:none;-webkit-user-select:none;user-select:none}.call-btn.talk:active{background:var(--tm-green)}.call-btn:focus-visible{outline:3px solid color-mix(in oklab,var(--primary) 70%,var(--on-solid));outline-offset:3px}@media (max-width:640px){.call-controls{gap:8px;padding:10px}.call-btn{width:48px;height:48px}.call-btn svg{width:22px;height:22px}}.call-stage[data-small]{inset:auto;inset-block-end:calc(16px + env(safe-area-inset-bottom, 0px));inset-inline-end:16px;width:min(340px,calc(100vw - 32px));border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--tm-shadow-hover);animation:call-fold var(--duration) var(--ease-out)}@keyframes call-fold{0%{opacity:0;transform:translateY(16px) scale(.96)}}.call-stage[data-small] .call-view{aspect-ratio:16/10}.call-stage[data-small] .call-face .avatar.big{width:64px;height:64px;font-size:var(--fs-3xl)}.call-stage[data-small] .call-own-frame{width:30%;inset-block:auto 8px;inset-inline:auto 8px;border-radius:var(--r-sm);pointer-events:none}.call-stage[data-small] .call-head{inset-block:0 auto;padding:8px 40px 16px}.call-stage[data-small] .call-head strong{font-size:var(--fs-md)}.call-stage[data-small] .call-controls{gap:8px;width:auto;max-width:none;margin:0;padding:10px;border-radius:0}.call-stage[data-small] .call-btn{width:42px;height:42px}.call-stage[data-small] .call-btn svg{width:19px;height:19px}.call-stage[data-small] .call-size{inset-block-start:6px;inset-inline-end:6px}@media (max-width:640px){html[data-tabs] .call-stage[data-small]{inset-block-end:calc(84px + env(safe-area-inset-bottom, 0px))}}body:has(.call-stage) .datapanel{display:none}.call-incoming{--call-tint:var(--peer-tint,var(--primary));position:fixed;inset-inline:0;inset-block-start:calc(16px + env(safe-area-inset-top, 0px));z-index:66;gap:18px;width:min(380px,calc(100vw - 32px));margin-inline:auto;padding:30px 22px 20px;border-radius:var(--r-lg);background:color-mix(in oklab,var(--call-tint) 28%,var(--scrim-ink));color:var(--on-solid);box-shadow:var(--tm-shadow-hover);animation:call-in var(--duration-long) var(--ease-out)}.call-incoming,.call-incoming-who{display:flex;flex-direction:column;align-items:center}.call-incoming-who{gap:4px;text-align:center}.call-incoming strong{margin-top:16px;font-size:var(--fs-2xl);font-weight:var(--fw-heavy)}.call-incoming-who>span:not(.call-ring){color:color-mix(in oklab,var(--on-solid) 78%,transparent)}.call-incoming-answers{display:flex;gap:22px}.call-answer{display:flex;flex-direction:column;align-items:center;gap:6px}.call-answer small{color:color-mix(in oklab,var(--on-solid) 80%,transparent);font-size:var(--fs-sm)}.call-incoming .call-btn{--call-ink:var(--on-solid);width:62px;height:62px}.call-incoming .call-btn.take{animation:call-take 1.6s var(--ease-out) infinite}@keyframes call-take{0%,60%,to{transform:none}30%{transform:translateY(-4px)}}@keyframes call-in{0%{transform:translateY(-24px) scale(.96);opacity:0}}@media (max-width:640px){.call-incoming{inset:0;width:auto;justify-content:space-between;padding:calc(18vh + env(safe-area-inset-top, 0px)) 24px calc(56px + env(safe-area-inset-bottom, 0px));border-radius:0;animation:fade-in var(--duration-long) var(--ease-out)}.call-incoming .avatar.big{width:148px;height:148px}.call-incoming-answers{gap:34px}.call-incoming .call-btn{width:70px;height:70px}}@media (prefers-reduced-motion:reduce){.call-incoming,.call-incoming .call-btn.take,.call-ring:after,.call-ring:before,.call-stage,.call-theirs{animation:none!important}}.chat-call:disabled{opacity:.45}.call-line{display:flex;align-items:center;gap:10px;min-width:190px}.call-line-icon{display:grid;flex:none;place-items:center;width:36px;height:36px;border-radius:50%;background:color-mix(in oklab,var(--tm-green) 18%,transparent);color:var(--tm-green)}.call-line[data-missed] .call-line-icon{background:color-mix(in oklab,var(--tm-rose) 18%,transparent);color:var(--tm-rose)}.call-line-text{display:flex;flex:1 1;flex-direction:column}.call-line-text small{opacity:.75;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bubble.own .call-line .section-link{color:inherit;text-decoration:underline}.call-settings{gap:13px}.call-meter,.call-settings{display:flex;flex-direction:column}.call-meter{gap:8px;margin-top:6px}.call-meter-track{position:relative;height:16px;border-radius:var(--r-pill);background:color-mix(in oklab,var(--foreground) 9%,transparent);overflow:visible}.call-meter-fill{position:absolute;inset-block:0;inset-inline-start:0;width:var(--level);border-radius:inherit;background:var(--primary);transition:width 60ms linear}.call-meter[data-open] .call-meter-fill{background:var(--tm-green)}.call-meter-mark{position:absolute;inset-block:-4px;inset-inline-start:var(--at);width:3px;margin-inline-start:-1px;border-radius:var(--r-hair);background:var(--foreground);transition:inset-inline-start .3s var(--ease-out)}.call-meter-mark[data-auto]{opacity:.45}.call-meter-range{position:absolute;inset:-6px 0;width:100%;margin:0;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.call-meter-range::-webkit-slider-runnable-track{height:28px;background:transparent}.call-meter-range::-moz-range-track{height:28px;background:transparent}.call-meter-range::-webkit-slider-thumb{width:22px;height:28px;border:3px solid var(--card);border-radius:var(--r-xs);background:var(--foreground);box-shadow:var(--tm-shadow);-webkit-appearance:none;appearance:none}.call-meter-range::-moz-range-thumb{width:16px;height:22px;border:3px solid var(--card);border-radius:var(--r-xs);background:var(--foreground)}.call-meter-range:focus-visible{outline:none}.call-meter-range:focus-visible::-webkit-slider-thumb{outline:3px solid color-mix(in oklab,var(--primary) 60%,transparent)}.call-meter-note{margin:0;color:var(--muted-foreground);font-size:var(--fs-sm)}.call-meter[data-open] .call-meter-note{color:var(--tm-green);font-weight:var(--fw-semibold)}.call-key,.call-try{display:inline-flex;align-items:center;gap:8px;align-self:flex-start}.call-key[aria-pressed=true]{border-color:var(--primary);color:var(--primary)}.stream-choices{display:flex;flex-direction:column;gap:16px}.stream-sources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.stream-source{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;border:2px solid var(--border);border-radius:var(--r-md);background:var(--card);color:var(--foreground);font-weight:var(--fw-semibold);transition:border-color var(--duration-short),background var(--duration-short)}.stream-source svg{color:var(--muted-foreground)}.stream-source[aria-checked=true]{border-color:var(--primary);background:color-mix(in oklab,var(--primary) 8%,var(--card))}.stream-source[aria-checked=true] svg{color:var(--primary)}.stream-row{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;border:0}.stream-row legend{width:100%;margin-bottom:6px;padding:0;font-weight:var(--fw-semibold)}.stream-row .chip:disabled{opacity:.55}.stream-lock{margin-inline-start:2px}.stream-more{display:flex;align-items:center;gap:8px;margin:-6px 0 0;color:var(--muted-foreground);font-size:var(--fs-sm)}.stream-audio{gap:4px}.stream-audio,.stream-preview{display:flex;flex-direction:column}.stream-preview{gap:8px}.stream-preview small{color:var(--muted-foreground);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stream-preview .subtext{margin:0}.stream-frame{position:relative;overflow:hidden;border-radius:var(--r-md);background:var(--scrim-ink);touch-action:none}.stream-frame video{display:block;width:100%;height:auto}.stream-frame[data-drawing]{cursor:crosshair}.stream-region{position:absolute;border:2px solid var(--primary);box-shadow:0 0 0 100vmax color-mix(in oklab,var(--scrim-ink) 60%,transparent);pointer-events:none}.stream-region-tools{display:flex;flex-wrap:wrap;gap:6px}.watch-tools{position:absolute;z-index:2;inset-block-start:8px;inset-inline-start:8px;display:flex;gap:6px;transition:opacity var(--duration) var(--ease-out)}.call-stage .watch-tools{inset-block-start:calc(12px + env(safe-area-inset-top, 0px));inset-inline-start:12px}.call-stage[data-idle] .watch-tools{opacity:0;pointer-events:none}.watch-btn{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:color-mix(in oklab,var(--scrim-ink) 70%,transparent);color:var(--on-solid)}.watch-btn[aria-pressed=true]{background:var(--on-solid);color:var(--scrim-ink)}.watch-btn:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.voice-tile.screen:-webkit-full-screen{border-radius:0;aspect-ratio:auto}.voice-tile.screen:fullscreen{border-radius:0;aspect-ratio:auto}.voice-ping{display:inline-flex;align-items:flex-end;gap:2px;height:12px;flex:none}.voice-ping i{width:3px;border-radius:var(--r-hair);background:color-mix(in oklab,var(--foreground) 22%,transparent)}.voice-ping i:first-child{height:5px}.voice-ping i:nth-child(2){height:8px}.voice-ping i:nth-child(3){height:12px}.voice-ping[data-level=good] i{background:var(--tm-green)}.voice-ping[data-level=fair] i:nth-child(-n+2){background:var(--tm-amber)}.voice-ping[data-level=poor] i:first-child{background:var(--tm-red)}.voice-people{display:flex;flex-direction:column;gap:2px;margin:0 0 4px;padding:0;list-style:none}.channel-list .voice-people{padding-inline:48px 8px}.voice-people li{display:flex;align-items:center;gap:6px;min-height:28px;color:var(--muted-foreground);font-size:var(--fs-sm)}.voice-people svg{flex:none;opacity:.8}.voice-person-name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-face{display:inline-grid;flex:none;border-radius:50%;box-shadow:0 0 0 2px transparent;transition:box-shadow var(--duration-short)}.voice-face .avatar.small{width:22px;height:22px}[data-speaking]>.voice-face{box-shadow:0 0 0 2px var(--tm-green)}[data-speaking]>.voice-person-name{color:var(--foreground)}.voice-bar{position:sticky;inset-block-end:0;display:flex;flex-direction:column;gap:6px;margin-top:12px;padding:10px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--card);box-shadow:var(--tm-shadow)}.voice-bar-where{display:flex;align-items:center;gap:8px;min-width:0}.voice-bar-text{display:flex;flex-direction:column;min-width:0}.voice-bar-text strong{color:var(--tm-green);font-size:var(--fs-sm);font-weight:var(--fw-bold)}.voice-bar-text strong[data-reconnecting]{color:var(--tm-amber)}.voice-bar-text .section-link,.voice-bar-text small{overflow:hidden;color:var(--muted-foreground);font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap}.voice-bar-controls{display:flex;flex-wrap:wrap;gap:2px}.voice-bar-controls .icon-btn[aria-pressed=true]{color:var(--tm-red)}.voice-bar-controls .voice-leave{margin-inline-start:auto;color:var(--tm-red)}.voice-bar.dock{position:fixed;inset-block-end:calc(16px + env(safe-area-inset-bottom, 0px));inset-inline-start:16px;z-index:65;width:min(300px,calc(100vw - 32px));margin:0;box-shadow:var(--tm-shadow-hover)}body:has(.channel-list .voice-bar) .voice-bar.dock{display:none}@media (max-width:640px){html[data-tabs] .voice-bar.dock{inset-block-end:calc(84px + env(safe-area-inset-bottom, 0px))}}.voice-live{flex:none;padding:1px 7px;border-radius:var(--r-xs);background:var(--tm-red);color:var(--on-solid);font-size:var(--fs-xs);font-weight:var(--fw-heavy);letter-spacing:var(--ls-wide)}.voice-stage{display:flex;flex:1 1;flex-direction:column;gap:12px;min-height:0;padding:4px 0 12px;animation:fade-in var(--duration-long) var(--ease-out)}.voice-stage.outside{align-items:center;justify-content:center;gap:10px;padding:40px 16px;text-align:center}.voice-stage.outside h3{margin:0;font-size:var(--fs-xl)}.voice-stage.outside .voice-people{align-items:flex-start;padding:0}.voice-stage-icon{position:relative;display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:color-mix(in oklab,var(--tm-teal) 16%,transparent);color:var(--tm-teal)}.voice-stage[data-joining] .voice-stage-icon:after,.voice-stage[data-joining] .voice-stage-icon:before{content:"";position:absolute;inset:-6px;border:2px solid var(--tm-teal);border-radius:50%;animation:call-ring 1.8s var(--ease-out) infinite}.voice-stage[data-joining] .voice-stage-icon:after{animation-delay:.9s}.voice-stage-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;color:var(--foreground)}.voice-stage-head>svg{color:var(--tm-teal)}.voice-stage-head strong{font-size:var(--fs-lg);font-weight:var(--fw-heavy)}.voice-stage-head .chip{margin-inline-start:auto}.voice-stage-count{display:inline-flex;align-items:center;gap:6px;margin:0;color:var(--muted-foreground);font-size:var(--fs-sm)}.voice-screens{display:grid;gap:8px}.voice-screen-pick{display:flex;flex-wrap:wrap;gap:6px}.voice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));align-content:start;gap:10px}.voice-grid[data-count="1"]{grid-template-columns:minmax(0,720px);justify-content:center}.voice-grid:is([data-count="2"],[data-count="3"],[data-count="4"]){grid-template-columns:repeat(2,minmax(0,1fr))}.voice-grid:is([data-count="5"],[data-count="6"]){grid-template-columns:repeat(3,minmax(0,1fr))}.voice-stage[data-sharing] .voice-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.voice-stage[data-sharing] .voice-tile:not(.screen){aspect-ratio:4/3}.voice-tile{--member-ring:var(--tm-green);position:relative;display:grid;place-items:center;aspect-ratio:16/10;margin:0;overflow:hidden;border-radius:var(--r-lg);background:color-mix(in oklab,var(--member-tint,var(--primary)) 26%,var(--scrim-ink));color:var(--on-solid);box-shadow:inset 0 0 0 3px transparent;transition:box-shadow var(--duration-short)}.voice-tile[data-speaking]{box-shadow:inset 0 0 0 3px var(--member-ring)}.voice-tile.screen{aspect-ratio:16/9;background:var(--scrim-ink)}.voice-picture{width:100%;height:100%;object-fit:cover}.voice-picture.contain{object-fit:contain}.voice-picture[data-mirror]{transform:scaleX(-1)}.voice-tile-face{display:grid;border-radius:50%;box-shadow:0 0 0 0 transparent;transition:box-shadow var(--duration-short),transform var(--duration-short)}.voice-tile-face .avatar.big{width:88px;height:88px;font-size:var(--fs-3xl)}.voice-tile[data-speaking] .voice-tile-face{box-shadow:0 0 0 4px var(--member-ring);transform:scale(1.06)}.voice-tile-open{position:absolute;inset:0;border:0;border-radius:inherit;background:transparent;cursor:pointer}.voice-tile-open:focus-visible{outline:3px solid var(--primary);outline-offset:-3px}@media (hover:hover){.voice-tile-open:hover{background:color-mix(in oklab,var(--on-solid) 6%,transparent)}}.voice-tile figcaption{position:absolute;inset-block-end:8px;inset-inline-start:8px;display:flex;align-items:center;gap:6px;max-width:calc(100% - 16px);padding:3px 10px;border-radius:var(--r-pill);background:color-mix(in oklab,var(--scrim-ink) 70%,transparent);font-size:var(--fs-sm);pointer-events:none}.voice-tile-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-tile .voice-ping i{background:color-mix(in oklab,var(--on-solid) 30%,transparent)}.voice-reactions{position:absolute;inset-block-end:40px;inset-inline:0;display:flex;justify-content:center;pointer-events:none}.voice-reaction{position:absolute;font-size:var(--fs-4xl);animation:voice-rise 2.6s var(--ease-out) forwards}@keyframes voice-rise{0%{transform:translate(calc(var(--drift) * 14px),10px) scale(.6);opacity:0}15%{transform:translate(calc(var(--drift) * 14px)) scale(1.1);opacity:1}to{transform:translate(calc(var(--drift) * 26px),-120px) scale(1);opacity:0}}.voice-stage-bar{--call-ink:var(--on-solid);--call-ground:var(--scrim-ink);position:sticky;inset-block-end:8px;z-index:2;display:flex;align-items:flex-end;gap:10px;width:-moz-fit-content;width:fit-content;max-width:100%;margin:auto auto 0;padding:10px 14px;border-radius:var(--r-pill);background:var(--scrim-ink);color:var(--on-solid);box-shadow:var(--tm-shadow-hover)}.voice-stage-controls{display:flex;flex-wrap:wrap;gap:10px}.voice-stage-bar .call-btn{width:48px;height:48px}.voice-stage-bar .call-btn svg{width:22px;height:22px}.voice-stage-bar .call-btn:disabled{opacity:.45}.voice-react{position:relative}.voice-react-row{position:absolute;inset-block-end:calc(100% + 12px);inset-inline-start:-6px;display:flex;gap:4px;padding:6px;border-radius:var(--r-pill);background:var(--scrim-ink);box-shadow:var(--tm-shadow-hover);animation:fade-in var(--duration-short) var(--ease-out)}.voice-react-emoji{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:transparent;font-size:var(--fs-2xl);transition:transform var(--duration-short)}.voice-react-emoji:focus-visible,.voice-react-emoji:hover{transform:scale(1.2)}.voice-person-sheet{display:flex;flex-direction:column;gap:14px}.voice-person-head{display:flex;align-items:center;gap:14px}.voice-person-head .avatar.big{width:64px;height:64px}.voice-person-head span{display:flex;flex-direction:column}.voice-person-head strong{font-size:var(--fs-lg)}.voice-person-head small{color:var(--muted-foreground)}.voice-volume{display:flex;flex-direction:column;gap:8px}.voice-volume>span{display:inline-flex;align-items:center;gap:6px;font-weight:var(--fw-semibold)}.voice-volume b{margin-inline-start:auto;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.voice-volume input{width:100%;accent-color:var(--primary)}.voice-person-mod{display:flex;flex-wrap:wrap;gap:8px}body:has(.voice-stage-bar) :is(.app-compose,.compose-btn){display:none}@media (max-width:640px){.voice-grid,.voice-grid[data-count="1"],.voice-grid[data-count="2"]{grid-template-columns:minmax(0,1fr)}.voice-grid:not([data-count="1"],[data-count="2"]){grid-template-columns:repeat(2,minmax(0,1fr))}.voice-grid:not([data-count="1"],[data-count="2"]) .voice-tile{aspect-ratio:1}.voice-tile-face .avatar.big{width:72px;height:72px}.voice-stage-bar{width:auto;margin-inline:0;justify-content:center;padding:8px}.voice-stage-controls{gap:6px;justify-content:center}.voice-stage-bar .call-btn{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.voice-face,.voice-reaction,.voice-stage,.voice-stage[data-joining] .voice-stage-icon:after,.voice-stage[data-joining] .voice-stage-icon:before,.voice-tile,.voice-tile-face{transition:none;animation:none}}