:root{--surface-base:#fff;--surface-sunk:color-mix(in srgb, var(--surface-color) 4%, #fff);--surface-background:color-mix(in srgb, var(--surface-color) 10%, #fff);--surface-warning:#fff8d6;--surface-info:#e8eef8;--surface-error:#c20;--surface-success:#1a7a40;--text-base:#0a1836;--text-sunk:#0a1836;--text-background:#0a1836;--text-warning:#7a5800;--text-info:#0a1836;--text-error:#fff;--text-success:#fff;--link-base:#05c;--link-sunk:#05c;--link-background:#05c;--link-warning:#05c;--link-error:#fff;--link-success:#fff;--border:#b4c4e0;--shadow-drop:0 4px 12px #0014501f;--shadow-shell:0 0 40px #0014501f;--surface-color:#039;--surface-color-soft:#dce6f7;--surface-color-highlight:#fc0;--text-color:#fff;--text-color-soft:#039;--text-color-highlight:#0a1836;--link-color:#fff;--link-color-soft:#05c;--link-color-highlight:#039;--focus:#05c}:root[data-mode=dark]{--surface-base:#1a1d23;--surface-sunk:color-mix(in srgb, var(--surface-color) 6%, #13161b);--surface-background:color-mix(in srgb, var(--surface-color) 8%, #0a0c10);--surface-warning:#5e4a14;--surface-info:#1a1d23;--surface-error:#ff5147;--surface-success:#3aa05a;--text-base:#e8eaef;--text-sunk:#c4c8d0;--text-background:#e8eaef;--text-warning:#ffd680;--text-info:#e8eaef;--text-error:#fff;--text-success:#fff;--link-base:#6da7ff;--link-sunk:#6da7ff;--link-background:#6da7ff;--link-warning:#6da7ff;--link-error:#fff;--link-success:#fff;--border:#2c323d;--shadow-drop:0 4px 12px #0006;--shadow-shell:0 0 40px #00000080}:root[data-flavor=forest]{--surface-color:#2f6b3a;--surface-color-soft:#d4e5cd;--surface-color-highlight:#e8a23c;--text-color-soft:#2f6b3a;--text-color-highlight:#1a2818;--link-color-soft:#2f6b3a;--link-color-highlight:#1a2818;--focus:#2f6b3a}:root[data-flavor=rose]{--surface-color:#b03b5e;--surface-color-soft:#f1d5dc;--surface-color-highlight:#e8b820;--text-color-soft:#b03b5e;--text-color-highlight:#2a1419;--link-color-soft:#b03b5e;--link-color-highlight:#2a1419;--focus:#b03b5e}:root[data-flavor=plum]{--surface-color:#6b3491;--surface-color-soft:#e2d4ef;--surface-color-highlight:#ffc14d;--text-color-soft:#6b3491;--text-color-highlight:#221532;--link-color-soft:#6b3491;--link-color-highlight:#221532;--focus:#6b3491}:root[data-flavor=slate]{--surface-color:#2c3e50;--surface-color-soft:#d1d8e1;--surface-color-highlight:#18a3a8;--text-color-soft:#2c3e50;--text-color-highlight:#fff;--link-color-soft:#2c3e50;--link-color-highlight:#fff;--focus:#18a3a8}:root[data-mode=dark]{--surface-color:#5b8dff;--surface-color-soft:#1f2a45;--text-color-soft:#aac4ff;--link-color-soft:#aac4ff;--link-color-highlight:#1a1d23;--focus:#6da7ff}:root[data-mode=dark][data-flavor=forest]{--surface-color:#66c878;--surface-color-soft:#1a3320;--surface-color-highlight:#f0b860;--text-color-soft:#b6e0ba;--text-color-highlight:#1a2818;--link-color-soft:#b6e0ba;--link-color-highlight:#1a2818;--focus:#66c878}:root[data-mode=dark][data-flavor=rose]{--surface-color:#e87a98;--surface-color-soft:#3a1a23;--surface-color-highlight:#ffd24a;--text-color-soft:#f0bccc;--text-color-highlight:#2a1419;--link-color-soft:#f0bccc;--link-color-highlight:#2a1419;--focus:#e87a98}:root[data-mode=dark][data-flavor=plum]{--surface-color:#b48bd6;--surface-color-soft:#2a1a3a;--surface-color-highlight:#ffd24a;--text-color-soft:#e0c4f0;--text-color-highlight:#221532;--link-color-soft:#e0c4f0;--link-color-highlight:#221532;--focus:#b48bd6}:root[data-mode=dark][data-flavor=slate]{--surface-color:#7a93ad;--surface-color-soft:#1a2030;--surface-color-highlight:#3dd4d8;--text-color-soft:#c4d4e0;--text-color-highlight:#fff;--link-color-soft:#c4d4e0;--link-color-highlight:#fff;--focus:#3dd4d8}@media (prefers-contrast:more){:root{--border:#000;--focus:var(--text-base)}}:where(.button){font:inherit;cursor:pointer;border:0;border-radius:.5em;justify-content:center;align-items:center;gap:.5em;padding:.625em 1.25em;font-weight:600;transition:transform .12s,box-shadow .12s;display:inline-flex}.button:hover{box-shadow:var(--shadow-drop);transform:translateY(-1px)}.button:active{box-shadow:none;transform:translateY(0)}:where(.text-button){font:inherit;color:var(--link-base);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline;display:inline}:where(.icon-button){color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:.375em;justify-content:center;align-items:center;padding:.4em;display:inline-flex}.icon-button:hover{background-color:var(--surface-sunk)}.fab{cursor:pointer;width:3.5em;height:3.5em;box-shadow:var(--shadow-drop);border:0;border-radius:50%;justify-content:center;align-items:center;transition:transform .12s,box-shadow .12s;display:inline-flex}.fab:hover{transform:translateY(-2px)}.fab:active{transform:translateY(0)}.fab-stack{right:1rem;bottom:calc(3.5rem + 1.5rem + env(safe-area-inset-bottom,0px));z-index:90;flex-direction:column;gap:.75rem;display:flex;position:fixed}@media not all and (width>=60rem){.community-split[data-mode=detail]>.fab-stack,.chats-shell[data-mode=detail]>.fab-stack,.profile-split[data-mode=detail]>.fab-stack,.feeds-split[data-mode=detail]>.fab-stack{display:none}}@media (width>=60rem){.community-split>.fab-stack,.chats-shell>.fab-stack,.profile-split>.fab-stack,.feeds-split>.fab-stack{left:1rem;right:auto;bottom:calc(var(--sp-3) + env(safe-area-inset-bottom,0px));flex-direction:row;font-size:.875em}}:where(.action-item){min-height:3.5em;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:.25em;padding:.5em .75em;text-decoration:none;display:inline-flex}:where(.action-item)>svg{font-size:1.5em}.avatar{color:#fff;object-fit:cover;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.5em;height:2.5em;font-weight:600;display:inline-flex;overflow:hidden}.badge{border:1px solid var(--border);background-color:var(--surface-color-soft);color:var(--text-color-soft);overflow-wrap:anywhere;border-radius:9999px;align-items:center;gap:.375em;min-width:0;max-width:100%;padding:.25em .75em;font-weight:500;line-height:1.2;display:inline-flex}:where(.pill){border:1px solid var(--border);background:var(--surface-base);color:var(--text-base);font:inherit;cursor:pointer;border-radius:9999px;align-items:center;padding:.375em 1em;transition:background-color .12s;display:inline-flex}.spinner{width:1em;height:1em;animation:.8s linear infinite spinner-rotate}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.empty-state{text-align:center;color:var(--text-base);opacity:.6;padding:3rem 1rem}.progress{border-radius:9999px;width:100%;height:.375em;display:block;overflow:hidden}.progress>div{height:100%;width:var(--progress-value,0%);border-radius:inherit;transition:width .2s;display:block}.progress:has(>span){background:0 0;gap:.25em;display:flex;overflow:visible}.progress>span{border-radius:9999px;flex:1;height:100%}.dialog-backdrop{z-index:1000;background:#00145066;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.dialog{background:var(--surface-base);width:100%;max-width:28rem;color:var(--text-base);border-radius:.75rem;padding:1.5rem;box-shadow:0 1.25rem 3.75rem #0014504d}p{margin:0}.mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.long-text{white-space:pre-wrap;max-width:60ch;line-height:1.6}.meta-text{opacity:.65}.hstack>.expand{flex:1;min-width:0}.vstack>.expand{flex:1;min-height:0}.small{font-size:.875em}.big{font-size:1.25em}.shadow{box-shadow:var(--shadow-drop)}.base{color:var(--text-base);background-color:var(--surface-base)}.background{color:var(--text-background);background-color:var(--surface-background)}.sunk{color:var(--text-sunk);background-color:var(--surface-sunk)}.color{color:var(--text-color);background-color:var(--surface-color)}.color-highlight{color:var(--text-color-highlight);background-color:var(--surface-color-highlight)}.color-soft{color:var(--text-color-soft);background-color:var(--surface-color-soft)}.success{color:var(--text-success);background-color:var(--surface-success)}.warning{color:var(--text-warning);background-color:var(--surface-warning)}.info{color:var(--text-info);background-color:var(--surface-info)}.error{color:var(--text-error);background-color:var(--surface-error)}.base a{color:var(--link-base)}.background a{color:var(--link-background)}.sunk a{color:var(--link-sunk)}.color a{color:var(--link-color)}.color-highlight a{color:var(--link-color-highlight)}.color-soft a{color:var(--link-color-soft)}.success a{color:var(--link-success)}.warning a{color:var(--link-warning)}.info a{color:var(--link-info)}.error a{color:var(--link-error)}.label{flex-direction:column;gap:.375em;display:flex}.label>span:first-child{font-size:.875em;font-weight:500}.input{border:1px solid var(--border);width:100%;font:inherit;background-color:var(--surface-sunk);color:var(--text-sunk);border-radius:.5em;padding:.625em .875em;transition:border-color .12s;display:block}.input:focus{border-color:var(--focus)}textarea.input{resize:vertical;min-height:6em}select.input{cursor:pointer}input[type=color].input{cursor:pointer;height:2.5em;padding:.25em}input[type=file].input{cursor:pointer}.code{background-color:var(--surface-sunk);color:var(--text-sunk);-webkit-user-select:all;user-select:all;word-break:break-all;border-radius:.5em;padding:.75em 1em;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.image-preview{aspect-ratio:16/9;background-color:var(--surface-sunk);width:100%;color:var(--text-sunk);object-fit:cover;border-radius:.5em;display:block}.image-preview[data-empty]{opacity:.5;justify-content:center;align-items:center;font-size:1.75em;display:flex}.toggle{background-color:var(--border);cursor:pointer;border:0;border-radius:9999px;flex-shrink:0;align-items:center;width:2.75em;height:1.5em;padding:0;transition:background-color .2s;display:inline-flex;position:relative}.toggle[aria-checked=true],.toggle[data-on]{background-color:var(--surface-color);color:var(--text-color)}.toggle>span{background-color:var(--surface-base);border-radius:50%;width:1.25em;height:1.25em;transition:transform .2s;display:block;position:absolute;top:.125em;left:.125em;box-shadow:0 .0625em .1875em #00145040}:root[data-mode=dark] .toggle>span{background-color:var(--text-base)}.toggle[aria-checked=true]>span,.toggle[data-on]>span{transform:translate(1.25em)}.avatar-wrap{position:relative}.avatar-corner{box-shadow:0 0 0 2px var(--surface-base);border-radius:50%;font-size:.4em;display:inline-flex;position:absolute;bottom:-2px;right:-2px;overflow:hidden}.tile-grid{grid-template-columns:repeat(auto-fit,minmax(min(10rem,100%),1fr));gap:.75rem;max-width:44rem;margin-inline:auto;padding:.75rem 1rem;display:grid}:where(.tile){background-color:var(--surface-base);min-width:0;min-height:9em;color:var(--text-base);box-shadow:var(--shadow-drop);font:inherit;cursor:pointer;overflow-wrap:anywhere;text-align:center;border:0;border-radius:.75em;flex-direction:column;justify-content:center;align-items:center;gap:.5em;padding:1.25em 1em;font-weight:600;transition:transform .12s,box-shadow .12s;display:flex}:where(.tile):hover{transform:translateY(-2px);box-shadow:0 .5rem 1.25rem #0014502e}:where(.tile):active{transform:translateY(0)}.tile--wide{grid-column:span 2}:where(.tile)>.tile-icon{justify-content:center;align-items:center;font-size:2.25em;line-height:1;display:inline-flex}:where(.tile)>.tile-description{opacity:.7;font-size:.875em;font-weight:400}:root{--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.5rem;--sp-6:2rem}.hstack{align-items:center;gap:var(--sp-2);flex-direction:row;display:flex}.hstack--wrap{flex-wrap:wrap}.hstack>*{flex-shrink:0}.vstack{gap:var(--sp-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.vstack>*{flex-shrink:0}.hstack--pad-xs,.vstack--pad-xs{padding:var(--sp-1) var(--sp-2)}.hstack--pad-sm,.vstack--pad-sm{padding:var(--sp-2) var(--sp-3)}.hstack--pad-md,.vstack--pad-md{padding:var(--sp-2) var(--sp-4)}.hstack--pad-lg,.vstack--pad-lg{padding:var(--sp-3) var(--sp-4)}.hstack--gap-none,.vstack--gap-none{gap:0}.hstack--gap-xs,.vstack--gap-xs{gap:var(--sp-1)}.hstack--gap-sm,.vstack--gap-sm{gap:var(--sp-2)}.hstack--gap-md,.vstack--gap-md{gap:var(--sp-3)}.hstack--gap-lg,.vstack--gap-lg{gap:var(--sp-4)}*,:before,:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:17px;line-height:1.55}body{background:var(--surface-background);color:var(--text-base);margin:0}:root{--shell-sidebar-w:22rem;--r-xs:.25rem;--r-sm:.5rem;--r-md:.75rem;--r-lg:1rem;--r-pill:9999px;--r-circle:50%;--text-2xs:.6875rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--ls-tracked:.06em}.row{color:inherit;cursor:pointer;align-items:flex-start;text-decoration:none}.row time{font-size:var(--text-xs);white-space:nowrap}.row>aside{align-items:flex-end;min-width:2.5em}.row--inert{pointer-events:none;cursor:default}.split-resizer{display:none}@media (width>=60rem){.split-resizer{top:0;bottom:0;left:calc(var(--shell-sidebar-w) - 3px);cursor:ew-resize;z-index:5;background:0 0;outline:none;width:6px;transition:background-color .12s;display:block;position:fixed}.split-resizer:hover,.split-resizer:focus-visible{background-color:var(--surface-color-soft)}}.app-shell{background:var(--surface-background);min-height:100svh}[role=button]:not([disabled]):not([aria-disabled=true]){cursor:pointer}[aria-pressed=true],[aria-current=page],[aria-checked=true]{background-color:var(--surface-color-soft);color:var(--text-color-soft)}[disabled],[aria-disabled=true]{opacity:.5;cursor:not-allowed}:focus-visible{outline:.125em solid var(--focus);outline-offset:.125em}.top-bar{height:calc(56px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) var(--sp-4) 0;background:var(--surface-base);border-bottom:1px solid var(--border);z-index:100;position:fixed;top:0;left:0;right:0}.top-bar--inline{height:56px;padding:0 var(--sp-4);position:static}.top-bar h1{min-width:0;font-size:var(--text-lg);font-weight:var(--fw-semibold);text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;line-height:1.2;overflow:hidden}@media (width>=60rem){.app-shell:has(.community-split,.chats-shell,.profile-split,.feeds-split,.bridges-shell) .top-bar{left:var(--shell-sidebar-w);width:auto;right:0}.shell__content:has(.community-split,.chats-shell,.profile-split,.feeds-split,.bridges-shell){padding-top:0}:is(.shell__content:has(.community-split) .community-split,.shell__content:has(.chats-shell) .chats-shell,.shell__content:has(.profile-split) .profile-split,.shell__content:has(.feeds-split) .feeds-split,.shell__content:has(.bridges-shell) .bridges-shell){height:calc(100svh - 56px - var(--sp-3) - var(--sp-4) - env(safe-area-inset-bottom,0px))}.community-split__main,.chats-shell__main,.profile-split__main,.feeds-split__main,.bridges-shell__main{padding-top:calc(56px + env(safe-area-inset-top,0px))}.app-shell:has(.community-split,.chats-shell,.profile-split,.feeds-split,.bridges-shell) .action-card{left:calc(50% + var(--shell-sidebar-w) / 2);width:min(560px, calc(100% - var(--shell-sidebar-w) - var(--sp-5)))}.app-shell:has(.community-split,.chats-shell,.profile-split,.feeds-split,.bridges-shell):before{content:"";background:var(--border);pointer-events:none;z-index:1;position:fixed}.app-shell:has(.community-split,.chats-shell,.profile-split,.feeds-split,.bridges-shell):after{content:"";background:var(--border);pointer-events:none;z-index:1;position:fixed}.app-shell:has(.community-split,.chats-shell,.profile-split,.feeds-split,.bridges-shell):before{top:0;bottom:0;left:var(--shell-sidebar-w);width:1px}.app-shell:has(.community-split,.chats-shell,.profile-split,.feeds-split,.bridges-shell):after{left:0;right:0;bottom:calc(56px + var(--sp-3) + var(--sp-4) + env(safe-area-inset-bottom,0px));height:1px}}.skip-link{top:var(--sp-2);left:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--surface-color);color:var(--text-color);border-radius:var(--r-sm);font-size:var(--text-sm);z-index:1000;transform:translateY(calc(-100% - var(--sp-3)));text-decoration:none;transition:transform .12s;position:absolute}.skip-link:focus{outline:2px solid var(--focus);outline-offset:2px;transform:translateY(0)}.shell__content{padding-top:calc(56px + env(safe-area-inset-top,0px));padding-bottom:calc(56px + var(--sp-3) + var(--sp-4) + env(safe-area-inset-bottom,0px))}.page-stack{gap:var(--sp-2);flex-direction:column;display:flex}.page-stack--padded{padding:0 var(--sp-4)}.full-screen{min-height:100svh}.step-indicator{margin:var(--sp-3) var(--sp-3) 0;padding:var(--sp-3) var(--sp-4)}.step-indicator__caption{margin-top:var(--sp-2);text-align:center}.card{margin:var(--sp-3) auto var(--sp-4);max-width:44rem;width:calc(100% - var(--sp-3) * 2);padding:var(--sp-4);border-radius:var(--r-md);background-color:var(--surface-base);color:var(--text-base);box-shadow:var(--shadow-drop);overflow:hidden}.card--flush-content{padding:0}.tap-card,.tap-row{width:100%;min-width:0;font:inherit;color:inherit;text-align:left;cursor:pointer;overflow-wrap:anywhere;background:0 0;border:0}.tap-card{padding:0}.button-card__expanded{border-top:1px solid var(--border);background-color:var(--surface-sunk)}.card h2,.card h3,.card h4{margin:0}.card>h2{padding:0 0 var(--sp-3);font-size:var(--text-lg);font-weight:var(--fw-semibold);line-height:1.25}.card--flush-content>h2{padding:var(--sp-3) var(--sp-4) var(--sp-2)}.card h3{font-size:var(--text-base);font-weight:var(--fw-semibold);line-height:1.2}.card h4{font-size:var(--text-sm);font-weight:var(--fw-semibold);line-height:1.2}.card p{margin:0}.action-card{left:50%;bottom:calc(var(--sp-3) + env(safe-area-inset-bottom,0px));width:min(560px, calc(100% - var(--sp-5)));border-radius:var(--r-pill);z-index:100;margin:0;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 12px 32px #00000024,0 4px 12px #00000014}.action-card>*{flex:1}.auth-login h1{font-size:1.5rem}.auth-login .label>span:first-child{font-size:var(--text-base);font-weight:var(--fw-semibold)}.chats-shell{height:calc(100svh - 56px - env(safe-area-inset-top,0px) - 56px - var(--sp-3) - var(--sp-4) - env(safe-area-inset-bottom,0px));grid-template-columns:minmax(0,1fr);min-width:0;display:grid;position:relative}.chats-shell__main{min-width:0;height:100%;overflow-y:auto}.chats-shell__sidebar{min-width:0}.chats-shell[data-mode=list] .chats-shell__main,.chats-shell[data-mode=detail] .chats-shell__sidebar{display:none}@media (width>=60rem){.chats-shell{grid-template-columns:minmax(0, var(--shell-sidebar-w)) minmax(0, 1fr);overflow:hidden}.chats-shell[data-mode] .chats-shell__sidebar,.chats-shell[data-mode] .chats-shell__main{display:block}.chats-shell__sidebar{background:var(--surface-background);border-right:1px solid var(--border);height:100%;padding:var(--sp-3) 0;overflow-y:auto}}.chat-conversation{background:var(--surface-background);grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr);height:100%;min-height:0;display:grid;overflow:hidden}.chat-conversation__timeline{overscroll-behavior:contain;min-width:0;padding:var(--sp-3) var(--sp-3) var(--sp-4);gap:var(--sp-2);flex-direction:column;display:flex;position:relative;overflow:hidden auto}.chat-conversation__load-older{padding:var(--sp-2) var(--sp-3);background:var(--surface-base);color:var(--text-base);box-shadow:var(--shadow-drop);font:inherit;font-size:var(--text-sm);cursor:pointer;border:0;border-radius:9999px;align-self:center}.chat-conversation__day{margin:var(--sp-2) 0;background:var(--surface-sunk);color:var(--text-sunk);font-size:var(--text-xs);opacity:.85;border-radius:9999px;align-self:center;padding:.25em .75em}.chat-conversation__system{font-size:var(--text-xs);opacity:.65;text-align:center;align-self:center;padding:.125em .625em}.chat-conversation__empty{padding:var(--sp-4);text-align:center;opacity:.6;align-self:center;margin:auto}.chat-conversation__jump{right:var(--sp-3);bottom:var(--sp-3);background:var(--surface-color);color:var(--text-color);box-shadow:var(--shadow-drop);font:inherit;font-size:var(--text-sm);cursor:pointer;border:0;border-radius:9999px;align-items:center;gap:.375em;padding:.5em .875em;display:inline-flex;position:absolute}.message-row{align-items:flex-end}.message-row--self{justify-content:flex-end}.message-row .vstack{align-items:flex-start}.message-row--self .vstack{align-items:flex-end}.message-bubble{background:var(--surface-base);min-width:0;max-width:38rem;color:var(--text-base);border:1px solid var(--border);font-size:var(--text-base);cursor:pointer;overflow-wrap:anywhere;border-radius:1.125em;padding:.5em .75em;line-height:1.4}.message-bubble:hover{border-color:var(--surface-color-soft)}.message-bubble--self{background:var(--surface-color);color:var(--text-color);border-color:var(--surface-color)}.message-bubble--self a{color:var(--link-color)}.message-bubble--notice,.message-bubble--emote{opacity:.8;cursor:default;background:0 0;border-color:#0000;font-style:italic}.message-bubble--redacted{border:1px dashed var(--border);color:var(--text-base);opacity:.5;cursor:default;background:0 0}.message-bubble__sender{font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--surface-color);margin-bottom:.125em;display:block}.message-bubble__reply{opacity:.85;font-size:var(--text-sm);background:#0000000a;border-left:3px solid;border-radius:.25em;margin-bottom:.375em;padding:.25em .5em}.message-bubble--self .message-bubble__reply{background:#ffffff1f}.message-bubble__reply-name{font-weight:var(--fw-semibold);display:block}.message-bubble__reply-preview{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.message-bubble img,.message-bubble video,.message-bubble audio{border-radius:.5em;max-width:100%;margin:.25em 0;display:block}.message-bubble__footer{font-size:var(--text-xs);opacity:.65;align-items:center;gap:.375em;margin-top:.25em;display:flex}.reactions-row{padding:0 var(--sp-2);flex-wrap:wrap;gap:.25em;margin-top:-.25em;display:flex}.message-row--self .reactions-row{justify-content:flex-end}.reaction-chip{border:1px solid var(--border);background:var(--surface-base);color:var(--text-base);font:inherit;font-size:var(--text-xs);cursor:pointer;border-radius:9999px;align-items:center;gap:.25em;padding:.125em .5em;display:inline-flex}.reaction-chip--mine{background:var(--surface-color-soft);color:var(--text-color-soft);border-color:var(--surface-color-soft)}.message-actions{border:1px solid var(--border);background:var(--surface-base);box-shadow:var(--shadow-drop);border-radius:9999px;align-items:center;gap:.125em;margin-top:.25em;padding:.125em;display:inline-flex}.message-row--self .message-actions{align-self:flex-end}.message-actions--picker{padding:.125em .25em}.message-actions__emoji{width:2em;height:2em;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;font-size:1.125em;display:inline-flex}.message-actions__emoji:hover{background:var(--surface-sunk)}.typing-indicator{padding:0 var(--sp-3) var(--sp-2);font-size:var(--text-xs);opacity:.7;align-items:center;gap:.5em;display:flex}.typing-indicator__dots{align-items:center;gap:.125em;display:inline-flex}.typing-indicator__dots>span{background:currentColor;border-radius:50%;width:.375em;height:.375em;animation:1.2s ease-in-out infinite typing-dot}.typing-indicator__dots>span:nth-child(2){animation-delay:.15s}.typing-indicator__dots>span:nth-child(3){animation-delay:.3s}@keyframes typing-dot{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.composer{background:var(--surface-base);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0px);flex-direction:column;display:flex}.composer__strip{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border);background:var(--surface-sunk);color:var(--text-sunk);font-size:var(--text-sm);display:flex}.composer__strip-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.composer__strip-preview{white-space:nowrap;text-overflow:ellipsis;opacity:.65;overflow:hidden}.composer__form{align-items:flex-end;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);display:flex}.composer__form>textarea{resize:none;flex:1;min-width:0;max-height:8.5em;overflow-y:auto}.composer__send{flex-shrink:0}.community-split{grid-template-columns:minmax(0,1fr);min-width:0;display:grid;position:relative}.community-split__main,.community-split__sidebar{min-width:0}.community-split[data-mode=list] .community-split__main,.community-split[data-mode=detail] .community-split__sidebar{display:none}@media (width>=60rem){.community-split{grid-template-columns:minmax(0, var(--shell-sidebar-w)) minmax(0, 1fr);height:calc(100svh - 56px - env(safe-area-inset-top,0px) - 56px - var(--sp-3) - var(--sp-4) - env(safe-area-inset-bottom,0px));overflow:hidden}.community-split[data-mode] .community-split__sidebar,.community-split[data-mode] .community-split__main{display:block}.community-split__sidebar{background:var(--surface-background);border-right:1px solid var(--border);height:100%;padding:var(--sp-3) 0;overflow-y:auto}.community-split__main{height:100%;overflow-y:auto}}.profile-split{grid-template-columns:minmax(0,1fr);min-width:0;display:grid;position:relative}.profile-split__main,.profile-split__sidebar{min-width:0}.profile-split[data-mode=list] .profile-split__main,.profile-split[data-mode=detail] .profile-split__sidebar{display:none}@media (width>=60rem){.profile-split{grid-template-columns:minmax(0, var(--shell-sidebar-w)) minmax(0, 1fr);height:calc(100svh - 56px - env(safe-area-inset-top,0px) - 56px - var(--sp-3) - var(--sp-4) - env(safe-area-inset-bottom,0px));overflow:hidden}.profile-split[data-mode] .profile-split__sidebar,.profile-split[data-mode] .profile-split__main{display:block}.profile-split__sidebar{background:var(--surface-background);border-right:1px solid var(--border);height:100%;padding:var(--sp-3) 0;overflow-y:auto}.profile-split__main{height:100%;overflow-y:auto}}.feeds-split{grid-template-columns:minmax(0,1fr);min-width:0;display:grid;position:relative}.feeds-split__main,.feeds-split__sidebar{min-width:0}.feeds-split[data-mode=list] .feeds-split__main,.feeds-split[data-mode=detail] .feeds-split__sidebar{display:none}@media (width>=60rem){.feeds-split{grid-template-columns:minmax(0, var(--shell-sidebar-w)) minmax(0, 1fr);height:calc(100svh - 56px - env(safe-area-inset-top,0px) - 56px - var(--sp-3) - var(--sp-4) - env(safe-area-inset-bottom,0px));overflow:hidden}.feeds-split[data-mode] .feeds-split__sidebar,.feeds-split[data-mode] .feeds-split__main{display:block}.feeds-split__sidebar{background:var(--surface-background);border-right:1px solid var(--border);height:100%;padding:var(--sp-3) 0;overflow-y:auto}.feeds-split__main{height:100%;overflow-y:auto}}.bridges-shell{height:calc(100svh - 56px - env(safe-area-inset-top,0px) - 56px - var(--sp-3) - var(--sp-4) - env(safe-area-inset-bottom,0px));grid-template-columns:minmax(0,1fr);min-width:0;display:grid;position:relative}.bridges-shell__main{min-width:0;height:100%;overflow-y:auto}.bridges-shell__sidebar{min-width:0}.bridges-shell[data-mode=list] .bridges-shell__main,.bridges-shell[data-mode=detail] .bridges-shell__sidebar{display:none}@media (width>=60rem){.bridges-shell{grid-template-columns:minmax(0, var(--shell-sidebar-w)) minmax(0, 1fr);overflow:hidden}.bridges-shell[data-mode] .bridges-shell__sidebar,.bridges-shell[data-mode] .bridges-shell__main{display:block}.bridges-shell__sidebar{background:var(--surface-background);border-right:1px solid var(--border);height:100%;padding:var(--sp-3) 0;overflow-y:auto}}