:root{--_ink-50: #f7f9fa;--_ink-100: #e8eff1;--_ink-200: #d9e3e6;--_ink-300: #9fb4bc;--_ink-400: #6e7f86;--_ink-450: #63757c;--_ink-500: #5b7883;--_ink-600: #46595f;--_ink-750: #24373f;--_ink-800: #182930;--_ink-900: #101d22;--_ink-950: #0a1114;--_amber-300: #f2c57e;--_amber-400: #e9a83f;--_amber-700: #8a5104;--_amber-800: #6f4103;--_jade-300: #45be97;--_jade-350: #59c9a5;--_jade-700: #0d5c40;--_coral-300: #f2786a;--_coral-600: #b23325;--_azure-300: #7fb6e8;--_azure-700: #175597;--_violet-300: #b49bf0;--_violet-700: #5e3fb8;--_rose-300: #f193b8;--_rose-700: #932b59;--_leaf-300: #8ed36e;--_leaf-700: #3d6b1f;--_cyan-300: #6fcbd4;--_cyan-700: #11565e}:root{--color-surface-1: var(--_ink-950);--color-surface-2: var(--_ink-800);--color-text-1: var(--_ink-100);--color-text-2: var(--_ink-300);--color-text-disabled: var( --_ink-400 );--color-brand: var(--_amber-400);--color-brand-hover: var(--_amber-300);--color-brand-text: var(--_amber-400);--color-on-brand: var(--_ink-950);--color-border-subtle: var(--_ink-750);--color-outline-control: var(--_ink-500);--color-focus-ring: var(--_amber-400);--color-ok: var(--_jade-300);--color-danger: var(--_coral-300);--color-thread-live: var(--color-outline-control);--color-thread-retry: var(--color-brand);--color-thread-lost: var(--color-danger);--color-on-sender: var(--_ink-950);--color-sender-1: var(--_azure-300);--color-sender-2: var(--_jade-350);--color-sender-3: var(--_violet-300);--color-sender-4: var(--_rose-300);--color-sender-5: var(--_leaf-300);--color-sender-6: var(--_cyan-300)}[data-theme=light]{--color-surface-1: var(--_ink-50);--color-surface-2: var(--_ink-200);--color-text-1: var(--_ink-900);--color-text-2: var(--_ink-600);--color-text-disabled: var(--_ink-400);--color-brand: var(--_amber-700);--color-brand-hover: var(--_amber-800);--color-brand-text: var(--_amber-700);--color-on-brand: var(--_ink-50);--color-border-subtle: var(--_ink-200);--color-outline-control: var(--_ink-450);--color-focus-ring: var(--_amber-700);--color-ok: var(--_jade-700);--color-danger: var(--_coral-600);--color-on-sender: var(--_ink-50);--color-sender-1: var(--_azure-700);--color-sender-2: var(--_jade-700);--color-sender-3: var(--_violet-700);--color-sender-4: var(--_rose-700);--color-sender-5: var(--_leaf-700);--color-sender-6: var(--_cyan-700)}:root{--space-0: 0;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-0: 0;--radius-sm: .125rem;--radius-md: .25rem;--radius-lg: .5rem;--radius-full: 9999px;--rule-1: 1px;--rule-2: 2px;--rule-thread: 2px;--focus-ring-width: 3px;--focus-ring-offset: 2px;--shadow-0: none;--shadow-1: 0 1px 2px rgb(0 0 0 / .3);--shadow-2: 0 8px 24px -8px rgb(0 0 0 / .55);--duration-0: 0ms;--duration-fast: .12s;--duration-base: .2s;--duration-slow: .32s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-out: cubic-bezier(0, 0, 0, 1);--ease-in: cubic-bezier(.3, 0, 1, 1);--opacity-0: 0;--opacity-disabled: .5;--opacity-scrim: .6;--opacity-1: 1;--z-base: 0;--z-sticky: 10;--z-overlay: 100;--z-toast: 1000;--tap-min: 24px;--tap-comfort: 44px;--breakpoint-sm: 30rem;--breakpoint-md: 48rem;--breakpoint-lg: 64rem;--font-display: "Syne", "Trebuchet MS", sans-serif;--font-text: "Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif;--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.5rem;--weight-regular: 400;--weight-bold: 700;--weight-display: 700;--leading-tight: 1.1;--leading-snug: 1.3;--leading-normal: 1.55;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .06em;--tracking-caps: .12em;--measure-message: 62ch;--rail-width: 3rem;--layout-max: 56rem}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{font-size:100%;-webkit-text-size-adjust:100%}body{min-height:100dvh;background-color:var(--color-surface-1);color:var(--color-text-1);-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}input,button{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}ol,ul{list-style:none}.js-scroll{scrollbar-width:thin;scrollbar-color:var(--color-outline-control) transparent}.js-scroll::-webkit-scrollbar{width:var(--space-1-5)}.js-scroll::-webkit-scrollbar-track{background:transparent}.js-scroll::-webkit-scrollbar-thumb{background:var(--color-outline-control);border-radius:var(--radius-full)}.js-scroll::-webkit-scrollbar-thumb:hover{background:var(--color-brand)}body{font-family:var(--font-text);font-size:var(--text-md);font-weight:var(--weight-regular);line-height:var(--leading-normal)}.u-display{font-family:var(--font-display);font-weight:var(--weight-display);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.u-text-3xl{font-size:var(--text-3xl)}.u-text-2xl{font-size:var(--text-2xl)}.u-text-xl{font-size:var(--text-xl)}.u-label{font-size:var(--text-sm);font-weight:var(--weight-bold);line-height:var(--leading-snug)}.u-meta{font-size:var(--text-xs);letter-spacing:var(--tracking-wide);line-height:var(--leading-snug);color:var(--color-text-2)}:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset);border-radius:inherit}:focus:not(:focus-visible){outline:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}button,input,[role=button]{min-height:var(--tap-min)}@media (pointer: coarse){button,input,[role=button]{min-height:var(--tap-comfort)}.c-button--icon{min-width:var(--tap-comfort)}}@keyframes message-enter{0%{opacity:0}to{opacity:1}}@keyframes toast-enter{0%{opacity:0;transform:translate(var(--space-4))}to{opacity:1;transform:translate(0)}}@keyframes typing-dot{0%,80%,to{opacity:var(--opacity-disabled)}40%{opacity:var(--opacity-1)}}@keyframes thread-travel{to{background-position-y:var(--space-6)}}@media (prefers-reduced-motion: reduce){.c-thread[data-state=retrying],.c-thread[data-state=offline]{animation:none}.c-typing__dot{animation:none;opacity:var(--opacity-1)}.c-button:hover,.c-people__item:hover{transform:none}}.c-app{display:grid;grid-template-rows:min-content 1fr min-content;min-height:100dvh;max-width:var(--layout-max);margin-inline:auto;padding-inline:var(--space-4)}.c-app__header:not([hidden]){display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding-block:var(--space-4);border-bottom:var(--rule-1) solid var(--color-border-subtle)}.c-app__identity{display:flex;flex-direction:column;gap:var(--space-1)}.c-app__aside{display:flex;align-items:flex-start;gap:var(--space-4)}.c-wordmark{color:var(--color-text-1)}.c-app__main{display:flex;flex-direction:column;min-height:0}.c-app__main:focus{outline:none}.c-app__footer:not([hidden]){display:flex;flex-direction:column;gap:var(--space-2);padding-block:var(--space-4);border-top:var(--rule-1) solid var(--color-border-subtle)}@media (max-width: 480px){.c-app{--rail-width: var(--space-6);padding-inline:var(--space-3)}.c-app__header{flex-direction:column;gap:var(--space-3)}.c-app__aside{width:100%;justify-content:space-between}}.c-skip-link{position:absolute;left:var(--space-4);top:var(--space-4);z-index:var(--z-overlay);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background-color:var(--color-brand);color:var(--color-on-brand);font-size:var(--text-sm);font-weight:var(--weight-bold);text-decoration:none;transform:translateY(-200%)}.c-skip-link:focus-visible{transform:translateY(0)}.c-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-bold);line-height:var(--leading-snug);text-align:center;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.c-button--primary{background-color:var(--color-brand);color:var(--color-on-brand)}.c-button--primary:hover{background-color:var(--color-brand-hover)}.c-button--quiet{color:var(--color-text-2);border:var(--rule-1) solid var(--color-outline-control);background-color:transparent}.c-button--quiet:hover{color:var(--color-text-1);border-color:var(--color-brand)}.c-button--icon{padding:var(--space-2)}.c-button:active{transform:translateY(var(--space-0-5))}.c-button[disabled],.c-button[aria-disabled=true]{color:var(--color-text-disabled);background-color:transparent;border:var(--rule-1) solid var(--color-outline-control);cursor:not-allowed;transform:none}.c-button[data-loading=true]{cursor:progress;color:var(--color-text-disabled)}.c-field{display:flex;flex-direction:column;gap:var(--space-1-5)}.c-field__label{color:var(--color-text-2)}.c-field__input{width:100%;padding:var(--space-3) var(--space-4);border:var(--rule-1) solid var(--color-outline-control);border-radius:var(--radius-md);background-color:var(--color-surface-2);color:var(--color-text-1);font-size:var(--text-md);transition:border-color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}.c-field__input:hover{border-color:var(--color-brand)}.c-field__input::placeholder{color:var(--color-text-disabled)}.c-field__input[disabled]{color:var(--color-text-disabled);cursor:not-allowed}.c-field__input[aria-invalid=true]{border-color:var(--color-danger)}.c-field__error{color:var(--color-danger);font-size:var(--text-xs);line-height:var(--leading-snug)}.c-field__error:empty{display:none}.c-entry:not([hidden]){display:flex;flex-direction:column;gap:var(--space-4);max-width:34ch;margin-block:auto;padding-block:var(--space-10)}.c-entry__title{color:var(--color-text-1)}.c-entry__subtitle{font-size:var(--text-lg);color:var(--color-text-2);margin-top:calc(var(--space-3) * -1)}.c-entry__form{display:flex;flex-direction:column;gap:var(--space-5);margin-top:var(--space-4)}.c-entry__note{margin-top:var(--space-2)}.c-entry__theme{align-self:flex-start;margin-top:var(--space-6)}.c-composer{display:flex;align-items:flex-end;gap:var(--space-3)}.c-composer__field{flex:1 1 auto;min-width:0}.c-composer__send{flex:0 0 auto}.c-composer__notice:empty{display:none}.c-composer[data-state=queued] .c-field__input{border-color:var(--color-brand)}.c-composer[data-state=blocked] .c-field__input{color:var(--color-text-disabled)}.c-thread{position:absolute;inset-block:0;left:calc(var(--rail-width) / 2);width:var(--rule-thread);color:var(--color-text-2);background-color:currentcolor}.c-thread[data-state=live]{color:var(--color-thread-live)}.c-thread[data-state=retrying],.c-thread[data-state=offline]{background-color:transparent;background-image:repeating-linear-gradient(to bottom,currentcolor 0 var(--space-2),transparent var(--space-2) var(--space-4))}.c-thread[data-state=retrying]{color:var(--color-thread-retry);animation:thread-travel var(--duration-slow) linear infinite}.c-thread[data-state=offline]{color:var(--color-thread-lost)}.c-thread[data-state=offline]:after,.c-thread[data-state=empty]:after{content:"";position:absolute;inset-inline:calc(var(--space-1) * -1);bottom:0;height:var(--rule-thread);background-color:currentcolor}.c-room{position:relative;display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.c-room[hidden]{display:none}.c-message-list{display:flex;flex-direction:column;gap:var(--space-5);flex:1 1 auto;min-height:0;overflow-y:auto;padding-block:var(--space-6);padding-inline:0}.c-identity{display:flex;align-items:center;gap:var(--space-2)}.c-identity__monogram{display:grid;place-items:center;flex:0 0 auto;width:var(--rail-width);height:var(--rail-width);max-width:var(--space-8);max-height:var(--space-8);border:var(--rule-2) solid currentcolor;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-normal);line-height:var(--leading-tight)}.c-identity__name{font-size:var(--text-sm);font-weight:var(--weight-bold);color:currentcolor}.c-identity--self .c-identity__monogram{background-color:var(--color-brand);border-color:var(--color-brand);color:var(--color-on-brand)}.c-identity--self{color:var(--color-brand-text)}.c-identity--sender-1{color:var(--color-sender-1)}.c-identity--sender-2{color:var(--color-sender-2)}.c-identity--sender-3{color:var(--color-sender-3)}.c-identity--sender-4{color:var(--color-sender-4)}.c-identity--sender-5{color:var(--color-sender-5)}.c-identity--sender-6{color:var(--color-sender-6)}.c-message{display:grid;grid-template-columns:var(--rail-width) 1fr;column-gap:var(--space-3);animation:message-enter var(--duration-base) var(--ease-out)}.c-message__aside{display:flex;justify-content:center;padding-top:var(--space-0-5)}.c-message__body{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;max-width:var(--measure-message)}.c-message__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.c-message__time{flex:0 0 auto;font-size:var(--text-2xs);letter-spacing:var(--tracking-wide);color:var(--color-text-2);font-variant-numeric:tabular-nums}.c-message__text{color:var(--color-text-1);overflow-wrap:anywhere}.c-message--self .c-message__body{border-left:var(--rule-2) solid var(--color-brand);padding-left:var(--space-3);margin-left:calc(var(--space-3) * -1)}.c-message--system .c-message__text{font-size:var(--text-xs);letter-spacing:var(--tracking-wide);color:var(--color-text-2);text-align:center}.c-message[data-pending=true] .c-message__text{color:var(--color-text-2)}.c-message--system{grid-template-columns:1fr;justify-items:center}@media (max-width: 480px){.c-message{column-gap:var(--space-2)}.c-message__body{max-width:100%}}.c-typing:not([hidden]){display:flex;align-items:center;gap:var(--space-2);padding-left:var(--rail-width);padding-bottom:var(--space-2);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);color:var(--color-text-2)}.c-typing__dots{display:inline-flex;gap:var(--space-1)}.c-typing__dot{width:var(--space-1-5);height:var(--space-1-5);border-radius:var(--radius-full);background-color:currentcolor;animation:typing-dot var(--duration-slow) infinite var(--ease-standard)}.c-typing__dot:nth-child(2){animation-delay:var(--duration-fast)}.c-typing__dot:nth-child(3){animation-delay:var(--duration-base)}.c-connection{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);color:var(--color-text-2)}.c-connection__dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);background-color:currentcolor;flex:0 0 auto}.c-connection[data-state=online]{color:var(--color-ok)}.c-connection[data-state=retrying]{color:var(--color-brand-text)}.c-connection[data-state=offline]{color:var(--color-danger)}.c-connection[data-state=connecting] .c-connection__dot,.c-connection[data-state=retrying] .c-connection__dot{background-color:transparent;border:var(--rule-2) solid currentcolor}.c-people{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.c-people__title{margin:0}.c-people__list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.c-people__item{display:flex;align-items:center;gap:var(--space-1-5);padding:var(--space-1) var(--space-2);border:var(--rule-1) solid var(--color-border-subtle);border-radius:var(--radius-sm);background-color:var(--color-surface-2);font-size:var(--text-xs);transition:border-color var(--duration-fast) var(--ease-standard)}.c-people__item:hover{border-color:var(--color-outline-control)}.c-people__empty:empty{display:none}@media (max-width: 480px){.c-people__list{flex-wrap:nowrap;overflow-x:auto;padding-bottom:var(--space-1)}.c-people__item{flex:0 0 auto}}.c-toasts{position:fixed;top:var(--space-5);right:var(--space-5);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3);max-width:40ch}.c-toast{padding:var(--space-3) var(--space-4);border:var(--rule-1) solid var(--color-border-subtle);border-left:var(--rule-2) solid var(--color-ok);border-radius:var(--radius-md);background-color:var(--color-surface-2);color:var(--color-text-1);font-size:var(--text-sm);box-shadow:var(--shadow-2);animation:toast-enter var(--duration-base) var(--ease-out)}.c-toast--error{border-left-color:var(--color-danger)}@media (max-width: 480px){.c-toasts{left:var(--space-3);right:var(--space-3);max-width:none}}.c-empty:not([hidden]){display:flex;flex-direction:column;gap:var(--space-2);max-width:40ch;margin-block:auto;padding-left:var(--rail-width)}.c-empty__title{color:var(--color-text-1)}.c-empty__body{color:var(--color-text-2)}.c-failure:not([hidden]){display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);max-width:44ch;padding-left:var(--rail-width);padding-block:var(--space-6)}.c-failure__title{color:var(--color-text-1)}.c-failure__body{color:var(--color-text-2)}.c-theme-toggle{flex:0 0 auto}.c-theme-toggle__glyph{width:var(--space-4);height:var(--space-4);border-radius:var(--radius-full);border:var(--rule-2) solid currentcolor}.c-theme-toggle[aria-pressed=true] .c-theme-toggle__glyph{background-color:currentcolor}@media (max-width: 480px){.c-theme-toggle__label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}