.lazy-boundary{justify-content:center;align-items:center;gap:var(--space-3);min-height:120px;padding:var(--space-6);color:var(--text-muted);text-align:center;flex-direction:column;flex:1;display:flex}.lazy-boundary p{max-width:320px;margin:0}.lazy-boundary--settings{inset:var(--layer-top) var(--space-2) var(--layer-bottom) var(--space-2);z-index:var(--z-panel);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);position:fixed}.feed-note.is-new{background:var(--surface-2)}.feed-note__face{flex:none;position:relative}.feed-note__mark{width:17px;height:17px;box-shadow:0 0 0 2px var(--popover);background:var(--surface-3);color:var(--text-hover);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-3px;right:-3px}.feed-note__mark--like{background:var(--danger)}.feed-note__mark--follow,.feed-note__mark--follow_request,.feed-note__mark--follow_accept,.feed-note__mark--repost{background:var(--accent);color:var(--accent-contrast)}.feed-note__mark--reply,.feed-note__mark--mention,.feed-note__mark--quote{background:var(--tone-info)}.inbox-panel__count{border-radius:var(--radius-full);background:var(--danger);color:#fff;min-width:16px;font-size:10px;font-style:normal;font-weight:var(--weight-strong);padding:0 4px;line-height:16px}.ctx-menu{z-index:var(--z-menu);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--popover);width:248px;max-height:calc(100vh - 16px);box-shadow:var(--float-shadow);padding:6px;position:fixed;overflow-y:auto}.ctx-menu__item{align-items:center;gap:var(--space-2);width:100%;min-height:32px;padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--text);font:inherit;font-size:var(--text-sm);text-align:start;cursor:pointer;transition:background var(--dur-fast);background:0 0;border:0;display:flex}.ctx-menu__item svg{color:var(--text-muted);flex:none}.ctx-menu__item:hover:not(:disabled),.ctx-menu__item:focus-visible{background:var(--hover);color:var(--text-hover)}.ctx-menu__item:hover:not(:disabled):not([class*=ctx-menu__item--]) svg,.ctx-menu__item:focus-visible:not([class*=ctx-menu__item--]) svg{color:var(--text-hover)}.ctx-menu__item:focus-visible,:root[data-tabbing] .ctx-menu__item:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.ctx-menu__item:disabled{opacity:.5;cursor:default}.ctx-menu__item--info svg{color:var(--tone-info)}.ctx-menu__item--caution svg{color:var(--tone-caution)}.ctx-menu__item--pin svg{color:var(--tone-pin)}.ctx-menu__item--voice svg{color:var(--tone-voice)}.ctx-menu__item--owner svg{color:var(--tone-owner)}.ctx-menu__item--danger,.ctx-menu__item--danger svg{color:var(--danger)}.ctx-menu__sep{background:var(--border);height:1px;margin:4px 2px}.ctx-menu__text{flex-direction:column;min-width:0;padding:5px 0;line-height:1.25;display:flex}.ctx-menu__hint{color:var(--text-faint);font-size:var(--text-xs)}.ctx-menu__item--parent>span{flex:1}.ctx-menu__item--parent .ctx-menu__chevron{color:var(--text-faint);transition:transform var(--dur-fast)}.ctx-menu__item--parent[aria-expanded=true] .ctx-menu__chevron{transform:rotate(180deg)}.ctx-menu__sub .ctx-menu__item,.ctx-menu__toggle{padding-inline-start:calc(var(--space-2) * 2 + 15px)}.ctx-menu__toggle>span:first-child{flex:1}.ctx-menu__switch{border-radius:var(--radius-full);background:color-mix(in srgb, var(--text) 24%, transparent);width:28px;height:16px;transition:background var(--dur-fast);flex:none;position:relative}.ctx-menu__switch:after{content:"";border-radius:var(--radius-full);background:var(--on-fill);width:12px;height:12px;transition:transform var(--dur-med) var(--ease-spring);position:absolute;top:2px;left:2px}.ctx-menu__toggle[aria-checked=true] .ctx-menu__switch{background:var(--accent)}.ctx-menu__toggle[aria-checked=true] .ctx-menu__switch:after{transform:translate(12px)}.role-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.role-name[data-role-color]{color:var(--role)}.role-mark{vertical-align:-3px;flex:none;place-items:center;margin-inline-start:4px;display:inline-grid}.badge-img{-webkit-user-select:none;user-select:none;display:block}.whisper-badge{color:var(--tone-info);vertical-align:middle;flex:none;place-items:center;margin-inline-start:4px;display:inline-grid}.name-shine{--shine-a:#6ee7b7;--shine-b:#2dd4bf;--shine-c:#38bdf8;--shine-d:#818cf8;--shine-e:#a78bfa;--glint:#fffffff2;--glitter:#ffffffe6;font-weight:var(--weight-strong);background-image:linear-gradient(105deg, transparent 42%, var(--glint) 50%, transparent 58%), radial-gradient(circle, var(--glitter) 0 .7px, transparent 1.2px), radial-gradient(circle, var(--glitter) 0 .5px, transparent 1px), linear-gradient(90deg, var(--shine-a), var(--shine-b), var(--shine-c), var(--shine-d), var(--shine-e), var(--shine-c), var(--shine-a));-webkit-text-fill-color:transparent;background-position:105% 0,0 0,3px 2px,0 0;background-size:300% 100%,9px 11px,6px 7px,200% 100%;-webkit-background-clip:text;background-clip:text;animation:7s linear infinite name-shine}.name-shine--sunset{--shine-a:#fde68a;--shine-b:#fbbf24;--shine-c:#fb923c;--shine-d:#f97316;--shine-e:#ef4444}@keyframes name-shine{0%{background-position:105% 0,0 0,3px 2px,0 0}70%{background-position:105% 0,19px -23px,-10px -22px,140% 0}90%{background-position:-5% 0,24px -30px,-13px -29px,180% 0}to{background-position:-5% 0,27px -33px,-15px -33px,200% 0}}@media (prefers-reduced-motion:reduce){.name-shine{animation:none}}.status-line{align-items:center;gap:4px;min-width:0;max-width:100%;display:inline-flex;overflow:hidden}.status-line__emoji{flex:none}.status-line__text{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.activity-line{align-items:center;gap:6px;min-width:0;max-width:100%;display:flex;overflow:hidden}.activity-line__game{flex:0 auto;align-items:center;gap:4px;min-width:0;display:inline-flex;overflow:hidden}.activity-line__icon{color:var(--tone-plan);flex:none}.activity-line__name{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.activity-line__time,.activity-line__sep{white-space:nowrap;flex:none}.activity-line__status{flex:0 1000 auto}.activity-line__short{display:none}@container person (width<=180px){.activity-line__full{display:none}.activity-line__short{display:inline}}.mroles{flex-direction:column;gap:6px;padding:0 2px;display:flex}.mroles__chips{flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none;display:flex}.role-chip{border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-2);max-width:100%;height:22px;color:var(--text);font-size:var(--text-xs);font-weight:var(--weight-medium);align-items:center;gap:5px;padding:0 8px;display:inline-flex}.role-chip__dot{border-radius:var(--radius-full);background:var(--role,var(--text-faint));flex:none;width:8px;height:8px}.role-chip__badge{flex:none;place-items:center;display:inline-grid}.role-chip__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.role-chip__remove{border-radius:var(--radius-full);width:16px;height:16px;color:var(--text-faint);transition:background var(--dur-fast), color var(--dur-fast);background:0 0;border:0;flex:none;place-items:center;margin-inline-end:-4px;padding:0;display:grid}.role-chip__remove:hover{background:var(--danger-soft);color:var(--danger)}.role-chip--add{width:22px;color:var(--text-muted);transition:background var(--dur-fast), color var(--dur-fast), border-color var(--dur-fast);border-style:dashed;justify-content:center;padding:0}.role-chip--add:hover,.role-chip--add.is-open{border-color:var(--border-strong);background:var(--hover);color:var(--text-hover)}.mroles__picker{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);flex-direction:column;gap:1px;max-height:168px;margin:0;padding:4px;list-style:none;display:flex;overflow-y:auto}.mroles__picker button{align-items:center;gap:var(--space-2);width:100%;height:28px;padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--text);font-size:var(--text-sm);text-align:start;background:0 0;border:0;display:flex}.mroles__picker button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mroles__picker button:hover{background:var(--hover)}:root[data-tabbing] .mroles__picker button:focus-visible{outline-offset:-2px}.invite-pick__text{color:var(--text-muted);font-size:var(--text-sm);margin:0}.invite-pick{gap:var(--space-1);max-height:320px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.invite-pick__server{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2);border-radius:var(--radius-md);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:background var(--dur-fast);background:0 0;border:0;display:flex}.invite-pick__server:hover:not(:disabled){background:var(--hover)}.invite-pick__server:focus-visible,:root[data-tabbing] .invite-pick__server:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.invite-pick__server:disabled{cursor:default}.invite-pick__server[aria-busy=true]{background:var(--surface-3)}.invite-pick__name{font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.invite-pick__server--here .invite-pick__name,.invite-pick__server--here .server-icon{opacity:.55}.invite-pick__here{color:var(--text-faint);font-size:var(--text-xs);flex:none;margin-left:auto}.report__about{margin:0 0 var(--space-3);color:var(--text-muted)}.report__categories{margin-bottom:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.report__categories button{padding:8px var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);text-align:left;flex-direction:column;align-items:flex-start;gap:1px;display:flex}.report__categories button:hover{border-color:var(--border-hover)}:where(.report__categories button){--tone:var(--tone-danger)}.report__categories button.is-selected{border-color:var(--tone);background:color-mix(in srgb, var(--tone) var(--tint), transparent)}.report__categories strong{font-size:var(--text-sm)}.report__categories span{color:var(--text-faint);font-size:var(--text-xs)}.report__hint{margin:var(--space-2) 0 0;color:var(--text-faint);font-size:var(--text-xs);line-height:1.45}@media (width<=480px){.report__categories{grid-template-columns:minmax(0,1fr)}}.move-pick{gap:2px;max-height:360px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.move-pick__room{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:background var(--dur-fast);background:0 0;border:0;display:flex}.move-pick__room:hover:not(:disabled){background:var(--hover)}.move-pick__room:focus-visible,:root[data-tabbing] .move-pick__room:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.move-pick__room:disabled{cursor:default}.move-pick__room[aria-busy=true]{background:var(--surface-3)}.move-pick__icon,.move-pick__lock{color:var(--text-faint);flex:none}.move-pick__name{font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.move-pick__room--here .move-pick__name{opacity:.55}.move-pick__here{color:var(--text-faint);font-size:var(--text-xs);flex:none;margin-left:auto}.mlevel{margin:var(--space-2) 0 0;flex-direction:column;gap:4px;display:flex}.mlevel__head{color:var(--text-muted);font-size:var(--text-xs);justify-content:space-between;display:flex}.mlevel__head strong{color:var(--tone-plan)}.mlevel__bar{border-radius:var(--radius-full);background:var(--surface-3);height:4px;overflow:hidden}.mlevel__bar span{border-radius:inherit;background:var(--tone-plan);height:100%;display:block}.profile{gap:var(--space-4);flex-direction:column;display:flex}.profile__loading{place-items:center;min-height:220px;display:grid}.profile__top{border-radius:var(--radius-lg);background:var(--surface-2);position:relative;overflow:hidden}.profile__banner{object-fit:cover;width:100%;height:120px;display:block}.profile__banner--sky{background:radial-gradient(70% 120% at 20% 0%, color-mix(in srgb, var(--accent) 70%, transparent) 0, transparent 70%), radial-gradient(80% 120% at 100% 100%, color-mix(in srgb, var(--accent-2) 75%, transparent) 0, transparent 70%), var(--surface-3)}.profile__who{align-items:flex-end;gap:var(--space-4);padding:0 var(--space-5) var(--space-4);margin-top:-44px;display:flex}.profile__who .avatar{box-shadow:0 0 0 5px var(--surface-2)}.profile__who>div{flex-direction:column;gap:2px;min-width:0;padding-bottom:4px;display:flex}.profile__who h3{font-size:var(--text-lg);align-items:center;gap:6px;margin:0;display:flex}.profile__handle{color:var(--text-muted);font-size:var(--text-sm)}.profile__block h4{margin:0 0 var(--space-2);color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-strong)}.profile__about{font-size:var(--text-sm);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.5}.profile__links{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin:0;padding:0;list-style:none;display:grid}.profile__links a{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text);transition:background var(--dur-fast);text-decoration:none;display:flex}.profile__links a:hover{background:var(--surface-3)}.profile__links a>svg:first-child{color:var(--text-muted);flex:none}.profile__links span{flex-direction:column;flex:1;min-width:0;display:flex}.profile__links small{color:var(--text-faint);font-size:var(--text-2xs)}.profile__links strong{font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.profile__out{color:var(--text-faint);flex:none}.profile__facts{gap:var(--space-2) var(--space-5);color:var(--text-muted);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.profile__facts span{align-items:center;gap:6px;display:inline-flex}.profile__servers{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.profile__servers li{border-radius:var(--radius-full);background:var(--surface-2);color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium);align-items:center;gap:5px;padding:4px 10px;display:inline-flex}.profile__actions{justify-content:flex-end;gap:var(--space-2);display:flex}.mcard{flex-direction:column;gap:6px;display:flex;position:relative}.mcard__head{align-items:center;gap:10px;padding:2px 2px 0;display:flex}.mcard__who{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.mcard__who strong{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;display:flex;overflow:hidden}.mcard__who>span{color:var(--text-faint);font-size:var(--text-xs)}.mcard__profile{border-radius:var(--radius-sm);color:var(--accent);font:inherit;font-size:var(--text-xs);font-weight:var(--weight-strong);cursor:pointer;background:0 0;border:0;flex:none;align-self:flex-start;padding:2px 6px}.mcard__profile:hover{background:var(--hover)}.mcard__friend{color:var(--success);flex:none}.mcard__tag{border-radius:var(--radius-full);background:var(--danger-soft);color:var(--danger);font-size:var(--text-xs);font-style:normal;font-weight:var(--weight-strong);align-self:flex-start;align-items:center;gap:4px;padding:1px 6px;display:inline-flex}.mcard__actions{gap:4px;padding:2px 0;display:flex}.mcard__actions .icon-btn{border-radius:var(--radius-sm);background:var(--surface-2);width:34px;height:34px}.mcard__actions .icon-btn:hover:not(:disabled){background:var(--hover)}.mcard__volume{align-items:center;gap:var(--space-2);color:var(--text-muted);padding:2px 4px;display:flex}.mcard__volume svg{flex:none}.mcard__volume input{flex:1;min-width:0}.mcard__volume output{min-width:36px;color:var(--text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:var(--weight-medium);text-align:right}.mcard__volume.is-muted output,.mcard__volume.is-muted svg{color:var(--danger)}.mcard__mod{border-top:1px solid var(--border);flex-direction:column;gap:1px;padding-top:6px;display:flex}.mcard__btn{align-items:center;gap:var(--space-2);height:28px;padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--text);font-size:var(--text-sm);text-align:left;transition:background var(--dur-fast);background:0 0;border:0;display:flex}.mcard__btn svg{color:var(--text-muted);flex:none}.mcard__btn:hover{background:var(--hover)}.mcard__btn--danger,.mcard__btn--danger svg{color:var(--danger)}.mcard__btn--danger:hover{background:var(--danger-soft)}.mcard__banner{border-radius:calc(var(--radius-md) - 1px) calc(var(--radius-md) - 1px) 0 0;object-fit:cover;width:calc(100% + 12px);height:88px;margin:-6px -6px 0;display:block}.mcard--banner .mcard__head{align-items:flex-end;margin-top:-18px;padding-inline:6px}.mcard--banner .mcard__head>.avatar{outline:4px solid var(--popover)}.guest__text{color:var(--text-muted);font-size:var(--text-sm);margin:0}.guest__durations{border-radius:var(--radius-md);background:var(--tabbar-bg);grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding:3px;display:grid}.guest__durations button{height:var(--control-sm);padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--text-muted);font:inherit;font-weight:var(--weight-medium);cursor:pointer;transition:background var(--dur-fast), color var(--dur-fast);background:0 0;border:0}.guest__durations button:hover{color:var(--text-hover)}.guest__durations button.is-on{background:var(--tabbar-selected);color:var(--text)}.guest__link{gap:var(--space-2);display:flex}.guest__link .input{min-width:0;font-size:var(--text-sm);flex:1}.guest__allow{gap:var(--space-2);flex-direction:column;display:flex}.guest__hint{color:var(--text-faint);font-size:var(--text-xs);margin:0}.guest__avatar{background:var(--surface-3);width:22px;height:22px;color:var(--text-faint);border-radius:50%;flex:none;place-items:end center;display:inline-grid;overflow:hidden}.guest__tag{color:var(--text-faint);flex:none;place-items:center;display:inline-grid}.room-kinds{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.room-kind{min-width:0;padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text-muted);font:inherit;text-align:left;cursor:pointer;transition:background var(--dur-fast), color var(--dur-fast), box-shadow var(--dur-fast);border:0;flex-direction:column;align-items:flex-start;gap:2px;display:flex}.room-kind:hover{background:var(--surface-3);color:var(--text-hover)}.room-kind[aria-checked=true]{background:var(--surface-3);box-shadow:inset 0 0 0 1.5px var(--accent);color:var(--text)}.room-kind__icon{color:var(--text-faint);margin-bottom:4px}.room-kind[aria-checked=true] .room-kind__icon{color:var(--accent)}.room-kind__name{font-size:var(--text-sm);font-weight:var(--weight-strong)}.room-kind__hint{color:var(--text-faint);font-size:var(--text-xs);line-height:1.35}.room-dialog__pair{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.room-dialog__note{color:var(--text-muted);font-size:var(--text-sm);margin:0}.room-dialog__error{color:var(--danger);font-size:var(--text-sm);margin:0}@media (width<=480px){.room-kinds{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.room-kind{transition:none}}.mute-mark{color:var(--text-faint);vertical-align:-1px;flex:none;align-items:center;display:inline-flex}.automod{gap:var(--space-4);flex-direction:column;display:flex}.automod__note{color:var(--text-muted);font-size:var(--text-sm);margin:0}.automod__field{gap:var(--space-2);flex-direction:column;display:flex}.automod__field small{color:var(--text-faint);font-size:var(--text-xs)}.automod__segmented{--marker-bg:var(--tabbar-selected);border-radius:var(--radius-md);background:var(--tabbar-bg);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:2px;padding:3px;display:grid}.automod__segmented button{padding:var(--space-2);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:color var(--dur-fast);background:0 0;border:0}.automod__segmented button:hover,.automod__segmented button[aria-checked=true]{color:var(--text-hover)}.levels{gap:var(--space-4);flex-direction:column;display:flex}.levels__block{gap:var(--space-2);flex-direction:column;display:flex}.levels__hint{color:var(--text-faint);font-size:var(--text-xs)}.levels__reward{align-items:center;gap:var(--space-2);display:flex}.levels__reward label{align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:var(--text-sm);display:flex}.levels__reward .input{width:72px}.levels__reward .select{flex:1;min-width:0}.levels__board{flex-direction:column;max-height:260px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.levels__board li{align-items:center;gap:var(--space-2);padding:6px var(--space-1);border-bottom:1px solid var(--border);font-size:var(--text-sm);display:flex}.levels__board strong{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.levels__rank{width:22px;color:var(--text-faint);font-variant-numeric:tabular-nums;text-align:end}.levels__lvl{color:var(--tone-plan);font-weight:var(--weight-medium)}.levels__xp{min-width:70px;color:var(--text-faint);font-size:var(--text-xs);font-variant-numeric:tabular-nums;text-align:end}.stats{gap:var(--space-4);flex-direction:column;display:flex}.stats__lead{color:var(--text-muted);font-size:var(--text-sm);margin:0}.stats__chart{--tone:var(--tone-info);gap:var(--space-1);flex-direction:column;margin:0;display:flex}.stats__chart[data-tone=voice]{--tone:var(--tone-voice)}.stats__chart[data-tone=plan]{--tone:var(--tone-plan)}.stats__chart figcaption{color:var(--text-muted);font-size:var(--text-sm);justify-content:space-between;display:flex}.stats__chart figcaption strong{color:var(--text);font-variant-numeric:tabular-nums}.stats__bars{border-bottom:1px solid var(--border);align-items:flex-end;gap:2px;height:64px;padding-bottom:1px;display:flex}.stats__bars span{background:var(--tone);border-radius:2px 2px 0 0;flex:1;min-width:0}.stats__axis{color:var(--text-faint);font-size:var(--text-2xs);justify-content:space-between;display:flex}.stats__rooms{gap:var(--space-2);flex-direction:column;display:flex}.stats__rooms table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.stats__rooms th,.stats__rooms td{padding:6px var(--space-2);border-bottom:1px solid var(--border);text-align:end;font-variant-numeric:tabular-nums}.stats__rooms th[scope=row],.stats__rooms thead th:first-child{text-align:start;font-weight:var(--weight-medium)}.stats__rooms thead th{color:var(--text-faint);font-size:var(--text-xs);font-weight:var(--weight-medium)}.terms{color:var(--text);font-size:var(--text-sm);line-height:1.7}.terms__note{margin:0 0 var(--space-4);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--tone-info) 14%, transparent);color:var(--text-muted)}.terms__header{margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:2px solid var(--border-strong)}.terms__header h3{font-size:var(--text-lg);margin:0;line-height:1.3}.terms__header p{color:var(--text-faint);font-size:var(--text-xs);margin:2px 0 0}.terms__intro{margin:0 0 var(--space-5);color:var(--text-muted)}.terms__contents{margin-bottom:var(--space-5);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2)}.terms__contents h4{margin:0 0 var(--space-2);color:var(--text-faint);font-size:var(--text-xs);font-weight:var(--weight-strong)}.terms__contents ul{gap:2px var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));margin:0;padding:0;list-style:none;display:grid}.terms__contents button{color:var(--tone-info);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;padding:2px 0}.terms__contents button:hover{text-decoration:underline}.terms section{scroll-margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border)}.terms section+section{margin-top:var(--space-4)}.terms section h4{margin:0 0 var(--space-2);font-size:var(--text-md)}.terms section p{margin:0 0 var(--space-2);color:var(--text-muted)}.about__hero{align-items:center;gap:var(--space-4);margin-bottom:var(--space-3);display:flex}.about__hero div{flex-direction:column;display:flex}.about__hero strong{font-size:var(--text-xl);letter-spacing:.04em}.about__hero span{color:var(--text-muted);font-size:var(--text-sm)}.about__tagline{max-width:60ch;margin:0 0 var(--space-5);color:var(--text-muted)}.about__facts{gap:var(--space-2) var(--space-6);margin:0 0 var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--border);grid-template-columns:max-content minmax(0,1fr);display:grid}.about__facts dt{color:var(--text-muted);font-size:var(--text-sm)}.about__facts dd{font-weight:var(--weight-medium);margin:0}.about__facts a{color:var(--tone-info);align-items:center;gap:4px;display:inline-flex}.about__terms{max-height:380px;padding:var(--space-4) var(--space-5);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);overflow-y:auto}.about__terms:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.about__copyright{color:var(--text-faint);font-size:var(--text-xs);margin:0}.identity{align-items:center;gap:var(--space-2);min-height:40px;color:var(--text-muted);display:flex}.identity__value{min-width:0;color:var(--text);font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.identity__note{color:var(--text-faint);font-size:var(--text-sm);align-items:center;gap:5px;display:inline-flex}.identity__state{align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text-muted);animation:identity-in var(--dur-med) ease-out;display:flex}.identity__state>svg{flex:none}.identity__state p{min-width:0;font-size:var(--text-sm);flex-direction:column;flex:1;gap:2px;margin:0;display:flex}.identity__state strong{color:var(--text)}.identity__state--ok{border-color:var(--success)}.identity__state--ok>svg{color:var(--success)}.identity__state--no>svg{color:var(--danger)}.identity__form{gap:var(--space-3);flex-direction:column;display:flex}.identity__help,.identity__warn{color:var(--text-muted);font-size:var(--text-sm);margin:0;line-height:1.5}.identity__warn{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--warning-soft);color:var(--text)}@keyframes identity-in{0%{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.identity__state{animation:none}}@media (width<=520px){.identity,.identity__state{flex-wrap:wrap}}.join-sound{gap:var(--space-3);flex-direction:column;display:flex}.join-sound__head{flex-direction:column;gap:2px;display:flex}.join-sound__head small{color:var(--text-faint);font-size:var(--text-xs)}.join-sound__current{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--hover);display:flex}.join-sound__current>span:nth-child(2){color:var(--text-muted);font-size:var(--text-sm);flex:1}.join-sound__icon{border-radius:var(--radius-sm);background:var(--accent-soft);width:32px;height:32px;color:var(--accent);place-items:center;display:grid}.join-sound__editor{gap:var(--space-3);flex-direction:column;display:flex}.join-sound__wave{height:72px;padding:var(--space-2);border-radius:var(--radius-md);background:var(--hover);align-items:center;gap:2px;display:flex;position:relative}.join-sound__wave i{background:var(--border-strong);min-width:1px;transition:background var(--dur-fast) var(--ease-soft);border-radius:2px;flex:1}.join-sound__wave i.is-in{background:var(--accent)}.join-sound__window{border:2px solid var(--accent);border-radius:var(--radius-sm);pointer-events:none;position:absolute;top:4px;bottom:4px}.join-sound__range{color:var(--text-muted);font-size:var(--text-xs);flex-direction:column;gap:4px;display:flex}.blocked{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.blocked__row{align-items:center;gap:var(--space-3);min-height:44px;display:flex}.blocked__who{flex-direction:column;flex:1;min-width:0;display:flex}.blocked__who strong,.blocked__who span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.blocked__who strong{font-weight:var(--weight-medium)}.blocked__who>span{color:var(--text-faint);font-size:var(--text-sm)}.blocked__empty{color:var(--text-faint);font-size:var(--text-sm);margin:0}.games__head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.games__head .btn{margin-inline-end:calc(-1 * var(--space-4))}.games__scanned{margin:calc(-1 * var(--space-2)) 0 0;color:var(--text-faint);font-size:var(--text-xs)}.games{flex-direction:column;max-height:360px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.games__row{align-items:center;gap:var(--space-3);display:flex}.games__row .toggle{min-width:0;padding:var(--space-2) 0;flex:1}.games__row .toggle__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.games__icon{color:var(--text-faint);flex:none}.games__row.is-running .games__icon{color:var(--tone-plan)}.games__empty{color:var(--text-faint);font-size:var(--text-sm);margin:0}.add-game{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;display:flex}.add-game__head{align-items:flex-start;gap:var(--space-2);display:flex}.add-game__head .settings__desc{flex:1;margin:0}.add-game__list{flex-direction:column;max-height:240px;display:flex;overflow-y:auto}.add-game__app{min-width:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:flex-start;display:flex}.add-game__app:hover{background:var(--hover)}.add-game__app[aria-checked=true]{background:var(--tabbar-selected)}:root[data-tabbing] .add-game__app:focus-visible{outline-offset:-2px}.add-game__app strong,.add-game__app span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.add-game__app strong{font-weight:var(--weight-medium)}.add-game__app span{color:var(--text-faint);font-size:var(--text-xs)}.add-game__actions{justify-content:flex-end;gap:var(--space-2);display:flex}.group-avatar{flex:none;display:inline-block;position:relative}.group-avatar--icon{background:var(--surface-3);border-radius:30%;overflow:hidden}.group-avatar--icon img{object-fit:cover;width:100%;height:100%}.group-avatar__face{outline:2px solid var(--group-avatar-ring,var(--surface));border-radius:50%;display:inline-flex;position:absolute}.group-avatar--1 .group-avatar__face{width:var(--face);height:var(--face);margin:auto;inset:0}.group-avatar--2 .group-avatar__face:first-child{top:0;inset-inline-start:0}.group-avatar--2 .group-avatar__face:nth-child(2){bottom:0;inset-inline-end:0}.group-avatar--3 .group-avatar__face:first-child{top:0;inset-inline-start:calc(50% - var(--face) / 2)}.group-avatar--3 .group-avatar__face:nth-child(2){bottom:0;inset-inline-start:0}.group-avatar--3 .group-avatar__face:nth-child(3){bottom:0;inset-inline-end:0}.muted-list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.muted-list__row{align-items:center;gap:var(--space-3);min-height:44px;display:flex}.muted-list__what{flex-direction:column;flex:1;min-width:0;display:flex}.muted-list__what strong,.muted-list__what>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.muted-list__what strong{font-weight:var(--weight-medium)}.muted-list__what>span{color:var(--text-faint);font-size:var(--text-sm)}.muted-list__empty{color:var(--text-faint);font-size:var(--text-sm);margin:0}.cemoji{object-fit:contain;vertical-align:-.3em;width:1.375em;height:1.375em;margin:0 .05em;display:inline-block}.cemoji-name{color:var(--text-muted)}.settings__page>.plus-layout{max-width:1200px}.plus-layout{align-items:start;gap:var(--space-8);grid-template-columns:minmax(0,760px) minmax(300px,380px);display:grid}.plus-aside{scrollbar-width:thin;max-height:calc(100vh - 170px);position:sticky;top:0;overflow-y:auto}.plus{gap:var(--space-8);flex-direction:column;max-width:760px;display:flex}.plus h4{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-strong);letter-spacing:-.01em;margin:0}.plus-section-head{margin-bottom:var(--space-3);flex-direction:column;gap:4px;display:flex}.plus-section-head p{color:var(--text-muted);font-size:var(--text-sm);margin:0}.plus-hero{align-items:center;gap:var(--space-6);padding:var(--space-8) var(--space-6);border-radius:var(--radius-lg);background:radial-gradient(90% 140% at 100% 0%, color-mix(in srgb, var(--accent-2) 32%, transparent) 0, transparent 60%), radial-gradient(80% 130% at 0% 100%, color-mix(in srgb, var(--accent) 26%, transparent) 0, transparent 62%), var(--surface-2);border:0;grid-template-columns:minmax(0,1.15fr) minmax(220px,.85fr);display:grid;overflow:hidden}.plus-hero.is-ended{border-color:var(--border-strong)}.plus-hero__text{align-items:flex-start;gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.plus-hero__brand{border-radius:var(--radius-full);background:var(--accent-soft);color:var(--accent);font-size:var(--text-xs);font-weight:var(--weight-strong);align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.plus-hero h3{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-strong);letter-spacing:-.02em;text-wrap:balance;margin:0;line-height:1.15}.plus-hero__lead{max-width:44ch;color:var(--text-muted);margin:0;line-height:1.55}.plus-hero__soon{color:var(--tone-caution)}.plus-hero__days{align-items:baseline;gap:var(--space-2);color:var(--text-muted);font-weight:var(--weight-medium);margin:0;display:flex}.plus-hero__days b{color:var(--text);font-family:var(--font-display);font-size:calc(var(--text-2xl) * 1.6);letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1}.plus-hero.is-soon .plus-hero__days b{color:var(--tone-caution)}.plus-hero__cta{align-items:center;gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.plus-hero__cta>span{color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium)}.plus-hero__trial{margin:var(--space-2) 0 0;color:var(--text-faint);font-size:var(--text-xs)}.plus-hero__card{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-elevated);overflow:hidden}.plus-hero__banner{object-fit:cover;width:100%;height:84px;display:block}.plus-hero__banner--sky{background:radial-gradient(70% 120% at 20% 0%, color-mix(in srgb, var(--accent) 70%, transparent) 0, transparent 70%), radial-gradient(80% 120% at 100% 100%, color-mix(in srgb, var(--accent-2) 75%, transparent) 0, transparent 70%), var(--surface-3)}.plus-hero__who{align-items:flex-end;gap:var(--space-3);padding:0 var(--space-3);margin-top:-22px;display:flex}.plus-hero__who .avatar{outline:4px solid var(--bg-elevated)}.plus-hero__who>span{flex-direction:column;min-width:0;padding-bottom:2px;line-height:1.25;display:flex}.plus-hero__who strong{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;display:inline-flex;overflow:hidden}.plus-hero__who small{color:var(--text-faint);font-size:var(--text-xs)}.plus-hero__spark{flex:none}.plus-hero__tags{padding:var(--space-3);flex-wrap:wrap;gap:6px;display:flex}.plus-hero__tags>span{border-radius:var(--radius-full);background:var(--hover);color:var(--text-muted);font-size:var(--text-2xs);font-weight:var(--weight-medium);align-items:center;gap:4px;padding:3px 8px;display:inline-flex}.plus-hero__tags svg{color:var(--accent)}.plus-hero__tags>.plus-hero__emoji{padding:2px 4px}.plus-setup{gap:var(--space-3);margin-top:calc(var(--space-4) * -1);padding:var(--space-4) var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;display:flex}.plus-setup header{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.plus-setup header span{color:var(--text-faint);font-size:var(--text-xs);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums}.plus-setup ol{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.plus-step{align-items:center;gap:var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-full);background:var(--surface-3);color:var(--text);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-soft), background-color var(--dur-fast) var(--ease-soft);padding:6px 12px 6px 6px;display:inline-flex}.plus-step:hover{border-color:var(--border-hover);background:var(--hover)}.plus-step__mark{border:1.5px solid var(--control-line);border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.plus-step.is-done{border-color:var(--accent-line);color:var(--text-muted)}.plus-step.is-done .plus-step__mark{border-color:var(--accent);background:var(--accent);color:var(--accent-contrast)}.plus-show__grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.plus-show__tile{gap:var(--space-2);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;display:flex}.plus-show__tile p{color:var(--text-muted);font-size:var(--text-sm);flex:1;margin:0;line-height:1.5}.plus-show__title{align-items:center;gap:var(--space-2);margin-top:var(--space-2);display:flex}.plus-show__title strong{font-size:var(--text-md)}.plus-show__icon{border-radius:var(--radius-sm);background:var(--accent-soft);width:28px;height:28px;color:var(--accent);flex:none;place-items:center;display:grid}.plus-show__go{color:var(--accent);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-strong);cursor:pointer;background:0 0;border:0;align-self:flex-start;align-items:center;gap:4px;padding:0;display:inline-flex}.plus-show__go:hover{text-decoration:underline}.plus-art{height:84px;padding:var(--space-3);border-radius:var(--radius-md);background:radial-gradient(80% 140% at 100% 0%, color-mix(in srgb, var(--accent-2) 14%, transparent) 0, transparent 70%), var(--surface-2);align-items:center;display:flex;overflow:hidden}.plus-art--people{flex-direction:column;justify-content:center;align-items:stretch;gap:6px}.plus-art--people>span{align-items:center;gap:var(--space-2);color:var(--text-faint);font-size:var(--text-xs);display:flex}.plus-art--people>span i{background:var(--surface-3);border-radius:50%;width:22px;height:22px}.plus-art--people>span:not(.is-you) b{font-weight:var(--weight-medium)}.plus-art--people .is-you{color:var(--text);font-size:var(--text-sm)}.plus-art--people .is-you svg{color:var(--accent)}.plus-art--emoji{justify-content:center;gap:var(--space-3)}.plus-art--emoji code{border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent);font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-strong);padding:4px 8px}.plus-art--rate{justify-content:center;align-items:stretch;gap:var(--space-2);flex-direction:column}.plus-art--rate>span{align-items:center;gap:var(--space-2);display:flex}.plus-art--rate i{border-radius:var(--radius-full);background:var(--border-strong);max-width:70%;height:8px}.plus-art--rate small{color:var(--text-faint);font-size:var(--text-2xs);font-weight:var(--weight-strong);white-space:nowrap}.plus-art--rate .is-plus i{background:var(--accent)}.plus-art--rate .is-plus small{color:var(--accent)}.plus-art--wave{justify-content:center;gap:4px}.plus-art--wave i{border-radius:var(--radius-full);background:var(--accent);width:5px}.plus-art--wave i:nth-child(odd){background:color-mix(in srgb, var(--accent) 60%, var(--accent-2))}.plus-art--levels{justify-content:center;align-items:flex-end;gap:var(--space-2)}.plus-art--levels>span{border-radius:var(--radius-sm) var(--radius-sm) 4px 4px;background:var(--accent-soft);width:34px;color:var(--accent);font-size:var(--text-xs);place-items:center;display:grid}.plus-art--levels>span:first-child{height:26px}.plus-art--levels>span:nth-child(2){height:42px}.plus-art--levels>span:nth-child(3){background:var(--accent);height:58px;color:var(--accent-contrast)}.plus-art--themes{justify-content:center;gap:6px}.plus-art--themes i{border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:36px;height:48px;position:relative}.plus-art--themes b{border-radius:50%;width:9px;height:9px;position:absolute;bottom:5px;right:5px}.plus-more ul{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.plus-more li{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;gap:2px;display:flex}.plus-more b{color:var(--accent);font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.1}.plus-more strong{font-size:var(--text-sm)}.plus-more small{color:var(--text-faint);font-size:var(--text-xs);font-variant-numeric:tabular-nums;align-items:center;gap:4px;display:inline-flex}.plus-more small span{color:var(--text-muted);font-weight:var(--weight-strong)}#plus-plans{scroll-margin-top:var(--space-4)}.plus-plans{gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-lg);background:radial-gradient(90% 120% at 0% 0%, color-mix(in srgb, var(--accent) 12%, transparent) 0, transparent 60%), var(--surface-2);border:0;flex-direction:column;display:flex}.plus-plans .plus-section-head{margin-bottom:0}.plus-plans__rejected{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:color-mix(in srgb, var(--tone-danger) 10%, transparent);color:var(--tone-danger);font-size:var(--text-sm);margin:0}.plus-plans__waiting{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-muted);font-size:var(--text-sm);display:flex}.plus-plans__waiting svg{color:var(--tone-info);flex:none}.plus-plans__waiting>span{flex:1}.plus-plans__cards{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.plus-plan{padding:var(--space-5) var(--space-4) var(--space-4) 48px;border:1.5px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font:inherit;text-align:start;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-soft), background-color var(--dur-fast) var(--ease-soft);flex-direction:column;gap:2px;display:flex;position:relative}.plus-plan:hover{border-color:var(--border-hover)}.plus-plan[aria-checked=true]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--surface))}.plus-plan__check{border:1.5px solid var(--control-line);color:#0000;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:22px;left:16px}.plus-plan[aria-checked=true] .plus-plan__check{border-color:var(--accent);background:var(--accent);color:var(--accent-contrast)}.plus-plan__name{color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-strong)}.plus-plan__price{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-strong);letter-spacing:-.01em}.plus-plan__note{color:var(--text-muted);font-size:var(--text-xs)}.plus-plan__save{margin-top:var(--space-2);color:var(--tone-voice);font-size:var(--text-xs);font-weight:var(--weight-strong);align-self:flex-start}.plus-plan__best{border-radius:var(--radius-full);background:var(--accent);color:var(--accent-contrast);font-size:var(--text-2xs);font-style:normal;font-weight:var(--weight-strong);padding:2px 10px;position:absolute;top:-10px;right:12px}.plus-plans__note{resize:vertical;min-height:0}.plus-plans__send{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.plus-plans__send small{color:var(--text-faint);font-size:var(--text-xs);flex:220px}.plus-table{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.plus-table__head{align-items:center;gap:var(--space-2);padding:var(--space-4);display:flex}.plus-table__head svg{color:var(--accent)}.plus-table table{border-collapse:collapse;border-top:1px solid var(--border);width:100%}.plus-table th,.plus-table td{height:36px;padding:0 var(--space-3);text-align:start;vertical-align:middle}.plus-table thead th{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-strong)}.plus-table thead th.is-plus{color:var(--accent)}.plus-table thead th.is-plus svg{vertical-align:-2px}.plus-table__group th{height:32px;padding-top:var(--space-3);color:var(--text-faint);font-size:var(--text-xs);font-weight:var(--weight-strong)}.plus-table tbody tr:not(.plus-table__group) th{font-size:var(--text-sm);font-weight:var(--weight-medium)}.plus-table td{width:1%;color:var(--text-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums;white-space:nowrap}.plus-table td.is-plus{color:var(--text);font-weight:var(--weight-strong)}.plus-table__yes{color:var(--accent);vertical-align:-3px}.plus-table__no{color:var(--text-faint);vertical-align:-3px}@media (width<=720px){.plus-hero,.plus-show__grid,.plus-plans__cards{grid-template-columns:minmax(0,1fr)}.plus-more ul{grid-template-columns:repeat(2,minmax(0,1fr))}.plus-table td{width:auto}}@media (width<=1440px){.plus-layout{grid-template-columns:minmax(0,760px)}.plus-aside{max-height:none;position:static}}.plus-redeem{align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:var(--surface-2);grid-template-columns:auto minmax(0,1fr) minmax(340px,auto);display:grid}.plus-redeem__mark{border-radius:var(--radius-md);background:color-mix(in srgb, var(--accent) 16%, var(--surface-3));width:40px;height:40px;color:var(--accent);place-items:center;display:grid}.plus-redeem__text h4{font-size:var(--text-md);margin:0}.plus-redeem__text p{color:var(--text-muted);font-size:var(--text-sm);margin:2px 0 0}.plus-redeem__form{gap:var(--space-2);display:flex}.plus-redeem__input{font-variant-numeric:tabular-nums;letter-spacing:.04em;flex:1;min-width:0}.plus-redeem__error{color:var(--danger);font-size:var(--text-sm);grid-column:2/-1;margin:0}@media (width<=760px){.plus-redeem{grid-template-columns:auto minmax(0,1fr)}.plus-redeem__form,.plus-redeem__error{grid-column:1/-1}}.plus-invite__stats{color:var(--text-faint);font-size:var(--text-xs)}.store{align-items:start;gap:var(--space-5);grid-template-columns:300px minmax(0,1fr);display:grid}.store__preview{gap:var(--space-3);flex-direction:column;display:flex;position:sticky;top:0}.store-card{border-radius:var(--radius-lg);background:var(--surface-2);position:relative;overflow:hidden}.store-card__banner{object-fit:cover;width:100%;height:96px;display:block}.store-card__banner--sky{background:radial-gradient(70% 120% at 20% 0%, color-mix(in srgb, var(--accent) 70%, transparent) 0, transparent 70%), radial-gradient(80% 120% at 100% 100%, color-mix(in srgb, var(--accent-2) 75%, transparent) 0, transparent 70%), var(--surface-3)}.store-card__who{padding:0 var(--space-4) var(--space-4);flex-direction:column;align-items:flex-start;gap:2px;margin-top:-40px;display:flex}.store-card__who .avatar{margin-bottom:var(--space-2);box-shadow:0 0 0 4px var(--surface-2)}.store-card__who strong{font-size:var(--text-md)}.store-card__who small{color:var(--text-muted);font-size:var(--text-sm)}.store__wearing{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface-2);margin:0;display:grid}.store__wearing>div{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.store__wearing dt{color:var(--text-muted);font-size:var(--text-sm)}.store__wearing dd{align-items:baseline;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-strong);margin:0;display:flex}.store__wearing button,.store__requests button{color:var(--accent);font:inherit;font-size:var(--text-xs);font-weight:var(--weight-strong);cursor:pointer;background:0 0;border:0;padding:0}.store__plus{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:color-mix(in srgb, var(--tone-plan) 14%, var(--surface-2));color:var(--text);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);text-align:left;border:0;margin:0;display:flex}button.store__plus{cursor:pointer}button.store__plus:hover{background:color-mix(in srgb, var(--tone-plan) 22%, var(--surface-2))}.store__requests{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.store__requests li{align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:var(--text-sm);display:flex}.store__requests span{flex:1}.store__rejected{color:var(--tone-caution);font-size:var(--text-sm);margin:0}.store__collections{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.store-col{--wash:var(--accent);padding:var(--space-4) var(--space-5) var(--space-5);border-radius:var(--radius-lg);background:radial-gradient(80% 140% at 0% 0%, color-mix(in srgb, var(--wash) 13%, transparent) 0, transparent 65%), var(--surface)}.store-col[data-collection=autumn]{--wash:#f59e0b}.store-col[data-collection=winter]{--wash:#38bdf8}.store-col[data-collection=night]{--wash:#818cf8}.store-col[data-collection=sea]{--wash:#14b8a6}.store-col[data-collection=gold]{--wash:#eab308}.store-col__head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.store-col__head h3{font-size:var(--text-lg);margin:0}.store-col__head p{color:var(--text-muted);font-size:var(--text-sm);margin:2px 0 0}.store-col__state{color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-strong);flex:none;align-items:center;gap:6px;display:inline-flex}.store-col__buy{align-items:center;gap:var(--space-3);flex:none;display:flex}.store-col__buy span{flex-direction:column;align-items:flex-end;line-height:1.2;display:flex}.store-col__buy s{color:var(--text-faint);font-size:var(--text-xs)}.store-col__buy b{font-size:var(--text-md)}.store-col__items{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(170px,1fr));margin:0;padding:0;list-style:none;display:grid}.store-item{height:100%;padding:var(--space-4) var(--space-3) var(--space-3);border-radius:var(--radius-md);background:var(--surface-2);text-align:center;transition:background var(--dur-fast);flex-direction:column;align-items:center;gap:4px;display:flex;position:relative}.store-item:hover{background:var(--surface-3)}.store-item.is-worn{box-shadow:inset 0 0 0 1.5px var(--accent)}.store-item__show{width:84px;height:84px;margin-bottom:var(--space-2);place-items:center;display:grid}.store-item__show--effect{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--wash) 12%, var(--surface-3));width:100%;height:84px;position:relative;overflow:hidden}.store-item__name{font-size:var(--text-sm);font-weight:var(--weight-strong)}.store-item__kind{margin-bottom:var(--space-2);color:var(--text-faint);font-size:var(--text-xs)}.store-item .btn{margin-top:auto}.store-item__pending{color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);align-items:center;gap:4px;margin-top:auto;display:inline-flex}.store-item__owned{top:var(--space-2);right:var(--space-2);border-radius:var(--radius-full);background:var(--surface);color:var(--text-muted);font-size:var(--text-2xs);font-weight:var(--weight-strong);padding:1px 7px;position:absolute}@media (width<=1000px){.store{grid-template-columns:minmax(0,1fr)}.store__preview{position:static}}.profile-banner{gap:var(--space-3);flex-direction:column;display:flex}.profile-banner__card{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-elevated);width:min(100%,320px);overflow:hidden}.profile-banner__picture{object-fit:cover;width:100%;height:112px;display:block}.profile-banner__empty{background:linear-gradient(135deg, var(--accent-soft), color-mix(in srgb, var(--accent-2) 22%, transparent))}.profile-banner__who{align-items:flex-end;gap:var(--space-3);padding:0 var(--space-3) var(--space-3);margin-top:-18px;display:flex}.profile-banner__who .avatar{outline:4px solid var(--bg-elevated)}.profile-banner__who>span{flex-direction:column;min-width:0;line-height:1.25;display:flex}.profile-banner__who strong{align-items:center;gap:5px;display:inline-flex}.profile-banner__who small{color:var(--text-faint);font-size:var(--text-xs)}.profile-banner__spark{vertical-align:-3px;flex:none}.profile-about{gap:var(--space-3);flex-direction:column;display:flex}.profile-about__head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.profile-about__head>span{flex-direction:column;gap:2px;display:flex}.profile-about__head small{color:var(--text-muted);font-size:var(--text-sm)}.profile-about__view{color:var(--accent);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-strong);cursor:pointer;background:0 0;border:0;flex:none;padding:0}.profile-about__count{color:var(--text-faint);font-size:var(--text-2xs);align-self:flex-end}.profile-about__links{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.profile-about__links li{align-items:center;gap:var(--space-2);grid-template-columns:32px 150px minmax(0,1fr) auto;display:grid}.profile-about__mark{border-radius:var(--radius-sm);background:var(--surface-3);width:32px;height:32px;color:var(--text-muted);place-items:center;display:grid}.profile-about__links li.is-wrong .input{box-shadow:inset 0 0 0 1.5px var(--danger)}.profile-about__add{margin-top:var(--space-2);border-radius:var(--radius-full);background:var(--surface-3);color:var(--text);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;border:0;align-self:flex-start;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.profile-about__add:hover{background:var(--hover)}.profile-about__save{justify-content:flex-end;display:flex}@media (width<=560px){.profile-about__links li{grid-template-columns:32px minmax(0,1fr) auto}.profile-about__links li .input{grid-column:1/-1}}.profile-about__private{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-2);cursor:pointer;display:flex}.profile-about__private-text{flex-direction:column;display:flex}.profile-about__private-text strong{align-items:center;gap:5px;display:inline-flex}.profile-about__private-text small{color:var(--text-faint);font-size:var(--text-xs)}.nppick{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(190px,1fr));display:grid}.nppick__item{border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font:inherit;text-align:start;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-soft);flex-direction:column;gap:6px;padding:6px;display:flex}.nppick__item:hover:not(:disabled){border-color:var(--border-hover)}.nppick__item[aria-checked=true]{border-color:var(--accent)}.nppick__item:disabled{cursor:progress}.nppick__row{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);background:var(--hover);min-width:0;color:var(--text-muted);font-size:var(--text-md);padding:8px 10px;display:flex;position:relative;overflow:hidden}.nppick__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nppick__label{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium);align-items:center;gap:4px;padding:0 2px;display:inline-flex}.nppick__label svg{color:var(--accent)}.plus-emojis{gap:var(--space-3);flex-direction:column;display:flex}.plus-emojis__head{justify-content:space-between;align-items:flex-end;gap:var(--space-3);display:flex}.plus-emojis__head>span:first-child{flex-direction:column;gap:2px;display:flex}.plus-emojis__head small,.plus-emojis__count,.plus-emojis__note{color:var(--text-faint);font-size:var(--text-xs)}.plus-emojis__count{font-variant-numeric:tabular-nums}.plus-emojis__grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(88px,1fr));margin:0;padding:0;list-style:none;display:grid}.plus-emojis__item,.plus-emojis__add{height:88px;padding:var(--space-2);border-radius:var(--radius-md);background:var(--hover);background:var(--surface-2);flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:relative}.plus-emojis__item>span{max-width:100%;color:var(--text-muted);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.plus-emojis__remove{background:var(--surface-3);width:22px;height:22px;color:var(--text-muted);cursor:pointer;opacity:0;transition:opacity var(--dur-fast) var(--ease-soft);border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:4px;right:4px}.plus-emojis__item:hover .plus-emojis__remove,.plus-emojis__remove:focus-visible{opacity:1}.plus-emojis__remove:hover{color:var(--danger)}.plus-emojis__add{border:1px dashed var(--border-strong);width:100%;color:var(--text-muted);font:inherit;font-size:var(--text-xs);font-weight:var(--weight-medium);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-soft), color var(--dur-fast) var(--ease-soft);background:0 0}.plus-emojis__add:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.plus-emojis__note{margin:0}@media (hover:none){.plus-emojis__remove{opacity:1}}.cropper{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.cropper__view{border-radius:var(--radius-md);background:var(--surface-3);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.cropper__view:active{cursor:grabbing}.cropper__view img{pointer-events:none;max-width:none;position:absolute;top:50%;left:50%}.cropper__mask{outline-offset:-2px;pointer-events:none;border-radius:22%;outline:2px solid #fffc;position:absolute;inset:0;box-shadow:0 0 0 9999px #0000008c}.cropper__view.is-round .cropper__mask{border-radius:50%}.cropper__hint{color:var(--text-muted);font-size:var(--text-sm);text-align:center;margin:0}.cropper__zoom{width:100%;margin:0}.server-profile__pick{max-width:320px}.server-profile{gap:var(--space-3);flex-direction:column;max-width:420px;display:flex}.server-profile__preview{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--hover);display:flex}.server-profile__avatar{object-fit:cover;border-radius:50%;flex:none;width:56px;height:56px}.server-profile__preview>span{flex-direction:column;min-width:0;line-height:1.3;display:flex}.server-profile__preview strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.server-profile__preview small{color:var(--text-faint);font-size:var(--text-xs)}.roles{align-items:start;gap:var(--space-5);grid-template-columns:220px minmax(0,1fr);display:grid}@media (width<=720px){.roles{grid-template-columns:minmax(0,1fr)}}.roles__side{gap:var(--space-2);flex-direction:column;display:flex;position:sticky;top:0}.roles__create.btn{justify-content:flex-start}.roles__list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.roles__row{position:relative}.roles__row.is-drag-source{opacity:.45}.roles__row.is-drop-before:before,.roles__row.is-drop-after:before{background:var(--accent);content:"";pointer-events:none;border-radius:1px;height:2px;position:absolute;left:6px;right:6px}.roles__row.is-drop-before:before{top:-2px}.roles__row.is-drop-after:before{bottom:-2px}.roles__item{align-items:center;gap:var(--space-2);width:100%;height:36px;padding:0 var(--space-2);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);text-align:start;transition:background var(--dur-fast), color var(--dur-fast);background:0 0;border:0;display:flex}.roles__item:hover{background:var(--hover);color:var(--text-hover)}.roles__item[aria-current=true]{background:var(--tabbar-selected);color:var(--text)}:root[data-tabbing] .roles__item:focus-visible{outline-offset:-2px}.roles__grip{width:14px;color:var(--text-faint);cursor:grab;flex:none;place-items:center;display:grid}.roles__grip--locked{cursor:default}.roles__dot{border-radius:var(--radius-full);background:var(--role);flex:none;width:10px;height:10px}.roles__dot--big{width:14px;height:14px}.roles__everyone-icon{color:var(--text-faint);flex:none}.roles__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.roles__count{color:var(--text-faint);font-size:var(--text-xs);font-variant-numeric:tabular-nums;flex:none}.roles__editor{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.roles__head{align-items:center;gap:var(--space-2);min-width:0;display:flex}.roles__head h3{min-width:0;font-size:var(--text-lg);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.roles__locked{color:var(--text-faint);font-size:var(--text-xs);white-space:nowrap;align-items:center;gap:4px;margin-inline-start:auto;display:inline-flex}.roles__hint{color:var(--text-muted);font-size:var(--text-sm);margin:0}.roles__swatches{grid-template-columns:repeat(12,28px);gap:8px;display:grid}@media (width<=720px){.roles__swatches{grid-template-columns:repeat(6,28px)}}.roles__badge{flex:none;place-items:center;width:18px;display:inline-grid}.roles__badge--big{width:26px}.roles__preview{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);flex-direction:column;display:flex}.roles__preview-label{color:var(--text-faint);font-size:var(--text-xs);font-weight:var(--weight-strong)}.roles__preview-chat{gap:var(--space-2);align-items:flex-start;display:flex}.roles__preview-chat>div{flex-direction:column;gap:4px;min-width:0;display:flex}.roles__preview-name{font-size:var(--text-sm);font-weight:var(--weight-strong);align-items:center;display:inline-flex}.roles__preview-colored{color:var(--role);font-weight:var(--weight-strong)}.roles__preview-bubble{background:var(--surface-2);font-size:var(--text-md);border-radius:14px 14px 14px 5px;align-self:flex-start;padding:6px 12px}.roles__preview-member{gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border);font-size:var(--text-sm);align-items:center;display:flex}.roles__preview-role{border-radius:var(--radius-full);background:color-mix(in srgb, var(--role) 16%, transparent);color:var(--role);font-size:var(--text-xs);font-weight:var(--weight-strong);margin-inline-start:auto;padding:1px 8px}.roles__badges{gap:var(--space-3);flex-direction:column;display:flex}.roles__badge-group{flex-direction:column;gap:6px;display:flex}.roles__badge-title{color:var(--text-faint);font-size:var(--text-xs);font-weight:var(--weight-strong)}.roles__badge-grid{flex-wrap:wrap;gap:6px;display:flex}.roles__badge-pick{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);width:42px;height:42px;color:var(--text-faint);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-soft), background var(--dur-fast) var(--ease-soft);place-items:center;padding:0;display:grid}.roles__badge-pick:hover:not(:disabled){border-color:var(--role)}.roles__badge-pick[aria-checked=true]{border-color:var(--role);background:color-mix(in srgb, var(--role) 16%, transparent)}.roles__badge-pick--none{align-self:flex-start}.roles__badge-pick:hover:not(:disabled) .badge-img{transform:scale(1.12)}.roles__badge-pick .badge-img{transition:transform var(--dur-med) var(--ease-spring)}.roles__badge-pick:disabled{cursor:default;opacity:.55}.roles__swatch{border-radius:var(--radius-full);background:var(--role) padding-box;width:28px;height:28px;color:var(--bg);transition:transform var(--dur-fast) var(--ease-out);border:2px solid #0000;place-items:center;padding:0;display:grid}.roles__swatch:hover:not(:disabled){transform:scale(1.08)}.roles__swatch[aria-checked=true]{outline:2px solid var(--text);outline-offset:2px}.roles__swatch:disabled{cursor:default;opacity:.55}.roles__toggles,.roles__perms{flex-direction:column;display:flex}.roles__title{margin:var(--space-2) 0 0;font-size:var(--text-sm);align-items:center;gap:6px;display:flex}.roles__title span{color:var(--text-faint);font-weight:var(--weight-medium)}.roles__group{padding:var(--space-2) 0;border-top:1px solid var(--border)}.roles__group h4{margin:var(--space-2) 0 0;color:var(--text-faint);font-size:var(--text-xs);font-weight:var(--weight-strong);letter-spacing:.06em;text-transform:uppercase}.roles__note{margin:0 0 var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:color-mix(in srgb, var(--tone-caution) var(--tint), transparent);color:var(--tone-caution);font-size:var(--text-sm)}.roles__members{gap:var(--space-2);flex-direction:column;display:flex}.roles__search{display:block;position:relative}.roles__search svg{color:var(--text-faint);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.roles__search .input{width:100%;padding-inline-start:36px}.roles__people{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.roles__people li{align-items:center;gap:var(--space-2);min-height:36px;padding:2px var(--space-2);border-radius:var(--radius-md);display:flex}.roles__people li:hover{background:var(--hover)}.roles__person{min-width:0;font-size:var(--text-sm);font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.roles__danger{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid color-mix(in srgb, var(--danger) 35%, var(--border));border-radius:var(--radius-md);flex-wrap:wrap;display:flex}.roles__danger p{color:var(--text-muted);font-size:var(--text-sm);flex:220px;margin:0}.roles__delete.btn{color:var(--danger)}.roles__save{z-index:1;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-3);display:flex;position:sticky;bottom:0}.roles__save span{min-width:0;font-size:var(--text-sm);font-weight:var(--weight-medium);flex:1}.roles-closed{align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);color:var(--text-muted);text-align:center;flex-direction:column;display:flex}.roles-closed p{margin:0}.settings__page>.roles-settings{max-width:960px}.roles-settings{gap:var(--space-4);flex-direction:column;display:flex}.roles-settings__servers{gap:var(--space-2);flex-wrap:wrap;display:flex}.roles-settings__servers button{gap:var(--space-2);max-width:220px;padding:4px var(--space-3) 4px 4px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-2);color:var(--text-muted);font:inherit;font-size:var(--text-sm);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-soft), color var(--dur-fast) var(--ease-soft);align-items:center;display:inline-flex}.roles-settings__servers button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.roles-settings__servers button:hover{border-color:var(--border-strong);color:var(--text-hover)}.roles-settings__servers button[aria-selected=true]{border-color:color-mix(in srgb, var(--accent) 55%, var(--border));background:var(--accent-soft);color:var(--text)}.roles-settings__none{color:var(--text-muted)}.picture-picker__grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(52px,1fr));display:grid}.picture-picker__item{border-radius:calc(var(--radius-md) + 4px);cursor:pointer;transition:border-color var(--dur-fast);background:0 0;border:2px solid #0000;place-items:center;padding:3px;display:grid}.picture-picker__item:hover:not(:disabled,.is-on){border-color:var(--border-hover)}.picture-picker__item.is-on{border-color:var(--accent)}.picture-picker__item:focus-visible,.picture-picker__hue:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.picture-picker__hues{margin-top:var(--space-3);flex-wrap:wrap;gap:6px;display:flex}.picture-picker__hue{background:var(--hue);width:22px;height:22px;color:var(--on-fill);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.picture-picker__hue:hover:not(:focus-visible){outline:2px solid var(--border-strong);outline-offset:2px}.server-picture{align-items:center;gap:var(--space-4);display:flex}.server-picture__actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.server-picture__chevron{transition:transform var(--dur-fast)}.server-picture__chevron.is-open{transform:rotate(180deg)}.server-picture__hint{color:var(--text-faint);font-size:var(--text-xs);flex-basis:100%}.fb-status{border:1px solid color-mix(in srgb, var(--fb-status) 45%, transparent);border-radius:var(--radius-full);background:color-mix(in srgb, var(--fb-status) 12%, transparent);height:20px;color:var(--fb-status);font-size:var(--text-xs);font-weight:var(--weight-strong);white-space:nowrap;flex:none;align-items:center;padding:0 8px;display:inline-flex}.fb-status[data-status=open]{--fb-status:var(--tone-info)}.fb-status[data-status=reviewing]{--fb-status:var(--warning)}.fb-status[data-status=resolved]{--fb-status:var(--success)}.fb-status[data-status=rejected]{--fb-status:var(--text-faint)}.myfb{gap:var(--space-2);flex-direction:column;max-height:60vh;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.myfb__empty{margin:var(--space-4) 0;color:var(--text-muted);text-align:center}.myfb__item{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.myfb__item.is-open{border-color:var(--border-strong)}.myfb__head{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border-radius:calc(var(--radius-md) - 1px);color:var(--text);text-align:start;transition:background var(--dur-fast);background:0 0;border:0;display:flex}.myfb__head:hover{background:var(--hover)}.myfb__item.is-open .myfb__head{border-end-end-radius:0;border-end-start-radius:0}.myfb__dot{background:var(--tone-info);border-radius:50%;flex:none;width:8px;height:8px}.myfb__summary{min-width:0;font-size:var(--text-sm);flex-direction:column;flex:1;display:flex}.myfb__summary strong{font-size:var(--text-xs)}.myfb__summary span{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.myfb__chevron{color:var(--text-faint);transition:transform var(--dur-fast) var(--ease-out);flex:none}.myfb__item.is-open .myfb__chevron{transform:rotate(180deg)}.myfb__body{gap:var(--space-2);padding:0 var(--space-3) var(--space-3);flex-direction:column;display:flex}.myfb__messages{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.myfb__message{max-width:88%;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md)}.myfb__message.is-mine{background:var(--surface-2);align-self:flex-end}.myfb__message.is-team{border-color:color-mix(in srgb, var(--tone-owner) 40%, var(--border));background:color-mix(in srgb, var(--tone-owner) 10%, var(--surface));align-self:flex-start}.myfb__who{font-size:var(--text-xs);font-weight:var(--weight-strong);display:block}.myfb__who time{color:var(--text-faint);font-weight:var(--weight-regular);margin-inline-start:6px}.myfb__message p{font-size:var(--text-sm);white-space:pre-wrap;word-break:break-word;margin:4px 0 0}.myfb__message img{max-width:100%;max-height:160px;margin-top:var(--space-2);border-radius:var(--radius-sm);display:block}.myfb__write{align-items:flex-end;gap:var(--space-2);display:flex}.myfb__write textarea{flex:1}.feedback{gap:var(--space-3);flex-direction:column;display:flex}.feedback[hidden]{display:none}.feedback__tabs{margin-bottom:var(--space-3);border-radius:var(--radius-md);background:var(--tabbar-bg);gap:2px;padding:3px;display:flex}.feedback__tabs button{height:var(--control-sm);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:background var(--dur-fast), color var(--dur-fast);background:0 0;border:0;flex:1;justify-content:center;align-items:center;gap:6px;display:inline-flex}.feedback__tabs button:hover{color:var(--text-hover)}.feedback__tabs button[aria-selected=true]{background:var(--tabbar-selected);color:var(--text)}.feedback__unread{background:var(--tone-info);border-radius:50%;width:7px;height:7px}.feedback__intro{color:var(--text-muted);font-size:var(--text-sm);margin:0}.feedback__kinds{gap:var(--space-2);display:flex}.feedback__kinds button{min-height:42px;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text-muted);font-weight:var(--weight-medium);transition:border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);flex:1;justify-content:center;align-items:center;gap:6px;display:inline-flex}.feedback__kinds button:hover{color:var(--text-hover)}.feedback__kinds svg{color:var(--tone)}.feedback__kinds button.is-selected{border-color:var(--tone);background:color-mix(in srgb, var(--tone) var(--tint), transparent);color:var(--tone)}.feedback__text{min-height:170px;max-height:50vh;padding:var(--space-3);font-size:var(--text-md)}.feedback__text:focus{border-color:color-mix(in srgb, var(--tone) 60%, var(--border))}.feedback__attach .btn{border:1px dashed var(--border-strong)}.feedback__attach .btn svg{color:var(--tone-info)}.feedback__attach{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.feedback__thumb{animation:pop-in var(--dur-med) var(--ease-out) both;display:inline-block;position:relative}.feedback__thumb img{border:1px solid var(--border);border-radius:var(--radius-sm);object-fit:cover;max-width:220px;max-height:124px;display:block}.feedback__thumb .icon-btn{top:4px;color:#fff;background:#0009;width:22px;height:22px;position:absolute;inset-inline-end:4px}.feedback__log{align-items:flex-start;gap:var(--space-2);color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;display:flex}.feedback__log input{width:16px;height:16px;accent-color:var(--tone-info);flex:none;margin:1px 0 0}.feedback__log em{color:var(--text-faint);font-size:var(--text-xs);font-style:normal;display:block}.settings{inset:var(--layer-top) var(--space-2) var(--layer-bottom) var(--space-2);z-index:var(--z-panel);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--ground,var(--bg));grid-template-columns:240px minmax(0,1fr);display:grid;position:fixed;overflow:hidden}.settings__nav{--marker-bg:var(--active);--marker-radius:var(--radius-md);padding:var(--space-6) var(--space-3);border-radius:var(--radius-lg);background:var(--bg-elevated);flex-direction:column;gap:2px;display:flex}.settings__nav h2{margin:0 var(--space-3) var(--space-3);color:var(--text-faint);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.settings__nav button{align-items:center;gap:var(--space-2);padding:8px var(--space-3);border-radius:var(--radius-md);color:var(--text-muted);font-weight:var(--weight-medium);text-align:left;background:0 0;border:0;display:flex}.settings__nav button:hover{background:var(--hover);color:var(--text-hover)}.settings__nav button.is-active{color:var(--text);background:0 0}.settings__nav button[data-tone]>svg{color:currentColor}.settings__nav .settings__feedback{color:var(--tone-info);margin-top:auto}.settings__nav .settings__logout{color:var(--danger)}.settings__language{max-width:320px}.settings__version{padding:var(--space-2) var(--space-3) 0;color:var(--text-faint);font-size:var(--text-xs)}.settings__content{padding:var(--space-6) var(--space-8) var(--space-8);position:relative;overflow-y:auto}.settings__page{width:100%;max-width:760px;margin-inline:auto}.settings__page:has(>.plus-layout){max-width:1200px}.settings__page:has(>.roles-settings){max-width:960px}.settings__close{top:var(--space-5);right:var(--space-5);position:absolute}.settings__title{margin:0 0 var(--space-5);font-size:var(--text-xl)}.settings__section{gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;display:flex}.settings__section h3{font-size:var(--text-md);margin:0}.settings__desc{color:var(--text-muted);font-size:var(--text-sm);margin:-6px 0 0}.settings__grid{align-items:start;gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.settings__row{gap:var(--space-2);display:flex}.segmented{--marker-bg:var(--tabbar-selected);border-radius:var(--radius-md);background:var(--tabbar-bg);align-self:flex-start;padding:3px;display:inline-flex}.segmented button{height:var(--control-sm);padding:0 var(--space-4);border-radius:var(--radius-sm);color:var(--text-muted);font-weight:var(--weight-medium);background:0 0;border:0}.segmented button:hover{color:var(--text-hover)}.segmented button[aria-checked=true],.segmented button[aria-selected=true]{color:var(--text);background:0 0}.meter{border-radius:var(--radius-full);background:var(--surface-3);height:10px;position:relative;overflow:hidden}.meter__bar{background:var(--text-faint);transform-origin:0;width:100%;height:100%;transition:transform 60ms linear;transform:scaleX(0)}[dir=rtl] .meter__bar{transform-origin:100%}.meter__bar[data-open=true]{background:var(--success)}.meter__threshold{background:var(--warning);width:2px;position:absolute;top:-2px;bottom:-2px}.settings__avatar{align-items:center;gap:var(--space-4);display:flex}.settings__shortcut{align-items:center}.settings__shortcut .field__label{flex:1;min-width:0}.settings__shortcut .btn{min-width:150px}.settings__notice{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--warning-soft);color:var(--text);font-size:var(--text-sm);margin:0}.settings__label{font-size:var(--text-md);font-weight:var(--weight-strong)}.settings__warn{color:var(--danger);font-size:var(--text-xs)}@media (width<=720px){.settings{inset:var(--layer-top) 6px var(--layer-bottom) 6px;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.settings__nav{padding:var(--space-2);border-right:0;border-bottom:1px solid var(--border);flex-direction:row;overflow-x:auto}.settings__nav h2,.settings__version{display:none}.settings__nav button{flex:none}.settings__content,.settings__section{padding:var(--space-4)}.settings__grid{grid-template-columns:1fr}}.settings__segmented{--marker-bg:var(--tabbar-selected);border-radius:var(--radius-md);background:var(--tabbar-bg);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:2px;padding:3px;display:grid}.settings__segmented button{padding:var(--space-2);border-radius:var(--radius-sm);color:var(--text-muted);font-weight:var(--weight-medium);transition:background var(--dur-fast), color var(--dur-fast);background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;display:flex}.settings__segmented button:hover{color:var(--text-hover)}.settings__segmented button[aria-checked=true]{color:var(--text);background:0 0}.settings__segmented span{color:var(--text-faint);font-size:var(--text-xs)}.settings__delete{gap:var(--space-3);flex-direction:column;display:flex}.settings__delete-warn{padding:var(--space-3);border:1px solid color-mix(in srgb, var(--danger) 45%, var(--border));border-radius:var(--radius-md);background:color-mix(in srgb, var(--danger) 10%, transparent);color:var(--text);font-weight:var(--weight-medium);margin:0}.settings__delete ul{color:var(--text-muted);font-size:var(--text-sm);flex-direction:column;gap:4px;margin:0;padding-inline-start:var(--space-5);display:flex}.settings__delete-check{align-items:flex-start}.settings__themes{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.settings__theme{gap:var(--space-2);padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-muted);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);text-align:start;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-soft), color var(--dur-fast) var(--ease-soft);flex-direction:column;display:flex}.settings__theme:hover{border-color:var(--border-strong);color:var(--text-hover)}.settings__theme[aria-checked=true]{border-color:var(--accent);color:var(--text)}.settings__theme-look{border-radius:calc(var(--radius-md) - 3px);height:58px;display:block;position:relative;overflow:hidden}.settings__theme-look i{border-radius:6px;position:absolute;inset:10px 30% 10px 10px}.settings__theme-look b{border-radius:50%;width:16px;height:16px;position:absolute;bottom:12px;right:12px}.settings__plus-option{align-items:center;gap:4px;display:inline-flex}.settings__plus-option svg{color:var(--accent)}.settings__parts{margin:calc(-1 * var(--space-2)) 0 var(--space-5);border-radius:var(--radius-lg);background:var(--surface);grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.settings__parts button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);height:40px;color:var(--text-muted);font:inherit;font-weight:var(--weight-medium);cursor:pointer;background:0 0;border:0;display:inline-flex}.settings__parts button:hover{color:var(--text-hover)}.settings__parts button.is-on{background:var(--surface-3);color:var(--text-hover)}.stickers__lead{justify-content:space-between;align-items:baseline;gap:var(--space-3);color:var(--text-muted);font-size:var(--text-sm);margin:0;display:flex}.stickers__count{color:var(--text);font-weight:var(--weight-strong);flex:none}.stickers__more{color:var(--text-faint);font-size:var(--text-xs);margin:0}.stickers__grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(112px,1fr));margin:0;padding:0;list-style:none;display:grid}.stickers__item,.stickers__add{width:100%;height:132px;padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-2);border:0;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:relative}.stickers__item img{object-fit:contain;width:76px;height:76px}.stickers__item span{max-width:100%;color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.stickers__remove{background:var(--surface-3);width:22px;height:22px;color:var(--text-muted);opacity:0;cursor:pointer;transition:opacity var(--dur-fast);border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:6px;right:6px}.stickers__item:hover .stickers__remove,.stickers__remove:focus-visible{opacity:1}.stickers__remove:hover{background:var(--danger-soft);color:var(--danger)}@media (pointer:coarse){.stickers__remove{opacity:1}}.stickers__add{color:var(--text-muted);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer}.stickers__add:hover:not(:disabled){background:var(--surface-3);color:var(--text-hover)}.webhooks__lead,.webhooks__empty{color:var(--text-muted);font-size:var(--text-sm);margin:0}.webhooks__maker{align-items:end;gap:var(--space-3);grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;display:grid}.webhooks__maker .field{margin:0}.webhooks__made{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:color-mix(in srgb, var(--tone-voice) 12%, var(--surface-2));flex-direction:column;display:flex}.webhooks__made p{color:var(--text-muted);font-size:var(--text-sm);margin:0}.webhooks__url{align-items:center;gap:var(--space-2);padding:6px 6px 6px var(--space-3);border-radius:var(--radius-sm);background:var(--surface-3);display:flex}.webhooks__url code{min-width:0;font-size:var(--text-xs);white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:all;user-select:all;flex:1;overflow:hidden}.webhooks__how summary{color:var(--accent);font-size:var(--text-sm);font-weight:var(--weight-strong);cursor:pointer}.webhooks__how pre{margin:var(--space-2) 0 0;padding:var(--space-3);border-radius:var(--radius-sm);background:var(--surface-3);font-size:var(--text-xs);-webkit-user-select:text;user-select:text;line-height:1.5;overflow-x:auto}.webhooks__loading{padding:var(--space-5);place-items:center;display:grid}.webhooks__list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.webhooks__list li{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--surface-2);display:flex}.webhooks__mark{border-radius:var(--radius-sm);background:var(--surface-3);width:34px;height:34px;color:var(--tone-info);flex:none;place-items:center;display:grid}.webhooks__text{flex-direction:column;flex:1;min-width:0;display:flex}.webhooks__text strong{font-size:var(--text-sm)}.webhooks__text small{color:var(--text-faint);font-size:var(--text-xs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (width<=560px){.webhooks__maker{grid-template-columns:minmax(0,1fr)}}.slog__kept,.slog__empty{margin:0 0 var(--space-3);color:var(--text-muted);font-size:var(--text-sm)}.slog{max-height:min(60vh,520px);margin:0 0 var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex;overflow-y:auto}.slog li{--tone:var(--tone-info);gap:2px var(--space-3);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);border-left:2px solid var(--tone);border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;display:grid}.slog li[data-action=kick],.slog li[data-action=ban],.slog li[data-action=delete],.slog li[data-action=clear]{--tone:var(--tone-danger)}.slog li[data-action=mute],.slog li[data-action=roomKick],.slog li[data-action=revoke]{--tone:var(--tone-caution)}.slog__what{min-width:0;color:var(--text-muted);font-size:var(--text-sm);overflow-wrap:anywhere}.slog__what strong,.slog__what em{color:var(--text);font-style:normal;font-weight:var(--weight-medium)}.slog__detail{color:var(--text-faint);font-size:var(--text-xs);overflow-wrap:anywhere;grid-column:1}.slog time{color:var(--text-faint);font-size:var(--text-xs);white-space:nowrap;grid-area:1/2}.server-banner__preview{border-radius:var(--radius-md);object-fit:cover;width:100%;height:96px;display:block}.server-banner__locked{align-items:center;gap:6px;display:inline-flex}.server-settings{gap:var(--space-4);flex-direction:column;display:flex}.server-settings[hidden]{display:none}.server-settings__icon{align-items:center;gap:var(--space-4);display:flex}.server-settings__hint{color:var(--text-faint);font-size:var(--text-xs);flex-basis:100%}.server-settings__remove.btn{color:var(--danger);margin-inline-end:auto}.kind-picker{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr));display:grid}.kind-picker__item{align-items:center;gap:2px var(--space-2);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text);text-align:start;transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);grid-template-columns:auto 1fr;display:grid}.kind-picker__item:hover{border-color:var(--border-hover)}.kind-picker__item:active{transform:scale(.98)}.kind-picker__item.is-selected{padding:calc(var(--space-3) - 1px);border:2px solid var(--kind-color);background:color-mix(in srgb, var(--kind-color) var(--tint), var(--surface-2))}.kind-picker__glyph{border-radius:var(--radius-sm);background:var(--kind-color);width:34px;height:34px;color:var(--on-fill);grid-row:span 2;place-items:center;display:grid}.kind-picker__item strong{font-size:var(--text-sm)}.kind-picker__item span:last-child{color:var(--text-muted);font-size:var(--text-xs);line-height:1.3}.server-settings__password .field__label{align-items:center;gap:6px;display:inline-flex}.server-settings__password-actions{gap:var(--space-2);margin-top:var(--space-2);display:flex}.server-settings__roles{gap:var(--space-3);width:100%;margin-bottom:var(--space-4);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-2);color:var(--text);font:inherit;text-align:start;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-soft);align-items:center;display:flex}.server-settings__roles:hover{border-color:var(--border-strong)}.server-settings__roles>svg{color:var(--tone-owner);flex:none}.server-settings__roles span{flex-direction:column;gap:2px;display:flex}.server-settings__roles small{color:var(--text-muted);font-size:var(--text-sm)}.server-settings__roles+.server-settings__log{margin-top:calc(-1 * var(--space-2))}.server-settings__log>svg{color:var(--tone-info)}.server-settings__automod>svg{color:var(--tone-plan)}.server-settings__levels>svg{color:var(--tone-voice)}.server-settings__stats>svg{color:var(--tone-caution)}.server-settings__webhooks>svg{color:var(--tone-info)}.server-settings__stickers>svg{color:var(--accent)}.server-header{align-items:center;column-gap:var(--space-2);padding:var(--space-3) var(--space-2) var(--space-3) var(--space-1);border-bottom:1px solid var(--border);grid-template-rows:auto auto;grid-template-columns:auto auto minmax(0,1fr);row-gap:1px;display:grid;position:relative}.server-header>.server-header__home,.server-header>.server-icon{grid-row:1/3}.server-header>.server-header__home{width:30px;height:30px;color:var(--text-muted);grid-column:1}.server-header>.server-header__home:hover{color:var(--text-hover)}.server-header>.server-icon{grid-column:2;margin-inline-end:var(--space-1)}.server-header__name{min-width:0;font-family:var(--font-display);font-size:var(--text-md);grid-area:1/3;align-items:center;gap:5px;line-height:1.25;display:flex}.server-header__name span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.server-header__id{border-radius:var(--radius-sm);max-width:100%;height:22px;color:var(--text-muted);font-size:var(--text-xs);transition:background var(--dur-fast);background:0 0;border:0;grid-area:2/3;justify-self:start;align-items:center;gap:6px;margin-inline-start:-6px;padding:0 6px;display:inline-flex}.server-header__id:hover{background:var(--hover);color:var(--text-hover)}.server-header__id span{color:var(--text-faint);font-weight:var(--weight-strong)}.server-header__id code{color:var(--text);font-family:var(--font);font-size:var(--text-sm);font-weight:var(--weight-strong);font-variant-numeric:tabular-nums;letter-spacing:.08em;text-overflow:ellipsis;overflow:hidden}.server-header__lock{color:var(--tone-caution);flex:none}.members{flex:1;min-height:0;overflow-y:auto}.members__group{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;min-width:0;display:inline-flex;overflow:hidden}.members__dot{border-radius:var(--radius-full);background:var(--role);flex:none;width:8px;height:8px}.members__list{padding:0 var(--space-2) var(--space-2);margin:0;list-style:none}.member__row{align-items:center;gap:var(--space-2);width:100%;padding:6px var(--space-2);border-radius:var(--radius-md);text-align:left;background:0 0;border:0;display:flex}.member__row:hover,.member__row.is-open{background:var(--hover)}:root[data-tabbing] .member__row:focus-visible{outline-offset:-2px}.member--offline .member__row{opacity:.45}.member__text{flex-direction:column;flex:1;min-width:0;display:flex;container:person/inline-size}.member__line{color:var(--text-faint);font-size:var(--text-xs)}.member__name{min-width:0;font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;text-overflow:ellipsis;flex:1;align-items:center;gap:5px;display:flex;overflow:hidden}.member__icons{color:var(--text-faint);gap:4px;display:flex}.member__muted{color:var(--tone-danger)}.member__afk{color:var(--tone-caution)}.members__bans{align-items:center;gap:var(--space-2);margin:var(--space-4) var(--space-2) var(--space-2);padding:6px var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text-muted);font-size:var(--text-sm);display:flex}.members__bans:hover{border-color:var(--danger);color:var(--danger)}.bans{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.bans li{align-items:center;gap:var(--space-3);display:flex}.bans__text{flex-direction:column;flex:1;min-width:0;display:flex}.bans__text span{color:var(--text-faint);font-size:var(--text-xs)}.member__row{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.members--hidden{align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-4);color:var(--text-faint);font-size:var(--text-sm);text-align:center;flex-direction:column;display:flex}.members--hidden p{margin:0}.tickets{gap:var(--space-3);flex-direction:column;display:flex}.tickets__settings{gap:var(--space-2);padding-bottom:var(--space-3);border-bottom:1px solid var(--border);flex-direction:column;display:flex}.tickets__new{align-self:flex-start}.tickets__empty,.tickets__intro{color:var(--text-muted);font-size:var(--text-sm);margin:0}.tickets__intro{padding:var(--space-2) var(--space-3);border-left:3px solid var(--accent-line);background:var(--surface);white-space:pre-wrap}.tickets__list{flex-direction:column;gap:4px;max-height:340px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.tickets__list button{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text);font:inherit;text-align:start;display:flex}.tickets__list button:hover{border-color:var(--border-strong)}.tickets__list button[data-status=closed]{opacity:.6}.tickets__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.tickets__text strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tickets__text span{color:var(--text-faint);font-size:var(--text-xs)}.tickets__list em{color:var(--tone-voice);font-size:var(--text-xs);font-style:normal;font-weight:var(--weight-strong);flex:none}.tickets__list button[data-status=closed] em{color:var(--text-faint)}.tickets__back{color:var(--text-muted);font:inherit;font-size:var(--text-sm);background:0 0;border:0;align-self:flex-start;align-items:center;gap:6px;padding:0;display:inline-flex}.tickets__back:hover{color:var(--text-hover)}.tickets__field{gap:var(--space-1);flex-direction:column;display:flex}.tickets__head{align-items:center;gap:var(--space-2);display:flex}.tickets__head strong{overflow-wrap:anywhere;flex:1;min-width:0}.tickets__messages{gap:var(--space-2);flex-direction:column;max-height:360px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.tickets__messages li{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--surface)}.tickets__messages li[data-side=staff]{background:var(--accent-soft)}.tickets__who{align-items:baseline;gap:var(--space-2);font-size:var(--text-xs);display:flex}.tickets__who em{color:var(--accent);font-style:normal;font-weight:var(--weight-strong)}.tickets__who time{color:var(--text-faint);margin-left:auto}.tickets__messages p{overflow-wrap:anywhere;white-space:pre-wrap;margin:4px 0 0}.tickets__reply{align-items:flex-end;gap:var(--space-2);display:flex}.tickets__reply .textarea{flex:1}.sidebar__tickets{align-items:center;gap:var(--space-2);margin:0 var(--space-2) var(--space-2);padding:8px var(--space-3);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:color var(--dur-fast), background var(--dur-fast);background:0 0;border:0;flex:none;display:flex}.sidebar__tickets:hover{background:var(--hover);color:var(--text-hover)}.sidebar__tickets-count{border-radius:var(--radius-full);background:var(--info-fill);min-width:18px;height:18px;color:var(--on-fill);font-size:var(--text-2xs);font-style:normal;font-weight:var(--weight-strong);place-items:center;margin-left:auto;padding:0 5px;display:inline-grid}.hub-favs{margin-top:var(--space-6)}.hub-favs h2{margin:0 0 var(--space-3);color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-strong);align-items:center;gap:6px;display:flex}.hub-favs h2 svg{color:var(--tone-caution)}.hub-favs ul{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin:0;padding:0;list-style:none;display:grid}.hub-favs__tile{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:background var(--dur-fast);border:0;display:flex}.hub-favs__tile:hover:not(:disabled){background:var(--surface-2)}.hub-favs__icon{flex:none;position:relative}.hub-favs__blank{border-radius:var(--radius-md);background:var(--surface-3);width:36px;height:36px;display:block}.hub-favs__badge{background:var(--surface-3);width:18px;height:18px;box-shadow:0 0 0 2px var(--surface);color:var(--text-muted);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-4px;right:-4px}.hub-favs__text{flex-direction:column;min-width:0;display:flex}.hub-favs__text strong,.hub-favs__text span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hub-favs__text strong{font-size:var(--text-sm)}.hub-favs__text span{color:var(--text-muted);font-size:var(--text-xs)}.sidebar__tabs{--marker-bg:var(--tabbar-selected);margin:var(--space-2);border-radius:var(--radius-md);background:var(--tabbar-bg);align-items:center;gap:2px;padding:3px;display:flex}.sidebar__tabs [role=tab]{height:var(--control-sm);padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);background:0 0;border:0;align-items:center;gap:6px;display:inline-flex}.sidebar__tabs [role=tab]:hover{color:var(--text-hover)}.sidebar__tabs [role=tab][aria-selected=true]{color:var(--text);background:0 0}.sidebar__tabs [role=tab] span{color:var(--tone-voice);font-size:var(--text-xs)}.sidebar__tabs .icon-btn{width:var(--control-sm);height:var(--control-sm);margin-left:auto}.sidebar__rooms{min-height:0;padding:var(--space-2);flex:1;margin:0;list-style:none;overflow-y:auto}.room-item{border-radius:var(--radius-md);margin-bottom:2px;position:relative}.room-item__row{border-radius:var(--radius-md);transition:background var(--dur-fast);align-items:center;display:flex}.room-item__row:hover{background:var(--hover)}.room-item__row:hover .room-item__enter,.room-item__row:hover .room-item__enter>svg{color:var(--text-hover)}.room-item__enter{min-width:0;padding:8px var(--space-3);color:var(--text-muted);font-weight:var(--weight-medium);text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:7px;display:flex}:root[data-tabbing] .room-item__enter:focus-visible{outline-offset:-2px}.room-item__enter>svg{color:var(--text-faint);flex:none}.room-item--active .room-item__enter{color:var(--text)}.room-item--active .room-item__icon{color:var(--text-muted)}.room-item__name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.room-item__marks{color:var(--text-faint);flex:none;align-items:center;gap:4px;display:inline-flex}.room-item__marks>span{display:inline-flex}.room-item__count{color:var(--text-faint);font-size:var(--text-xs);font-weight:var(--weight-strong);font-variant-numeric:tabular-nums;align-items:center;gap:3px;margin-left:auto;display:inline-flex}.room-item__person{opacity:.7;flex:none}.room-item__count.is-live{color:var(--text-muted)}.room-item__count.is-live .room-item__person{opacity:1}.room-item.is-drag-source,.occupant.is-drag-source{opacity:.45}.room-item.is-drop-before:before,.room-item.is-drop-after:before{background:var(--accent);content:"";pointer-events:none;border-radius:1px;height:2px;position:absolute;left:6px;right:6px}.room-item.is-drop-before:before{top:-2px}.room-item.is-drop-after:before{bottom:-2px}.room-item.is-drop-into>.room-item__row{background:var(--active);outline:1px dashed var(--accent);outline-offset:-1px}.room-item__people{margin:0;padding:2px 0 6px 30px;list-style:none}.occupant--text-only .occupant__row{opacity:.55}.occupant__row{align-items:center;gap:var(--space-2);width:100%;padding:3px var(--space-2);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-sm);text-align:left;background:0 0;border:0;display:flex}.occupant__row:hover,.occupant__row.is-open{background:var(--hover);color:var(--text-hover)}.occupant__name{white-space:nowrap;text-overflow:ellipsis;flex:0 auto;overflow:hidden}.occupant__icons{gap:4px;margin-left:auto;display:flex}.occupant__icons svg{color:var(--tone-danger);flex:none}.occupant__row{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.room-item--unread .room-item__name{color:var(--text);font-weight:var(--weight-strong)}.room-item__unread.is-quiet{background:var(--surface-3);color:var(--text-faint)}.room-item__unread{border-radius:var(--radius-full);background:var(--info-fill);min-width:18px;height:18px;color:var(--on-fill);font-size:var(--text-2xs);font-weight:var(--weight-strong);place-items:center;padding:0 5px;line-height:1;display:inline-grid}.room-cat{margin-top:var(--space-3)}.room-cat__head{width:100%;min-height:28px;padding:0 var(--space-2) 0 6px;border-radius:var(--radius-sm);color:var(--text-faint);font:inherit;font-size:var(--text-xs);font-weight:var(--weight-strong);letter-spacing:.01em;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;display:flex}.room-cat__head:hover{color:var(--text-hover)}:root[data-tabbing] .room-cat__head:focus-visible{outline-offset:-2px}.room-cat__chevron{transition:transform var(--dur-fast);flex:none}.room-cat.is-folded .room-cat__chevron{transform:rotate(-90deg)}.room-cat__name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.room-cat__unread{background:var(--info-fill);border-radius:50%;flex:none;width:7px;height:7px}.room-cat__add{border-radius:var(--radius-sm);width:22px;height:22px;color:var(--text-faint);opacity:0;transition:opacity var(--dur-fast);flex:none;place-items:center;display:inline-grid}.room-cat__head:hover .room-cat__add,.room-cat__head:focus-visible .room-cat__add{opacity:1}.room-cat__add:hover{background:var(--hover);color:var(--text-hover)}@media (pointer:coarse){.room-cat__add{opacity:1}}.room-cat__rooms{margin:2px 0 0;padding:0;list-style:none}.room-cat__empty{width:100%;padding:6px var(--space-3);border-radius:var(--radius-md);color:var(--text-faint);font:inherit;font-size:var(--text-xs);text-align:left;cursor:pointer;background:0 0;border:0;display:block}.room-cat__empty:hover{background:var(--hover);color:var(--text-hover)}@media (prefers-reduced-motion:reduce){.room-cat__chevron{transition:none}}.room-item__typing{flex:none;align-items:center;gap:5px;display:inline-flex}.room-item__typers{display:inline-flex}.room-item__typers .avatar+.avatar{margin-left:-5px}.room-item__typers .avatar{box-shadow:0 0 0 1.5px var(--surface)}.inbox-panel{top:calc(var(--titlebar-height) + 6px);right:var(--space-3);z-index:var(--z-menu);width:min(400px, calc(100vw - 2 * var(--space-3)));max-height:min(620px, calc(100vh - var(--titlebar-height) - 24px));border-radius:var(--radius-lg);background:var(--popover);box-shadow:var(--float-shadow);color:var(--text);animation:inbox-in .16s var(--ease-out,ease-out);flex-direction:column;display:flex;position:fixed}.inbox-panel__head{padding:var(--space-3) var(--space-3) 0 var(--space-4);justify-content:space-between;align-items:center;display:flex}.inbox-panel__head h2{align-items:center;gap:var(--space-2);font-size:var(--text-md);margin:0;display:inline-flex}.inbox-panel__head h2 svg{color:var(--text-faint)}.inbox-panel__tabs{margin:var(--space-3) var(--space-3) var(--space-2);border-radius:var(--radius-md);background:var(--tabbar-bg);gap:2px;padding:3px;display:flex}.inbox-panel__tabs button{border-radius:var(--radius-sm);height:30px;color:var(--text-muted);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;background:0 0;border:0;flex:1;justify-content:center;align-items:center;gap:6px;display:inline-flex}.inbox-panel__tabs button[aria-selected=true]{background:var(--tabbar-selected);color:var(--text)}.inbox-panel__list{min-height:120px;padding:0 var(--space-2) var(--space-2);flex:1;overflow-y:auto}.inbox-panel__item{border-radius:var(--radius-md);align-items:flex-start;display:flex;position:relative}.inbox-panel__item:hover{background:var(--hover)}.inbox-panel__open{align-items:flex-start;gap:var(--space-3);min-width:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;display:flex}:root[data-tabbing] .inbox-panel__open:focus-visible{outline-offset:-2px}.inbox-panel__body{flex-direction:column;gap:1px;min-width:0;display:flex}.inbox-panel__where{color:var(--text-faint);font-size:var(--text-2xs);font-weight:var(--weight-strong);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.inbox-panel__who{align-items:baseline;gap:var(--space-2);min-width:0;display:flex}.inbox-panel__who strong{font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.inbox-panel__who time{color:var(--text-faint);font-size:var(--text-2xs);flex:none}.inbox-panel__text{color:var(--text-muted);font-size:var(--text-sm);overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.inbox-panel__unsave{margin:var(--space-2) var(--space-2) 0 0;opacity:0;flex:none}.inbox-panel__item:hover .inbox-panel__unsave,.inbox-panel__unsave:focus-visible{opacity:1}@media (pointer:coarse){.inbox-panel__unsave{opacity:1}}.inbox-panel__loading{padding:var(--space-5);place-items:center;display:grid}.inbox-panel__empty{padding:var(--space-6) var(--space-5);text-align:center;flex-direction:column;align-items:center;display:flex}.inbox-panel__empty-mark{width:48px;height:48px;margin-bottom:var(--space-3);background:var(--surface-2);color:var(--text-faint);border-radius:50%;place-items:center;display:grid}.inbox-panel__empty h3{font-size:var(--text-md);margin:0 0 4px}.inbox-panel__empty p{max-width:280px;color:var(--text-muted);font-size:var(--text-sm);margin:0}.inbox-panel__more{width:100%;margin-top:var(--space-1);padding:var(--space-2);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text-muted);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;border:0;display:block}.inbox-panel__more:hover{background:var(--surface-3);color:var(--text-hover)}@keyframes inbox-in{0%{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.inbox-panel{animation:none}}:where(.ticker){--tone:var(--tone-info)}.ticker{align-items:center;gap:var(--space-2);min-width:80px;height:30px;padding:0 2px 0 var(--space-2);border:1px solid color-mix(in srgb, var(--tone) 40%, transparent);border-radius:var(--radius-full);background:color-mix(in srgb, var(--tone) 10%, transparent);color:var(--text);font-size:var(--text-sm);flex:0 560px;margin-inline:auto;display:flex}.ticker>svg{color:var(--tone);flex:none}.ticker__view{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 16px),#0000);mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 16px),#0000)}.ticker__track{white-space:nowrap;padding-left:100%;animation:20s linear infinite ticker-run;display:inline-block}.ticker:hover .ticker__track{animation-play-state:paused}.ticker__words strong{color:var(--tone);font-weight:var(--weight-strong)}@keyframes ticker-run{0%{transform:translate(0)}to{transform:translate(-100%)}}.ticker__close{flex:none;width:24px;height:24px}@media (prefers-reduced-motion:reduce){.ticker__track{text-overflow:ellipsis;padding-left:0;animation:none;display:block;overflow:hidden}}.ticker--bar{-webkit-app-region:no-drag;flex:1;height:26px;margin:0}.titlebar{height:var(--titlebar-height);padding-left:var(--space-4);-webkit-app-region:drag;direction:ltr;background:0 0;flex:none;align-items:center;display:flex;position:relative}.titlebar__brand{align-items:center;gap:var(--space-2);font-family:var(--font-display);font-weight:var(--weight-strong);font-size:var(--text-sm);letter-spacing:.08em;color:var(--text-muted);display:flex}.titlebar__news{width:min(560px,100% - 560px);display:flex;position:absolute;left:50%;transform:translate(-50%)}.titlebar__status{align-items:center;gap:var(--space-2);padding:3px var(--space-3);border-radius:var(--radius-full);background:var(--warning-soft);color:var(--warning);font-size:var(--text-xs);font-weight:var(--weight-medium);display:flex;position:absolute;left:50%;transform:translate(-50%)}.titlebar__dot{background:currentColor;border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.3}}.titlebar__update{margin-left:auto;margin-right:var(--space-2);padding:4px var(--space-3);border-radius:var(--radius-full);background:var(--accent);color:var(--accent-contrast);font-size:var(--text-xs);font-weight:var(--weight-strong);transition:background var(--dur-fast), color var(--dur-fast);-webkit-app-region:no-drag;border:0;align-items:center;gap:6px;display:inline-flex}button.titlebar__update:hover{background:var(--accent-strong)}.titlebar__update--busy{background:var(--surface-2);color:var(--text-muted)}.titlebar__controls{height:calc(var(--titlebar-height) - 8px);-webkit-app-region:no-drag;align-self:flex-start;margin-left:auto;display:flex}.titlebar__controls button{width:46px;height:100%;color:var(--text-muted);transition:background var(--dur-fast), color var(--dur-fast);background:0 0;border:0;place-items:center;display:grid}.titlebar__controls button:hover{background:var(--hover);color:var(--text-hover)}.titlebar__controls .titlebar__close:hover{border-bottom-left-radius:var(--radius-sm);background:var(--danger-fill);color:var(--on-fill)}.titlebar__controls button:first-child:hover{border-bottom-left-radius:var(--radius-sm)}.titlebar__update+.titlebar__controls{margin-left:0}.titlebar__get-app{margin-right:var(--space-3);background:var(--accent-soft);color:var(--accent);text-decoration:none}.titlebar__get-app:hover{background:color-mix(in srgb, var(--accent) 22%, transparent)}@media (width<=720px){.titlebar__get-app{display:none}}@media (pointer:coarse) and (hover:none){.titlebar__get-app{display:none}}.titlebar__feedback{margin-left:auto;margin-right:var(--space-2);padding:4px var(--space-3);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface);color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-strong);transition:color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);-webkit-app-region:no-drag;align-items:center;gap:6px;display:inline-flex}.titlebar__feedback:hover{border-color:var(--border-hover);color:var(--text-hover)}.titlebar__answered{background:var(--tone-info);border-radius:50%;width:7px;height:7px}.titlebar__inbox{width:28px;height:28px;margin-left:auto;margin-right:var(--space-2);background:var(--surface);color:var(--text-muted);transition:color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);-webkit-app-region:no-drag;border:0;border-radius:50%;place-items:center;display:inline-grid;position:relative}.titlebar__inbox:hover,.titlebar__inbox[aria-expanded=true]{background:var(--surface-2);color:var(--text-hover)}.titlebar__inbox-count{border-radius:var(--radius-full);background:var(--info-fill);min-width:16px;height:16px;color:var(--on-fill);font-size:10px;font-style:normal;font-weight:var(--weight-strong);place-items:center;padding:0 4px;line-height:1;display:grid;position:absolute;top:-3px;right:-4px}.titlebar__inbox~.titlebar__feedback,.titlebar__feedback~.titlebar__update,.titlebar__feedback~.titlebar__controls{margin-left:0}@media (width<=720px){.titlebar__feedback span{display:none}}.titlebar__report{top:calc(var(--layer-top) + var(--space-2));left:var(--space-2);right:var(--space-2);z-index:var(--z-toast);padding:var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text);white-space:pre-wrap;margin:0;font:12px/1.5 ui-monospace,monospace;position:fixed}.toaster{top:calc(var(--layer-top) + var(--space-2));z-index:var(--z-toast);pointer-events:none;flex-direction:column;align-items:center;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast-slot{animation:toast-open .22s var(--ease-out) both;grid-template-rows:1fr;display:grid}.toast-slot>.toast{min-height:0;overflow:hidden}.toast-slot.is-leaving{animation:.9s ease-in-out both toast-close}@keyframes toast-open{0%{opacity:0;grid-template-rows:0fr;transform:translateY(-8px)}}@keyframes toast-close{0%{opacity:1;grid-template-rows:1fr;transform:none}65%{opacity:0;grid-template-rows:1fr;transform:translateY(-6px)}to{opacity:0;grid-template-rows:0fr;transform:translateY(-6px)}}.toast{--toast-tone:var(--text-muted);align-items:center;gap:var(--space-2);max-width:min(520px,100vw - 24px);margin-top:var(--space-2);padding:var(--space-1) var(--space-2);color:var(--text);font-size:var(--text-md);font-weight:var(--weight-medium);text-align:start;pointer-events:auto;display:flex}.toast--success{--toast-tone:var(--tone-voice)}.toast--error{--toast-tone:var(--tone-danger)}.toast--info{--toast-tone:var(--tone-info)}.toast__icon{color:var(--toast-tone);flex:none}.toast__text{flex:1}.toast__close{border-radius:var(--radius-sm);width:22px;height:22px;color:var(--text-faint);cursor:pointer;opacity:0;transition:opacity var(--dur-fast);background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.toast:hover .toast__close,.toast__close:focus-visible{opacity:1}.toast__close:hover{background:var(--hover);color:var(--text-hover)}@media (hover:none){.toast__close{opacity:1}}@media (prefers-reduced-motion:reduce){.toast-slot,.toast-slot.is-leaving{animation-duration:1ms}}.toast__action{padding:2px var(--space-1);border-radius:var(--radius-sm);color:var(--toast-tone);font:inherit;font-weight:var(--weight-strong);cursor:pointer;background:0 0;border:0;flex:none}.toast__action:hover{background:color-mix(in srgb, var(--toast-tone) 12%, transparent)}.splash{inset:var(--layer-top) 0 0;z-index:var(--z-modal);justify-content:center;align-items:center;gap:var(--space-6);background:var(--ground);transition:opacity .4s var(--ease-soft);flex-direction:column;display:flex;position:fixed}.splash.is-leaving{opacity:0;pointer-events:none}.splash__mark{aspect-ratio:512/291;width:300px;position:relative}.splash__mark>*{width:100%;height:100%;position:absolute;inset:0}.splash__ribbon{animation:1s cubic-bezier(.22,1,.36,1) .1s both splash-draw;-webkit-mask-image:linear-gradient(90deg,#000 45%,#0000 55%);mask-image:linear-gradient(90deg,#000 45%,#0000 55%);-webkit-mask-size:260% 100%;mask-size:260% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes splash-draw{0%{filter:blur(6px);opacity:0;transform:scale(.94);-webkit-mask-position:100% 0;mask-position:100% 0}30%{opacity:1}to{filter:blur();transform:scale(1);-webkit-mask-position:0 0;mask-position:0 0}}.splash__sheen{mix-blend-mode:screen;background:linear-gradient(105deg,#0000 38%,#ffffffb3 50%,#0000 62%) 0 0/260% 100% no-repeat;animation:.9s ease-in-out .75s both splash-sheen;-webkit-mask-size:100% 100%;mask-size:100% 100%}@keyframes splash-sheen{0%{background-position:130% 0}to{background-position:-30% 0}}.splash__pearl{animation:.62s cubic-bezier(.34,1.3,.64,1) both splash-drop}.splash__pearl--l{animation-delay:.85s}.splash__pearl--r{animation-delay:1s}@keyframes splash-drop{0%{opacity:0;transform:translateY(-46px)scale(.7)}45%{opacity:1}to{transform:none}}.splash__word{color:var(--text);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-strong);letter-spacing:.16em;animation:splash-word .6s var(--ease-out) 1.25s both}@keyframes splash-word{0%{opacity:0;letter-spacing:.4em;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.splash__ribbon,.splash__sheen,.splash__pearl,.splash__word{animation:none}.splash__sheen{display:none}}.splash--loop{z-index:var(--z-cover);background:var(--overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.splash--loop .splash__ribbon{animation:2.6s cubic-bezier(.22,1,.36,1) infinite splash-loop-draw}.splash--loop .splash__sheen{animation:2.6s ease-in-out infinite splash-loop-sheen}.splash--loop .splash__pearl--l{animation:2.6s cubic-bezier(.34,1.3,.64,1) infinite splash-loop-drop-l}.splash--loop .splash__pearl--r{animation:2.6s cubic-bezier(.34,1.3,.64,1) infinite splash-loop-drop-r}@keyframes splash-loop-draw{0%{filter:blur(6px);opacity:0;transform:scale(.94);-webkit-mask-position:100% 0;mask-position:100% 0}12%{opacity:1}38%,84%{filter:blur();opacity:1;transform:scale(1);-webkit-mask-position:0 0;mask-position:0 0}to{opacity:0;-webkit-mask-position:0 0;mask-position:0 0}}@keyframes splash-loop-sheen{0%,40%{background-position:130% 0}72%,to{background-position:-30% 0}}@keyframes splash-loop-drop-l{0%,32%{opacity:0;transform:translateY(-46px)scale(.7)}42%{opacity:1}52%,84%{opacity:1;transform:none}to{opacity:0;transform:none}}@keyframes splash-loop-drop-r{0%,38%{opacity:0;transform:translateY(-46px)scale(.7)}48%{opacity:1}58%,84%{opacity:1;transform:none}to{opacity:0;transform:none}}@media (prefers-reduced-motion:reduce){.splash--loop .splash__ribbon,.splash--loop .splash__pearl--l,.splash--loop .splash__pearl--r{animation:none}}.game-notice__game{align-items:center;gap:var(--space-2);margin:0 0 var(--space-2);font-weight:var(--weight-medium);display:flex}.game-notice__game svg{color:var(--tone-plan);flex:none}.restriction{--tone:var(--tone-caution);align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border:1px solid color-mix(in srgb, var(--tone) 45%, transparent);border-radius:var(--radius-md);background:color-mix(in srgb, var(--tone) 10%, var(--bg-elevated));display:flex}.restriction[data-kind=ban]{--tone:var(--tone-danger)}.restriction>svg{color:var(--tone);flex:none;margin-top:2px}.restriction__body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.restriction__body strong{color:var(--tone)}.restriction__body p{color:var(--text-muted);font-size:var(--text-sm);margin:0;line-height:1.45}.restriction__body blockquote{padding:4px var(--space-2);border-left:3px solid var(--tone);background:var(--surface);color:var(--text);font-size:var(--text-sm);overflow-wrap:anywhere;white-space:pre-wrap;margin:2px 0 0}.restriction__until{color:var(--text-faint);font-size:var(--text-xs)}.restriction__close{flex:none;margin:-4px -4px 0 0}.restriction__appeal{margin:var(--space-1) 0 0;color:var(--text);font-size:var(--text-sm)}.restriction__appeal q{color:var(--text-muted);margin-top:2px;display:block}.restriction__appeal-btn{margin-top:var(--space-1);align-self:flex-start}.restriction__form{gap:var(--space-2);margin-top:var(--space-1);flex-direction:column;display:flex}.restriction__hint{color:var(--text-faint);font-size:var(--text-xs)}.restriction__actions{justify-content:flex-end;gap:var(--space-2);display:flex}.auth{gap:var(--space-8);height:100%;padding:var(--space-8) clamp(var(--space-8), 8vw, 120px);grid-template-columns:minmax(0,1fr) minmax(380px,460px);align-items:center;display:grid;overflow:auto}.auth__brand{flex-direction:column;align-items:flex-start;display:flex}.auth__brand h1{margin:var(--space-3) 0 var(--space-2);font-family:var(--font-display);font-size:56px;font-weight:var(--weight-strong);letter-spacing:.04em;line-height:1}.auth__brand p{max-width:420px;color:var(--text-muted);font-size:var(--text-lg);margin:0}.auth__panel{gap:var(--space-3);flex-direction:column;display:flex}.auth__card{gap:var(--space-4);padding:var(--space-8);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;display:flex}.auth__back{margin:calc(var(--space-2) * -1) 0 var(--space-3) calc(var(--space-2) * -1);padding:6px var(--space-2);border-radius:var(--radius-sm);color:var(--text-muted);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;display:inline-flex}.auth__back:hover{background:var(--hover);color:var(--text-hover)}[dir=rtl] .auth__back svg{transform:scaleX(-1)}.auth__card header h2{font-size:var(--text-xl);margin:0}.auth__card header p{margin:var(--space-1) 0 0;color:var(--text-muted)}.auth__row{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.auth__check{align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;display:flex}.auth__check input{accent-color:var(--accent)}.auth__terms{flex-direction:column;gap:4px;display:flex}.auth__terms .auth__check{align-items:flex-start;line-height:1.45}.auth__terms .auth__check input{flex:none;margin-top:3px}.auth__terms-link{color:var(--tone-info);font:inherit;font-weight:var(--weight-medium);cursor:pointer;background:0 0;border:0;padding:0}.auth__terms-link:hover{text-decoration:underline}.auth__error{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--danger);font-size:var(--text-sm);font-weight:var(--weight-medium);margin:0}.auth__mail{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text-muted);font-size:var(--text-sm);margin:0;line-height:1.45}.auth__mail.is-limited{background:var(--danger-soft);color:var(--tone-danger)}.auth__links{justify-content:space-between;display:flex}.auth__links button{color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);text-underline-offset:3px;transition:color var(--dur-fast);background:0 0;border:0;padding:0}.auth__links button:hover:not(:disabled){color:var(--text-hover);text-decoration:underline}.auth__links button:disabled{color:var(--text-faint)}@media (width<=900px){.auth{padding:var(--space-6);grid-template-columns:1fr}.auth__brand{display:none}}.auth__preview{width:min(420px,100%);margin-top:var(--space-6);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.auth__preview-head{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-strong);display:flex}.auth__preview-dot{background:var(--success);border-radius:50%;width:8px;height:8px}.auth__preview-people{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.auth__preview-person{padding:var(--space-3) var(--space-2);border-radius:var(--radius-md);background:var(--surface-2);font-size:var(--text-sm);font-weight:var(--weight-medium);flex-direction:column;align-items:center;gap:6px;display:flex}.auth__preview-avatar{width:40px;height:40px;color:var(--avatar-ink);font-weight:var(--weight-strong);box-shadow:0 0 0 2px var(--surface-2), 0 0 0 4px transparent;border-radius:50%;place-items:center;display:grid}.auth__preview-person.is-talking .auth__preview-avatar{box-shadow:0 0 0 2px var(--surface-2), 0 0 0 4px var(--speaking)}.auth__preview-bars{align-items:flex-end;gap:2px;height:12px;display:flex}.auth__preview-bars i{background:var(--surface-3);border-radius:1px;width:3px;height:3px}.auth__preview-person.is-talking .auth__preview-bars i{background:var(--speaking);animation:.8s ease-in-out infinite alternate auth-bar}.auth__preview-person.is-talking .auth__preview-bars i:nth-child(2){animation-delay:.2s}.auth__preview-person.is-talking .auth__preview-bars i:nth-child(3){animation-delay:.4s}.auth__preview-person.is-talking .auth__preview-bars i:nth-child(4){animation-delay:.1s}.auth__preview-avatar.auth__preview-wave{background:var(--surface-3);justify-content:center;align-items:center;gap:4px;display:flex}.auth__preview-wave i{background:var(--text-faint);width:6px;height:6px;animation:auth-wave 1.2s var(--ease-out) infinite;border-radius:50%}.auth__preview-wave i:nth-child(2){animation-delay:.15s}.auth__preview-wave i:nth-child(3){animation-delay:.3s}.auth__preview-wave--text{align-items:center;gap:3px;height:20px;display:flex}.auth__preview-wave--text i{width:4px;height:4px}@keyframes auth-wave{0%,60%,to{opacity:.45;transform:none}30%{opacity:1;transform:translateY(-5px)}}@keyframes auth-bar{to{height:12px}}@media (prefers-reduced-motion:reduce){.auth__preview-person.is-talking .auth__preview-bars i{height:9px;animation:none}.auth__preview-wave i{animation:none}}.share-quality{gap:var(--space-3);flex-direction:column;display:flex}.share-quality__group{flex-direction:column;gap:6px;min-width:0;display:flex}.share-quality__label{color:var(--text-faint);font-size:var(--text-xs);font-weight:var(--weight-medium)}.share-quality__options{--marker-bg:color-mix(in srgb, var(--tone-info) 16%, var(--tabbar-selected));border-radius:var(--radius-md);background:var(--tabbar-bg);gap:2px;padding:3px;display:grid}.share-quality__presets{grid-template-columns:1fr}.share-quality--wide .share-quality__presets,.share-quality__content{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}.share-quality__options button{min-width:0;padding:6px var(--space-2);border-radius:var(--radius-sm);color:var(--text-muted);font:inherit;font-weight:var(--weight-medium);transition:color var(--dur-fast);background:0 0;border:0;flex-direction:column;align-items:center;gap:1px;display:flex}.share-quality:not(.share-quality--wide) .share-quality__presets button{justify-content:space-between;gap:var(--space-3);flex-direction:row}.share-quality__options button:hover{color:var(--text-hover)}.share-quality__options button[aria-checked=true]{color:var(--tone-info)}.share-quality__options strong{font-size:var(--text-sm);white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.share-quality__options span{max-width:100%;color:var(--text-faint);font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.share-quality__note{color:var(--text-faint);font-size:var(--text-xs);margin:0}.share-quality-pop{z-index:var(--z-menu);width:min(300px,100vw - 16px);max-height:calc(100vh - 16px);padding:var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--popover);box-shadow:var(--float-shadow);color:var(--text);animation:pop-in var(--dur-med) var(--ease-out) both;position:fixed;overflow-y:auto}.share-quality__arrow{color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.share-quality__arrow svg{transition:transform var(--dur-fast) var(--ease-out)}.share-quality__arrow.is-open svg{transform:rotate(180deg)}@media (width<=720px){.share-quality--wide .share-quality__presets{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));grid-auto-flow:row}}.screen-picker h3{margin:0 0 var(--space-2);color:var(--text-muted);font-size:var(--text-sm)}.screen-picker section+section{margin-top:var(--space-4)}.screen-picker__grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(190px,1fr));display:grid}.screen-picker__item{padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);text-align:left;flex-direction:column;gap:6px;display:flex}.screen-picker__item:hover{border-color:var(--border-hover)}.screen-picker__item img{aspect-ratio:16/9;border-radius:var(--radius-sm);background:var(--bg);object-fit:contain;width:100%}.screen-picker__item span{font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.screen-picker__quality{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border)}.screen-picker__empty{color:var(--text-muted);margin:0}.screen-picker__item em{border-radius:var(--radius-full);background:color-mix(in srgb, var(--tone-info) var(--tint), transparent);color:var(--tone-info);font-size:var(--text-xs);font-style:normal;font-weight:var(--weight-strong);align-self:flex-start;padding:1px 8px}.call-video{top:calc(var(--layer-top) + var(--space-3));z-index:var(--z-float);gap:var(--space-2);width:min(560px,100vw - 24px);padding:var(--space-2);border:1px solid var(--stage-line);border-radius:var(--radius-lg);background:var(--stage-bg);color:var(--stage-text);animation:call-in var(--dur-med) var(--ease-out);flex-direction:column;display:flex;position:fixed;left:50%;transform:translate(-50%)}.call-video.is-full{inset:var(--layer-top) 0 0;width:auto;padding:var(--space-3);border:0;border-radius:0;animation:none;transform:none}.call-video__stage{aspect-ratio:16/9;max-height:calc(100vh - var(--layer-top) - 140px);border-radius:var(--radius-md);background:var(--stage-surface);position:relative;overflow:hidden}.call-video.is-full .call-video__stage{aspect-ratio:auto;flex:1;max-height:none}.call-tile{outline-offset:-2px;transition:outline-color var(--dur-fast) var(--ease-out);outline:2px solid #0000;place-items:center;margin:0;display:grid;position:relative;overflow:hidden}.call-tile.is-speaking{outline-color:var(--speaking)}.call-tile--large{border-radius:var(--radius-md);position:absolute;inset:0}.call-tile video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.call-tile video.is-contain,.call-video.is-full .call-tile--large video{object-fit:contain}.call-tile video.is-mirrored{transform:scaleX(-1)}.call-tile__avatar{place-items:center;display:grid}.call-tile__name{inset-inline-start:var(--space-2);bottom:var(--space-2);max-width:calc(100% - 16px);padding:3px var(--space-2);border-radius:var(--radius-sm);color:var(--stage-text);font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap;text-overflow:ellipsis;background:#0000008c;position:absolute;overflow:hidden}.call-video__pips{inset-inline-end:var(--space-2);bottom:var(--space-2);gap:var(--space-2);flex-direction:column-reverse;width:clamp(96px,26%,240px);display:flex;position:absolute}.call-tile--small{aspect-ratio:16/9;border:1px solid var(--stage-line);border-radius:var(--radius-sm);background:var(--stage-surface);cursor:pointer}.call-tile--small .call-tile__name{inset-inline-start:4px;max-width:calc(100% - 8px);padding:1px 6px;font-size:11px;bottom:4px}.call-tile--small:focus-visible{outline-color:var(--focus-ring)}.call-video__enlarge.icon-btn{top:var(--space-2);color:var(--stage-text);opacity:0;transition:opacity var(--dur-fast) var(--ease-out);background:#00000080;position:absolute;inset-inline-end:var(--space-2)}.call-video__enlarge.icon-btn:hover:not(:disabled){color:var(--stage-text);background:#000000b3}.call-video__stage:hover .call-video__enlarge,.call-video__enlarge:focus-visible{opacity:1}@media (hover:none){.call-video__enlarge.icon-btn{opacity:1}}.call-video__bar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:0 var(--space-1) 0 var(--space-2);display:flex}.call-video__who{flex-direction:column;min-width:0;line-height:1.2;display:flex}.call-video__who strong{font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.call-video__who span{color:var(--tone-voice);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.call-video__controls{gap:var(--space-2);flex:none;display:flex}.call-video__ctl{width:40px;height:40px;color:var(--stage-text);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);background:#ffffff14;border:0;border-radius:50%;place-items:center;display:grid}.call-video__ctl:hover:not(:disabled){background:#ffffff29}.call-video__ctl:active:not(:disabled){transform:scale(.95)}.call-video__ctl:disabled{opacity:.5;cursor:default}.call-video__ctl:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.call-video__ctl.is-off{background:color-mix(in srgb, var(--tone-danger) 20%, transparent);color:var(--stage-danger)}.call-video__ctl.is-on{background:var(--info-fill);color:var(--on-fill)}.call-video__ctl.is-off:hover:not(:disabled){background:color-mix(in srgb, var(--tone-danger) 30%, transparent)}.call-video__ctl.is-on:hover:not(:disabled){background:color-mix(in srgb, var(--info-fill) 85%, black)}.call-video__ctl--end{background:var(--danger-fill);color:var(--on-fill)}.call-video__ctl--end:hover:not(:disabled){background:color-mix(in srgb, var(--danger-fill) 85%, black)}.call-video__arrow{width:18px;height:40px;border-radius:var(--radius-sm);color:var(--stage-faint);margin-inline-start:calc(-1 * var(--space-2) + 2px)}.call-video__arrow:hover,.call-video__arrow.is-open{color:var(--stage-text);background:#ffffff14}@media (prefers-reduced-motion:reduce){.call-video{animation:none}}.call-card,.call-bar{top:calc(var(--layer-top) + var(--space-3));z-index:var(--z-float);position:fixed;left:50%;transform:translate(-50%)}.call-card{align-items:center;gap:var(--space-2);width:min(300px,100vw - 24px);padding:var(--space-5) var(--space-5) var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-elevated);animation:call-in var(--dur-med) var(--ease-spring);flex-direction:column;display:flex}.call-card__avatar{border-radius:50%;display:inline-flex}.call-card__name{max-width:100%;margin-top:var(--space-1);font-size:var(--text-lg);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.call-card__state{color:var(--text-muted);font-size:var(--text-sm)}.call-card__buttons{gap:var(--space-6);margin-top:var(--space-3);display:flex}.call-card__accept,.call-card__decline,.call-bar__end{color:var(--on-fill);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out);border:0;border-radius:50%;place-items:center;display:grid}.call-bar__arrow{width:16px;height:28px;border-radius:var(--radius-sm);color:var(--text-faint);margin-inline-start:calc(-1 * var(--space-2) + 2px)}.call-bar__arrow:hover,.call-bar__arrow.is-open{background:var(--hover);color:var(--text-hover)}.call-card__accept,.call-card__decline{width:52px;height:52px}.call-card__accept{background:var(--voice-fill)}.call-card__decline,.call-bar__end{background:var(--danger-fill)}.call-card__accept:hover,.call-card__decline:hover,.call-bar__end:hover{transform:scale(1.08)}.call-card__accept:focus-visible,.call-card__decline:focus-visible,.call-bar__end:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.call-bar{align-items:center;gap:var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-full);background:var(--bg-elevated);animation:call-in var(--dur-med) var(--ease-out);padding:6px 6px 6px 8px;display:flex}.call-bar__who{min-width:0;max-width:180px;padding-right:var(--space-2);flex-direction:column;line-height:1.2;display:flex}.call-bar__who strong{font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.call-bar__who span{color:var(--tone-voice);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.call-bar__end{width:34px;height:34px}@keyframes call-in{0%{opacity:0;transform:translate(-50%,-10px)}}@media (prefers-reduced-motion:reduce){.call-card,.call-bar{animation:none}}.group-call-bar{--group-avatar-ring:var(--bg-elevated)}.group-rings{top:calc(var(--layer-top) + var(--space-3));z-index:var(--z-float);gap:var(--space-2);flex-direction:column;width:min(400px,100vw - 24px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.group-rings.is-below{top:calc(var(--layer-top) + var(--space-3) + 56px)}.group-ring{--group-avatar-ring:var(--bg-elevated);align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-elevated);animation:call-in var(--dur-med) var(--ease-spring);display:flex}.group-ring__text{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.group-ring__text strong,.group-ring__text span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.group-ring__text strong{font-size:var(--text-sm)}.group-ring__text span{color:var(--text-faint);font-size:var(--text-xs)}.group-ring__join{height:var(--control-sm);padding:0 var(--space-3);border-radius:var(--radius-full);background:var(--voice-fill);color:var(--on-fill);font-size:var(--text-sm);font-weight:var(--weight-strong);cursor:pointer;border:0;flex:none;align-items:center;gap:6px;display:inline-flex}.group-ring__join:hover{background:color-mix(in srgb, var(--voice-fill) 88%, black)}.group-ring__join:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.group-video{width:min(720px,100vw - 24px)}.group-video__stage{gap:var(--space-2);background:0 0;display:flex}.group-video__grid{gap:var(--space-2);flex:1;align-content:center;display:grid}.group-video__grid .call-tile,.group-video__strip .call-tile{aspect-ratio:16/9;border-radius:var(--radius-sm);background:var(--stage-surface);cursor:pointer;min-height:0}.group-video__main{flex:1;min-width:0;position:relative}.group-video__main .call-tile--large{background:var(--stage-surface)}.group-video__strip{gap:var(--space-2);flex-direction:column;flex:none;width:clamp(110px,22%,220px);display:flex;overflow-y:auto}.group-video .call-tile:focus-visible{outline-color:var(--focus-ring)}@media (width<=520px){.group-video.has-spotlight .group-video__stage{flex-direction:column}.group-video__strip{flex-direction:row;width:auto;overflow-x:auto}.group-video__strip .call-tile{flex:none;width:120px}}@media (prefers-reduced-motion:reduce){.group-ring{animation:none}}.emoji-picker{inset-inline-end:0;bottom:calc(100% + var(--space-2));z-index:20;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--popover);width:min(332px,100vw - 24px);height:auto;box-shadow:var(--float-shadow);transform-origin:100% 100%;animation:emoji-picker-in var(--dur-med) var(--ease-out);flex-direction:column;gap:6px;padding:8px;display:flex;position:absolute;overflow:hidden}[dir=rtl] .emoji-picker{transform-origin:0 100%}.emoji-picker__top{gap:var(--space-1);display:flex}@media (pointer:fine){.emoji-picker:not(.has-query) .emoji-picker__top{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}}.emoji-picker__field{flex:1;align-items:center;min-width:0;display:flex;position:relative}.emoji-picker__field>svg{color:var(--text-faint);pointer-events:none;transition:color var(--dur-fast) var(--ease-soft);position:absolute;inset-inline-start:10px}.emoji-picker__search{width:100%;height:28px;padding-inline:30px var(--space-3);border:1px solid var(--input-border);border-radius:var(--radius-full);background:var(--input-bg);color:var(--text);font:inherit;font-size:var(--text-sm);transition:border-color var(--dur-fast) var(--ease-soft)}.emoji-picker__search:focus{border-color:var(--input-border-focus);background:var(--input-focus);outline:none}.emoji-picker__field:focus-within>svg{color:var(--text)}.emoji-picker__tone{position:relative}.emoji-picker__tone>button,.emoji-picker__tones button{border-radius:var(--radius-full);cursor:pointer;width:28px;height:28px;transition:background var(--dur-fast) var(--ease-soft);background:0 0;border:0;place-items:center;padding:0;font-size:16px;display:grid}.emoji-picker__tone>button:hover,.emoji-picker__tone>button[aria-expanded=true],.emoji-picker__tones button:hover{background:var(--hover)}.emoji-picker__tones{top:32px;z-index:2;padding:var(--space-1);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface);animation:emoji-picker-in var(--dur-fast) var(--ease-out);gap:2px;display:flex;position:absolute;inset-inline-end:0}.emoji-picker__tones button{width:28px;height:28px}.emoji-picker__tones button.is-current{background:var(--accent-soft)}.emoji-picker__tabs{grid-template-columns:repeat(var(--tabs), 1fr);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--input-bg);flex:none;padding:3px;display:grid;position:relative}.emoji-picker__marker{width:calc((100% - 6px) / var(--tabs));border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);border-radius:var(--radius-full);background:color-mix(in srgb, var(--accent) 16%, transparent);transform:translateX(calc(100% * var(--tab)));transition:transform var(--dur-slow) var(--ease-spring), opacity var(--dur-fast) var(--ease-soft);position:absolute;top:3px;bottom:3px;left:3px}[dir=rtl] .emoji-picker__marker{transform:translateX(calc(-100% * var(--tab)));left:auto;right:3px}.emoji-picker__tabs.is-searching .emoji-picker__marker{opacity:0}.emoji-picker__tabs button{cursor:pointer;opacity:.6;height:24px;transition:opacity var(--dur-fast) var(--ease-soft);background:0 0;border:0;place-items:center;padding:0;font-size:13px;display:grid;position:relative}.emoji-picker__tabs button:hover,.emoji-picker__tabs button.is-current{opacity:1}.emoji-picker__scroll{scrollbar-width:none;height:144px;overflow-y:auto}.emoji-picker__title{display:none}.emoji-picker__grid{grid-template-columns:repeat(9,1fr);gap:1px;display:grid}.emoji-tile{cursor:pointer;height:35px;transition:background var(--dur-fast) var(--ease-soft);background:0 0;border:0;border-radius:10px;place-items:center;padding:0;font-size:22px;line-height:1;display:grid}.emoji-tile>span{transition:transform var(--dur-med) var(--ease-spring);display:inline-block}.emoji-tile:hover,.emoji-tile:focus-visible{background:var(--hover)}.emoji-tile:focus-visible,:root[data-tabbing] .emoji-tile:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.emoji-tile:hover>span,.emoji-tile:focus-visible>span{transform:scale(1.2)}.emoji-tile:active>span{transition-duration:60ms;transform:scale(.9)}.emoji-picker__none{margin:var(--space-6) 0;color:var(--text-faint);font-size:var(--text-sm);text-align:center}@keyframes emoji-picker-in{0%{opacity:0;transform:translateY(6px)scale(.97)}}@media (prefers-reduced-motion:reduce){.emoji-picker,.emoji-picker__tones{animation:none}.emoji-picker__marker,.emoji-tile>span,.emoji-picker__tabs button{transition:none}.emoji-tile:hover>span,.emoji-tile:focus-visible>span{transform:none}}.emoji-picker__plus-tab svg{color:var(--accent)}.emoji-tile>.cemoji{width:26px;height:26px;margin:0}.gif-picker{inset-inline-end:0;bottom:calc(100% + var(--space-2));z-index:20;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--popover);width:min(380px,100vw - 24px);height:min(460px,60vh);box-shadow:var(--float-shadow);transform-origin:100% 100%;animation:gif-picker-in var(--dur-med) var(--ease-out);flex-direction:column;display:flex;position:absolute;overflow:hidden}[dir=rtl] .gif-picker{transform-origin:0 100%}.gif-picker__top{padding:var(--space-3) var(--space-3) var(--space-2)}.gif-picker__field{align-items:center;display:flex;position:relative}.gif-picker__field>svg{color:var(--text-faint);pointer-events:none;transition:color var(--dur-fast) var(--ease-soft);position:absolute;inset-inline-start:12px}.gif-picker__search{width:100%;height:36px;padding-inline:34px var(--space-3);border:1px solid var(--input-border);border-radius:var(--radius-full);background:var(--input-bg);color:var(--text);font:inherit;font-size:var(--text-sm);transition:border-color var(--dur-fast) var(--ease-soft)}.gif-picker__search:focus{border-color:var(--input-border-focus);background:var(--input-focus);outline:none}.gif-picker__field:focus-within>svg{color:var(--text)}.gif-picker__scroll{min-height:0;padding:0 var(--space-3) var(--space-3);flex:1;overflow-y:auto}.gif-picker__title{padding:var(--space-1) 2px var(--space-2);color:var(--text-faint);font-size:var(--text-xs);font-weight:var(--weight-strong);display:block}.gif-picker__grid{grid-template-columns:1fr 1fr;align-items:start;gap:6px;display:grid}.gif-picker__column{flex-direction:column;gap:6px;min-width:0;display:flex}.gif-tile{border-radius:var(--radius-md);background:var(--surface-2);cursor:pointer;border:0;width:100%;padding:0;display:block;overflow:hidden}.gif-tile img{object-fit:cover;width:100%;height:100%;transition:opacity var(--dur-fast) var(--ease-soft);display:block}.gif-tile:hover img{opacity:.86}.gif-tile:focus-visible,:root[data-tabbing] .gif-tile:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.gif-picker__skeleton{border-radius:var(--radius-md);width:100%}.gif-picker__state{align-items:center;gap:var(--space-2);margin:var(--space-6) 0;color:var(--text-faint);font-size:var(--text-sm);text-align:center;flex-direction:column;display:flex}.gif-picker__state p{margin:0}.gif-picker__retry{height:var(--control-sm);padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-2);color:var(--text);font:inherit;font-size:var(--text-sm);cursor:pointer;transition:background var(--dur-fast) var(--ease-soft);align-items:center;gap:6px;display:inline-flex}.gif-picker__retry:hover{background:var(--hover)}.gif-picker__retry--more{margin:var(--space-3) auto 0;display:flex}.gif-picker__end{height:1px}.gif-picker__footer{height:34px;padding:0 var(--space-4);border-top:1px solid var(--border);background:var(--surface-2);color:var(--text-faint);font-size:var(--text-xs);justify-content:flex-end;align-items:center;display:flex}.gif-picker__footer strong{color:var(--text-muted);font-weight:var(--weight-strong);letter-spacing:.06em}@keyframes gif-picker-in{0%{opacity:0;transform:translateY(6px)scale(.97)}}@media (prefers-reduced-motion:reduce){.gif-picker{animation:none}.gif-tile img{transition:none}}.sticker-picker{inset-inline-end:0;bottom:calc(100% + var(--space-2));z-index:20;border-radius:var(--radius-lg);background:var(--popover);width:min(360px,100vw - 24px);max-height:min(420px,60vh);box-shadow:var(--float-shadow);transform-origin:100% 100%;animation:sticker-picker-in var(--dur-med) var(--ease-out);flex-direction:column;display:flex;position:absolute;overflow:hidden}.sticker-picker__head{padding:var(--space-3) var(--space-3) var(--space-2) var(--space-4);justify-content:space-between;align-items:center;display:flex}.sticker-picker__head strong{font-size:var(--text-sm)}.sticker-picker__head button{border-radius:var(--radius-sm);color:var(--accent);font:inherit;font-size:var(--text-xs);font-weight:var(--weight-strong);cursor:pointer;background:0 0;border:0;padding:2px 6px}.sticker-picker__grid{gap:var(--space-2);padding:0 var(--space-3) var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;list-style:none;display:grid;overflow-y:auto}.sticker-picker__grid button{aspect-ratio:1;border-radius:var(--radius-md);background:var(--surface-2);cursor:pointer;width:100%;transition:background var(--dur-fast), transform var(--dur-fast);border:0;place-items:center;padding:6px;display:grid}.sticker-picker__grid button:hover{background:var(--surface-3);transform:scale(1.04)}.sticker-picker__grid img{object-fit:contain;width:100%;height:100%}.sticker-picker__empty{align-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-5) var(--space-6);text-align:center;flex-direction:column;display:flex}.sticker-picker__empty span{background:var(--surface-2);width:44px;height:44px;color:var(--text-faint);border-radius:50%;place-items:center;display:grid}.sticker-picker__empty p{max-width:260px;color:var(--text-muted);font-size:var(--text-sm);margin:0}.sticker-msg{display:inline-block}.sticker-msg img{object-fit:contain;width:160px;height:160px;display:block}.sticker-msg__gone{display:none}.sticker-msg.is-gone .sticker-msg__gone{border-radius:var(--radius-md);background:var(--surface-2);color:var(--text-muted);font-size:var(--text-sm);padding:6px 10px;display:inline-block}@keyframes sticker-picker-in{0%{opacity:0;transform:translateY(6px)scale(.98)}}@media (prefers-reduced-motion:reduce){.sticker-picker{animation:none}.sticker-picker__grid button:hover{transform:none}}.voice-player{align-items:center;gap:var(--space-3);width:min(320px,66vw);max-width:100%;min-height:42px;display:flex}.voice-player__play{width:36px;height:36px;color:var(--on-fill);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid;position:relative}.voice-player__ring{width:100%;height:100%;position:absolute;inset:0;rotate:-90deg}.voice-player__ring circle{fill:none;stroke-width:2.5px}.voice-player__ring circle:first-child{stroke:color-mix(in srgb, var(--voice-wave-2) 22%, transparent)}.voice-player__ring-done{stroke:var(--voice-wave-2);stroke-linecap:round}.voice-player:not(.is-started) .voice-player__ring-done{stroke:#0000}.voice-player__glyph{background:var(--voice-wave-2);width:28px;height:28px;transition:transform var(--dur-fast) var(--ease-out);border-radius:50%;place-items:center;display:grid;position:relative}.voice-player__play:hover .voice-player__glyph{transform:scale(1.06)}.voice-player__play:active .voice-player__glyph{transform:scale(.94)}.voice-player:not(.is-playing) .voice-player__glyph svg{margin-inline-start:1px}.voice-player__wave{cursor:pointer;touch-action:none;flex:1;min-width:0;height:30px;position:relative}.voice-player__wave svg{width:100%;height:100%;display:block}[dir=rtl] .voice-player__wave svg{scale:-1 1}.voice-player__rest{fill:color-mix(in srgb, currentColor 26%, transparent)}.voice-player__stop-a{stop-color:var(--voice-wave-1)}.voice-player__stop-b{stop-color:var(--voice-wave-3)}.voice-player__head{opacity:0;width:2px;transition:opacity var(--dur-fast) var(--ease-out);pointer-events:none;background:currentColor;border-radius:1px;margin-inline-start:-1px;position:absolute;top:2px;bottom:2px}.voice-player.is-started .voice-player__head{opacity:.85}.voice-player__time{min-width:4ch;color:inherit;font-size:var(--text-xs);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;opacity:.8;flex:none}.voice-player__speed{border-radius:var(--radius-full);background:color-mix(in srgb, currentColor 10%, transparent);min-width:36px;height:24px;color:inherit;font-size:var(--text-2xs);font-weight:var(--weight-strong);font-variant-numeric:tabular-nums;cursor:pointer;border:0;flex:none;padding:0 7px}.voice-player__speed:hover{background:color-mix(in srgb, currentColor 18%, transparent)}@media (prefers-reduced-motion:reduce){.voice-player__glyph,.voice-player__head{transition:none}}.voice-rec{align-items:center;gap:var(--space-2);min-width:0;min-height:34px;animation:fade-in var(--dur-fast) var(--ease-out);flex:1;display:flex}.voice-rec--hold{padding-inline-start:var(--space-1)}.voice-rec__live{border-radius:var(--radius-full);height:28px;color:var(--tone-danger);background:0 0;flex:none;align-items:center;gap:9px;padding-inline:6px 4px;display:inline-flex}.voice-rec__orb{background:var(--danger-fill);border-radius:50%;flex:none;width:8px;height:8px;position:relative}.voice-rec__orb:after{content:"";opacity:calc(.25 + var(--voice-level,0) * .55);transform:scale(calc(.7 + var(--voice-level,0) * .75));transition:transform .11s var(--ease-out), opacity .11s var(--ease-out);border:1.5px solid;border-radius:50%;position:absolute;inset:-4px}.voice-rec__time{min-width:4ch;color:var(--text);font-size:var(--text-sm);font-weight:var(--weight-strong);font-variant-numeric:tabular-nums;letter-spacing:.01em}.voice-rec__live.is-ending{color:var(--tone-caution);background:0 0}.voice-rec__live.is-ending .voice-rec__time,.voice-rec__warn{color:var(--tone-caution)}.voice-rec__warn{font-size:var(--text-xs);white-space:nowrap;flex:none}.voice-rec__wave{--wave-a:var(--voice-wave-1);--wave-b:var(--voice-wave-2);--wave-c:var(--voice-wave-3);--wave-line:var(--border-strong);flex:1;width:100%;min-width:0;height:36px;margin-block:-2px;display:block}[dir=rtl] .voice-rec__wave{scale:-1 1}.voice-rec__controls{align-items:center;gap:var(--space-2);flex:none;display:inline-flex}.voice-rec__round.icon-btn{width:34px;height:34px;color:var(--text-muted);background:0 0;border-radius:50%;flex:none}.voice-rec__round.icon-btn:hover:not(:disabled){background:color-mix(in srgb, var(--text) 10%, transparent);color:var(--text-hover)}.voice-rec__round.icon-btn:active:not(:disabled){transform:scale(.94)}.voice-rec__delete.icon-btn,.voice-rec__round.is-resume.icon-btn{color:var(--tone-danger);background:0 0}.voice-rec__delete.icon-btn:hover:not(:disabled),.voice-rec__round.is-resume.icon-btn:hover:not(:disabled){background:color-mix(in srgb, var(--text) 10%, transparent);color:var(--tone-danger)}.voice-mic.icon-btn{color:var(--text-muted);background:0 0}.voice-mic.icon-btn:hover:not(:disabled){background:color-mix(in srgb, var(--text) 10%, transparent);color:var(--text-hover)}.voice-rec__live.is-paused{color:var(--text-muted);background:0 0}.voice-rec__live.is-paused .voice-rec__orb{background:var(--text-faint)}.voice-rec__state{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium)}.voice-rec__hint{height:28px;padding-inline:var(--space-2) var(--space-1);background:var(--input-bg);color:var(--text-faint);font-size:var(--text-xs);white-space:nowrap;flex:none;align-items:center;gap:2px;display:inline-flex;position:relative}.voice-rec__hint svg{animation:voice-rec-nudge 1.4s var(--ease-soft) infinite}.voice-rec__hint.is-cancelling{color:var(--tone-danger)}.voice-rec__hint.is-cancelling svg{animation:none}.voice-rec__preview{min-width:0;color:var(--text);animation:fade-in var(--dur-fast) var(--ease-out);flex:1;justify-content:stretch;display:flex}.voice-rec__preview .voice-player{width:100%;min-height:34px}.voice-mic.icon-btn.is-holding{color:var(--tone-danger);background:0 0}@keyframes voice-rec-nudge{0%,60%,to{transform:translate(0)}30%{transform:translate(-3px)}}@media (prefers-reduced-motion:reduce){.voice-rec,.voice-rec__preview,.voice-rec__hint svg{animation:none}.voice-rec__orb:after{transition:none}}[dir=rtl] .voice-rec__hint svg{scale:-1 1}.view-once{border:1px solid color-mix(in srgb, currentColor 22%, transparent);border-radius:var(--radius-full);min-width:180px;color:inherit;font:inherit;text-align:start;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-soft);background:0 0;align-items:center;gap:10px;padding:8px 16px 8px 10px;display:inline-flex}.view-once:hover:not(:disabled){border-color:color-mix(in srgb, currentColor 45%, transparent)}.view-once:disabled{cursor:default}.view-once>svg{opacity:.7;flex:none}.view-once.is-new>svg{color:var(--accent);opacity:1}.view-once__text{flex-direction:column;line-height:1.25;display:flex}.view-once__text strong{font-size:var(--text-sm);font-weight:var(--weight-medium)}.view-once__text span{font-size:var(--text-xs);opacity:.7}.view-once-viewer{z-index:var(--z-modal);padding:var(--space-6);-webkit-user-select:none;user-select:none;animation:fade-in var(--dur-fast) var(--ease-out);background:#000000eb;place-items:center;display:grid;position:fixed;inset:0}.view-once-viewer__stage{place-items:center;width:100%;height:100%;min-height:0;display:grid}.view-once-viewer__stage.is-away{visibility:hidden}.view-once-viewer__media{border-radius:var(--radius-md);-webkit-user-drag:none;max-width:100%;max-height:calc(100vh - 120px);animation:pop-in var(--dur-med) var(--ease-out)}.view-once-viewer__away{color:#fff;font-size:var(--text-md);margin:0;position:absolute}.view-once-viewer__hint{bottom:var(--space-4);color:#ffffffb3;font-size:var(--text-sm);align-items:center;gap:6px;margin:0;display:inline-flex;position:absolute}.view-once-viewer__bar{top:var(--space-4);position:absolute;inset-inline-end:var(--space-4)}.view-once-viewer__bar .icon-btn{color:#fff}.view-once-viewer__bar .icon-btn:hover{background:#ffffff24}@media (prefers-reduced-motion:reduce){.view-once-viewer,.view-once-viewer__media{animation:none}}.poll-form{gap:var(--space-4);flex-direction:column;display:flex}.poll-form__options{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.poll-form__options li{gap:var(--space-1);align-items:center;display:flex}.poll-form__options .input{flex:1;min-width:0}.add-menu{bottom:calc(100% + var(--space-2));z-index:20;border:1px solid var(--border);background:var(--popover);min-width:220px;box-shadow:var(--float-shadow);transform-origin:0 100%;animation:add-menu-in var(--dur-med) var(--ease-out);border-radius:14px;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;inset-inline-start:0}[dir=rtl] .add-menu{transform-origin:100% 100%}.add-menu__item{gap:var(--space-3);width:100%;min-height:40px;padding:0 var(--space-2);color:var(--text);font:inherit;font-size:var(--text-md);text-align:start;cursor:pointer;transition:background var(--dur-fast) var(--ease-soft);background:0 0;border:0;border-radius:10px;align-items:center;display:flex}.add-menu__item:hover,.add-menu__item:focus-visible{background:var(--hover)}.add-menu__icon{border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid}.add-menu__item--media .add-menu__icon{background:color-mix(in srgb, var(--tone-info) var(--tint), transparent);color:var(--tone-info)}.add-menu__item--poll .add-menu__icon{background:color-mix(in srgb, var(--accent) var(--tint), transparent);color:var(--accent)}@keyframes add-menu-in{0%{opacity:0;transform:translateY(6px)scale(.97)}}@media (prefers-reduced-motion:reduce){.add-menu{animation:none}}.composer{padding:0 var(--space-4) var(--space-4);position:relative}.composer--dragging .composer__box{border-color:var(--accent);border-style:dashed}.composer__reply{padding:4px 4px 4px var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md) var(--radius-md) 0 0;background:var(--surface-2);color:var(--text-muted);font-size:var(--text-sm);border-bottom:0;justify-content:space-between;align-items:center;display:flex}.composer__reply+.composer__box,.composer__reply+.composer__files+.composer__box{border-top-left-radius:0;border-top-right-radius:0}.composer__files{gap:var(--space-2);padding:var(--space-2);border:1px solid var(--border);background:var(--surface-2);border-bottom:0;display:flex;overflow-x:auto}.composer__file{flex:none;position:relative}.composer__once{border-radius:var(--radius-full);min-width:34px;height:34px;color:var(--text-muted);font:inherit;font-size:var(--text-xs);font-weight:var(--weight-strong);white-space:nowrap;cursor:pointer;transition:background var(--dur-fast) var(--ease-soft), color var(--dur-fast) var(--ease-soft);background:0 0;border:0;flex:none;justify-content:center;align-items:center;gap:5px;padding:0;display:inline-flex}.composer__once:hover{background:color-mix(in srgb, var(--text) 10%, transparent);color:var(--text-hover)}.composer__once.is-on{background:color-mix(in srgb, var(--accent) 16%, transparent);height:24px;color:var(--accent);animation:pop-in var(--dur-med) var(--ease-out);margin-block:5px;padding:0 9px 0 7px}.composer__once.is-on:hover{background:color-mix(in srgb, var(--accent) 24%, transparent);color:var(--accent)}@media (prefers-reduced-motion:reduce){.composer__once.is-on{animation:none}}.composer__file img,.composer__file video{border-radius:var(--radius-sm);object-fit:cover;width:88px;height:88px;display:block}.composer__file .icon-btn{color:#fff;background:#0009;width:22px;height:22px;position:absolute;top:3px;right:3px}.composer__file .icon-btn:hover:not(:disabled){color:#fff;background:#000c}.composer__box{align-items:flex-end;gap:var(--space-1);border:1px solid var(--input-border);border-radius:var(--radius-lg);background:var(--input-bg);padding:5px;display:flex;position:relative}.composer__box:focus-within{border-color:var(--input-border-focus);background:var(--input-focus)}.composer__input{min-height:32px;max-height:200px;padding:6px var(--space-2);resize:none;font-family:"MODeep Emoji", var(--font);background:0 0;border:0;outline:none;flex:1;line-height:1.45}.composer__input:focus-visible{outline:none}.composer__input::placeholder{color:var(--text-faint)}.composer__box .icon-btn{background:0 0;border-radius:50%;width:34px;height:34px}.composer__box .icon-btn:hover:not(:disabled){background:color-mix(in srgb, var(--text) 10%, transparent);color:var(--text-hover)}.composer__send.icon-btn,.voice-mic.icon-btn{width:34px;height:34px;animation:composer-swap var(--dur-fast) var(--ease-out);border-radius:50%;flex:none}.composer__send.icon-btn{color:var(--text-faint)}.composer__send.icon-btn.is-ready{background:var(--accent);color:var(--accent-contrast)}.composer__send.icon-btn.is-ready:not(:disabled):hover{background:var(--accent-strong);color:var(--accent-contrast)}.composer__send.icon-btn.is-ready:not(:disabled):active{transform:scale(.94)}.composer__send .send-icon{transition:transform var(--dur-fast) var(--ease-out)}.composer__send.is-ready:not(:disabled):hover .send-icon{transform:translateY(-1px)}@keyframes composer-swap{0%{opacity:0;transform:scale(.85)}}@media (prefers-reduced-motion:reduce){.composer__send.icon-btn,.voice-mic.icon-btn{animation:none}}.composer__emoji{position:static}.composer__plus>svg{transition:transform var(--dur-med) var(--ease-spring)}.composer__plus.is-open>svg{transform:rotate(45deg)}@media (prefers-reduced-motion:reduce){.composer__plus>svg{transition:none}}.composer__gif-glyph{width:22px;height:16px;font-size:8.5px;font-weight:var(--weight-strong);letter-spacing:.02em;border:1.75px solid;border-radius:4px;place-items:center;line-height:1;display:grid}.composer__count{right:var(--space-5);color:var(--text-faint);font-size:var(--text-xs);position:absolute;bottom:2px}.composer__count--over{color:var(--danger)}.composer__mentions{bottom:calc(100% + 4px);left:var(--space-4);z-index:5;width:min(320px, calc(100% - 2 * var(--space-4)));border:1px solid var(--border);border-radius:var(--radius-md);background:var(--popover);box-shadow:var(--float-shadow);animation:composer-mentions-in var(--dur-fast) ease-out;margin:0;padding:4px;list-style:none;position:absolute}.composer__mentions button{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);width:100%;min-height:32px;color:var(--text);text-align:left;transition:background var(--dur-fast) var(--ease-soft);background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto;padding:4px 8px;display:grid}.composer__mentions button:hover{background:var(--hover)}.composer__mentions button.is-active{background:var(--active)}.composer__mention-name{font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.composer__mention-handle{max-width:120px;color:var(--text-faint);font-size:var(--text-xs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.composer__mentions li.is-mass button{grid-template-columns:auto minmax(0,1fr)}.composer__mentions li.is-mass+li:not(.is-mass){border-top:1px solid var(--border);margin-top:4px;padding-top:4px}.composer__mention-icon{background:color-mix(in srgb, var(--tone-plan) var(--tint), transparent);width:22px;height:22px;color:var(--tone-plan);border-radius:50%;place-items:center;display:grid}.composer__mention-icon[data-role-color]{background:color-mix(in srgb, var(--role) var(--tint), transparent);color:var(--role)}.composer__mention-mass{min-width:0;display:grid}.composer__mention-mass .composer__mention-handle{max-width:none}.composer__hint{left:var(--space-5);max-width:calc(100% - 2 * var(--space-5) - 80px);color:var(--text-faint);font-size:var(--text-xs);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;display:inline-flex;position:absolute;bottom:2px;overflow:hidden}@keyframes composer-mentions-in{0%{opacity:0;transform:translateY(4px)}}.composer__hint.is-waiting{color:var(--tone-caution)}.composer__readonly{justify-content:center;align-items:center;gap:var(--space-2);min-height:48px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--surface-2);color:var(--text-muted);font-size:var(--text-sm);text-align:center;margin:0;display:flex}.composer__readonly svg{color:var(--text-faint);flex:none}.lightbox{z-index:var(--z-modal);padding:var(--space-6);cursor:zoom-out;animation:fade-in var(--dur-fast) var(--ease-out);background:#000000c7;place-items:center;display:grid;position:fixed;inset:0}.lightbox__image{border-radius:var(--radius-md);cursor:default;max-width:100%;max-height:100%;animation:pop-in var(--dur-med) var(--ease-out)}.lightbox__bar{top:var(--space-4);gap:var(--space-1);cursor:default;display:flex;position:absolute;inset-inline-end:var(--space-4)}.lightbox__bar .icon-btn{color:#fff}.lightbox__bar .icon-btn:hover{background:#ffffff24}.call-line{max-width:calc(100% - 2 * var(--space-4));margin:var(--space-2) auto;background:color-mix(in srgb, var(--surface-2) 70%, transparent);color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium);border-radius:999px;justify-content:center;align-items:center;gap:6px;width:fit-content;padding:4px 12px;line-height:1.3;display:flex}.call-line__icon{flex:none}.call-line__text{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.call-line__time{color:var(--text-faint);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;flex:none}.call-line__time:before{content:"·";margin-inline-end:6px}.call-line--answered .call-line__icon{color:var(--tone-voice)}.call-line--declined .call-line__icon,.call-line--unanswered .call-line__icon{color:var(--text-faint)}.call-line__count{font-variant-numeric:tabular-nums;opacity:.8;flex:none}.call-line--missed{color:var(--tone-danger)}.invite-card{align-items:center;gap:var(--space-3);width:min(100% - 2 * var(--space-4), 360px);margin:var(--space-2) auto;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);display:flex}.invite-card__body{flex-direction:column;flex:1;min-width:0;line-height:1.3;display:flex}.invite-card__label{color:var(--text-muted);font-size:var(--text-xs);overflow-wrap:anywhere}.invite-card__name{color:var(--text);font-size:var(--text-md);overflow-wrap:anywhere}.invite-card__time{color:var(--text-faint);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.invite-card--gone{opacity:.6}.group-line{width:fit-content;max-width:calc(100% - 2 * var(--space-4));margin:var(--space-2) auto;color:var(--text-faint);font-size:var(--text-xs);font-weight:var(--weight-medium);justify-content:center;align-items:center;gap:6px;line-height:1.3;display:flex}.group-line__icon{flex:none}.group-line__text{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.group-line__time{font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;flex:none}.group-line__time:before{content:"·";margin-inline-end:6px}.group-line--owner .group-line__icon{color:var(--tone-owner)}.aemoji{width:var(--aemoji-size);height:var(--aemoji-size);vertical-align:middle;grid-template:100%/100%;display:inline-grid;position:relative}.aemoji__static,.aemoji__player{grid-area:1/1;min-width:0;min-height:0}.aemoji__player{overflow:hidden}.aemoji__static{font-size:calc(var(--aemoji-size) * .86);place-items:center;line-height:1;animation:.38s cubic-bezier(.3,1.6,.5,1) aemoji-pop;display:grid}.aemoji__player{opacity:0;width:100%;height:100%}.aemoji.is-playing .aemoji__static{visibility:hidden}.aemoji.is-playing .aemoji__player{opacity:1}@keyframes aemoji-pop{0%{transform:scale(.4)}}@media (prefers-reduced-motion:reduce){.aemoji__static{animation:none}}.reactions{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.msg--own .reactions{justify-content:flex-end}.reaction{border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-2);height:26px;color:var(--text-muted);font:inherit;font-size:var(--text-xs);font-weight:var(--weight-strong);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);align-items:center;gap:4px;padding:0 8px 0 6px;display:inline-flex}.reaction:hover{border-color:var(--border-hover)}.reaction:active{transform:scale(.94)}.reaction.is-mine{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent)}.reaction__emoji{font-size:15px;line-height:1}.react{position:relative}.react__bar{z-index:25;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface);animation:pop-in var(--dur-fast) var(--ease-out);align-items:center;gap:2px;padding:4px;display:flex;position:absolute;bottom:calc(100% + 6px);right:0}.msg--own .react__bar{left:0;right:auto}.react__bar>button{cursor:pointer;width:32px;height:32px;transition:transform var(--dur-fast) var(--ease-spring);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;font-size:20px;line-height:1;display:grid}.react__bar>button:hover{background:var(--hover);transform:scale(1.2)}.react__bar>.react__more{color:var(--text-muted);font-size:var(--text-lg);font-weight:var(--weight-strong)}.react__picker{position:absolute;bottom:calc(100% + 6px);right:0}.react__picker .emoji-picker{position:static}.msg--own .react__picker{left:0;right:auto}@media (prefers-reduced-motion:reduce){.reaction,.react__bar{animation:none}.react__bar>button:hover{transform:none}}.seen{flex-direction:column;gap:4px;display:flex}.seen__title{border-bottom:1px solid var(--border);color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-strong);align-items:center;gap:6px;padding:4px 6px 6px;display:flex}.seen__loading{padding:var(--space-3);justify-content:center;display:flex}.seen__empty{padding:var(--space-2) 6px;color:var(--text-faint);font-size:var(--text-sm);margin:0}.seen__list{flex-direction:column;max-height:240px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.seen__list li{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);padding:4px 6px;display:flex}.seen__list li:hover{background:var(--hover)}.seen__name{min-width:0;font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.seen__list time{color:var(--text-faint);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.seen__private{border-top:1px solid var(--border);color:var(--text-faint);font-size:var(--text-2xs);margin:2px 0 0;padding:6px 6px 2px}.link-cards{flex-direction:column;gap:6px;margin:6px 0 2px;display:flex}.link-card{--link-accent:var(--tone-info);border-left:3px solid var(--link-accent);background:color-mix(in srgb, var(--bg) 35%, transparent);width:min(420px,100%);animation:fade-in var(--dur-med) var(--ease-soft);border-radius:8px;flex-direction:column;gap:8px;padding:8px 10px 10px 11px;display:flex;position:relative}.link-card__row{align-items:flex-start;gap:12px;display:flex}.link-card__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.link-card__site,.link-card__author{color:var(--text-faint);font-size:var(--text-xs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.msg--own .link-card__site,.msg--own .link-card__author{color:color-mix(in srgb, var(--bubble-own-text) 62%, transparent)}.link-card__title{color:var(--tone-info);font-size:var(--text-sm);font-weight:var(--weight-strong);overflow-wrap:anywhere;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.35;text-decoration:none;display:-webkit-box;overflow:hidden}.msg--own .link-card__title{color:inherit}.link-card__title:hover{text-decoration:underline}.link-card__text{color:var(--text-muted);font-size:var(--text-sm);overflow-wrap:anywhere;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:2px 0 0;line-height:1.4;display:-webkit-box;overflow:hidden}.msg--own .link-card__text{color:color-mix(in srgb, var(--bubble-own-text) 78%, transparent)}.link-card__thumb{background:var(--surface-3);border-radius:6px;flex:none;width:72px;height:72px;overflow:hidden}.link-card__thumb img{object-fit:cover;width:100%;height:100%;display:block}.link-card__media{background:var(--surface-3);border-radius:6px;display:block;position:relative;overflow:hidden}.link-card__media img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;max-height:220px;display:block}.link-card__play{border-radius:var(--radius-full);color:#fff;width:48px;height:48px;transition:background var(--dur-fast) var(--ease-soft);background:#0000009e;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.link-card__play svg{margin-left:3px}.link-card__media:hover .link-card__play{background:#000000c7}.link-card__remove{border-radius:var(--radius-full);background:color-mix(in srgb, var(--bg) 70%, transparent);width:22px;height:22px;color:var(--text-muted);cursor:pointer;opacity:0;transition:opacity var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-soft);border:0;place-items:center;padding:0;display:grid;position:absolute;top:4px;right:4px}.link-card:hover .link-card__remove,.link-card__remove:focus-visible{opacity:1}.link-card__remove:hover{color:var(--danger)}@media (hover:none){.msg--active .link-card__remove{opacity:1}}.link-card:has(.link-card__remove) .link-card__row{padding-right:18px}.gif-message{background:var(--surface-3);border-radius:10px;max-width:min(320px,68vw);margin:2px 0;position:relative;overflow:hidden}.gif-message__open{cursor:zoom-in;background:0 0;border:0;width:100%;height:100%;padding:0;display:block}.gif-message__open img,.gif-message__open video{object-fit:cover;width:100%;height:100%;display:block}.gif-message__play{border-radius:var(--radius-full);color:#fff;height:36px;font:inherit;font-size:var(--text-xs);font-weight:var(--weight-strong);letter-spacing:.04em;cursor:pointer;transition:background var(--dur-fast) var(--ease-soft);background:#0000009e;border:0;align-items:center;gap:6px;padding:0 14px 0 12px;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gif-message__play:hover,.gif-message__play:focus-visible{background:#000000c7}.poll{flex-direction:column;gap:10px;width:100%;min-width:0;padding:2px 0;display:flex}.poll__head{gap:4px var(--space-2);flex-wrap:wrap;justify-content:space-between;align-items:center;min-width:0;display:flex}.poll__kind{min-width:0;font-size:var(--text-xs);font-weight:var(--weight-medium);opacity:.7;align-items:center;gap:5px;display:inline-flex}.poll__badge{font-size:var(--text-xs);opacity:.65;flex:none;align-items:center;gap:4px;display:inline-flex}.poll__question{font-size:calc(15px * var(--font-scale));font-weight:var(--weight-strong);overflow-wrap:anywhere;margin:0;line-height:1.35}.poll__options{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.poll__row{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:4px;display:grid}.poll__option{border-radius:var(--radius-md);width:100%;min-width:0;color:inherit;font:inherit;text-align:start;cursor:pointer;transition:background var(--dur-fast) var(--ease-soft);background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px 9px;padding:7px 6px 8px;display:grid}.poll__option:hover:not(:disabled){background:color-mix(in srgb, currentColor 6%, transparent)}.poll__option:disabled{cursor:default}.poll__mark{border:1.5px solid color-mix(in srgb, currentColor 40%, transparent);border-radius:50%;place-items:center;width:17px;height:17px;display:grid}.poll__mark svg{color:var(--accent-contrast)}.poll__option.is-multiple .poll__mark{border-radius:5px}.poll__option.is-mine .poll__mark{border-color:var(--accent);background:var(--accent)}.poll__text{min-width:0;font-size:var(--text-md);overflow-wrap:anywhere;line-height:1.35}.poll__option.is-top .poll__text,.poll__option.is-top .poll__share{font-weight:var(--weight-strong)}.poll__trophy{color:var(--tone-caution);vertical-align:-1px;margin-inline-end:5px}.poll__share{font-size:var(--text-xs);font-variant-numeric:tabular-nums;opacity:.75}.poll__track{border-radius:var(--radius-full);background:color-mix(in srgb, currentColor 10%, transparent);grid-column:2/-1;height:4px;overflow:hidden}.poll__bar{border-radius:inherit;background:color-mix(in srgb, currentColor 40%, transparent);height:100%;transition:width var(--dur-slow) var(--ease-out);display:block}.poll__option.is-mine .poll__bar{background:var(--accent)}.msg--own .poll__option.is-mine .poll__mark{background:currentColor;border-color:currentColor}.msg--own .poll__option.is-mine .poll__mark svg{color:var(--bubble-own)}.msg--own .poll__option.is-mine .poll__bar{background:currentColor}.poll__voters{border-radius:var(--radius-full);color:inherit;font:inherit;cursor:pointer;transition:background var(--dur-fast) var(--ease-soft);background:0 0;border:0;align-self:start;align-items:center;gap:5px;margin-top:4px;padding:2px 6px 2px 4px;display:inline-flex}.poll__voters:hover,.poll__voters.is-open{background:color-mix(in srgb, currentColor 10%, transparent)}.poll__voters.is-count{cursor:default}.poll__voters.is-count:hover{background:0 0}.poll__list{border-radius:var(--radius-md);background:color-mix(in srgb, currentColor 6%, transparent);max-height:180px;animation:fade-in var(--dur-fast) var(--ease-out);flex-direction:column;grid-column:1/-1;gap:6px;margin:2px 0 6px;padding:8px 10px;list-style:none;display:flex;overflow-y:auto}.poll__list li{gap:var(--space-2);font-size:var(--text-sm);align-items:center;display:flex}.poll__faces{flex:none;padding-inline-start:5px;display:inline-flex}.poll__faces .avatar{outline:2px solid var(--poll-ring,var(--surface));margin-inline-start:-5px}.poll__count{min-width:10px;font-size:var(--text-xs);font-weight:var(--weight-strong);font-variant-numeric:tabular-nums;text-align:end;flex:none}.poll__foot{gap:4px var(--space-2);border-top:1px solid color-mix(in srgb, currentColor 10%, transparent);font-size:var(--text-xs);flex-wrap:wrap;justify-content:space-between;align-items:center;padding-top:8px;display:flex}.poll__foot>span{opacity:.7}.poll__end{color:inherit;font:inherit;font-weight:var(--weight-strong);cursor:pointer;opacity:.8;background:0 0;border:0;padding:0}.poll__end:hover{opacity:1;text-decoration:underline}@media (prefers-reduced-motion:reduce){.poll__bar{transition:none}}.post-token{color:var(--tone-info);font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.post-token:hover{text-decoration:underline}.post-quote{padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-2);cursor:pointer;flex-direction:column;gap:6px;display:flex}.post-quote:hover{background:var(--surface-3)}.post-quote--gone{color:var(--text-faint);font-size:var(--text-sm);cursor:default}.post-quote__head{min-width:0;font-size:var(--text-sm);align-items:center;gap:6px;display:flex}.post-quote__head small{color:var(--text-faint)}.post-quote .post__text{font-size:var(--text-sm)}.post-quote__media{border-radius:var(--radius-sm);object-fit:cover;max-height:180px}.post-room{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-2);display:flex}.post-room__icon{border-radius:var(--radius-sm);background:var(--surface-3);width:40px;height:40px;color:var(--text-muted);flex:none;place-items:center;display:grid;overflow:hidden}.post-room__icon img{object-fit:cover;width:100%;height:100%}.post-room__text{flex-direction:column;flex:1;min-width:0;display:flex}.post-room__text strong{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;display:flex;overflow:hidden}.post-room__text small{color:var(--text-faint);font-size:var(--text-xs);align-items:center;gap:4px;display:flex}.post-poll{flex-direction:column;gap:6px;display:flex}.post-poll__option{height:38px;padding:0 var(--space-3);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text);font:inherit;text-align:left;cursor:pointer;border:0}.post-poll__option:hover:not(:disabled){background:var(--surface-3);color:var(--text-hover)}.post-poll__result{height:38px;padding:0 var(--space-3);border-radius:var(--radius-md);background:var(--surface-2);justify-content:space-between;align-items:center;display:flex;position:relative;overflow:hidden}.post-poll__result--pick{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;border:0}.post-poll__result--pick:hover:not(:disabled){background:var(--surface-3);color:var(--text-hover)}.post-poll__bar{background:color-mix(in srgb, var(--text) 10%, transparent);position:absolute;inset:0 auto 0 0}.post-poll__result.is-mine .post-poll__bar{background:color-mix(in srgb, var(--accent) 28%, transparent)}.post-poll__label,.post-poll__share{position:relative}.post-poll__result.is-mine .post-poll__label{font-weight:var(--weight-medium)}.post-poll__share{color:var(--text-muted);font-size:var(--text-sm)}.post-poll__total{color:var(--text-faint);font-size:var(--text-xs)}.post-game{border-radius:var(--radius-full);background:var(--surface-2);color:var(--text-muted);font:inherit;font-size:var(--text-xs);font-weight:var(--weight-medium);cursor:pointer;border:0;align-self:flex-start;align-items:center;gap:5px;padding:3px 10px;display:inline-flex}.post-game:hover{background:var(--surface-3);color:var(--text-hover)}.post-composer{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--surface);grid-template-columns:auto minmax(0,1fr);display:grid}.post-composer__me{cursor:pointer;background:0 0;border:0;border-radius:50%;align-self:start;padding:0}.post-composer__body{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.post-composer__box{width:100%;min-height:40px;max-height:320px;color:var(--text);font:inherit;font-size:var(--text-md);resize:none;background:0 0;border:0;outline:none;padding:9px 0 0;line-height:1.5}.post-composer__box::placeholder{color:var(--text-faint)}.post-composer--reply .post-composer__box{min-height:32px;padding-top:5px}.post-composer__media>li{aspect-ratio:auto}.post-composer__media.post-media--1>li{max-width:240px}.post-composer__media.post-media--1 img,.post-composer__media.post-media--1 video{max-height:240px}.post-composer__unpick{color:#fff;background:#0009;position:absolute;top:6px;right:6px}.post-composer__bar{align-items:center;gap:var(--space-2);margin-left:-6px;display:flex}.post-composer__bar .btn{margin-left:auto}.post-composer__left{color:var(--text-faint);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.post-composer__left.is-over{color:var(--danger)}.post-composer__left+.btn{margin-left:var(--space-2)}.post-composer__bar>.post-composer__left{margin-left:auto}.post-composer__tools{gap:4px;display:flex;position:absolute;top:6px;right:6px}.post-composer__tools .icon-btn,.post-composer__tools button{color:#fff;background:#0009}.post-composer__poll{flex-direction:column;gap:6px;display:flex}.post-composer__option{align-items:center;gap:6px;display:flex}.post-composer__option .input{flex:1}.post-composer__poll-bar{gap:var(--space-2);display:flex}.post-composer__chips{flex-wrap:wrap;gap:6px;display:flex}.post-composer__chip{border-radius:var(--radius-full);background:var(--surface-2);height:32px;color:var(--text-muted);font-size:var(--text-sm);align-items:center;gap:6px;padding:0 4px 0 10px;display:inline-flex}.post-composer__chip input{width:170px;min-width:0;color:var(--text);font:inherit;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:0 0;border:0;outline:none}.post-composer__rule{border-radius:var(--radius-full);height:30px;color:var(--text-faint);font:inherit;font-size:var(--text-xs);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0 10px;display:inline-flex}.post-composer__rule:hover{background:var(--hover);color:var(--text-hover)}.post-composer__recording{color:var(--danger)}@media (width>=721px){.modal-backdrop.compose-sheet{padding-left:var(--sheet-left);padding-right:0;padding-bottom:calc(var(--bottom-bar-space) + var(--safe-bottom) + var(--space-4));place-items:end start}.compose-sheet .modal{animation:compose-sheet-in var(--dur-med) var(--ease-out)}}@keyframes compose-sheet-in{0%{opacity:0;transform:translateY(24px)}}@media (prefers-reduced-motion:reduce){.compose-sheet .modal{animation:none}}.msg{align-items:flex-end;gap:var(--space-2);margin-top:var(--space-3);padding:0 var(--space-4);display:flex}.msg--grouped{margin-top:3px}.msg--own{flex-direction:row-reverse}.msg__gutter{flex:none;width:32px}.msg__stack{flex-direction:column;align-items:flex-start;min-width:0;max-width:min(640px,76%);display:flex}.msg--own .msg__stack{align-items:flex-end}.msg__header{min-width:0;max-width:100%;font-size:var(--text-sm);align-items:center;gap:6px;margin:0 0 3px 10px;display:flex}.msg__author{font-weight:var(--weight-strong);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.msg__author[data-role-color]{color:var(--role)}.msg__bubble{background:var(--surface-2);--poll-ring:var(--surface-2);border-radius:16px 16px 16px 5px;min-width:64px;max-width:100%;padding:7px 12px 6px;position:relative}.msg--own .msg__bubble{background:var(--bubble-own);color:var(--bubble-own-text);--poll-ring:var(--bubble-own);border-radius:16px 16px 5px}.msg--grouped .msg__bubble{border-radius:16px}.msg__bubble--poll{width:340px}.msg--mention .msg__bubble{box-shadow:inset 0 0 0 1px var(--tone-plan)}.msg--sending .msg__bubble{opacity:.65}.msg--failed .msg__bubble{box-shadow:inset 0 0 0 1px var(--danger)}.msg__text{font-size:calc(15px * var(--font-scale));overflow-wrap:anywhere;white-space:pre-wrap;margin:0;line-height:1.45}.msg--own .msg__text{font-weight:var(--weight-medium)}.msg__text a{color:var(--tone-info)}.msg--own .msg__text a{color:inherit;text-decoration:underline}.msg__text mark{background:color-mix(in srgb, var(--tone-plan) var(--tint), transparent);color:var(--tone-plan);font-weight:var(--weight-medium);border-radius:3px;padding:0 2px}.msg__meta{color:var(--text-faint);font-size:var(--text-2xs);justify-content:flex-end;align-items:center;gap:4px;margin-top:2px;line-height:1;display:flex}.msg--own .msg__meta{color:color-mix(in srgb, var(--bubble-own-text) 60%, transparent)}.msg__bot-face{background:color-mix(in srgb, var(--tone-info) 22%, var(--surface-2));width:32px;height:32px;color:var(--tone-info);border-radius:50%;place-items:center;display:grid}.msg__bot-tag{border-radius:var(--radius-sm);background:var(--info-fill);color:var(--on-fill);font-size:var(--text-2xs);font-weight:var(--weight-strong);padding:1px 5px;line-height:1.3}.msg__saved{color:var(--tone-info)}.msg--own .msg__saved{color:inherit}.msg__reply{border:0;border-left:3px solid var(--tone-plan);background:color-mix(in srgb, var(--bg) 35%, transparent);max-width:100%;color:inherit;font-size:var(--text-xs);text-align:left;border-radius:6px;flex-direction:column;margin:2px 0 6px;padding:4px 8px;display:flex;overflow:hidden}.msg__reply strong{color:var(--text)}.msg__reply span{opacity:.8;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.msg__attachments{gap:var(--space-2);flex-wrap:wrap;margin:2px 0;display:flex}.msg__image{background:var(--surface-3);cursor:zoom-in;border:0;border-radius:10px;padding:0;overflow:hidden}.msg__image img,.msg__video{border-radius:10px;max-width:min(320px,68vw);max-height:280px;display:block}.msg__failed{align-items:center;gap:var(--space-2);color:var(--tone-danger);font-size:var(--text-xs);font-weight:var(--weight-medium);flex-wrap:wrap;margin-top:4px;display:flex}.msg__failed button{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium);background:0 0;border:0;align-items:center;gap:3px;padding:0;display:inline-flex}.msg__failed button:hover{color:var(--text-hover)}.msg__actions{opacity:0;pointer-events:none;transition:opacity var(--dur-fast) var(--ease-out);flex:none;align-self:center;gap:2px;display:flex}.msg:hover .msg__actions,.msg:focus-within .msg__actions,.msg--reacting .msg__actions{opacity:1;pointer-events:auto}.msg__actions .icon-btn{width:28px;height:28px}.msg__actions .msg__more{display:none}.msg__edit{flex-direction:column;gap:4px;min-width:min(420px,60vw);display:flex}.msg__edit .textarea{height:auto;min-height:0;padding:var(--space-2) var(--space-3);resize:none}.msg__edit span{color:var(--text-faint);font-size:var(--text-xs)}@media (hover:none){.msg{flex-wrap:wrap}.msg__stack{max-width:calc(100% - 44px)}.msg__actions{opacity:1;pointer-events:auto;flex-basis:100%;justify-content:flex-start;padding-left:40px;display:none}.msg--own .msg__actions{justify-content:flex-end;padding-left:0}.msg--active .msg__actions{display:flex}.msg--active .msg__bubble{box-shadow:inset 0 0 0 1px var(--border-strong)}.msg__actions .icon-btn{width:36px;height:36px}.msg__actions .msg__more{display:inline-grid}}@media (width<=720px){.msg{padding:0 var(--space-2)}}.msg--jumbo .msg__bubble,.msg--own.msg--jumbo .msg__bubble,.msg--emojis .msg__bubble,.msg--own.msg--emojis .msg__bubble{box-shadow:none;color:inherit;background:0 0;padding:2px 0 0}.msg__jumbo{gap:4px;margin:0;display:flex}.msg--emojis .msg__text{font-size:calc(15px * var(--font-scale) * 1.4);line-height:1.25}.msg--media .msg__bubble,.msg--own.msg--media .msg__bubble{color:inherit;background:0 0;padding:0}.msg--media .msg__image{background:0 0}.msg--media .msg__meta,.msg--own.msg--media .msg__meta{margin-top:var(--space-1);color:var(--text-faint)}.msg--emojis .msg__meta,.msg--own.msg--emojis .msg__meta{color:var(--text-faint);margin-top:2px}.msg--jumbo .msg__meta{z-index:1;margin-top:var(--space-1);align-self:flex-end;position:relative}.msg--flash .msg__bubble{animation:msg-flash 1.6s var(--ease-out)}@keyframes msg-flash{0%,30%{box-shadow:0 0 0 2px var(--tone-caution)}to{box-shadow:0 0 0 2px #0000}}.msg__receipt{vertical-align:-3px;opacity:.75;flex:none;margin-left:3px}.msg__receipt--read{color:var(--tone-info);opacity:1;animation:msg-receipt-in var(--dur-med) ease-out}@keyframes msg-receipt-in{0%{opacity:0;transform:scale(.6)}}@media (prefers-reduced-motion:reduce){.msg__receipt--read{animation:none}}.msg__expired{border:1px dashed var(--border-strong);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--text-sm);align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.messages{min-height:0;padding:var(--space-3) 0 var(--space-2);overflow-anchor:none;-webkit-user-select:text;user-select:text;flex:1;overflow-y:auto}.messages__loading{z-index:1;height:0;color:var(--text-faint);justify-content:center;display:flex;position:sticky;top:0;overflow:visible}.messages__loading>*{margin-top:var(--space-2)}.messages__start{margin:var(--space-2) var(--space-4) var(--space-4);color:var(--text-faint);font-size:var(--text-sm);text-align:center}.messages__empty{text-align:center;flex-direction:column;align-items:center;margin:18vh auto 0;display:flex}.messages__empty-mark{width:60px;height:60px;margin-bottom:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-2);color:var(--accent);place-items:center;display:grid}.messages__empty h3{margin:0 0 var(--space-1)}.messages__empty p{color:var(--text-muted);margin:0}.messages__day{align-items:center;gap:var(--space-3);margin:var(--space-4) var(--space-4) var(--space-2);color:var(--text-faint);font-size:var(--text-xs);font-weight:var(--weight-strong);display:flex}.messages__day:before,.messages__day:after{content:"";background:var(--border);flex:1;height:1px}.messages__unread-line{align-items:center;gap:var(--space-2);margin:var(--space-3) var(--space-4) var(--space-1);color:var(--tone-info);font-size:var(--text-2xs);font-weight:var(--weight-strong);display:flex}.messages__unread-line:before{content:"";background:color-mix(in srgb, var(--tone-info) 55%, transparent);border-radius:1px;flex:1;height:1.5px}.messages__unread-line span{border-radius:var(--radius-full);background:color-mix(in srgb, var(--tone-info) 16%, transparent);padding:1px 7px}.messages__blocked{width:max-content;max-width:calc(100% - 2 * var(--space-4));margin:var(--space-2) auto;border:1px dashed var(--border-strong);border-radius:var(--radius-full);color:var(--text-faint);font-size:var(--text-xs);align-items:center;gap:4px;padding:3px 2px 3px 10px;display:flex}.messages__blocked button{border-radius:var(--radius-full);color:var(--text-muted);font-weight:var(--weight-strong);transition:color var(--dur-fast);background:0 0;border:0;padding:1px 8px 1px 4px}.messages__blocked button:hover{color:var(--text-hover)}.messages__new{width:max-content;bottom:var(--space-2);z-index:2;margin:var(--space-2) auto 0;border-radius:var(--radius-full);background:var(--info-fill);color:var(--on-fill);font-size:var(--text-sm);font-weight:var(--weight-strong);transition:background var(--dur-fast);border:0;align-items:center;gap:6px;padding:6px 14px;display:flex;position:sticky}.messages__new:hover{background:color-mix(in srgb, var(--info-fill) 85%, black)}.search{z-index:3;background:var(--surface);min-height:0;animation:fade-in var(--dur-fast) var(--ease-soft);flex-direction:column;display:flex;position:absolute;inset:0}.dm .search{background:var(--dm-bg,var(--bg-elevated))}.search__bar{gap:var(--space-2);padding:var(--space-2) var(--space-3) var(--space-3) var(--space-4);border-bottom:1px solid var(--border);flex-direction:column;display:flex}.search__field{align-items:center;gap:var(--space-2);min-height:40px;color:var(--text-faint);display:flex}.search__field:focus-within{color:var(--text)}.search__field input{min-width:0;height:var(--control-md);color:var(--text);font:inherit;font-size:var(--text-md);background:0 0;border:0;outline:none;flex:1}.search__field input::placeholder{color:var(--text-faint)}.search__filters{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.search__scope{--marker-bg:var(--tabbar-selected);border-radius:var(--radius-md);background:var(--tabbar-bg);padding:3px;display:inline-flex}.search__scope button{height:26px;padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);background:0 0;border:0}.search__scope button:hover,.search__scope button[aria-checked=true]{color:var(--text-hover)}.search__from{position:relative}.search__chip{height:32px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-2);color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:background var(--dur-fast), color var(--dur-fast);align-items:center;gap:6px;display:inline-flex}.search__chip:hover{background:var(--hover);color:var(--text-hover)}.search__chip--set{background:var(--active);color:var(--text);border-color:#0000;gap:2px;padding:0 4px 0 5px}.search__chip--set:hover{background:var(--active)}.search__chip-main{min-width:0;max-width:200px;color:inherit;font:inherit;background:0 0;border:0;align-items:center;gap:6px;padding:0;display:inline-flex}.search__chip-main span:last-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.search__chip-clear{border-radius:50%;width:22px;height:22px}.search__people{z-index:2;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--popover);width:240px;max-height:300px;box-shadow:var(--float-shadow);animation:fade-in var(--dur-fast) var(--ease-soft);flex-direction:column;display:flex;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden}.search__people input{height:var(--control-sm);margin:var(--space-2);padding:0 var(--space-2);border:1px solid var(--input-border);border-radius:var(--radius-sm);background:var(--input-bg);color:var(--text);font:inherit;font-size:var(--text-sm);outline:none}.search__people input:focus{border-color:var(--input-border-focus);background:var(--input-focus)}.search__people-list{min-height:0;padding:0 var(--space-1) var(--space-1);flex:1;overflow-y:auto}.search__people-list p{padding:var(--space-2);color:var(--text-faint);font-size:var(--text-sm);margin:0}.search__people-list button{align-items:center;gap:var(--space-2);width:100%;height:34px;padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--text-muted);font:inherit;font-size:var(--text-sm);text-align:left;background:0 0;border:0;display:flex}.search__people-list button span:last-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.search__people-list button:hover{background:var(--hover);color:var(--text-hover)}.search__people-list button[aria-selected=true]{background:var(--active);color:var(--text)}.search__results{min-height:0;padding:var(--space-2) var(--space-2) var(--space-4);flex:1;overflow-y:auto}.search__count{margin:var(--space-1) var(--space-2) 0;color:var(--text-faint);font-size:var(--text-xs);font-weight:var(--weight-medium)}.search__day{padding:var(--space-3) var(--space-2) var(--space-1);color:var(--text-faint);font-size:var(--text-xs);font-weight:var(--weight-strong)}.search__hit{align-items:flex-start;gap:var(--space-3);width:100%;padding:var(--space-2);border-radius:var(--radius-md);color:var(--text);font:inherit;text-align:left;transition:background var(--dur-fast);background:0 0;border:0;display:flex}.search__hit:hover{background:var(--hover)}.search__hit .avatar{margin-top:2px}.search__hit-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.search__hit-head{align-items:baseline;gap:var(--space-2);min-width:0;font-size:var(--text-sm);display:flex}.search__hit-head strong{white-space:nowrap;text-overflow:ellipsis;flex:0 auto;min-width:0;overflow:hidden}.search__hit-room{min-width:0;color:var(--text-muted);font-size:var(--text-xs);white-space:nowrap;text-overflow:ellipsis;flex:0 auto;align-items:center;gap:3px;display:inline-flex;overflow:hidden}.search__hit-room svg{flex:none}.search__hit-head time{color:var(--text-faint);font-size:var(--text-xs);flex:none;margin-left:auto}.search__hit-text{color:var(--text-muted);font-size:var(--text-sm);white-space:pre-wrap;overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.search__hit-text mark{background:color-mix(in srgb, var(--tone-caution) 30%, transparent);color:var(--text);border-radius:3px;padding:0 1px}.search__note{align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-4);color:var(--text-faint);text-align:center;flex-direction:column;display:flex}.search__note p{color:var(--text-muted);font-weight:var(--weight-medium);margin:0}.search__note small{max-width:300px;font-size:var(--text-xs)}.search__loading{gap:var(--space-4);padding:var(--space-3) var(--space-2);flex-direction:column;display:flex}.search__skeleton{align-items:flex-start;gap:var(--space-3);display:flex}.search__skeleton>span{flex-direction:column;flex:1;gap:8px;display:flex}.search__more{padding:var(--space-2);justify-content:center;display:flex}.group-pick{z-index:var(--z-menu);gap:var(--space-3);width:min(380px,100vw - 16px);max-height:calc(100vh - 16px);padding:var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--popover);box-shadow:var(--float-shadow);animation:pop-in var(--dur-med) var(--ease-out) both;flex-direction:column;display:flex;position:fixed;overflow-y:auto}.group-pick__head{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.group-pick__head h2{font-size:var(--text-md);margin:0}.group-pick__count{color:var(--text-faint);font-size:var(--text-xs);font-weight:var(--weight-strong);font-variant-numeric:tabular-nums}.group-pick__text{color:var(--text-muted);font-size:var(--text-sm);margin:0}.group-pick__chips{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.group-pick__chip{border-radius:var(--radius-full);background:color-mix(in srgb, var(--accent) var(--tint), var(--surface-2));max-width:100%;height:28px;font-size:var(--text-sm);font-weight:var(--weight-medium);animation:pop-in var(--dur-fast) var(--ease-out) both;align-items:center;gap:6px;padding-inline:4px 2px;display:inline-flex}.group-pick__chip>span:not(.avatar){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.group-pick__chip button{width:22px;height:22px;color:var(--text-muted);background:0 0;border:0;border-radius:50%;place-items:center;display:inline-grid}.group-pick__chip button:hover{background:var(--hover);color:var(--text-hover)}.group-pick__search{display:block;position:relative}.group-pick__search svg{top:50%;color:var(--text-faint);pointer-events:none;position:absolute;inset-inline-start:var(--space-3);transform:translateY(-50%)}.group-pick__search .input{width:100%;padding-inline-start:calc(var(--space-3) + 22px)}.group-pick__list{gap:2px;max-height:300px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.group-pick__row{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2);border-radius:var(--radius-md);color:var(--text);text-align:start;background:0 0;border:0;display:flex}.group-pick__row:hover:not([aria-disabled=true]){background:var(--hover)}:root[data-tabbing] .group-pick__row:focus-visible{outline-offset:-2px}.group-pick__row[aria-disabled=true]{cursor:default}.group-pick__row.is-full .avatar,.group-pick__row.is-full .group-pick__who{opacity:.5}.group-pick__who{flex-direction:column;flex:1;min-width:0;display:flex}.group-pick__who strong,.group-pick__who span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.group-pick__who span{color:var(--text-faint);font-size:var(--text-xs)}.group-pick__who span.is-online{color:var(--tone-voice)}.group-pick__tick{border:1.5px solid var(--control-line);border-radius:var(--radius-xs);width:20px;height:20px;color:var(--accent-contrast);transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);flex:none;place-items:center;display:inline-grid}.group-pick__row[aria-checked=true] .group-pick__tick{border-color:var(--accent);background:var(--accent)}.group-pick__row.is-member .group-pick__tick{border-color:var(--surface-3);background:var(--surface-3);color:var(--text-faint)}.group-pick__empty{padding:var(--space-4) var(--space-2);color:var(--text-faint);font-size:var(--text-sm);text-align:center}.group-pick__name,.group-pick__go{width:100%}.group-people{z-index:2;background:var(--dm-bg,var(--bg-elevated));min-height:0;animation:fade-in var(--dur-fast) var(--ease-soft);flex-direction:column;display:flex;position:absolute;inset:0}.group-people__head{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border-bottom:1px solid var(--border);display:flex}.group-people__head strong{font-size:var(--text-md)}.group-people__count{color:var(--text-faint);font-size:var(--text-xs);font-weight:var(--weight-strong);font-variant-numeric:tabular-nums;flex:1}.group-people__scroll{gap:var(--space-3);min-height:0;padding:var(--space-3) var(--space-3) var(--space-2);flex-direction:column;flex:1;display:flex;overflow-y:auto}.group-people__card{--group-avatar-ring:var(--dm-bg,var(--bg-elevated));align-items:center;gap:var(--space-3);padding:0 var(--space-1);display:flex}.group-people__title{flex-direction:column;min-width:0;display:flex}.group-people__title strong{font-size:var(--text-lg);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;display:inline-flex;overflow:hidden}.group-people__title span{color:var(--text-faint);font-size:var(--text-xs)}.group-people__rename{gap:var(--space-2);flex:1;min-width:0;display:flex}.group-people__rename .input{flex:1;min-width:0}.group-people__tools,.group-people__actions{gap:var(--space-1);flex-wrap:wrap;display:flex}.group-people__tools .btn,.group-people__actions .btn{height:var(--control-sm);font-size:var(--text-sm)}.group-people__list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.group-person{--status-ring:var(--dm-bg,var(--bg-elevated));align-items:center;gap:var(--space-3);padding:6px var(--space-2);border-radius:var(--radius-md);display:flex}.group-person:hover{--status-ring:color-mix(in srgb, var(--text) 4%, var(--dm-bg,var(--bg-elevated)));background:var(--hover)}.group-person__avatar{flex:none;display:inline-flex;position:relative}.group-person.is-offline .group-person__avatar{opacity:.55}.group-person__who{flex-direction:column;flex:1;min-width:0;display:flex}.group-person__who strong{min-width:0;font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;display:inline-flex;overflow:hidden}.group-person.is-offline .group-person__who strong{color:var(--text-muted)}.group-person__who>span{color:var(--text-faint);font-size:var(--text-xs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.group-person__owner{color:var(--tone-owner);display:inline-flex}.group-person__call{color:var(--tone-voice);flex:none}.group-person__remove{opacity:0;transition:opacity var(--dur-fast) var(--ease-out)}.group-person:hover .group-person__remove,.group-person__remove:focus-visible{opacity:1}@media (hover:none){.group-person__remove{opacity:1}}.group-people__foot{padding:var(--space-2) var(--space-3) var(--space-3);border-top:1px solid var(--border)}.group-people__leave{width:100%;color:var(--tone-danger)}.dm{right:var(--space-3);bottom:calc(var(--layer-bottom) + var(--space-2));z-index:var(--z-float);width:380px;height:min(560px, calc(100vh - var(--bottom-bar-space) - 72px));border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-elevated);flex-direction:column;animation:.18s cubic-bezier(.2,.8,.2,1) dm-in;display:flex;position:fixed;overflow:hidden}.dm__head{align-items:center;gap:var(--space-3);padding:var(--space-3);border-bottom:1px solid var(--border);--dm-head-bg:color-mix(in srgb, var(--surface-2) 55%, var(--dm-bg,var(--bg-elevated)));background:var(--dm-head-bg);display:flex}.dm__avatar{--status-ring:var(--dm-head-bg);display:inline-flex;position:relative}.dm__action{background:var(--surface-2);border-radius:50%;width:34px;height:34px}.dm__action--call{background:color-mix(in srgb, var(--tone-voice) 14%, transparent)}.dm__who{flex-direction:column;flex:1;min-width:0;display:flex}.dm__who strong{font-size:var(--text-md);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dm__who span{color:var(--text-faint);font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;display:inline-flex;overflow:hidden}.dm__who span.is-voice,.dm__who span.is-online{color:var(--success)}.dm__who span.is-dnd{color:var(--tone-danger)}.dm__who .status-line__text,.dm__who .activity-line__name{display:block}.dm__who .activity-line__full{display:inline}.dm__who .activity-line__short{display:none}.dm-intro{margin:var(--space-6) var(--space-4) var(--space-4);text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.dm-intro strong{margin-top:var(--space-2);font-size:var(--text-lg);align-items:center;gap:4px;display:inline-flex}.dm-intro span{color:var(--text-muted);font-size:var(--text-sm)}.dm-intro small{color:var(--text-faint);font-size:var(--text-xs)}.dm__loading{color:var(--text-faint);flex:1;place-items:center;display:grid}@keyframes dm-in{0%{opacity:0;transform:translateY(12px)}}@media (width<=720px){.dm{inset:var(--safe-top) 0 var(--layer-bottom);border:0;border-radius:0;width:auto;height:auto}}@media (prefers-reduced-motion:reduce){.dm{animation:none}}.dm--docked{background:var(--surface);--dm-bg:var(--surface);border:0;border-radius:0;flex:1;width:auto;height:auto;min-height:0;animation:none;position:relative;inset:auto}.dm .msg{padding:0 var(--space-3);gap:2px;position:relative}.dm .msg__stack{max-width:calc(100% - 60px)}.dm .emoji-picker{inset-inline-end:0}.dm .msg__gutter,.dm .msg__header{display:none}.dm .msg{margin-top:8px}.dm .msg--grouped{margin-top:2px}.dm .msg__bubble{border-radius:12px;min-width:0;padding:5px 10px 4px}.dm .msg--own .msg__bubble{border-radius:12px 12px 4px}.dm .msg:not(.msg--own) .msg__bubble{border-radius:12px 12px 12px 4px}.dm .msg--jumbo .msg__bubble,.dm .msg--emojis .msg__bubble{padding:0}.dm__stranger{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);color:var(--text-muted);font-size:var(--text-sm);flex:none;display:flex}.dm__stranger>span{flex:1;min-width:0}.group-chat__avatar{--group-avatar-ring:var(--dm-head-bg)}.dm--group .dm__who>span .group-chat__online{color:var(--tone-voice)}.dm--group .dm__who>span .group-chat__online:before{color:var(--text-faint);content:"·";margin-inline:4px}.dm__action--leave{background:color-mix(in srgb, var(--tone-danger) 14%, transparent)}.group-chat__body{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.dm.dm--group .msg__gutter{display:block}.dm.dm--group .msg__header{display:flex}.dm.dm--group .msg__stack{max-width:calc(100% - 88px)}.group-intro .group-avatar{--group-avatar-ring:var(--dm-bg,var(--bg-elevated))}.shortcuts__title{margin:var(--space-2) 0 var(--space-1);color:var(--text-faint);font-size:var(--text-xs);font-weight:var(--weight-strong)}.shortcuts__title:first-child{margin-top:0}.shortcuts__list{margin:0 0 var(--space-3);flex-direction:column;display:flex}.shortcuts__list>div{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--border);display:flex}.shortcuts__list>div:last-child{border-bottom:0}.shortcuts__list dt{color:var(--text-muted);font-size:var(--text-sm)}.shortcuts__list dd{gap:4px;margin:0;display:flex}.shortcuts__list kbd{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2);min-width:24px;color:var(--text);font-family:inherit;font-size:var(--text-xs);font-weight:var(--weight-medium);text-align:center;border-bottom-width:2px;padding:2px 7px}.palette-backdrop{inset:var(--layer-top) 0 0;z-index:var(--z-modal);background:color-mix(in srgb, var(--overlay) 60%, transparent);animation:palette-veil var(--dur-fast) var(--ease-soft);position:fixed}.palette{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);width:min(560px,100vw - 32px);max-height:min(520px,76vh);animation:palette-in var(--dur-med) var(--ease-out);flex-direction:column;display:flex;position:absolute;top:12vh;left:50%;overflow:hidden;transform:translate(-50%)}.palette__field{align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border);color:var(--text-faint);display:flex}.palette__field:focus-within{color:var(--text)}.palette__field input{min-width:0;color:var(--text);font:inherit;font-size:var(--text-lg);background:0 0;border:0;outline:none;flex:1}.palette__field input::placeholder{color:var(--text-faint)}.palette__list{--marker-bg:var(--active);--marker-radius:var(--radius-md);min-height:0;padding:var(--space-2);flex:1;overflow-y:auto}.palette__group-row{padding:var(--space-3) var(--space-3) var(--space-1);display:block}.palette__group-row:first-of-type{padding-top:var(--space-1)}.palette__group{color:var(--text-faint);font-size:var(--text-xs);font-weight:var(--weight-strong)}.palette__row{align-items:center;gap:var(--space-3);width:100%;height:40px;padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--text-muted);font:inherit;text-align:start;cursor:pointer;transition:color var(--dur-fast) var(--ease-soft);background:0 0;border:0;display:flex}:root[data-tabbing] .palette__row:focus-visible{outline-offset:-2px}.palette__row.is-active{color:var(--text)}.palette__icon{width:24px;height:24px;color:var(--text-faint);flex:none;place-items:center;display:grid}.palette__row.is-active .palette__icon{color:var(--accent)}.palette__label{min-width:0;font-weight:var(--weight-medium);white-space:nowrap;text-overflow:ellipsis;flex:0 auto;overflow:hidden}.palette__lock{color:var(--tone-caution);flex:none}.palette__hint{color:var(--text-faint);font-size:var(--text-xs);flex:none;margin-inline-start:auto}.palette__go{color:var(--tone-info);opacity:0;transition:opacity var(--dur-fast) var(--ease-soft);flex:none;margin-inline-start:auto}.palette__row.is-active .palette__go{opacity:1}.palette__empty{margin:var(--space-6) 0;color:var(--text-faint);text-align:center}.palette__footer{padding:var(--space-2) var(--space-4);border-top:1px solid var(--border);background:var(--surface-2);color:var(--text-faint);font-size:var(--text-xs)}@keyframes palette-in{0%{opacity:0;transform:translate(-50%)translateY(-4px)}}@keyframes palette-veil{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.palette,.palette-backdrop{animation:none}}.palette__hint~.palette__go{margin-inline-start:0}.post{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--surface);transition:background var(--dur-fast);grid-template-columns:auto minmax(0,1fr);display:grid}.post--opens{cursor:pointer}.post--opens:hover{background:color-mix(in srgb, var(--surface-2) 70%, var(--surface))}.post--opens:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.post__face{cursor:pointer;background:0 0;border:0;border-radius:50%;align-self:start;padding:0}.post__body{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.post__head{align-items:center;gap:6px;min-width:0;line-height:1.3;display:flex}.post__name{min-width:0;color:var(--text);font:inherit;font-weight:var(--weight-strong);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;padding:0;overflow:hidden}.post__name:hover{color:var(--text-hover);text-decoration:underline}.post__handle,.post__time{color:var(--text-faint);font-size:var(--text-sm);flex:none}.post__handle{white-space:nowrap;text-overflow:ellipsis;flex:0 auto;min-width:0;overflow:hidden}.post__time:before{content:"·";margin-right:6px}.post__more{width:30px;height:30px;color:var(--text-faint);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;margin:-6px -6px -6px auto;padding:0;display:grid}.post__more:hover{background:var(--hover);color:var(--text-hover)}.post__text{font-size:var(--text-md);white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;margin:0;line-height:1.5}.post--big .post__text{font-size:var(--text-lg)}.post__text a{color:var(--tone-info)}.post-media{border-radius:var(--radius-md);gap:4px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.post-media--2,.post-media--3,.post-media--4{aspect-ratio:16/10;grid-template-columns:1fr 1fr}.post-media--3>li:first-child{grid-row:span 2}.post-media>li{background:var(--surface-2);min-height:0;position:relative;overflow:hidden}.post-media img,.post-media video{object-fit:cover;width:100%;height:100%;display:block}.post-media--1>li{aspect-ratio:16/10;max-height:520px}.post-media--1 img,.post-media--1 video{object-fit:contain;background:var(--surface-2)}.post-media__open{cursor:zoom-in;background:0 0;border:0;width:100%;height:100%;padding:0;display:block}.post__actions{gap:var(--space-1);margin:2px 0 -6px -8px;display:flex}.post__action{border-radius:var(--radius-full);height:32px;color:var(--text-muted);font:inherit;font-size:var(--text-sm);cursor:pointer;transition:background var(--dur-fast), color var(--dur-fast);background:0 0;border:0;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.post__action:hover{background:var(--hover);color:var(--text-hover)}.post__action--like.is-on{color:var(--danger)}.post__action--like.is-on svg{fill:currentColor}@media (width<=560px){.post{padding:var(--space-3)}}.post--repost{gap:var(--space-2);flex-direction:column;display:flex}.post__reposted{color:var(--text-muted);font-size:var(--text-sm);align-items:center;gap:6px;display:flex}.post__reposted .post__name{font-weight:var(--weight-medium)}.post__pinned{color:var(--tone-pin);font-size:var(--text-xs);font-weight:var(--weight-medium);align-items:center;gap:4px;display:inline-flex}.post__action--repost.is-on{color:var(--accent)}.fprofile{gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;display:flex;overflow:hidden}.fprofile__banner{width:calc(100% + 2 * var(--space-5));height:140px;margin:calc(-1 * var(--space-5)) calc(-1 * var(--space-5)) 0;object-fit:cover;display:block}.fprofile__top{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.fprofile__who{min-width:0}.fprofile__name{overflow-wrap:anywhere;font-size:var(--text-2xl);font-weight:var(--weight-strong);align-items:center;gap:8px;margin:0;line-height:1.2;display:flex}.fprofile__handle{align-items:center;gap:var(--space-2);color:var(--text-muted);flex-wrap:wrap;margin:4px 0 0;display:flex}.fprofile__chip{border-radius:var(--radius-full);background:var(--surface-3);color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium);padding:2px 8px}.fprofile__about{white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;margin:0;line-height:1.5}.fprofile__links{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.fprofile__links a{border-radius:var(--radius-full);background:var(--surface-2);color:var(--text-muted);font-size:var(--text-sm);align-items:center;gap:6px;padding:4px 10px;text-decoration:none;display:inline-flex}.fprofile__links a:hover{background:var(--surface-3);color:var(--text-hover)}.fprofile__counts{align-items:center;gap:var(--space-2);color:var(--text-faint);margin:0;display:flex}.fprofile__counts button{color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.fprofile__counts button:hover{color:var(--text-hover);text-decoration:underline}.fprofile__actions{gap:var(--space-2);display:flex}.fprofile__actions .btn{flex:1}.fprofile__list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.fprofile__list button{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2);border-radius:var(--radius-md);color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.fprofile__list button:hover{background:var(--hover);color:var(--text-hover)}.fprofile__list span{flex-direction:column;min-width:0;display:flex}.fprofile__list small{color:var(--text-faint)}.fprofile__list-wait{padding:var(--space-6);place-items:center;display:grid}.fprofile__list-empty{padding:var(--space-4) 0;color:var(--text-muted);text-align:center;margin:0}@media (width<=560px){.fprofile{padding:var(--space-4)}.fprofile__banner{width:calc(100% + 2 * var(--space-4));margin:calc(-1 * var(--space-4)) calc(-1 * var(--space-4)) 0}.fprofile__name{font-size:var(--text-xl)}}.fprofile__later{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.fprofile__later li{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--surface-2);display:flex}.fprofile__later li>span{flex-direction:column;flex:1;min-width:0;display:flex}.fprofile__later small{color:var(--text-faint);font-size:var(--text-xs);align-items:center;gap:4px;display:inline-flex}.fprofile__later li>span>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.fprofile__private{margin-left:var(--space-2);border-radius:var(--radius-full);background:var(--surface-3);color:var(--text-muted);font-size:var(--text-xs);align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.fprofile__counts button:disabled{color:var(--text-faint);cursor:default;text-decoration:none}.fprofile__actions .icon-btn{flex:none}.fprofile__own{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-2);flex-wrap:wrap;display:flex}.fprofile__locked{align-items:center;gap:var(--space-2);color:var(--text-muted);flex-direction:column;display:flex}.fprofile__requests li{align-items:center;gap:var(--space-2);display:flex}.fprofile__requests li>button:first-child{flex:1;min-width:0}.feed{gap:var(--space-3);width:min(100%,700px);padding:var(--space-5) 0 var(--space-8);flex-direction:column;margin:0 auto;display:flex}.feed__tabs{border-radius:var(--radius-lg);background:var(--surface);grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.feed__tabs--sticky{z-index:3;box-shadow:0 0 0 var(--space-3) var(--ground);position:sticky;top:0}.feed__tab{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);height:38px;color:var(--text-muted);font:inherit;font-weight:var(--weight-medium);cursor:pointer;transition:background var(--dur-fast), color var(--dur-fast);background:0 0;border:0;display:inline-flex}.feed__tab:hover{color:var(--text-hover)}.feed__tab.is-on{background:var(--surface-3);color:var(--text-hover)}.feed__tab:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.feed__fresh-spot{top:calc(var(--space-5) + 46px + var(--space-3) + 6px);z-index:4;height:0;margin:calc(-1 * var(--space-3)) 0 0;justify-content:center;display:flex;position:sticky}.feed__fresh{border-radius:var(--radius-full);background:var(--text-hover);height:36px;color:var(--ground);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;border:0;align-items:center;gap:6px;padding:0 16px;display:inline-flex;box-shadow:0 8px 24px -8px #000000b3}.feed__list{gap:var(--space-2);flex-direction:column;display:flex}.feed__skeleton{border-radius:var(--radius-lg)}.feed__end{min-height:48px;color:var(--text-faint);font-size:var(--text-sm);place-items:center;display:grid}.feed__empty{padding:var(--space-8) var(--space-6);border-radius:var(--radius-lg);background:var(--surface);text-align:center}.feed__empty h2{margin:0 0 var(--space-2);font-size:var(--text-lg)}.feed__empty p{color:var(--text-muted);margin:0}.feed__back{border-radius:var(--radius-full);background:var(--surface);color:var(--text-muted);font:inherit;font-weight:var(--weight-medium);cursor:pointer;border:0;align-self:flex-start;align-items:center;gap:6px;padding:6px 12px 6px 8px;display:inline-flex}.feed__back:hover{background:var(--surface-2);color:var(--text-hover)}.feed__replies-title{margin:var(--space-3) 0 0;color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium)}.feed__no-replies{padding:var(--space-5);border-radius:var(--radius-lg);background:var(--surface);color:var(--text-faint);text-align:center;margin:0}.feed__top{gap:var(--space-2);grid-template-columns:minmax(0,1fr) 220px;display:grid}.feed__top.feed__tabs--sticky{margin:0 0 calc(-1 * var(--space-3));padding:var(--space-5) 0 var(--space-3);background:var(--ground);box-shadow:none;border-radius:0}.feed:has(>.feed__top){padding-top:0}.feed__search{border:1px solid var(--input-border);border-radius:var(--radius-lg);background:var(--input-bg);color:var(--text-faint);align-items:center;gap:6px;padding:0 6px 0 12px;display:flex}.feed__search input{min-width:0;height:46px;color:var(--text);font:inherit;background:0 0;border:0;outline:none;flex:1}.feed__search:focus-within{border-color:var(--input-border-focus);background:var(--input-focus)}.feed__live{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;gap:6px;display:flex}.feed__live-title{color:var(--text-faint);font-size:var(--text-xs);font-weight:var(--weight-medium)}.feed__live ul{gap:var(--space-3);scrollbar-width:none;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.feed__live button{width:60px;color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;padding:0;display:flex}.feed__live button:hover{color:var(--text-hover)}.feed__live-ring{box-shadow:0 0 0 2px var(--tone-voice);border-radius:50%;padding:2px}.feed__live small{max-width:100%;font-size:var(--text-xs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.feed__sorts{gap:6px;display:flex}.feed__sorts button{border-radius:var(--radius-full);background:var(--surface);height:30px;color:var(--text-muted);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;border:0;padding:0 14px}.feed__sorts button:hover{color:var(--text-hover)}.feed__sorts button.is-on{background:var(--surface-3);color:var(--text-hover)}.feed__suggest{padding:var(--space-4);border-radius:var(--radius-lg);background:var(--surface)}.feed__suggest h2{margin:0 0 var(--space-3);font-size:var(--text-md)}.feed__suggest ul{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin:0;padding:0;list-style:none;display:grid}.feed__suggest li{align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-md);background:var(--surface-2);display:flex}.feed__suggest-who,.feed__found-people button{align-items:center;gap:var(--space-2);min-width:0;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;padding:0;display:flex}.feed__suggest-who span,.feed__found-people span{flex-direction:column;min-width:0;display:flex}.feed__suggest-who strong,.feed__found-people strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.feed__suggest-who small,.feed__found-people small{color:var(--text-faint);font-size:var(--text-xs)}.feed__topic{gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;display:flex}.feed__topic h1{align-items:center;gap:var(--space-2);font-size:var(--text-xl);overflow-wrap:anywhere;margin:0;display:flex}.feed__players{flex-direction:column;gap:6px;display:flex}.feed__players small{color:var(--text-faint)}.feed__players ul,.feed__found-tags{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.feed__players button{cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0}.feed__found-people{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.feed__found-people button{padding:var(--space-2);border-radius:var(--radius-md)}.feed__found-people button:hover{background:var(--hover)}.feed__found-tags button{border-radius:var(--radius-full);background:var(--surface-2);color:var(--tone-info);font:inherit;font-size:var(--text-sm);cursor:pointer;border:0;padding:4px 12px}@media (width<=640px){.feed__top{grid-template-columns:minmax(0,1fr)}}.feed__list{--feed-line:color-mix(in srgb, var(--text) 10%, transparent);gap:0}.feed__list>.post{padding:var(--space-4) var(--space-2);border-bottom:1px solid var(--feed-line);background:0 0;border-radius:0}.feed__list>.post:first-child{border-top:1px solid var(--feed-line)}.feed__list>.post.post--opens:hover{background:color-mix(in srgb, var(--text) 3%, transparent)}.feed__list>.feed__skeleton{margin-bottom:var(--space-2)}.feed__fab{right:max(var(--space-4), calc(50% - 350px + var(--space-2)));bottom:calc(var(--bottom-bar-space) + var(--safe-bottom) + var(--space-4));z-index:20;background:var(--text-hover);width:56px;height:56px;color:var(--ground);cursor:pointer;animation:feed-fab-in var(--dur-fast) var(--ease-soft);border:0;border-radius:50%;place-items:center;display:grid;position:fixed;box-shadow:0 10px 28px -8px #000000bf}.feed__fab:hover{transform:scale(1.06)}.feed__fab:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}@keyframes feed-fab-in{0%{opacity:0;transform:scale(.8)}}@media (prefers-reduced-motion:reduce){.feed__fab{animation:none}}.friends-resizer{inset-block:var(--space-4);z-index:2;cursor:col-resize;touch-action:none;width:10px;position:absolute;inset-inline-start:-9px}.friends-resizer:focus-visible{outline:none}.friends-panel:has(>.friends-resizer:focus-visible){border-color:var(--accent-line)}.is-resizing,.is-resizing *{cursor:col-resize;-webkit-user-select:none;user-select:none}.friends-panel{gap:var(--space-3);min-height:0;max-height:100%;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;display:flex;position:sticky;top:0}.friends-panel__head{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.friends-panel__head h2{font-size:var(--text-lg);flex:1;margin:0}.friends-panel__new-group{flex:none;align-self:center;display:inline-flex}.friends-panel__new-group .icon-btn{width:30px;height:30px}.group-row{--group-avatar-ring:var(--surface)}.group-row.is-open{background:var(--active)}.group-row__unread{border-radius:var(--radius-full);background:var(--info-fill);min-width:18px;height:18px;color:var(--on-fill);font-size:var(--text-2xs);font-weight:var(--weight-strong);flex:none;place-items:center;padding:0 5px;line-height:1;display:inline-grid}.group-row__unread.is-muted{background:var(--surface-3);color:var(--text-faint)}.friends-panel__head>span{color:var(--tone-voice);font-size:var(--text-xs);font-weight:var(--weight-strong)}.friends-panel__tabs{--marker-bg:var(--tabbar-selected);border-radius:var(--radius-md);background:var(--tabbar-bg);gap:2px;padding:3px;display:flex}.friends-panel__tabs button{height:var(--control-sm);padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:0;flex:1;justify-content:center;align-items:center;gap:5px;display:inline-flex}.friends-panel__tabs button:hover{color:var(--text-hover)}.friends-panel__tabs button[aria-selected=true]{color:var(--text);background:0 0}.friends-panel__tabs .friends-panel__add-tab--icon{flex:none}.friends-panel__tabs .friends-panel__add-tab[aria-selected=false]{color:var(--tone-info)}.friends-panel__badge{border-radius:var(--radius-full);background:var(--danger-fill);min-width:18px;height:18px;color:var(--on-fill);font-size:var(--text-xs);font-weight:var(--weight-strong);place-items:center;padding:0 5px;display:inline-grid}.friends-panel__scroll{gap:var(--space-3);flex-direction:column;min-height:0;display:flex;overflow-y:auto}.friends-panel__group{margin:0 0 var(--space-1);color:var(--text-faint);font-size:var(--text-xs);font-weight:var(--weight-strong)}.friends-panel__group span{margin-inline-start:4px}.friends-panel__list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.friends-panel__empty{align-items:flex-start;gap:var(--space-2);color:var(--text-muted);font-size:var(--text-sm);flex-direction:column;margin:0;display:flex}.friends-panel__empty>svg{color:var(--tone-info)}.friends-panel__add{flex-direction:column;gap:6px;padding-top:2px;display:flex}.friends-panel__field{align-items:center;gap:var(--space-2);border:1px solid var(--input-border);border-radius:var(--radius-full);background:var(--input-bg);height:44px;color:var(--text-faint);transition:background var(--dur-fast), border-color var(--dur-fast);padding-inline:14px 5px;display:flex}.friends-panel__field:focus-within{border-color:var(--input-border-focus);background:var(--input-focus)}.friends-panel__field.is-error{background:var(--danger-soft)}.friends-panel__field input{min-width:0;height:100%;color:var(--text);font:inherit;font-size:var(--text-md);background:0 0;border:0;outline:none;flex:1;padding:0}.friends-panel__field input::placeholder{color:var(--text-faint)}.friends-panel__send{background:var(--accent);width:34px;height:34px;color:var(--accent-contrast);cursor:pointer;transition:opacity var(--dur-fast), background var(--dur-fast);border:0;border-radius:50%;flex:none;place-items:center;display:grid}.friends-panel__send:hover:not(:disabled){background:var(--accent-strong)}.friends-panel__send:disabled{opacity:.35;cursor:default}.friends-panel__add .field__error{padding-inline:14px}.friends-panel__found{margin-top:var(--space-3)}.friend--found{padding-inline-end:8px}.friend--found .friend__main{cursor:default}.friend__state{background:var(--hover);width:34px;height:34px;color:var(--text-faint);border-radius:50%;flex:none;place-items:center;display:grid}.friend{border-radius:var(--radius-md);transition:background var(--dur-fast) var(--ease-out);align-items:center;gap:2px;padding-inline-end:6px;display:flex}.friend:hover{background:var(--hover)}.friend__main{align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-2);color:var(--text);text-align:start;background:0 0;border:0;flex:1;display:flex;position:relative}:root[data-tabbing] .friend__main:focus-visible{outline-offset:-2px}button.friend__main[aria-disabled=true]{cursor:default}.friend__avatar{flex:none;position:relative}.friend.is-offline .friend__avatar{opacity:.55}.friend__text{flex-direction:column;flex:1;min-width:0;display:flex;container:person/inline-size}.friend__text strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.friend.is-offline .friend__text strong{color:var(--text-muted)}.friend__status{color:var(--text-faint);font-size:var(--text-xs);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;display:flex;overflow:hidden}.friend__status.is-voice{color:var(--tone-voice)}.friend__status.is-away svg{color:var(--tone-caution)}.friend__status.is-dnd{color:var(--tone-danger)}.friend__accept.icon-btn{color:var(--success)}.friend__message{position:relative}.friend__message.has-unread{color:var(--tone-info)}.friend__message.has-unread.is-muted{color:var(--text-faint)}.friend__unread{border-radius:var(--radius-full);background:var(--info-fill);min-width:16px;height:16px;color:var(--on-fill);font-size:var(--text-2xs);font-weight:var(--weight-strong);place-items:center;padding:0 4px;line-height:1;display:inline-grid;position:absolute;top:0;right:-2px}.friend__message.is-muted .friend__unread{background:var(--surface-3);color:var(--text-faint)}.friends-panel--column{height:100%;max-height:none;padding:var(--space-3);animation:none;position:relative}.friends-panel__dock,.friends-panel--chatting>:not(.friends-panel__head,.friends-panel__dock,.friends-resizer){display:none}.friends-panel--chatting .friends-panel__dock{min-height:280px;margin:0 calc(-1 * var(--space-4)) calc(-1 * var(--space-4));border-top:1px solid var(--border);border-radius:0 0 var(--radius-lg) var(--radius-lg);flex-direction:column;flex:auto;display:flex;overflow:hidden}.friends-panel--column.friends-panel--chatting .friends-panel__dock{margin:0 calc(-1 * var(--space-3)) calc(-1 * var(--space-3))}.friends-panel__waiting{border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-2);cursor:pointer;animation:friends-waiting-in .22s var(--ease-out);align-self:center;align-items:center;gap:2px;padding:2px 4px 2px 2px;display:inline-flex}.friends-panel__waiting:hover{border-color:var(--border-hover);background:var(--surface-3)}.friends-panel__waiting .avatar+.avatar{outline:2px solid var(--surface-2);margin-inline-start:-8px}.friends-panel__waiting{--group-avatar-ring:var(--surface-2)}.friends-panel__waiting>:is(.avatar,.group-avatar)+.group-avatar{margin-inline-start:-6px}@keyframes friends-waiting-in{0%{opacity:0;transform:scale(.85)}}@media (prefers-reduced-motion:reduce){.friends-panel__waiting{animation:none}}.friend__message{opacity:0;transition:opacity var(--dur-fast) var(--ease-out)}.friend:hover .friend__message,.friend__message:focus-visible,.friend__message.has-unread,.friend__message[aria-pressed=true]{opacity:1}@media (hover:none){.friend__message{opacity:1}}.friends-panel__loading{gap:var(--space-3);padding:var(--space-2);flex-direction:column;display:flex}.friends-panel__skeleton{align-items:center;gap:var(--space-3);display:flex}.friend__call{opacity:0;transition:opacity var(--dur-fast) var(--ease-out)}.friend:hover .friend__call,.friend__call:focus-visible{opacity:1}@media (hover:none){.friend__call{opacity:1}}.friends-panel__note{margin:0 0 var(--space-2);color:var(--text-faint);font-size:var(--text-xs)}.friend--request .friend__main[aria-pressed=true]{background:var(--active)}.hub{grid-template-columns:minmax(0, 1fr) calc(var(--friends-width,342px) + var(--friends-extra,0px));gap:var(--space-2);height:100%;padding:0 var(--space-2) var(--space-2);display:grid}.hub__main{--beside:calc(var(--friends-width,342px) + var(--friends-extra,0px));min-width:0;min-height:0;padding:0 var(--space-4) 0 max(var(--space-4), min(calc(var(--space-4) + var(--beside)), calc(100% - 700px - var(--space-4))));position:relative;overflow:auto}.hub>.friends-panel--column{margin:56px var(--space-4) 0 0;align-self:start}.hub>.friends-panel--column:not(.friends-panel--chatting){height:auto;max-height:calc(100% - var(--space-8))}.hub>.friends-panel--chatting{height:calc(100% - 56px - var(--space-2))}.hub:has(>.friends-panel--chatting){--friends-extra:96px}@media (prefers-reduced-motion:reduce){.hub{transition:none}}@media (width<=1100px){.hub{grid-template-columns:minmax(0,1fr);align-content:start;overflow:auto}.hub__main{--beside:0px;min-height:auto;overflow:visible}.hub>.friends-panel{height:auto;min-height:auto;max-height:none;margin:0 clamp(var(--space-4), 4vw, 72px) var(--space-6);position:static}}.hub__create{gap:var(--space-4);flex-direction:column;display:flex}.hub__create .kind-picker{grid-template-columns:1fr 1fr}.hub__create-options{padding:var(--space-1) var(--space-4);border-radius:var(--radius-md);background:var(--surface-2);flex-direction:column;display:flex}.hub__create-options>.field{padding:0 0 var(--space-3)}.server-about{gap:var(--space-3);flex-direction:column;padding:4px;display:flex}.server-about__head{align-items:center;gap:var(--space-2);display:flex}.server-about__head span{flex-direction:column;min-width:0;display:flex}.server-about__head strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.server-about__head em{color:var(--text-faint);font-size:var(--text-xs);font-style:normal}.server-about dl{flex-direction:column;gap:6px;margin:0;display:flex}.server-about dl div{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.server-about dt{color:var(--text-muted);font-size:var(--text-sm);align-items:center;gap:6px;display:flex}.server-about dd{min-width:0;font-size:var(--text-sm);font-weight:var(--weight-medium);align-items:center;gap:6px;margin:0;display:flex}.server-about__desc{padding-top:var(--space-2);border-top:1px solid var(--border);color:var(--text);font-size:var(--text-sm);overflow-wrap:anywhere;white-space:pre-wrap;margin:0;line-height:1.5}.server-about__desc--empty{color:var(--text-faint)}.server-about__action{border-radius:var(--radius-sm);color:var(--text-muted);font:inherit;font-size:var(--text-xs);font-weight:var(--weight-medium);background:0 0;border:0;align-self:flex-start;align-items:center;gap:6px;padding:4px 8px;display:flex}.server-about__action:hover{background:var(--hover);color:var(--text-hover)}.server-about__action--danger:hover{color:var(--danger)}.notes{gap:var(--space-3);flex-direction:column;height:min(560px,64vh);display:flex}.notes__list{gap:var(--space-2);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.notes__loading{flex:1;place-items:center;display:grid}.notes__empty{padding:var(--space-6);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.notes__empty span{width:52px;height:52px;margin-bottom:var(--space-3);background:var(--surface-2);color:var(--text-faint);border-radius:50%;place-items:center;display:grid}.notes__empty h3{font-size:var(--text-md);margin:0 0 4px}.notes__empty p{max-width:320px;color:var(--text-muted);font-size:var(--text-sm);margin:0}.notes__pinned{gap:var(--space-2);padding-bottom:var(--space-2);flex-direction:column;display:flex}.notes__pinned h4{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-strong);align-items:center;gap:6px;margin:0;display:flex}.notes__pinned h4 svg{color:var(--tone-caution)}.note{padding:var(--space-3) var(--space-8) var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--surface-2);position:relative}.note__text{font-size:var(--text-sm);white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;margin:0;line-height:1.5}.note__meta{gap:var(--space-2);color:var(--text-faint);font-size:var(--text-2xs);margin-top:4px;display:flex}.note__more{opacity:0;position:absolute;top:6px;right:6px}.note:hover .note__more,.note__more:focus-visible,.note__more[aria-pressed=true]{opacity:1}@media (pointer:coarse){.note__more{opacity:1}}.notes__compose{flex-direction:column;gap:4px;display:flex}.notes__editing{align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:var(--text-xs);margin:0;display:flex}.notes__editing button{color:var(--accent);font:inherit;font-weight:var(--weight-strong);cursor:pointer;background:0 0;border:0;padding:0}.notes__box{align-items:flex-end;gap:var(--space-2);padding:6px 6px 6px var(--space-4);border-radius:var(--radius-lg);background:var(--surface-2);display:flex}.notes__input{min-height:34px;max-height:160px;color:var(--text);font:inherit;font-size:var(--text-sm);resize:none;field-sizing:content;background:0 0;border:0;outline:0;flex:1;padding:7px 0}.notes__send{border-radius:50%;flex:none}.notes__send.is-ready{background:var(--accent);color:var(--accent-contrast)}.rail{z-index:5;width:72px;margin:0 0 var(--space-2) var(--space-2);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;flex:none;display:flex;position:relative}.rail__scroll{align-items:center;gap:var(--space-2);min-height:0;padding:var(--space-3) 0;scrollbar-width:none;flex-direction:column;flex:1;display:flex;overflow:hidden auto}.rail__servers{align-items:center;gap:var(--space-2);flex-direction:column;width:100%;margin:0;padding:0;list-style:none;display:flex}.rail__slot{justify-content:center;width:100%;display:flex;position:relative}.rail__item{background:var(--surface-2);width:48px;height:48px;color:var(--text-muted);cursor:pointer;transition:border-radius var(--dur-fast) var(--ease-soft), background var(--dur-fast), color var(--dur-fast);border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.rail__item:hover,.rail__item:focus-visible,.is-here>.rail__item,.rail__item.is-here{border-radius:var(--radius-md);color:var(--text-hover)}.rail__item:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.rail__item:disabled{cursor:progress}.rail__item .server-icon{border-radius:0}.rail__home img{display:block}.rail__home.is-here,.rail__home:hover,.rail__action:hover{background:var(--surface-3)}.rail__action--create{color:var(--accent)}.rail__action--create:hover{background:var(--accent);color:var(--accent-contrast)}.rail__slot:before,.rail__home:before{background:var(--text-hover);width:4px;height:0;transition:height var(--dur-fast) var(--ease-soft);content:"";pointer-events:none;border-radius:0 4px 4px 0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.rail__home:before{left:-12px}.rail__home{overflow:visible}.rail__slot:hover:before,.rail__home:hover:before{height:18px}.rail__slot.is-behind:before{height:8px}.rail__slot.is-here:before,.rail__home.is-here:before{height:38px}.rail__sep{background:var(--surface-3);border-radius:1px;flex:none;width:30px;height:2px}.rail__pin{color:var(--tone-pin);pointer-events:none;position:absolute;top:-3px;right:10px;transform:rotate(40deg)}.rail__server.is-muted .rail__item{opacity:.55}.rail__server.is-muted .rail__item:hover{opacity:1}.rail__skeleton{border-radius:50%}.rail__server.is-drag-source .rail__item{opacity:.45}.rail__server.is-drop-before:after,.rail__server.is-drop-after:after{background:var(--accent);content:"";pointer-events:none;border-radius:2px;height:3px;position:absolute;left:14px;right:14px}.rail__server.is-drop-before:after{top:-6px}.rail__server.is-drop-after:after{bottom:-6px}.rail__tip{z-index:60;border-radius:var(--radius-sm);background:var(--popover);max-width:240px;box-shadow:var(--float-shadow);color:var(--text-hover);font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;padding:6px 10px;position:absolute;left:calc(100% + 10px);overflow:hidden;transform:translateY(-50%)}@media (width<=560px){.rail{width:60px}.rail__item{width:42px;height:42px}.rail__home:before{left:-9px}}.rail__badge{z-index:1;border:3px solid var(--surface);border-radius:var(--radius-full);background:var(--danger-fill);min-width:20px;height:20px;color:var(--on-fill);font-size:var(--text-2xs);font-weight:var(--weight-strong);pointer-events:none;place-items:center;padding:0 5px;line-height:1;display:inline-grid;position:absolute;bottom:-2px;right:6px}.servers{gap:var(--space-2);height:100%;padding:0 var(--space-2) var(--space-2);grid-template-columns:280px minmax(0,1fr);display:grid}.servers__side{min-height:0;padding:var(--space-4) var(--space-3);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;gap:2px;display:flex;overflow:auto}.servers__title{margin:0 0 var(--space-3);padding:0 var(--space-2);font-size:var(--text-xl);font-weight:var(--weight-strong)}.servers__heading{margin:var(--space-4) 0 var(--space-1);padding:0 var(--space-2);color:var(--text-faint);font-size:var(--text-xs);font-weight:var(--weight-medium)}.servers__nav,.servers__row{align-items:center;gap:var(--space-3);width:100%;min-height:40px;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);color:var(--text-muted);font:inherit;font-weight:var(--weight-medium);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.servers__nav:hover,.servers__row:hover{background:var(--hover);color:var(--text-hover)}.servers__nav.is-on{background:var(--active);color:var(--text)}.servers__mine{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.servers__slot{position:relative}.servers__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.servers__server.is-open .servers__row{color:var(--text)}.servers__server.is-muted .servers__name{color:var(--text-faint)}.servers__pin{color:var(--tone-pin);flex:none}.servers__here{padding:1px var(--space-2);border-radius:var(--radius-full);background:var(--text-hover);color:var(--ground);font-size:var(--text-2xs);font-weight:var(--weight-strong);flex:none}.servers__badge{border-radius:var(--radius-full);background:var(--danger-fill);min-width:20px;color:var(--on-fill);font-size:var(--text-2xs);font-weight:var(--weight-strong);text-align:center;flex:none;padding:1px 6px}.servers__none{padding:var(--space-2);color:var(--text-faint);font-size:var(--text-sm)}.servers__actions{padding-top:var(--space-4);flex-direction:column;gap:2px;margin-top:auto;display:flex}.servers__main{min-width:0;min-height:0;padding:0 var(--space-2) var(--space-6);overflow:auto}.servers__bar{z-index:1;align-items:center;gap:var(--space-3);padding:var(--space-2) 0 var(--space-3);background:var(--ground);display:flex;position:sticky;top:0}.servers__kinds{gap:var(--space-1);scrollbar-width:none;flex:1;min-width:0;display:flex;overflow-x:auto}.servers__kinds button{padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);color:var(--text-muted);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;background:0 0;border:0;flex:none}.servers__kinds button:hover{color:var(--text-hover)}.servers__kinds button[aria-checked=true]{background:var(--active);color:var(--text)}.servers__search{flex:none;align-items:center;width:260px;display:flex;position:relative}.servers__search svg{left:var(--space-3);color:var(--text-faint);pointer-events:none;position:absolute}.servers__search input{width:100%;height:38px;padding:0 var(--space-3) 0 calc(var(--space-3) + 24px);border:1px solid var(--input-border);border-radius:var(--radius-full);background:var(--input-bg);color:var(--text);font:inherit;font-size:var(--text-sm)}.servers__search input:focus{border-color:var(--input-border-focus);background:var(--input-focus)}.servers__search input::placeholder{color:var(--text-faint)}.servers__wait{padding:var(--space-8);place-items:center;display:grid}.servers__empty,.servers__note{color:var(--text-faint);font-size:var(--text-sm);text-align:center}.servers__empty{padding:var(--space-8) 0}.servers__note{margin:var(--space-6) 0 0}.servers__grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin:0;padding:0;list-style:none;display:grid}.servers__grid>li{display:flex}.server-card{border-radius:var(--radius-lg);background:var(--surface);width:100%;min-height:300px;color:var(--text);font:inherit;text-align:left;cursor:pointer;border:0;flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden}.server-card:hover{background:var(--surface-2)}.server-card:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.server-card__banner{background:linear-gradient(135deg, color-mix(in srgb, var(--server-color,var(--surface-3)) 40%, var(--surface-3)), var(--surface-3) 75%);height:116px;position:relative;overflow:hidden}.server-card__banner img{object-fit:cover;width:100%;height:100%}.server-card__banner .server-card__blur{opacity:.55;filter:blur(28px)saturate(1.3);transform:scale(1.4)}.server-card__icon{margin:-32px 0 0 var(--space-4);border-radius:var(--radius-lg);background:var(--surface);align-self:flex-start;padding:4px;display:inline-flex}.server-card:hover .server-card__icon{background:var(--surface-2)}.server-card__body{gap:var(--space-2);padding:var(--space-2) var(--space-4) var(--space-3);flex-direction:column;flex:1;display:flex}.server-card__name{align-items:center;gap:var(--space-1);font-size:var(--text-md);font-weight:var(--weight-strong);display:flex}.server-card__verified{color:var(--text-hover);flex:none}.server-card__desc{color:var(--text-muted);font-size:var(--text-sm);-webkit-line-clamp:4;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.server-card__foot{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--text-faint);font-size:var(--text-xs);display:flex}.server-card__count{align-items:center;gap:6px;display:inline-flex}.server-card__count:before{content:"";background:var(--text-faint);border-radius:50%;width:8px;height:8px}.server-card__count--online:before{background:var(--success)}.server-card__join,.server-card__joined{font-weight:var(--weight-medium);margin-left:auto}.server-card__join{color:var(--text)}@media (width<=720px){.servers{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);overflow:auto}.servers__side,.servers__main{overflow:visible}.servers__bar{flex-wrap:wrap}.servers__search{width:100%}}.guest-page{min-height:var(--app-height,100dvh);padding:calc(var(--safe-top) + var(--space-6)) var(--space-4) calc(var(--safe-bottom) + var(--space-6));background:var(--bg);place-items:center;display:grid;overflow:auto}.guest-page__card{align-items:center;gap:var(--space-3);width:min(400px,100%);padding:var(--space-6) var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);text-align:center;flex-direction:column;display:flex}.guest-page__card--wide{width:min(1100px,100%)}.guest-page__videos{grid-template-columns:repeat(var(--cols,1), minmax(0, 1fr));gap:var(--space-2);width:100%;display:grid}.guest-page__videos[data-count="2"],.guest-page__videos[data-count="3"],.guest-page__videos[data-count="4"]{--cols:2}.guest-page__video{aspect-ratio:16/9;border-radius:var(--radius-md);cursor:zoom-in;background:#000;margin:0;position:relative;overflow:hidden}.guest-page__video video{object-fit:cover;width:100%;height:100%}:is(.guest-page__video.is-screen video,.guest-page__video:fullscreen video){object-fit:contain}.guest-page__video video.is-mirrored{transform:scaleX(-1)}.guest-page__video figcaption{inset-inline-start:var(--space-2);bottom:var(--space-2);max-width:calc(100% - 16px);padding:2px var(--space-2);border-radius:var(--radius-sm);color:#fff;font-size:var(--text-xs);font-weight:var(--weight-strong);white-space:nowrap;text-overflow:ellipsis;background:#0000008c;position:absolute;overflow:hidden}.guest-page__error{color:var(--danger);font-size:var(--text-sm);margin:0}@media (width<=640px){.guest-page__videos{--cols:1}}.guest-page h1{font-size:var(--text-xl);overflow-wrap:anywhere;margin:0}.guest-page__server{color:var(--text-muted);font-weight:var(--weight-medium);margin:-6px 0 0}.guest-page__muted{color:var(--text-muted);margin:0}.guest-page__form{align-items:stretch;gap:var(--space-3);flex-direction:column;width:100%;display:flex}.guest-page__form h1,.guest-page__form .guest-page__server,.guest-page__form .guest-page__muted{text-align:center}.guest-page__form .field{text-align:start}.guest-page__fine{color:var(--text-faint);font-size:var(--text-xs);margin:0}.guest-page__people{width:100%;margin:var(--space-2) 0;text-align:start;flex-direction:column;gap:4px;padding:0;list-style:none;display:flex}.guest-page__people li{align-items:center;gap:var(--space-2);padding:6px var(--space-2);border-radius:var(--radius-sm);background:var(--surface-2);display:flex}.guest-page__dot{background:var(--surface-3);width:26px;height:26px;color:var(--text-muted);font-size:12px;font-weight:var(--weight-strong);transition:outline-color var(--dur-fast);border-radius:50%;outline:2px solid #0000;flex:none;place-items:center;display:inline-grid}.guest-page__people li.is-speaking .guest-page__dot{outline-color:var(--speaking)}.guest-page__controls{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.guest-page__cta{margin-top:var(--space-2);color:var(--tone-info);font-size:var(--text-sm);font-weight:var(--weight-strong);text-decoration:none}.guest-page__cta:hover{text-decoration:underline}.notice-host{right:var(--space-3);bottom:calc(var(--layer-bottom) + var(--space-2));z-index:var(--z-float);position:fixed}@media (width<=720px){.notice-host{right:var(--space-3);left:var(--space-3);width:auto}}.push-prompt{z-index:var(--z-float);align-items:flex-start;gap:var(--space-3);width:min(380px,100vw - 32px);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--popover);box-shadow:var(--float-shadow);animation:push-prompt-in var(--dur-med) ease-out;display:flex;position:fixed;bottom:84px;left:16px}.push-prompt__icon{color:var(--tone-caution);flex:none;margin-top:2px}.push-prompt__body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.push-prompt__body p{color:var(--text-muted);font-size:var(--text-sm);margin:0;line-height:1.45}.push-prompt__actions{gap:var(--space-2);margin-top:var(--space-2);display:flex}.push-prompt__close{flex:none;margin:-4px -4px 0 0}@keyframes push-prompt-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.push-prompt{animation:none}}@media (width<=720px){.push-prompt{bottom:76px;left:16px}}.quality{--q:var(--success);flex:none;align-items:flex-end;gap:2px;height:14px;display:inline-flex}.quality span{background:color-mix(in srgb, var(--q) 22%, transparent);width:3px;transition:background var(--dur-med);border-radius:1.5px}.quality span.is-on{background:var(--q)}.quality--poor{--q:var(--warning)}.quality--lost{--q:var(--danger)}.viewer-badge{border-radius:var(--radius-full);background:var(--danger-fill);height:18px;color:var(--on-fill);font-size:var(--text-2xs);font-weight:var(--weight-strong);font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:3px;padding:0 6px;line-height:1;display:inline-flex}.viewer-badge svg{flex:none}.stage{gap:var(--space-3);min-height:0;padding:var(--space-4);background:radial-gradient(120% 80% at 50% 0%, var(--surface-2) 0%, var(--surface) 60%);flex-direction:column;flex:1;display:flex;overflow-y:auto}.stage--empty{text-align:center;justify-content:center;align-items:center}.stage--empty h3{font-size:var(--text-xl);margin:0}.stage--empty p{max-width:360px;margin:0 0 var(--space-2);color:var(--text-muted)}.stage__grid{gap:var(--space-3);flex:1;grid-template-columns:repeat(auto-fit,minmax(200px,300px));place-content:center;display:grid}.stage__grid[data-count="1"],.stage__grid[data-count="2"]{grid-template-columns:repeat(auto-fit,minmax(260px,360px))}.stage__screens~.stage__grid{flex:none;grid-template-columns:repeat(auto-fill,minmax(190px,240px));place-content:start}.stage__screens~.stage__grid .tile{aspect-ratio:auto;padding:var(--space-2) var(--space-3);flex-direction:row;justify-content:flex-start}.stage__screens~.stage__grid .tile__name{flex:1}.stage__screens~.stage__grid .tile__quality,.stage__screens~.stage__grid .tile__badges{order:3;position:static}.stage__hint{color:var(--text-faint);font-size:var(--text-sm);text-align:center;grid-column:1/-1}.tile{justify-content:center;align-items:center;gap:var(--space-2);aspect-ratio:4/3;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated);flex-direction:column;transition:border-color .12s,box-shadow .12s;display:flex;position:relative}.tile--speaking{border-color:var(--speaking);box-shadow:0 0 0 1px var(--speaking)}.tile .avatar{transition:transform .12s}.tile--speaking .avatar{transform:scale(1.05)}.tile__name{max-width:100%;font-weight:var(--weight-strong);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tile__name em{color:var(--text-faint);font-style:normal;font-weight:var(--weight-medium)}.tile__badges{right:var(--space-2);bottom:var(--space-2);color:var(--danger);gap:4px;display:flex;position:absolute}.tile__afk{color:var(--warning)}.tile__quality{top:var(--space-2);right:var(--space-2);position:absolute}.stage__screens{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.stage--focused .stage__screens{flex:1;grid-template-columns:1fr}.stage__screen{border:1px solid var(--border);border-radius:var(--radius-lg);aspect-ratio:16/9;background:#000;min-height:0;margin:0;position:relative;overflow:hidden}.stage--focused .stage__screen{aspect-ratio:auto}.stage__screen video{object-fit:contain;width:100%;height:100%;display:block}.stage__screen figcaption{justify-content:space-between;align-items:center;gap:var(--space-2);padding:4px 4px 4px var(--space-3);color:#fff;font-size:var(--text-xs);font-weight:var(--weight-strong);background:linear-gradient(#0000,#000000b8);display:flex;position:absolute;bottom:0;left:0;right:0}.stage__screen figcaption .icon-btn{color:#fff}.stage__screen figcaption>span:first-child{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.tile__figure{width:var(--size);height:var(--size);background:var(--surface-3);color:var(--text-faint);border-radius:50%;place-items:end center;display:grid;overflow:hidden}.tile--video{padding:0;overflow:hidden}.tile__video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.tile--video .tile__name{left:var(--space-2);bottom:var(--space-2);padding:2px var(--space-2);border-radius:var(--radius-sm);color:#fff;background:#0000008c;position:absolute}.tile__link{color:var(--text-faint);vertical-align:-2px}.upcoming{margin-top:var(--space-8)}.upcoming h2{align-items:center;gap:var(--space-2);margin:0 0 var(--space-3);color:var(--text-faint);font-size:var(--text-xs);font-weight:var(--weight-strong);display:flex}.upcoming ul{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));margin:0;padding:0;list-style:none;display:grid}.upcoming button{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);text-align:start;transition:border-color var(--dur-fast) var(--ease-out);display:flex}.upcoming button:hover{border-color:var(--border-hover)}.upcoming__icon{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--tone-plan) 16%, transparent);width:38px;height:38px;color:var(--tone-plan);flex:none;place-items:center;display:grid}.upcoming li.is-live .upcoming__icon{background:var(--danger-fill);color:var(--on-fill);animation:1.6s ease-in-out infinite live-pulse}.upcoming__text{flex-direction:column;flex:1;min-width:0;display:flex}.upcoming__text strong,.upcoming__text span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.upcoming__text span{color:var(--text-faint);font-size:var(--text-xs)}.upcoming__badge{padding:2px var(--space-2);border-radius:var(--radius-full);background:var(--surface-2);color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-strong);flex:none}.upcoming li.is-live .upcoming__badge{background:color-mix(in srgb, var(--danger) 18%, transparent);color:var(--danger)}.upcoming__go{color:var(--tone-plan);font-size:var(--text-xs);font-weight:var(--weight-strong);flex:none}@keyframes live-pulse{50%{opacity:.7}}@media (prefers-reduced-motion:reduce){.upcoming li.is-live .upcoming__icon{animation:none}}.unread-strip{margin:var(--space-2) var(--space-4) 0;border-radius:var(--radius-md);background:color-mix(in srgb, var(--tone-info) 16%, var(--surface));color:var(--text);font-size:var(--text-sm);animation:unread-strip-in var(--dur-med,.18s) ease-out;align-items:stretch;display:flex;overflow:hidden}.unread-strip__jump{align-items:baseline;gap:var(--space-2);min-width:0;padding:7px var(--space-3);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;display:flex}.unread-strip__jump strong{font-weight:var(--weight-strong);flex:none}.unread-strip__jump span{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.unread-strip__jump:hover strong{text-underline-offset:2px;text-decoration:underline}.unread-strip__read{padding:0 var(--space-3);background:color-mix(in srgb, var(--tone-info) 14%, transparent);color:var(--text);font:inherit;font-size:var(--text-xs);font-weight:var(--weight-strong);cursor:pointer;border:0;flex:none;align-items:center;gap:6px;display:inline-flex}.unread-strip__read:hover{background:color-mix(in srgb, var(--tone-info) 26%, transparent)}.unread-strip__read svg{color:var(--tone-info)}:root[data-tabbing] .unread-strip button:focus-visible{outline-offset:-2px}@keyframes unread-strip-in{0%{opacity:0;transform:translateY(-4px)}}@media (width<=520px){.unread-strip__jump span{display:none}}@media (prefers-reduced-motion:reduce){.unread-strip{animation:none}}.chat{flex-direction:column;height:100%;min-height:0;display:flex;position:relative}.chat__header{align-items:center;gap:var(--space-3);min-height:56px;padding:0 var(--space-3) 0 var(--space-5);border-bottom:1px solid var(--border);display:flex}.chat__title{flex:1;align-items:center;gap:2px;min-width:0;display:flex}.chat__header h2{min-width:min(12em,40%);font-family:var(--font-display);font-size:var(--text-lg);white-space:nowrap;text-overflow:ellipsis;flex:0 auto;margin:0;overflow:hidden}.chat__tabs{--marker-bg:var(--tabbar-selected);border-radius:var(--radius-md);background:var(--tabbar-bg);padding:3px;display:flex}.chat__tabs button{height:var(--control-sm);padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:background var(--dur-fast), color var(--dur-fast);background:0 0;border:0;align-items:center;gap:6px;display:inline-flex}.chat__tabs button:hover{color:var(--text-hover)}.chat__tabs button[aria-selected=true]{color:var(--text);background:0 0}.chat__count{border-radius:var(--radius-full);background:color-mix(in srgb, var(--tone) var(--tint), transparent);min-width:18px;color:var(--tone);font-size:var(--text-xs);text-align:center;padding:0 5px}.chat__live{background:var(--danger-fill);color:var(--on-fill);font-size:var(--text-2xs);letter-spacing:.06em;border-radius:4px;padding:0 5px}.chat__banner{align-items:center;gap:var(--space-2);margin:var(--space-2) var(--space-4) 0;padding:6px 6px 6px var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--tone-info) 14%, transparent);color:var(--text);font-size:var(--text-sm);display:flex}.chat__banner>svg{color:var(--tone-info)}.chat__banner>span:not(.viewer-badge){flex:1}.chat__banner>button:not(.icon-btn){padding:4px var(--space-3);border-radius:var(--radius-full);background:var(--accent);color:var(--accent-contrast);font-size:var(--text-xs);font-weight:var(--weight-strong);transition:background var(--dur-fast);border:0}.chat__banner>button:not(.icon-btn):hover{background:var(--accent-strong)}.chat__pins{max-height:220px;padding:0 var(--space-4) var(--space-3);border-bottom:1px solid var(--border);background:var(--bg-elevated);overflow-y:auto}.chat__pins-title{padding-top:var(--space-2);color:var(--text-faint);font-size:var(--text-xs);font-weight:var(--weight-strong);text-transform:uppercase;justify-content:space-between;align-items:center;display:flex}.chat__pins p{color:var(--text-muted);font-size:var(--text-sm);margin:0}.chat__pin{width:100%;padding:6px var(--space-2);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-sm);text-align:left;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;display:block;overflow:hidden}.chat__pin:hover{background:var(--hover)}.chat__pin strong{color:var(--text)}.typing{height:20px;padding:0 var(--space-5);color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium);align-items:center;gap:6px;display:flex}.typing__dots{gap:3px;display:inline-flex}.typing__dots i{background:var(--text-muted);border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite typing}.typing__dots i:nth-child(2){animation-delay:.15s}.typing__dots i:nth-child(3){animation-delay:.3s}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.chat__back{display:none}@media (width<=720px){.chat__header{gap:var(--space-2);padding:0 var(--space-2)}.chat__back{border-radius:var(--radius-md);width:36px;height:36px;color:var(--text);background:0 0;border:0;place-items:center;display:grid}.chat__tabs button{padding:0 var(--space-2)}.chat__tab-label{display:none}}.chat__title:has(.chat__chip) h2{min-width:0}.chat__kind{color:var(--text-faint);vertical-align:-3px;flex:none;margin-right:6px}.chat__chip{height:22px;margin-left:var(--space-2);border-radius:var(--radius-full);background:var(--surface-2);color:var(--text-muted);font:inherit;font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap;border:0;flex:none;align-items:center;gap:4px;padding:0 8px;display:inline-flex}.chat__chip--voice{background:color-mix(in srgb, var(--tone-voice) 14%, var(--surface-2));max-width:220px;color:var(--text);text-overflow:ellipsis;cursor:pointer;overflow:hidden}.chat__chip--voice svg{color:var(--tone-voice);flex:none}.chat__chip--voice:hover{background:color-mix(in srgb, var(--tone-voice) 24%, var(--surface-2))}.planner{gap:var(--space-3);flex-direction:column;display:flex}.planner__head{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.planner__head h3{font-size:var(--text-lg);margin:0}.planner__empty{color:var(--text-muted);font-size:var(--text-sm);margin:0}.planner__group{margin:0 0 var(--space-1);color:var(--text-faint);font-size:var(--text-xs);font-weight:var(--weight-strong)}.planner__list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.planner__item{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);flex-wrap:wrap;display:flex}.planner__item.is-live{border-color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, var(--surface))}.planner__when,.planner__what{flex-direction:column;min-width:0;display:flex}.planner__when{flex:none;width:92px}.planner__when strong{font-size:var(--text-sm)}.planner__what{flex:1}.planner__what strong,.planner__what span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.planner__when span,.planner__what span{color:var(--text-faint);font-size:var(--text-xs)}.planner__badge{padding:2px var(--space-2);border-radius:var(--radius-full);background:var(--surface-2);color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-strong);flex:none}.planner__item.is-live .planner__badge{background:var(--danger-fill);color:var(--on-fill)}.planner__head .planner__plan{background:var(--plan-fill);color:var(--on-fill)}.planner__head .planner__plan:hover:not(:disabled){background:color-mix(in srgb, var(--tone-plan) 85%, #000)}.planner__join.icon-btn{color:var(--tone-plan)}.planner__form{gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:color-mix(in srgb, var(--tone-plan) 8%, var(--surface-2));animation:pop-in var(--dur-med) var(--ease-out) both;flex-direction:column;display:flex}.planner__row{gap:var(--space-2);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);display:grid}.planner__actions{justify-content:flex-end;gap:var(--space-2);display:flex}.planner__note{color:var(--text-faint);font-size:var(--text-xs);margin:0}.planner__rsvp{gap:var(--space-1);margin-top:var(--space-1);flex-basis:100%;display:flex}.planner__rsvp button{padding:3px var(--space-2);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-3);color:var(--text-muted);font:inherit;font-size:var(--text-xs);font-weight:var(--weight-medium);align-items:center;gap:6px;display:inline-flex}.planner__rsvp button:hover{color:var(--text-hover)}.planner__rsvp button[aria-pressed=true]{border-color:var(--accent-line);background:var(--accent-soft);color:var(--text)}.planner__rsvp button[data-answer=no][aria-pressed=true]{border-color:var(--border-strong);background:var(--surface-3)}.planner__rsvp em{color:var(--accent);font-style:normal}.planner__desc{color:var(--text-faint);font-size:var(--text-xs)}.planner__weekly{color:var(--tone-plan);vertical-align:-1px;margin-right:4px}.invite-pop{z-index:var(--z-menu);gap:var(--space-3);width:min(380px,100vw - 16px);max-height:calc(100vh - 16px);padding:var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--popover);box-shadow:var(--float-shadow);animation:pop-in var(--dur-med) var(--ease-out) both;flex-direction:column;display:flex;position:fixed;overflow-y:auto}.invite-pop__title{font-size:var(--text-md);margin:0}.invite-friends__text{color:var(--text-muted);font-size:var(--text-sm);margin:0}.invite-friends__search{display:block;position:relative}.invite-friends__search svg{top:50%;color:var(--text-faint);pointer-events:none;position:absolute;inset-inline-start:var(--space-3);transform:translateY(-50%)}.invite-friends__search .input{padding-inline-start:calc(var(--space-3) + 22px)}.invite-friends{gap:2px;max-height:360px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.invite-friends__row{align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-md);display:flex}.invite-friends__row:hover{background:var(--hover)}.invite-friends__who{flex-direction:column;flex:1;min-width:0;display:flex}.invite-friends__who strong,.invite-friends__who span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.invite-friends__who span{color:var(--text-faint);font-size:var(--text-xs)}.invite-friends__who span.is-online{color:var(--tone-voice)}.invite-friends__member{color:var(--text-faint);font-size:var(--text-sm);flex:none}.invite-friends__sent{min-width:96px;height:var(--control-md);color:var(--tone-voice);font-size:var(--text-sm);font-weight:var(--weight-strong);flex:none;justify-content:center;align-items:center;gap:6px;display:inline-flex}.invite-friends__row .btn{flex:none;min-width:96px}.invite-friends__empty{padding:var(--space-4) var(--space-2);color:var(--text-faint);font-size:var(--text-sm);text-align:center}.lfg{gap:var(--space-2);flex-direction:column;display:flex}.lfg__head{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.lfg__head .shome__heading{align-items:center;gap:var(--space-2);margin:0;display:inline-flex}.lfg__empty,.lfg__hint{color:var(--text-muted);font-size:var(--text-sm);margin:0}.lfg__hint{color:var(--text-faint);font-size:var(--text-xs)}.lfg__list{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));margin:0;padding:0;list-style:none;display:grid}.lfg__item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);display:flex}.lfg__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.lfg__text strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lfg__text span{color:var(--text-muted);font-size:var(--text-xs)}.lfg__note{overflow-wrap:anywhere}.lfg__form{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;display:flex}.lfg__actions{justify-content:flex-end;gap:var(--space-2);display:flex}.modes{justify-content:center;align-items:center;gap:var(--space-5);min-height:0;padding:var(--space-6) var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.modes__head{text-align:center;max-width:520px}.modes__head h3{margin:0 0 var(--space-1);font-family:var(--font-display);font-size:var(--text-xl)}.modes__head p{color:var(--text-muted);margin:0}.modes__cards{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));width:min(820px,100%);display:grid}.modes__card{align-items:flex-start;gap:var(--space-2);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);text-align:start;transition:border-color var(--dur-fast) var(--ease-out);flex-direction:column;display:flex}.modes__card:hover:not(:disabled){border-color:var(--mode-color)}.modes__card:disabled:not(.is-busy){opacity:.55}.modes__icon{width:52px;height:52px;margin-bottom:var(--space-1);background:color-mix(in srgb, var(--mode-color) 16%, transparent);color:var(--mode-color);border-radius:16px;place-items:center;display:grid}.modes__card strong{font-size:var(--text-lg)}.modes__text{color:var(--text-muted);font-size:var(--text-sm);flex:1;line-height:1.5}.modes__go{margin-top:var(--space-2);color:var(--mode-color);font-size:var(--text-sm);font-weight:var(--weight-strong)}.modes__card.is-busy .modes__go{animation:1s ease-in-out infinite pulse-soft}.modes__options{justify-content:center;align-items:center;gap:var(--space-3);color:var(--text-muted);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.modes__check{align-items:center;gap:var(--space-2);cursor:pointer;display:flex}.modes__check input{accent-color:var(--accent)}.modes__camera{width:auto}@keyframes pulse-soft{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.modes__card.is-busy .modes__go{animation:none}}.quick{gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:var(--surface-2);display:grid}.quick__title{color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);margin:0}.quick__row{gap:var(--space-2);flex-wrap:wrap;display:flex}.quick__pill{align-items:center;gap:var(--space-2);height:38px;padding:0 var(--space-4) 0 var(--space-2);border-radius:var(--radius-full);background:var(--surface-3);color:var(--text);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:background var(--dur-fast) var(--ease-soft);border:0;display:inline-flex}.quick__pill:hover:not(:disabled){background:var(--hover);color:var(--text-hover)}.quick__pill:disabled{cursor:default;opacity:.45}.quick__pill.is-busy{opacity:.7}.quick__icon{background:color-mix(in srgb, var(--mode-color) 22%, transparent);width:26px;height:26px;color:var(--mode-color);border-radius:50%;place-items:center;display:grid}.sboost{gap:var(--space-4);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--accent) 10%, transparent) 0, transparent 55%), var(--surface-2);flex-direction:column;display:flex}.sboost__head{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.sboost__mark{border-radius:var(--radius-md);background:var(--accent);width:40px;height:40px;color:var(--accent-contrast);flex:none;place-items:center;display:grid}.sboost__titles{flex-direction:column;flex:220px;min-width:0;line-height:1.3;display:flex}.sboost__titles strong{font-family:var(--font-display);font-size:var(--text-lg)}.sboost__titles small{color:var(--text-muted);font-size:var(--text-sm)}.sboost__actions{gap:var(--space-2);display:flex}.sboost__track{height:6px;margin:var(--space-2) 12px var(--space-2) 0;border-radius:var(--radius-full);background:var(--border-strong);position:relative}.sboost__fill{width:var(--fill);border-radius:inherit;background:var(--accent);transition:width var(--dur-slow,.4s) var(--ease-soft);position:absolute;inset:0 auto 0 0}.sboost__step{border:2px solid var(--border-strong);background:var(--surface-2);width:24px;height:24px;color:var(--text-faint);font-size:var(--text-xs);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;translate:-50% -50%}.sboost__step b{font-weight:var(--weight-strong)}.sboost__step.is-on{border-color:var(--accent);background:var(--accent);color:var(--accent-contrast)}.sboost__perks{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0;padding:0;list-style:none;display:grid}.sboost__perks li{align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--hover);color:var(--text-faint);display:flex}.sboost__perks li.is-open{color:var(--text)}.sboost__perk-icon{border-radius:var(--radius-sm);background:var(--surface-3);width:32px;height:32px;color:var(--text-faint);flex:none;place-items:center;display:grid}.sboost__perks li.is-open .sboost__perk-icon{background:var(--accent-soft);color:var(--accent)}.sboost__perk-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sboost__perk-text small{color:var(--text-faint);font-size:var(--text-xs)}.sboost__perk-state{color:var(--text-faint);font-size:var(--text-2xs);font-weight:var(--weight-medium);white-space:nowrap;flex:none;align-items:center;gap:4px;display:inline-flex}.sboost__perks li.is-open .sboost__perk-state{color:var(--accent)}.sboost__note{color:var(--text-faint);font-size:var(--text-xs);margin:0}@media (prefers-reduced-motion:reduce){.sboost__fill{transition:none}}.hstyle__lead{margin:0 0 var(--space-4);color:var(--text-muted);font-size:var(--text-sm);line-height:1.5}.hstyle__spacer{flex:1}.hstyle__part{gap:var(--space-2);padding:var(--space-4) 0;border-top:1px solid var(--border);flex-direction:column;display:flex}.hstyle__part header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.hstyle__part h3{font-size:var(--text-md);margin:0}.hstyle__part>p{color:var(--text-muted);font-size:var(--text-xs);margin:0}.hstyle__part fieldset{min-width:0;margin:var(--space-1) 0 0;border:0;padding:0}.hstyle__part.is-locked fieldset{opacity:.45}.hstyle__level{border-radius:var(--radius-full);background:var(--accent-soft);color:var(--accent);font-size:var(--text-2xs);font-weight:var(--weight-strong);align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.hstyle__part.is-locked .hstyle__level{background:var(--hover);color:var(--text-faint)}.hstyle__swatches{gap:var(--space-2);flex-wrap:wrap;display:flex}.hstyle__swatch{outline-offset:2px;width:30px;height:30px;color:var(--avatar-ink);cursor:pointer;border:0;border-radius:50%;outline:2px solid #0000;place-items:center;padding:0;display:grid}.hstyle__swatch[aria-checked=true]{outline-color:var(--text)}.hstyle__swatch--theme{background:linear-gradient(135deg, var(--surface-3) 50%, var(--border-strong) 50%)}:root[data-scheme] .hstyle__swatch--theme{color:var(--text)}.hstyle__part fieldset:disabled .hstyle__swatch,.hstyle__part fieldset:disabled .hstyle__hero{cursor:default}.hstyle__welcome{resize:vertical;width:100%;min-height:0}.hstyle__sections{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.hstyle__sections li{align-items:center;gap:var(--space-2);padding:6px 6px 6px var(--space-2);border-radius:var(--radius-md);background:var(--hover);display:flex}.hstyle__sections li.is-hidden .hstyle__name{color:var(--text-faint);text-decoration:line-through}.hstyle__place{background:var(--accent-soft);width:22px;height:22px;color:var(--accent);font-size:var(--text-2xs);font-weight:var(--weight-strong);border-radius:50%;flex:none;place-items:center;display:grid}.hstyle__name{font-size:var(--text-sm);font-weight:var(--weight-medium);flex:1}.hstyle__tool{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.hstyle__tool:hover:not(:disabled){background:var(--surface-3);color:var(--text-hover)}.hstyle__tool:disabled{opacity:.35;cursor:default}.hstyle__heroes{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.hstyle__hero{gap:var(--space-2);padding:var(--space-3);border:1.5px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);text-align:start;cursor:pointer;flex-direction:column;display:flex}.hstyle__hero[aria-checked=true]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--surface))}.hstyle__hero-art{border-radius:var(--radius-sm);background:var(--surface-2);height:64px;display:block;position:relative;overflow:hidden}.hstyle__hero-art i{background:linear-gradient(135deg, var(--accent), var(--accent-2));height:26px;position:absolute;inset:0 0 auto}.hstyle__hero-art b{border-radius:var(--radius-full);background:var(--text-muted);width:50%;height:8px;position:absolute;bottom:10px;left:10px}.hstyle__hero--cinematic .hstyle__hero-art i{height:100%}.hstyle__hero--cinematic .hstyle__hero-art b{background:var(--on-fill);height:10px}.hstyle__framer{gap:var(--space-3);flex-direction:column;display:flex}.hstyle__frame{aspect-ratio:16/5;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-3);cursor:grab;touch-action:none;position:relative;overflow:hidden}.hstyle__frame:active{cursor:grabbing}.hstyle__frame:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.hstyle__frame img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.hstyle__part fieldset:disabled .hstyle__frame{cursor:default}.hstyle__frame-hint{top:var(--space-2);right:var(--space-2);background:color-mix(in srgb, var(--bg) 70%, transparent);width:28px;height:28px;color:var(--text);border-radius:50%;place-items:center;display:grid;position:absolute}.hstyle__zoom{align-items:center;gap:var(--space-3);display:flex}.hstyle__zoom>svg{color:var(--text-muted);flex:none}.hstyle__zoom-range{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium);flex-direction:column;flex:1;gap:4px;display:flex}.shome{gap:var(--space-4);height:100%;padding:var(--space-6) clamp(var(--space-5), 4vw, 56px);flex-direction:column;display:flex;overflow-y:auto}.shome__hero{gap:var(--space-3);padding:var(--space-5) var(--space-6);border-radius:var(--radius-lg);background:var(--surface-2);flex-direction:column;flex:none;display:flex;position:relative;overflow:hidden}.shome__head{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.shome__title{flex:220px;min-width:0}.shome__title h1{font-family:var(--font-display);font-size:calc(var(--text-2xl) * 1.15);font-weight:var(--weight-strong);white-space:nowrap;text-overflow:ellipsis;margin:0;line-height:1.2;overflow:hidden}.shome__facts{gap:var(--space-1) var(--space-4);margin:var(--space-1) 0 0;color:var(--text-muted);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.shome__fact{align-items:center;gap:5px;display:inline-flex}.shome__fact:before{background:var(--dot);content:"";border-radius:50%;width:7px;height:7px}.shome__fact--online{--dot:var(--success)}.shome__fact--voice{--dot:var(--tone-voice)}.shome__actions{align-items:center;gap:var(--space-2);display:flex}.shome__invite{display:inline-flex}.shome__desc{max-width:72ch;color:var(--text);overflow-wrap:anywhere;white-space:pre-line;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0;line-height:1.55;display:-webkit-box;overflow:hidden}.shome__chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.shome__chip{height:28px;padding:0 var(--space-3);border-radius:var(--radius-full);background:var(--surface-3);color:var(--text-muted);font:inherit;font-size:var(--text-xs);font-weight:var(--weight-medium);border:0;align-items:center;gap:6px;display:inline-flex}button.shome__chip{cursor:pointer}button.shome__chip:hover{background:var(--hover);color:var(--text-hover)}.shome__chip--id strong{color:var(--text);font-weight:var(--weight-strong);font-variant-numeric:tabular-nums;letter-spacing:.08em}.shome__chip--boost.is-on{background:var(--accent-soft);color:var(--accent)}.shome__welcome{align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--accent-soft);color:var(--text);font-weight:var(--weight-medium);overflow-wrap:anywhere;white-space:pre-line;margin:0;line-height:1.5;display:flex}.shome__welcome svg{color:var(--accent);flex:none;margin-top:3px}.shome__grid{gap:var(--space-4);grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);align-items:start;display:grid}.shome__main,.shome__side{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.shome__tile{padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:var(--surface-2)}.shome__heading{align-items:center;gap:var(--space-2);margin:0 0 var(--space-3);color:var(--text);font-size:var(--text-md);font-weight:var(--weight-strong);display:flex}.shome__heading svg{color:var(--text-muted)}.shome__count{border-radius:var(--radius-full);background:var(--danger-fill);min-width:20px;color:var(--on-fill);font-size:var(--text-2xs);font-weight:var(--weight-strong);text-align:center;padding:1px 6px}.shome__wait{padding:var(--space-5);place-items:center;display:grid}.shome__none{color:var(--text-faint);font-size:var(--text-sm);margin:0}.shome__pulse{background:var(--text-faint);border-radius:50%;width:9px;height:9px}.shome__pulse[data-on=true]{background:var(--tone-voice);animation:1.6s ease-in-out infinite shome-pulse}@keyframes shome-pulse{50%{box-shadow:0 0 0 5px color-mix(in srgb, var(--tone-voice) 25%, transparent)}}.shome__live-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.shome__live-room{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface-3);display:flex}.shome__faces{flex:none;align-items:center;display:flex}.shome__faces>*+*{margin-inline-start:-8px}.shome__faces .avatar{box-shadow:0 0 0 3px var(--surface-3)}.shome__more{border-radius:var(--radius-full);background:var(--surface-2);min-width:36px;height:36px;color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-strong);place-items:center;padding:0 6px;display:grid}.shome__live-text{flex-direction:column;flex:1;min-width:0;display:flex}.shome__live-text strong,.shome__live-text span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.shome__live-text span{color:var(--text-muted);font-size:var(--text-sm)}.shome__here{color:var(--tone-voice);font-size:var(--text-sm);font-weight:var(--weight-medium);flex:none}.shome__quiet{align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);background:var(--surface-3);flex-wrap:wrap;display:flex}.shome__quiet>div{flex:200px;min-width:0}.shome__quiet p{color:var(--text-muted);font-size:var(--text-sm);margin:2px 0 0}.shome__quiet-mark{background:color-mix(in srgb, var(--tone-voice) 18%, transparent);width:48px;height:48px;color:var(--tone-voice);border-radius:50%;flex:none;place-items:center;display:grid}.shome__news-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.shome__post{gap:var(--space-1);width:100%;padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-3);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:background var(--dur-fast) var(--ease-soft);border:0;flex-direction:column;display:flex}.shome__post:hover{background:var(--hover)}.shome__post-head{align-items:center;gap:var(--space-2);min-width:0;font-size:var(--text-sm);display:flex}.shome__post-head strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.shome__post-head time{color:var(--text-faint);font-size:var(--text-xs);flex:none}.shome__new{border-radius:var(--radius-full);background:var(--danger-fill);color:var(--on-fill);font-size:var(--text-2xs);font-weight:var(--weight-strong);margin-inline-start:auto;padding:1px 7px}.shome__post-text{color:var(--text);font-size:var(--text-sm);overflow-wrap:anywhere;white-space:pre-line;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.shome__post-room{color:var(--text-faint);font-size:var(--text-xs)}.shome__hero--banner{--banner-height:210px;padding-top:calc(var(--banner-height) - 56px)}.shome__banner{height:var(--banner-height);position:absolute;inset:0 0 auto;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0 40%,#00000080 70%,#0000 100%);mask-image:linear-gradient(#000 0 40%,#00000080 70%,#0000 100%)}.shome__hero--banner .shome__title h1{text-shadow:0 1px 12px color-mix(in srgb, var(--banner-tone,#000) 70%, transparent)}.shome__banner img{object-fit:cover;object-position:center 30%;width:100%;height:100%;display:block}.shome__hero--banner>:not(.shome__banner){z-index:2;position:relative}.shome[data-server-accent] .shome__hero{background:radial-gradient(90% 160% at 100% 0%, color-mix(in srgb, var(--accent) 18%, transparent) 0, transparent 60%), var(--surface-2)}.shome__hero--cinematic.shome__hero--banner{--banner-height:320px}.shome__hero--cinematic .shome__banner{-webkit-mask-image:linear-gradient(#000 0 45%,#00000080 75%,#0000 100%);mask-image:linear-gradient(#000 0 45%,#00000080 75%,#0000 100%)}.shome__hero--cinematic .shome__title h1{font-size:calc(var(--text-2xl) * 1.4)}.shome__hero--banner.has-tone,.shome[data-server-accent] .shome__hero--banner.has-tone{background:var(--banner-tone)}.shome__hero--banner[data-banner-tone=dark]{--text:#f4f6fa;--text-muted:#f4f6fac7;--text-faint:#f4f6fa99;--surface-3:#00000052;--hover:#ffffff24;color:var(--text)}.shome__hero--banner[data-banner-tone=light]{--text:#10141c;--text-muted:#10141cbd;--text-faint:#10141c8f;--surface-3:#ffffff8c;--hover:#00000014;color:var(--text)}@media (width<=960px){.shome__grid{grid-template-columns:minmax(0,1fr)}}@media (width<=720px){.shome,.shome__hero{padding:var(--space-4)}.shome__live-room{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.shome__pulse[data-on=true]{animation:none}}.room-screen{grid-template-columns:var(--sidebar-width) minmax(0, 1fr) var(--friends-width,342px);gap:var(--space-2);height:100%;padding:0 var(--space-2) var(--space-2);display:grid}.room-screen__main,.panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;min-height:0;display:flex;overflow:hidden}.panel__section-title{padding:var(--space-4) var(--space-4) var(--space-2);color:var(--text-faint);font-size:var(--text-xs);font-weight:var(--weight-strong);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;display:flex}@media (width<=1100px){.room-screen{grid-template-columns:var(--sidebar-width) minmax(0, 1fr)}.room-screen>.friends-panel{display:none}}@media (width<=720px){.room-screen{grid-template-columns:minmax(0,1fr);padding:0 6px 6px}.room-screen--list .room-screen__main,.room-screen--room>.sidebar{display:none}}.link-stats{gap:var(--space-2);padding:var(--space-2) var(--space-3);flex-direction:column;display:flex}.link-stats h3{color:var(--text-faint);font-size:var(--text-xs);font-weight:var(--weight-strong);margin:0}.link-stats dl{gap:var(--space-1) var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.link-stats dl>div{justify-content:space-between;gap:var(--space-2);font-size:var(--text-sm);display:flex}.link-stats dt{color:var(--text-muted)}.link-stats dd{color:var(--text);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;margin:0}.link-stats [data-tone=good] dd{color:var(--tone-voice)}.link-stats [data-tone=fair] dd{color:var(--tone-caution)}.link-stats [data-tone=bad] dd{color:var(--tone-danger)}.link-stats__verdict{color:var(--text-muted);font-size:var(--text-xs);margin:0}.link-stats__e2ee{padding-top:var(--space-2);border-top:1px solid var(--border);font-size:var(--text-sm);flex-direction:column;gap:2px;display:flex}.link-stats__e2ee strong{color:var(--tone-voice)}.link-stats__e2ee[data-ready=false] strong{color:var(--tone-caution)}.link-stats__e2ee span{color:var(--text-muted)}.link-stats__e2ee code{color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:.04em}.link-stats__e2ee small{color:var(--text-faint);font-size:var(--text-xs)}.status-pop{--status-ring:var(--popover);z-index:var(--z-menu);border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--popover);width:min(340px,100vw - 16px);max-height:calc(100vh - 16px);box-shadow:var(--float-shadow);animation:pop-in var(--dur-med) var(--ease-out) both;flex-direction:column;padding:6px;display:flex;position:fixed;overflow-y:auto}.status-pop__line{gap:var(--space-2);padding:var(--space-2);flex-direction:column;display:flex}.status-pop__label{color:var(--text-faint);font-size:var(--text-xs);font-weight:var(--weight-medium)}.status-pop__field{height:var(--control-md);border:1px solid var(--input-border);border-radius:var(--radius-md);background:var(--input-bg);transition:border-color var(--dur-fast);align-items:center;gap:2px;padding:0 4px;display:flex}.status-pop__field:focus-within{border-color:var(--input-border-focus);background:var(--input-focus)}.status-pop__emoji{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-faint);transition:background var(--dur-fast), color var(--dur-fast);background:0 0;border:0;flex:none;place-items:center;padding:0;font-size:18px;line-height:1;display:grid}.status-pop__emoji:hover,.status-pop__emoji[aria-expanded=true]{background:var(--hover);color:var(--text-hover)}.status-pop__input{min-width:0;height:100%;color:var(--text);font:inherit;font-size:var(--text-sm);background:0 0;border:0;outline:none;flex:1;padding:0 4px}.status-pop__input::placeholder{color:var(--text-faint)}.status-pop__clear{flex:none;width:28px;height:28px}.status-pop__line .emoji-picker{width:100%;position:static}.status-pop__after{align-items:center;gap:var(--space-2);display:flex}.status-pop__after-label{align-items:center;gap:var(--space-2);min-width:0;color:var(--text-muted);font-size:var(--text-sm);flex:1;display:flex}.status-pop__after-label .select{min-width:0;height:var(--control-sm);font-size:var(--text-sm);flex:1}.status-pop__after .btn{height:var(--control-sm)}.status-pop__sep{background:var(--border);height:1px;margin:4px 2px}.status-pop__choices{flex-direction:column;display:flex}.status-pop__row{align-items:center;gap:var(--space-3);width:100%;min-height:48px;padding:6px var(--space-2);border-radius:var(--radius-sm);color:var(--text);font:inherit;text-align:start;cursor:pointer;transition:background var(--dur-fast);background:0 0;border:0;display:flex}.status-pop__row:hover:not(:disabled),.status-pop__row:focus-visible{background:var(--hover)}.status-pop__row:focus-visible,:root[data-tabbing] .status-pop__row:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.status-pop__row:disabled{cursor:default}.status-pop__row .status-mark{width:12px;height:12px}.status-pop__what{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.status-pop__what strong{font-size:var(--text-sm);font-weight:var(--weight-medium)}.status-pop__what span{color:var(--text-faint);font-size:var(--text-xs);line-height:1.35}.status-pop__check{color:var(--text-muted);flex:none}.status-pop__chevron{color:var(--text-faint);transition:transform var(--dur-fast) var(--ease-out);flex:none}.status-pop__chevron.is-open{transform:rotate(180deg)}.status-pop__durations{padding:2px var(--space-2) var(--space-2) calc(var(--space-2) + 12px + var(--space-3));flex-wrap:wrap;gap:6px;display:flex}.status-pop__duration{height:28px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-2);color:var(--text-muted);font:inherit;font-size:var(--text-xs);cursor:pointer;transition:border-color var(--dur-fast), color var(--dur-fast)}.status-pop__duration:hover:not(:disabled){border-color:var(--tone-danger);color:var(--text-hover)}.status-pop__row--plain{min-height:36px;color:var(--text-muted);font-size:var(--text-sm)}.status-pop__row--plain svg{flex:none}.vbar{align-items:center;gap:var(--space-4);height:64px;margin:0 var(--space-2) var(--space-2);padding:0 var(--space-3) 0 var(--space-2);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);flex:none;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.vbar__nav,.vbar__controls{gap:var(--space-1);display:flex}.vbar__controls{justify-content:center}.vbar__me{justify-content:flex-end;align-items:center;gap:var(--space-3);min-width:0;display:flex}.vbar__text{flex-direction:column;align-items:flex-end;min-width:0;line-height:1.3;display:flex}.vbar__text strong{max-width:100%;font-size:var(--text-md);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.vbar__text>.vbar__name{min-width:0;max-width:100%;color:var(--text);font-size:inherit;align-items:baseline;gap:6px;display:flex;overflow:hidden}.vbar__name strong{min-width:0}.vbar__plus{vertical-align:-3px;margin-block:-3px;margin-inline-start:2px;display:inline-flex}.vbar__handle{color:var(--text-faint);font-size:var(--text-xs);font-weight:var(--weight-medium);flex:none}.vbar__text>span:not(.vbar__name){max-width:100%;color:var(--text-faint);font-size:var(--text-xs);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;display:flex;overflow:hidden}.vbar__conn{--state:var(--tone-voice)}.vbar__whisper{min-width:0;color:var(--tone-info);font-weight:var(--weight-strong);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;display:inline-flex;overflow:hidden}.vbar__text>.vbar__conn--connecting,.vbar__text>.vbar__conn--reconnecting{--state:var(--tone-caution)}.vbar__state{color:var(--state);font-weight:var(--weight-strong);align-items:center;gap:6px;display:inline-flex}.vbar__state:before{background:var(--state);content:"";border-radius:50%;width:7px;height:7px}.vbar__conn--connecting .vbar__state:before,.vbar__conn--reconnecting .vbar__state:before{animation:1.2s ease-in-out infinite vbar-wait}@keyframes vbar-wait{50%{opacity:.35}}.vbar__part{color:var(--text-muted);text-overflow:ellipsis;overflow:hidden}.vbar__state:empty{gap:0}.vbar__state:empty+.vbar__part:before{content:none}.vbar__state+.vbar__part{color:var(--text);font-weight:var(--weight-medium)}.vbar__part:before{color:var(--text-faint);content:"·";margin-inline-end:6px}.vbar__conn .quality{margin-inline-start:2px}@media (prefers-reduced-motion:reduce){.vbar__state:before{animation:none}}.vbar__btn{min-width:64px;height:48px;padding:0 var(--space-2);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--text-2xs);font-weight:var(--weight-medium);white-space:nowrap;transition:background var(--dur-fast), color var(--dur-fast);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:inline-flex;position:relative}.vbar__btn>svg,.vbar__btn>span:not(.vbar__badge):not(.viewer-badge){color:color-mix(in srgb, var(--lens-color,var(--text-hover)) calc(var(--lens,0) * 100%), currentColor)}.vbar__btn>svg{transform:scale(calc(1 + var(--lens,0) * .16));transform-origin:50% 60%}.vbar__btn:disabled{opacity:.4}.vbar__btn.is-current{color:var(--text-hover)}.vbar__btn.is-current:after{background:var(--text-hover);content:"";border-radius:1px;width:16px;height:2px;position:absolute;bottom:3px}.vbar__btn.is-off{--lens-color:var(--tone-danger);color:var(--tone-danger)}.vbar__btn.is-on{color:var(--tone-info)}.vbar__split{border-radius:var(--radius-md);align-items:stretch;display:inline-flex}.vbar__split .vbar__btn--share{border-start-end-radius:0;border-end-end-radius:0}.vbar__arrow{width:18px;height:48px;color:var(--text-faint);transition:background var(--dur-fast), color var(--dur-fast);border-start-end-radius:var(--radius-md);border-end-end-radius:var(--radius-md)}.vbar__arrow:hover,.vbar__arrow.is-open{color:var(--text-hover)}.vbar__split.is-on .vbar__arrow{color:var(--tone-info)}.vbar__viewers{border:2px solid var(--surface);height:19px;position:absolute;top:2px;left:calc(50% + 4px)}.vbar__btn--staff{color:color-mix(in srgb, var(--owner) 75%, var(--text-muted))}.vbar__btn--staff.is-current{color:var(--owner)}.vbar__btn--staff.is-current:after{background:var(--owner)}.vbar__btn--leave{--lens-color:var(--danger)}.vbar__sound:not(.is-off)[data-hearing=true]>svg{color:var(--tone-voice)}.vbar__mic>svg{position:relative}.vbar__mic[data-speaking=true]>svg{color:var(--tone-voice)}.vbar__bars{width:48px;height:22px;color:var(--tone-voice);pointer-events:none;position:absolute;top:4px;left:50%;transform:translate(-50%)}@media (width<=1100px){.vbar__btn>span:not(.vbar__badge):not(.viewer-badge){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.vbar__btn{min-width:44px}}@media (width<=720px){.vbar{height:auto;min-height:58px;margin:0 6px calc(6px + var(--safe-bottom));justify-content:space-between;gap:4px;padding:4px 6px;display:flex}.vbar__text{display:none}.vbar__btn{min-width:38px;height:46px;padding:0 4px}.vbar__nav,.vbar__controls{gap:0}.vbar__controls{flex:auto;min-width:0}}@media (width<=380px){.vbar__btn{min-width:34px;padding:0 2px}}@media (width<=340px){.vbar__btn{min-width:30px;padding:0}}@media (width<=720px){[data-keyboard=open] .vbar{display:none}}.vbar__self{align-items:center;gap:var(--space-3);min-width:0;border-radius:var(--radius-md);color:inherit;font:inherit;text-align:end;cursor:pointer;transition:background var(--dur-fast);background:0 0;border:0;padding:4px;padding-inline-start:var(--space-2);display:flex}.vbar__self:hover,.vbar__self.is-open{color:var(--text-hover)}.vbar__avatar{border-radius:50%;flex:none;display:inline-flex}.vbar__badge{border:2px solid var(--surface);border-radius:var(--radius-full);background:var(--danger-fill);min-width:17px;height:17px;color:var(--on-fill);font-size:var(--text-2xs);font-weight:var(--weight-strong);place-items:center;padding:0 4px;line-height:1;display:inline-grid;position:absolute;top:3px;left:calc(50% + 6px)}.staff-notice{--tone:var(--tone-caution);align-items:flex-start;gap:var(--space-3);display:flex}.staff-notice[data-kind=mute]{--tone:var(--tone-danger)}.staff-notice>svg{color:var(--tone);flex:none}.staff-notice p{margin:0 0 var(--space-2);color:var(--text-muted);line-height:1.5}.staff-notice blockquote{padding:var(--space-2) var(--space-3);border-left:3px solid var(--tone);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);overflow-wrap:anywhere;white-space:pre-wrap;margin:0}.staff-notice__meta{margin-top:var(--space-2);color:var(--text-faint);font-size:var(--text-xs);display:block}.drag-ghost{z-index:var(--z-menu);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-elevated);max-width:220px;color:var(--text);font-size:var(--text-sm);font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;pointer-events:none;opacity:.8;padding:5px 10px;position:fixed;top:0;left:0;overflow:hidden}.drag-ghost--over{border-color:var(--accent);opacity:1}body.is-dragging,body.is-dragging *{cursor:grabbing;-webkit-user-select:none;user-select:none}:root{--font:"Plus Jakarta Sans", "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;--font-display:"Plus Jakarta Sans", "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;--font-scale:1;--text-2xs:calc(10.5px * var(--font-scale));--text-xs:calc(11px * var(--font-scale));--text-sm:calc(12.5px * var(--font-scale));--text-md:calc(14px * var(--font-scale));--text-lg:calc(16px * var(--font-scale));--text-xl:calc(20px * var(--font-scale));--text-2xl:calc(28px * var(--font-scale));--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-xs:4px;--radius-sm:9px;--radius-md:14px;--radius-lg:22px;--radius-full:999px;--border-hover:color-mix(in srgb, var(--text) 18%, var(--border-strong));--control-sm:32px;--control-md:40px;--control-lg:46px;--tabbar-bg:var(--surface-2);--titlebar-height:40px;--sidebar-width:312px;--bottom-bar-space:80px;--safe-top:var(--safe-area-inset-top,env(safe-area-inset-top,0px));--safe-bottom:var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px));--safe-left:var(--safe-area-inset-left,env(safe-area-inset-left,0px));--safe-right:var(--safe-area-inset-right,env(safe-area-inset-right,0px));--layer-top:calc(var(--safe-top) + var(--titlebar-height));--layer-bottom:calc(var(--bottom-bar-space) + var(--safe-bottom) + var(--viewport-gap,0px));--z-panel:40;--z-stage:60;--z-cover:70;--z-float:75;--z-modal:80;--z-menu:90;--z-toast:100;--accent:#1d9bf0;--accent-strong:#1a8cd8;--accent-contrast:#fff;--focus-ring:var(--accent);--danger:#f06a6a;--danger-soft:#f06a6a24;--warning:#f2b654;--success:var(--tone-voice);--speaking:var(--tone-voice);--owner:var(--tone-owner);--accent-2:#4f6ef7;--tone-voice:#3ccf8e;--tone-info:#5b9cf5;--voice-wave-1:#22d3ee;--voice-wave-2:#0ea5e9;--voice-wave-3:#2dd4bf;--tone-plan:#a78bfa;--tone-caution:#f2b654;--tone-danger:#f06a6a;--tone-owner:#f5bf4f;--danger-fill:#d23c3c;--info-fill:#2f6fd6;--plan-fill:#7c5ce0;--voice-fill:#167f50;--on-fill:#fff;--avatar-ink:#0b0c0f;--tone-pin:#f59a4a;--role-blue:#6ea8ff;--role-sky:#5cc8f0;--role-teal:#3fd0b5;--role-green:#5fd48a;--role-lime:#b5dd5a;--role-gold:#f2c94c;--role-orange:#ff9f5a;--role-red:#ff7a7a;--role-violet:#b69cff;--role-indigo:#949fff;--role-slate:#a9b4c6;--role-sand:#d9b98c;--role-ice:#a9d8ff;--role-cyan:#4fd9e6;--role-mint:#7be0c0;--role-emerald:#34c77b;--role-olive:#a8bd5c;--role-amber:#ffb547;--role-coral:#ff8b6b;--role-crimson:#ff6170;--role-purple:#c58cff;--role-navy:#8aa6e6;--role-brown:#c99a6c;--role-silver:#d2d9e3;--stage-bg:#0a0b0e;--stage-surface:#0f1115;--stage-text:#e6e8ec;--stage-muted:#c4c9d2;--stage-faint:#8b93a1;--stage-line:#ffffff12;--stage-caution:color-mix(in srgb, var(--tone-caution) 75%, white);--stage-plan:color-mix(in srgb, var(--tone-plan) 75%, white);--stage-danger:color-mix(in srgb, var(--tone-danger) 75%, white)}[data-tone=voice]{--tone:var(--tone-voice)}[data-tone=info]{--tone:var(--tone-info)}[data-tone=plan]{--tone:var(--tone-plan)}[data-tone=caution]{--tone:var(--tone-caution)}[data-tone=danger]{--tone:var(--tone-danger)}[data-tone=owner]{--tone:var(--tone-owner)}[data-role-color=blue]{--role:var(--role-blue)}[data-role-color=sky]{--role:var(--role-sky)}[data-role-color=teal]{--role:var(--role-teal)}[data-role-color=green]{--role:var(--role-green)}[data-role-color=lime]{--role:var(--role-lime)}[data-role-color=gold]{--role:var(--role-gold)}[data-role-color=orange]{--role:var(--role-orange)}[data-role-color=red]{--role:var(--role-red)}[data-role-color=violet]{--role:var(--role-violet)}[data-role-color=indigo]{--role:var(--role-indigo)}[data-role-color=slate]{--role:var(--role-slate)}[data-role-color=sand]{--role:var(--role-sand)}[data-role-color=ice]{--role:var(--role-ice)}[data-role-color=cyan]{--role:var(--role-cyan)}[data-role-color=mint]{--role:var(--role-mint)}[data-role-color=emerald]{--role:var(--role-emerald)}[data-role-color=olive]{--role:var(--role-olive)}[data-role-color=amber]{--role:var(--role-amber)}[data-role-color=coral]{--role:var(--role-coral)}[data-role-color=crimson]{--role:var(--role-crimson)}[data-role-color=purple]{--role:var(--role-purple)}[data-role-color=navy]{--role:var(--role-navy)}[data-role-color=brown]{--role:var(--role-brown)}[data-role-color=silver]{--role:var(--role-silver)}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ground:#000;--bg:#08090a;--bg-elevated:#101113;--surface:#101113;--surface-2:#191b1e;--surface-3:#23252a;--popover:#26282d;--float-shadow:0 16px 36px -18px #0000008c;--hover:#ffffff0e;--active:#ffffff16;--tabbar-selected:#2d3035;--tint:14%;--border:#1c1e21;--border-strong:#2b2e33;--text:#e6e7e9;--text-muted:#a7aab0;--text-faint:#8a8d94;--text-hover:#fff;--input-bg:#050506;--input-focus:#0b0c0e;--input-border:#2b2e33;--input-border-focus:#3a3d44;--overlay:#000000ad;--accent:#1d9bf0;--accent-strong:#4cb1f4;--accent-contrast:#fff;--accent-soft:#1d9bf024;--accent-line:#1d9bf080;--accent-2:#5b7cf7;--warning-soft:#f2b65424;--bubble-own:#1f2226;--bubble-own-text:#eceef0;--weight-regular:400;--weight-medium:500;--weight-strong:600}html[data-theme]{--border:transparent;--border-strong:transparent;--border-hover:transparent;--control-line:color-mix(in srgb, var(--text) 28%, transparent)}@media (width<=1000px){:root{--sidebar-width:232px}}@media (width<=720px){:root{--bottom-bar-space:64px}:root[data-keyboard=open]{--layer-bottom:var(--viewport-gap,0px)}}[data-server-accent]{--accent-soft:color-mix(in srgb, var(--accent) 15%, transparent);--accent-line:color-mix(in srgb, var(--accent) 50%, transparent);--active:color-mix(in srgb, var(--accent) 14%, transparent);--focus-ring:var(--accent)}[data-server-accent=gold]{--accent:#f0b44c;--accent-strong:#f7c96f;--accent-contrast:#241703}[data-server-accent=orange]{--accent:#fb923c;--accent-strong:#fdba74;--accent-contrast:#2a1203}[data-server-accent=red]{--accent:#f87171;--accent-strong:#fca5a5;--accent-contrast:#2a0707}[data-server-accent=violet]{--accent:#a78bfa;--accent-strong:#c4b5fd;--accent-contrast:#1a0b3d}[data-server-accent=indigo]{--accent:#818cf8;--accent-strong:#a5b4fc;--accent-contrast:#0d1240}[data-server-accent=blue]{--accent:#60a5fa;--accent-strong:#93c5fd;--accent-contrast:#061a3a}[data-server-accent=cyan]{--accent:#22d3ee;--accent-strong:#67e8f9;--accent-contrast:#032a33}[data-server-accent=teal]{--accent:#2dd4bf;--accent-strong:#5eead4;--accent-contrast:#032420}[data-server-accent=green]{--accent:#4ade80;--accent-strong:#86efac;--accent-contrast:#052e16}[data-server-accent=lime]{--accent:#a3e635;--accent-strong:#bef264;--accent-contrast:#1a2e05}[data-server-accent=silver]{--accent:#cbd5e1;--accent-strong:#e2e8f0;--accent-contrast:#111827}*,:before,:after{box-sizing:border-box}@font-face{font-family:MODeep Emoji;src:local(Segoe UI Emoji),local(Apple Color Emoji),local(Noto Color Emoji);size-adjust:125%;unicode-range:U+A9,U+AE,U+200D,U+203C,U+2049,U+2122,U+2139,U+2194-2199,U+21A9-21AA,U+231A-231B,U+2328,U+23CF,U+23E9-23F3,U+23F8-23FA,U+24C2,U+25AA-25AB,U+25B6,U+25C0,U+25FB-25FE,U+2600-27BF,U+2934-2935,U+2B05-2B07,U+2B1B-2B1C,U+2B50,U+2B55,U+3030,U+303D,U+3297,U+3299,U+FE0F,U+1F000-1FAFF,U+E0020-E007F}html,body,#root{height:100%;margin:0}html[data-brightness=dim]:after{z-index:2147483647;opacity:calc(1 - var(--brightness));content:"";pointer-events:none;background:#000;position:fixed;inset:0}html[data-brightness=bright]:after{z-index:2147483647;background:var(--brightness-dodge);mix-blend-mode:color-dodge;content:"";pointer-events:none;position:fixed;inset:0}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html[data-saturation] body{filter:saturate(var(--saturation))}html[data-underline-links] .msg a,html[data-underline-links] .note__text a,html[data-underline-links] .profile a{text-underline-offset:2px;text-decoration:underline}html[data-motion=reduce]:not(#\#):not(#\#) *,html[data-motion=reduce]:not(#\#):not(#\#) :before,html[data-motion=reduce]:not(#\#):not(#\#) :after{scroll-behavior:auto;transition-duration:1ms;animation-duration:1ms;animation-iteration-count:1}h1,h2,h3,h4,h5,h6,strong,b,th{font-weight:var(--weight-strong)}body{background:var(--ground,var(--bg));color:var(--text);font-family:var(--font);font-size:var(--text-md);font-weight:var(--weight-regular);word-spacing:.08em;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;line-height:1.5;overflow:hidden}button,input,textarea,select{word-spacing:inherit}@media (prefers-color-scheme:light){html:not([data-theme]) body{background:#eef1f4}}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}input,textarea{-webkit-user-select:text;user-select:text}:focus-visible{outline:none}:root[data-tabbing] :focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}::selection{background:var(--accent-soft)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:var(--radius-full);background-clip:padding-box;border:3px solid #0000}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}::-webkit-scrollbar-button{background:0 0;display:none}::-webkit-scrollbar-corner{background:0 0;display:none}@supports not selector(::-webkit-scrollbar){html{scrollbar-color:var(--surface-3) transparent;scrollbar-width:thin}}.app{height:100%;height:var(--app-height,100dvh);padding-top:var(--safe-top);padding-left:var(--safe-left);padding-right:var(--safe-right);flex-direction:column;display:flex}.app__main{flex:1;min-height:0;display:flex}.app__body{flex:1;min-width:0;min-height:0}:root{--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-soft:cubic-bezier(.4, 0, .2, 1);--ease-spring:var(--ease-out);--ease-press:cubic-bezier(.3, 1.3, .6, 1);--dur-fast:.11s;--dur-med:.17s;--dur-slow:.22s}@media (prefers-reduced-motion:reduce){:root{--dur-fast:0s;--dur-med:0s;--dur-slow:0s}}@keyframes fade-in{0%{opacity:0}}@keyframes rise-in{0%{opacity:0;transform:translateY(6px)}}@keyframes pop-in{0%{opacity:0;transform:scale(.97)}}@keyframes surface-in{0%{opacity:0;transform:translateY(6px)}}@keyframes screen-out{to{opacity:0}}@keyframes screen-in{0%{opacity:0}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-6px)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(8px)}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@keyframes speaking-pulse{50%{opacity:.45}}.auth{animation:fade-in var(--dur-med) var(--ease-out)}.modal{animation:surface-in var(--dur-med) var(--ease-out)}.modal-backdrop{animation:fade-in var(--dur-fast) var(--ease-soft)}.ctx-menu{transform-origin:0 0;animation:pop-in var(--dur-fast) var(--ease-out)}.toast{animation:toast-in var(--dur-med) var(--ease-out)}::view-transition-old(root){animation:screen-out var(--dur-med) var(--ease-soft) both}::view-transition-new(root){animation:screen-in var(--dur-med) var(--ease-out) both}.titlebar{view-transition-name:titlebar}.vbar{view-transition-name:bottom-bar}::view-transition-group(titlebar){animation-duration:var(--dur-fast)}::view-transition-group(bottom-bar){animation-duration:var(--dur-fast)}.hub__recent-open,.upcoming button,.modes__card{transition:border-color var(--dur-fast) var(--ease-soft), background var(--dur-fast) var(--ease-soft)}.hub__recent-open:hover:not(:disabled),.upcoming button:hover,.modes__card:hover,.hub__recent-open:focus-visible,.upcoming button:focus-visible,.modes__card:focus-visible{border-color:var(--border-hover)}.avatar--speaking:after{animation:1.2s ease-in-out infinite speaking-pulse}.btn,.icon-btn,.vbar__btn{transition:background var(--dur-fast) var(--ease-soft), color var(--dur-fast) var(--ease-soft), border-color var(--dur-fast) var(--ease-soft), box-shadow var(--dur-fast) var(--ease-soft), opacity var(--dur-fast) var(--ease-soft), transform var(--dur-med) var(--ease-press)}.btn:active:not(:disabled),.icon-btn:active:not(:disabled),.vbar__btn:active:not(:disabled){transition-duration:60ms;transform:scale(.96)}.chat__tabs button,.segmented button,.friends-panel__tabs button,.settings__nav button{transition:background var(--dur-fast) var(--ease-soft), color var(--dur-fast) var(--ease-soft), box-shadow var(--dur-fast) var(--ease-soft)}.msg--fresh .msg__bubble{transform-origin:0 100%;animation:pop-in var(--dur-med) var(--ease-out)}.msg--own.msg--fresh .msg__bubble{transform-origin:100% 100%}.messages__new{animation:toast-in var(--dur-fast) var(--ease-out)}.chat__pins,.chat__banner{animation:rise-in var(--dur-fast) var(--ease-out)}@media (prefers-reduced-motion:reduce){.avatar--speaking:after,.titlebar__dot,.typing__dots i{animation:none}}