.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-side{display:flex;flex-direction:column}.hub-lists{position:relative;display:flex;flex:1 1;min-height:0}.hub-lists>.channel-list{flex:1 1}.hub-main{display:flex;flex-direction:column;gap:12px;min-width:0}.hub-members{width:240px;overflow-y:auto}.hub[data-panel=off] .hub-members{display:none}.hub[data-focused]{grid-template-columns:minmax(0,1fr)}.hub[data-focused] .hub-members,.hub[data-focused] .hub-side{display:none}@media (max-width:1399px) and (min-width:901px){.hub{position:relative}.hub .hub-members{position:absolute;inset-block:0;inset-inline-end:0;z-index:4;width:min(320px,40vw);height:auto;background:var(--card)}.hub.groups-directory .hub-members{position:sticky;inset:auto;top:76px;width:220px;height:calc(100dvh - 96px)}}.side-bar{gap:6px;padding-inline:8px}.side-tabs{display:flex;flex:1 1;gap:2px;min-width:0;overflow-x:auto;scrollbar-width:none}.side-tab{display:inline-grid;flex:none;place-items:center;width:38px;min-height:34px;padding:0;border:0;border-radius:var(--r-pill);background:transparent;color:var(--muted-foreground);font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.side-tab:hover{color:var(--foreground)}.side-tab[aria-selected=true]{background:var(--accent);color:var(--accent-foreground)}.side-close{flex:none}.side-title{margin:4px 6px 8px;font-size:var(--fs-md)}.side-panel{padding:8px}.side-empty{margin:12px 8px;color:var(--muted-foreground);font-size:var(--fs-sm)}.side-messages{display:grid;gap:6px;margin:8px 0 0;padding:0;list-style:none}.side-message{display:grid;gap:2px;width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--card);color:var(--foreground);text-align:start}.side-message:hover{background:var(--muted)}.side-message-meta{color:var(--muted-foreground);font-size:var(--fs-sm)}.side-message-meta b{color:var(--foreground)}.side-message-text{display:-webkit-box;overflow:hidden;font-size:var(--fs-sm);-webkit-box-orient:vertical;-webkit-line-clamp:3}.side-about{display:grid;gap:4px;margin:4px 6px}.side-about-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.side-about dt{margin-top:6px;color:var(--muted-foreground);font-size:var(--fs-sm)}.side-about dd{margin:0}.channel-message.is-found{background:var(--accent);transition:background var(--duration-long) var(--ease-out)}.channel-pinned{position:absolute;top:6px;inset-inline-end:14px;color:var(--muted-foreground)}.hub-side-pins[aria-pressed=true],.hub-side-search[aria-pressed=true]{color:var(--primary)}.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;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;text-overflow:ellipsis;white-space:nowrap}.hub-members-toggle,.hub-topic{color:var(--muted-foreground);font-size:var(--fs-sm)}.hub-members-toggle{display:inline-flex;flex:none;align-items:center;gap:6px;min-height:34px;margin-inline-start:auto;padding:0 10px;border:1px solid var(--border);border-radius:var(--r-pill);background:transparent;font-weight:var(--fw-semibold);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hub-members-toggle:hover{color:var(--foreground)}.hub-members-toggle.is-on{border-color:var(--primary);color:var(--primary)}.hub-focus{flex:none;color:var(--muted-foreground)}.hub-focus[aria-pressed=true]{color:var(--primary)}.hub-back{display:none}.hub-members .hub-bar{border:0;border-bottom:1px solid var(--border);border-radius:0}.hub-feed,.hub-page{min-width:0}.hub-page{display:grid;align-content:start;gap:16px;padding:4px 0 24px}.hub-page-head{display:flex;align-items:center;gap:10px}.hub-page-head h2{margin:0;font-size:var(--fs-lg)}.hub-page-head p{margin:2px 0 0}.hub-note,.hub-page-head p{color:var(--muted-foreground);font-size:var(--fs-sm)}.hub-note{margin:12px 8px}.hub-switch{display:flex;flex:none;padding:10px 8px 6px;border-bottom:1px solid var(--border)}.hub-pick{display:flex;align-items:center;gap:11px;width:100%;min-height:48px;padding:4px 10px;border:0;border-radius:var(--r-lg);background:transparent;color:var(--foreground);font-size:var(--fs-md);font-weight:var(--fw-semibold);text-align:start}.hub-switch-circle,.lane.sided .side-tile.hub-switch-circle{width:40px;height:40px;border-radius:50%;background:var(--card);color:var(--foreground);box-shadow:inset 0 0 0 1px var(--border);transition:background var(--duration-short) var(--ease-out),color var(--duration-short) var(--ease-out)}.hub-pick:hover .hub-switch-circle,.hub-pick[aria-expanded=true] .hub-switch-circle{background:var(--primary);color:var(--on-solid);box-shadow:none}.hub-pick[aria-expanded=true] .hub-switch-circle svg{rotate:180deg}.hub-switch-circle svg{transition:rotate var(--duration) var(--ease-out)}.hub-switch-label{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub[data-side=folded] .hub-switch{justify-content:center;padding-inline:0}.hub[data-side=folded] .hub-pick{justify-content:center;width:48px;padding:0;border-radius:50%}.hub[data-side=folded] .hub-switch-label{display:none}.hub-switch .hub-name{flex:none;align-self:center;width:40px;height:40px}.hub-name[data-state=open]{background:var(--muted)}.hub-bar .hub-name{margin-inline-start:auto}.hub-bar .hub-name~.hub-members-toggle{margin-inline-start:0}.hub-lists>.channel-list{transition:translate var(--duration) var(--ease-out),visibility 0s linear}.hub[data-picking] .hub-lists>.channel-list{visibility:hidden;translate:-100% 0;transition:translate var(--duration) var(--ease-out),visibility 0s linear var(--duration)}[dir=rtl] .hub[data-picking] .hub-lists>.channel-list{translate:100% 0}.group-hub-page{padding-top:0}.hub-page-tools{display:flex;justify-content:flex-end}.hub-panel{display:grid;gap:10px;padding:14px 16px}.hub-panel h2{display:flex;align-items:center;gap:8px;margin:0;font-size:var(--fs-md)}.hub-category h3,.hub-panel h2 svg{color:var(--muted-foreground)}.hub-category h3{margin:6px 0 4px;font-size:var(--fs-sm)}.hub-channels{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px;margin:0;padding:0;list-style:none}.hub-channel{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--card);color:var(--foreground);text-align:start}.hub-channel:hover{background:var(--muted)}.hub-channel-text{display:grid;flex:1 1;min-width:0}.hub-channel-text b,.hub-channel-text small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-channel-text small{color:var(--muted-foreground);font-size:var(--fs-sm)}.self-roles{display:grid;gap:8px}.self-roles .small-note{margin:0}.self-role-list{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.self-role{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:6px 14px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--card);color:var(--foreground);transition:background-color var(--duration-short) var(--ease-out),border-color var(--duration-short) var(--ease-out)}.self-role:hover{background:var(--muted)}.self-role[aria-pressed=true]{border-color:var(--accent-border);background:var(--accent);color:var(--accent-foreground)}.self-role:disabled{cursor:progress}.self-role-name{font-weight:var(--fw-semibold)}.group-welcome-roles{display:grid;gap:8px;margin-top:14px}.group-welcome-roles h3{display:flex;align-items:center;gap:8px;margin:0;font-size:var(--fs-md)}.hub-channel .voice-people.is-compact{flex-direction:row;margin:0}.hub-text .post-text{margin:0}.hub-editor-parts{display:grid;gap:4px;margin:0 0 12px;padding:0;list-style:none}.hub-editor-parts li{display:flex;align-items:center;gap:6px;padding:4px 6px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--card)}.hub-editor-parts li[data-dragging]{opacity:.6}.group-list{padding:0 8px 12px;overflow-y:auto}.group-list ul{margin:0;padding:0;list-style:none}.group-list li{position:relative}.group-list-head{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:4px;margin:0 -8px 8px;padding:10px 8px 10px 16px;border-bottom:1px solid var(--border)}.group-list-head h2{margin:0;overflow:hidden;font-size:var(--fs-md);text-overflow:ellipsis;white-space:nowrap}.group-list-search{display:flex;grid-column:1/-1;align-items:center;gap:6px;min-height:34px;padding-inline:10px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--card);color:var(--muted-foreground)}.group-list-search input{flex:1 1;min-width:0;border:0;background:transparent;color:var(--foreground);font:inherit;font-size:var(--fs-sm);outline:0}.group-list-search:focus-within{border-color:var(--primary)}.group-list .group-list-actions{margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.group-tile{width:32px;height:32px;overflow:hidden;color:var(--on-solid);font-size:var(--fs-md)}.group-tile,.lane.sided .side-tile.group-tile,.side-tile.group-tile{border-radius:50%}.group-tile img{width:100%;height:100%;object-fit:cover}.group-anchor{position:absolute;top:50%;inset-inline-end:0;width:1px;height:1px;pointer-events:none}.hub-groups{position:absolute;inset:0;z-index:2;background:var(--hub-side,var(--card));animation:slide-from-end var(--duration) var(--ease-out)}[dir=rtl] .hub-groups{animation-name:slide-from-start}@keyframes slide-from-start{0%{transform:translateX(-100%)}}@keyframes slide-from-end{0%{transform:translateX(100%)}}[dir=rtl] .group-list.is-drawer{animation-name:slide-from-end}.groups-scrim,.groups-toggle{display:none}.category-unread{flex:none;width:8px;height:8px;border-radius:50%;background:var(--foreground)}.channel-list.is-folded,.group-list.is-folded{width:88px;padding-inline:8px;scrollbar-width:none}.is-folded .channel-entry{position:relative;justify-content:center;width:48px;height:48px;min-height:0;margin:4px auto;padding:0;border-radius:50%}.is-folded .channel-entry.active{box-shadow:none}.is-folded .channel-entry:before{content:"";position:absolute;top:50%;inset-inline-start:-12px;width:4px;height:0;border-radius:var(--r-xs);background:var(--foreground);translate:0 -50%;transition:height var(--duration-short) var(--ease-out)}.is-folded .channel-entry:hover:before{height:16px}.is-folded .channel-entry.active:before{height:32px}.is-folded .side-tile,.lane.sided .is-folded .side-tile{width:40px;height:40px}.is-folded .side-tile:not(.symbol-tile),.lane.sided .is-folded .side-tile:not(.symbol-tile){border-radius:50%}.is-folded .channel-entry .voice-live,.is-folded .channel-entry-name,.is-folded .channel-feed-tag,.is-folded .channel-muted{display:none}.is-folded .channel-badge{position:absolute;inset-inline-end:-2px;bottom:-2px;min-width:18px;height:18px;padding:0 4px;border:2px solid var(--hub-side,var(--card))}.is-folded .channel-category{justify-content:center;gap:2px;margin:12px 0 4px}.is-folded section>ul{margin-inline:4px;border-inline-start:2px solid var(--border)}.category-pill{display:block;max-width:100%;padding:2px 7px;overflow:hidden;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--card);color:var(--foreground);font:inherit;font-size:var(--fs-2xs);font-weight:var(--fw-bold);letter-spacing:0;line-height:1.4;text-overflow:ellipsis;text-transform:none;white-space:nowrap;cursor:pointer}.category-pill:focus-visible,.category-pill:hover{border-color:var(--foreground)}.category-pill[aria-expanded=false]{background:var(--muted);color:var(--muted-foreground)}.is-folded .category-unread{width:6px;height:6px}.slide-names{position:fixed;z-index:80;pointer-events:none}.slide-name{position:fixed;max-width:260px;height:32px;translate:0 -50%}.slide-name,.slide-name-text{display:flex;align-items:center;overflow:hidden}.slide-name-text{height:100%;min-width:0;padding-inline:12px;border-radius:var(--r-pill);background:var(--foreground);color:var(--background);font-size:var(--fs-sm);font-weight:var(--fw-semibold);text-overflow:ellipsis;white-space:nowrap;animation:slide-name-out var(--duration) var(--ease-out) both}.slide-name[data-leaving] .slide-name-text{animation-name:slide-name-in}.slide-name[dir=rtl] .slide-name-text{animation-name:slide-name-out-rtl}.slide-name[dir=rtl][data-leaving] .slide-name-text{animation-name:slide-name-in-rtl}@keyframes slide-name-out{0%{transform:translateX(-100%)}}@keyframes slide-name-in{to{transform:translateX(-100%)}}@keyframes slide-name-out-rtl{0%{transform:translateX(100%)}}@keyframes slide-name-in-rtl{to{transform:translateX(100%)}}@keyframes slide-name-fade{to{opacity:0}}.channel-category-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (hover:hover){.channel-category-add{opacity:0}.channel-category-add:focus-visible,.channel-category:hover .channel-category-add{opacity:1}}.groups-directory .directory-nav{width:auto;padding:0 8px 12px}.groups-directory .hub-side>.group-list{flex:1 1;min-height:0}.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}.channel-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}.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{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.channel-list [data-dragging],.group-list [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}.command-suggest{gap:2px;max-width:480px;margin:6px 0 0;padding:5px;border:1px solid var(--border);background:var(--card);box-shadow:var(--tm-shadow-hover);list-style:none}.command-suggest,.command-suggest li{display:grid;border-radius:var(--r-md)}.command-suggest li{grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 8px;cursor:pointer}.command-suggest li[aria-selected=true]{background:var(--muted)}.command-suggest small,.command-suggest-text{overflow:hidden;color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap}.command-suggest small{font-size:var(--fs-sm)}.bot-msg-card{--card-accent:var(--border);display:grid;gap:4px;max-width:520px;margin-top:6px;padding:10px 12px;border:1px solid var(--border);border-inline-start:4px solid var(--card-accent);border-radius:var(--r-md);background:var(--card)}.bot-msg-card[data-tone=brand]{--card-accent:var(--primary)}.bot-msg-card[data-tone=indigo]{--card-accent:var(--tm-indigo)}.bot-msg-card[data-tone=violet]{--card-accent:var(--tm-violet)}.bot-msg-card[data-tone=rose]{--card-accent:var(--tm-rose)}.bot-msg-card[data-tone=amber]{--card-accent:var(--tm-amber)}.bot-msg-card[data-tone=green]{--card-accent:var(--tm-green)}.bot-msg-card[data-tone=teal]{--card-accent:var(--tm-teal)}.bot-msg-card[data-tone=red]{--card-accent:var(--tm-red)}.bot-msg-card p{margin:0;white-space:pre-line}.bot-msg-card dl{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px 12px;margin:4px 0 0}.bot-msg-card dt{color:var(--muted-foreground);font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.bot-msg-card dd{margin:0}.bot-msg-buttons{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.channel-private-note{margin:4px 0 0;color:var(--muted-foreground);font-size:var(--fs-sm);font-style:italic}.channel-thread-link{display:inline-flex;align-items:center;gap:6px;justify-self:start;margin-top:4px;padding:2px 8px;border:0;border-radius:var(--r-pill);background:transparent;color:var(--primary);font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.channel-thread-link:hover{background:var(--muted)}.channel-thread-link time{color:var(--muted-foreground);font-weight:var(--fw-regular)}.channel-message.thread-root{padding-bottom:12px;border-bottom:1px solid var(--border)}.side-panel:has(>.channel-chat.is-thread){display:flex;flex:1 1;flex-direction:column;min-height:0;padding:0}.side-panel:has(>.channel-chat.is-thread)>.side-title{margin:12px 14px 0}.channel-chat.is-thread{flex:1 1;height:auto;min-height:0;border:0;border-radius:0}.channel-chat.is-thread .channel-message{padding-inline:12px}.channel-chat.is-thread .channel-composer{margin:0 10px 10px}.hub-members:has(.channel-chat.is-thread){display:flex;flex-direction:column;overflow:hidden}.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){.hub-lists>.channel-list,.hub-switch-circle,.hub-switch-circle svg,.hub[data-picking] .hub-lists>.channel-list,.is-folded .channel-entry: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}.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)}}@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-focus,.hub-topic{display:none}.channel-list{width:auto;padding:0 10px 16px;overflow:visible}.hub-switch{padding:10px 10px 8px}.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}.hub[data-picking] .channel-list{display:none}.hub-groups{position:static;flex:1 1;padding:0 10px 16px}.groups-hub{display:block}.groups-toggle{display:flex;align-items:center;gap:10px;width:100%;min-height:60px;margin-bottom:16px;padding:10px 14px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--card);color:var(--foreground);font-size:var(--fs-md);font-weight:var(--fw-semibold);box-shadow:var(--tm-shadow)}.groups-toggle-faces{display:flex}.groups-toggle-faces>.group-tile{width:34px;height:34px;margin-inline-start:-10px;border:2px solid var(--card)}.groups-toggle-faces>:first-child{margin-inline-start:0}.groups-toggle-label{flex:1 1;text-align:start}.groups-toggle>svg:last-child{color:var(--muted-foreground)}.groups-scrim{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-list.is-drawer{position:fixed;inset-block:0;inset-inline-start:0;z-index:67;width:min(340px,88vw);padding:calc(12px + 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);box-shadow:var(--tm-shadow-hover);overflow-y:auto;animation:slide-from-start var(--duration-long) var(--ease-out)}: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 (prefers-reduced-motion:reduce){.group-list.is-drawer,.hub-groups,.slide-name{animation:fade-in var(--duration) var(--ease-out) both}.slide-name[data-leaving]{animation:slide-name-fade var(--duration) var(--ease-out) both}.slide-name .slide-name-text{animation: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-directory{display:grid;gap:12px}.bot-directory-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin:0;padding:0;list-style:none}.bot-listed{display:flex;flex-direction:column;gap:8px;padding:0 12px 12px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--card);overflow:hidden}.bot-listed-banner{height:56px;margin-inline:-12px;background:var(--muted)}.bot-listed-banner img{display:block;width:100%;height:100%;object-fit:cover}.bot-listed-head{display:flex;align-items:flex-end;gap:10px;margin-top:-20px}.bot-listed-head .avatar{box-shadow:0 0 0 3px var(--card)}.bot-listed-head small{display:block;color:var(--muted-foreground)}.bot-listed-about{display:-webkit-box;margin:0;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical}.bot-listed .small-note{margin:0}.bot-listed .outline-btn{align-self:flex-start;margin-top:auto}.bot-card{display:grid;gap:12px;padding:0 16px 16px;overflow:hidden}.bot-card-banner{height:96px;margin-inline:-16px;background:var(--muted)}.bot-card-banner img{display:block;width:100%;height:100%;object-fit:cover}.bot-card-head{display:flex;align-items:flex-end;gap:12px;margin-top:-40px}.bot-card-head .avatar{box-shadow:0 0 0 4px var(--card)}.bot-card-head>div{flex:1 1;min-width:0}.bot-card-head h3{display:flex;align-items:center;gap:6px;margin:0;font-size:var(--fs-lg)}.bot-card-head .set-hint{margin:0}.bot-card-about{margin:0;white-space:pre-line}.bot-card-facts{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:6px 12px;margin:0}.bot-card-facts dt{color:var(--muted-foreground)}.bot-card-facts dd{margin:0}.bot-card-groups{display:flex;flex-wrap:wrap;gap:4px}.bot-form,.bot-form-pictures{display:grid;gap:10px}.bot-form-pictures{grid-template-columns:minmax(0,1fr) 96px}.bot-picture{position:relative}.bot-picture-pick{display:grid;place-items:center;gap:4px;width:100%;height:96px;padding:0;border:1px dashed var(--border);border-radius:var(--r-md);background:var(--muted);color:var(--muted-foreground);font-size:var(--fs-sm);overflow:hidden}.bot-picture:not(.is-wide) .bot-picture-pick{border-radius:50%}.bot-picture-pick img{grid-area:1/1;width:100%;height:100%;object-fit:cover}.bot-picture-pick img+span{display:none}.bot-picture-clear{position:absolute;top:4px;inset-inline-end:4px;background:var(--card)}.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)}.lane.sided .side-tile.symbol-tile,.symbol-tile{--symbol-inset:0px;width:32px;height:32px;overflow:hidden;border-radius:50%;background:color-mix(in oklab,var(--item-accent) 16%,var(--card));color:var(--item-accent)}.lane.sided .channel-entry.active .side-tile.symbol-tile{background:var(--item-accent);color:var(--on-solid)}.lane.sided .side-tile.symbol-tile[data-shape=square],.symbol-tile[data-shape=square]{border-radius:var(--r-sm)}.symbol-tile[data-shape=triangle]{padding-top:22%;border-radius:0;clip-path:polygon(50% 2%,98% 94%,2% 94%)}.symbol-tile[data-shape=diamond]{border-radius:0;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.symbol-tile[data-shape=hexagon]{border-radius:0;clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%)}.symbol-tile[data-shape=octagon]{border-radius:0;clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%)}.symbol-tile[data-shape=shield]{padding-bottom:8%;border-radius:0;clip-path:polygon(50% 0,96% 14%,96% 52%,50% 100%,4% 52%,4% 14%)}.symbol-tile[data-shape=star]{padding-top:6%;border-radius:0;clip-path:polygon(50% 0,63% 34%,100% 38%,72% 61%,81% 98%,50% 78%,19% 98%,28% 61%,0 38%,37% 34%)}.is-folded .symbol-tile,.lane.sided .is-folded .side-tile.symbol-tile{width:40px;height:40px}.symbol-tile:is([data-shape=triangle],[data-shape=diamond],[data-shape=star],[data-shape=shield])>*{scale:.72}.symbol-tile>img{width:100%;height:100%;object-fit:cover}.symbol-tile[data-picture]:is([data-shape=triangle],[data-shape=diamond],[data-shape=star],[data-shape=shield]){padding:0}.symbol-tile[data-picture]>img{scale:1}.symbol-emoji{font-size:1.15em;line-height:1}.is-folded .symbol-tile .symbol-emoji{font-size:var(--fs-lg)}.category-symbol,.lane.sided .side-tile.category-symbol{width:18px;height:18px}.hub-bar-symbol,.lane.sided .side-tile.hub-bar-symbol,.lane.sided .side-tile.server-symbol,.server-symbol{width:26px;height:26px}.server-symbol-btn{display:inline-grid;padding:0;border:0;border-radius:50%;background:none;cursor:pointer}.symbol-picker{display:grid;gap:10px;margin:0;padding:0;border:0}.symbol-preview{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--muted)}.symbol-preview-entry{flex:1 1;min-width:0;background:var(--card);pointer-events:none}.symbol-preview-circle{display:grid;flex:none;place-items:center;width:52px;height:52px;border-radius:var(--r-md);background:var(--card)}.symbol-preview-circle .symbol-tile{width:40px;height:40px}.symbol-sources{display:flex;flex-wrap:wrap;gap:4px}.symbol-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.symbol-emoji-btn .symbol-emoji{font-size:var(--fs-lg)}.symbol-colors,.symbol-icons,.symbol-shapes{display:flex;flex-wrap:wrap;gap:6px}.symbol-choice{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--border);border-radius:var(--r-md);background:var(--card);color:var(--foreground);cursor:pointer}.symbol-choice .symbol-tile{width:26px;height:26px;background:var(--item-accent)}.symbol-choice[aria-checked=true],.symbol-swatch[aria-checked=true]{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.lane.sided .side-tile.symbol-swatch,.symbol-swatch{width:30px;height:30px;border:2px solid transparent;border-radius:50%;background:var(--item-accent);cursor:pointer}.symbol-swatch[aria-checked=true]{outline:2px solid var(--primary);outline-offset:2px}.channel-chat[data-compact] .channel-message{grid-template-columns:minmax(0,1fr);margin-top:4px;padding-block:1px}.channel-chat[data-compact] .channel-message.together{margin-top:0}.channel-chat[data-compact] .channel-message .avatar{display:none}.channel-chat[data-compact] .channel-message-body{grid-column:1}.channel-message .bubble-media{max-width:min(420px,100%)}.channel-empty-topic{display:block;margin-bottom:6px;color:var(--foreground)}.hub-bar-channel{display:inline-flex;align-items:center;gap:6px;min-width:0;padding:2px 6px;border:0;border-radius:var(--r-md);background:transparent;color:inherit;font:inherit}.hub-bar-channel>:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-bar-channel:hover{background:var(--muted)}.hub-main{container:hub-main/inline-size}@container hub-main (max-width: 540px){.hub-bar :is(.hub-side-pins,.hub-side-search,.hub-focus,.hub-topic){display:none}}@container hub-main (max-width: 720px){.voice-stage .voice-grid[data-count]{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.voice-stage .voice-grid .voice-tile:not(.screen){aspect-ratio:1}.voice-stage .voice-grid .voice-tile.screen{grid-column:1/-1;order:1;aspect-ratio:16/9}}.switcher-list{display:grid;gap:2px;margin:10px 0 6px;padding:0;list-style:none}.switcher-choice{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:var(--r-md);cursor:pointer}.switcher-choice[aria-selected=true]{background:var(--accent);color:var(--accent-foreground)}.switcher-name{flex:1 1;min-width:0;overflow:hidden;font-weight:var(--fw-semibold);text-overflow:ellipsis;white-space:nowrap}.switcher-choice small{color:var(--muted-foreground);font-size:var(--fs-sm)}.quick-switcher .group-tile{width:32px;height:32px}.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:not(.is-folded){width:240px}.lane.sided .hub-members{width:220px}.lane.sided .hub[data-tab=thread] .hub-members{width:360px}}@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:not(.alone) .feed-end{width:100%;margin-inline-start:0;transform:none}}.page-grid.alone:not([data-own-free]),.page-grid.alone:not([data-own-free])>.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 .hub .directory-panel .channel-entry{border-radius:var(--r-lg)}.lane.sided .hub .directory-panel .channel-entry.active{background:color-mix(in oklab,var(--primary) 10%,var(--card))}.lane.sided .directory-panel .directory-nav{width:auto;padding-inline:8px}.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,.group-list):not(.is-folded) .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,.group-list):not(.is-folded) .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,.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 .hub-side{padding:0}.lane.sided :is(.directory-nav,.hub .channel-list:not(.is-folded)){padding-block:10px 12px;padding-inline:8px 0}.lane.sided .chat-list .chat-item,.lane.sided :is(.page-side,.directory-nav,.hub .channel-list:not(.is-folded)) .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 .hub-groups{background:var(--side-ground)}.lane.sided .hub{column-gap:0}.lane.sided .hub-main{padding-inline:16px 12px}.lane.sided .hub[data-panel=off] .hub-main{padding-inline-end:0}}.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-page .app-window-title h1:focus{outline:none}.settings-page .folder-tabs{padding-inline:0}.settings-body{padding-block:18px 28px}.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]{z-index:68;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-advanced{margin-top:14px;padding-bottom:0}.call-advanced[open]{display:flex;flex-direction:column;gap:12px}.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-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.stream-advanced{padding-bottom:0}.stream-advanced[open]{display:flex;flex-direction:column;gap:16px}.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}