:root,[data-theme=light]{--md-primary:#6750a4;--md-on-primary:#fff;--md-primary-container:#e9ddff;--md-on-primary-container:#4f378a;--md-primary-fixed:#e9ddff;--md-secondary:#625b71;--md-on-secondary:#fff;--md-secondary-container:#e8def8;--md-on-secondary-container:#4a4458;--md-tertiary:#7e5260;--md-on-tertiary:#fff;--md-tertiary-container:#ffd9e3;--md-on-tertiary-container:#633b48;--md-error:#ba1a1a;--md-on-error:#fff;--md-error-container:#ffdad6;--md-on-error-container:#93000a;--md-surface:#f9f9f9;--md-on-surface:#1b1b1b;--md-on-surface-variant:#474747;--md-surface-variant:#e2e2e2;--md-surface-dim:#dadada;--md-surface-bright:#f9f9f9;--md-surface-container-lowest:#fff;--md-surface-container-low:#f3f3f3;--md-surface-container:#eee;--md-surface-container-high:#e8e8e8;--md-surface-container-highest:#e2e2e2;--md-inverse-surface:#303030;--md-inverse-on-surface:#f1f1f1;--md-outline:#777;--md-outline-variant:#c6c6c6;--md-scrim:#000}:root[data-theme=dark]{--md-primary:#cfbcff;--md-on-primary:#381e72;--md-primary-container:#4f378a;--md-on-primary-container:#e9ddff;--md-primary-fixed:#e9ddff;--md-secondary:#ccc2db;--md-on-secondary:#332d41;--md-secondary-container:#4a4458;--md-on-secondary-container:#e8def8;--md-tertiary:#efb8c8;--md-on-tertiary:#4a2532;--md-tertiary-container:#633b48;--md-on-tertiary-container:#ffd9e3;--md-error:#ffb4ab;--md-on-error:#690005;--md-error-container:#93000a;--md-on-error-container:#ffdad6;--md-surface:#131313;--md-on-surface:#e2e2e2;--md-on-surface-variant:#c6c6c6;--md-surface-variant:#474747;--md-surface-dim:#131313;--md-surface-bright:#393939;--md-surface-container-lowest:#0e0e0e;--md-surface-container-low:#1b1b1b;--md-surface-container:#1f1f1f;--md-surface-container-high:#2a2a2a;--md-surface-container-highest:#353535;--md-inverse-surface:#e2e2e2;--md-inverse-on-surface:#303030;--md-outline:#919191;--md-outline-variant:#474747;--md-scrim:#000;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme]){--md-primary:#cfbcff;--md-on-primary:#381e72;--md-primary-container:#4f378a;--md-on-primary-container:#e9ddff;--md-primary-fixed:#e9ddff;--md-secondary:#ccc2db;--md-on-secondary:#332d41;--md-secondary-container:#4a4458;--md-on-secondary-container:#e8def8;--md-tertiary:#efb8c8;--md-on-tertiary:#4a2532;--md-tertiary-container:#633b48;--md-on-tertiary-container:#ffd9e3;--md-error:#ffb4ab;--md-on-error:#690005;--md-error-container:#93000a;--md-on-error-container:#ffdad6;--md-surface:#131313;--md-on-surface:#e2e2e2;--md-on-surface-variant:#c6c6c6;--md-surface-variant:#474747;--md-surface-dim:#131313;--md-surface-bright:#393939;--md-surface-container-lowest:#0e0e0e;--md-surface-container-low:#1b1b1b;--md-surface-container:#1f1f1f;--md-surface-container-high:#2a2a2a;--md-surface-container-highest:#353535;--md-inverse-surface:#e2e2e2;--md-inverse-on-surface:#303030;--md-outline:#919191;--md-outline-variant:#474747;--md-scrim:#000;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}:root{--column-width:380px;--nav-rail-width:80px;--max-timeline-width:760px;--bubble-max-width:570px;--animation-duration:.25s;--animation-curve:ease-in-out;--border-radius:18px;--space-border-radius:11px;--message-font-size:16px;--appbar-height:56px;--appbar-height-column:72px;--composer-height:56px;--avatar-size:48px;--rail-width-mobile:72px;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:16px;line-height:1.45}html,body,#root{height:100%;margin:0}body{background:var(--md-surface);color:var(--md-on-surface);-webkit-font-smoothing:antialiased;overflow:hidden}button,input,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--md-primary);outline-offset:2px}.app-shell{height:100%;height:100dvh;display:flex}.rail{width:var(--nav-rail-width);flex:0 0 var(--nav-rail-width);background:var(--md-surface-container);flex-direction:column;align-items:center;gap:4px;padding:8px 0;display:flex}.rail__logo{border-radius:50%;width:48px;height:48px;margin-bottom:8px}.rail__item{border-radius:var(--border-radius);background:var(--md-surface-container-highest);width:64px;height:64px;color:var(--md-on-surface-variant);cursor:pointer;transition:transform var(--animation-duration) var(--animation-curve), background var(--animation-duration) var(--animation-curve);border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11px;display:flex;position:relative}.rail__item:hover{transform:scale(1.1)}.rail__item[aria-current=page],.rail__item.is-active{background:var(--md-secondary-container);color:var(--md-on-secondary-container)}.rail__item svg{width:24px;height:24px}.rail__badge{background:var(--md-primary);min-width:20px;height:20px;color:var(--md-on-primary);border:2px solid var(--md-surface);text-align:center;border-radius:10px;padding:0 6px;font-size:12px;font-weight:500;line-height:16px;position:absolute;top:-6px;right:2px}.main-view{width:var(--column-width);flex:0 0 var(--column-width);background:var(--md-surface);flex-direction:column;min-width:0;display:flex}.side-view{border-left:1px solid var(--md-outline-variant);background:var(--md-surface);flex-direction:column;flex:auto;min-width:0;display:flex}@media (max-width:840px){.rail{display:none}.main-view{flex:auto;width:100%}.side-view{border-left:0}.app-shell[data-view=chat] .main-view,.app-shell[data-view=list] .side-view{display:none}:root{--appbar-height:56px}}.appbar{height:var(--appbar-height);background:color-mix(in srgb, var(--md-surface) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #0000;flex:none;align-items:center;gap:4px;padding:0 4px 0 0;display:flex}.appbar--column{height:var(--appbar-height-column);border-bottom-color:var(--md-surface-container);padding:0 16px}.appbar__title{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;font-weight:500;overflow:hidden}.appbar__subtitle{color:var(--md-on-surface-variant);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.appbar__leading{cursor:pointer;width:48px;height:48px;color:var(--md-on-surface);background:0 0;border:0;border-radius:50%;flex:0 0 48px;place-items:center;display:grid}.appbar__leading:hover{background:color-mix(in srgb, var(--md-on-surface) 8%, transparent)}.icon-button{cursor:pointer;width:44px;height:44px;color:var(--md-on-surface-variant);transition:background var(--animation-duration) var(--animation-curve);background:0 0;border:0;border-radius:50%;flex:0 0 44px;place-items:center;display:grid}.icon-button:hover{background:color-mix(in srgb, var(--md-on-surface) 8%, transparent)}.icon-button svg{width:24px;height:24px}.search-field{background:var(--md-secondary-container);height:48px;color:var(--md-on-primary-container);border-radius:99px;flex:auto;align-items:center;gap:4px;margin:4px 8px;padding:0 8px 0 12px;display:flex}.search-field input{background:0 0;border:0;outline:none;flex:auto;min-width:0;font-size:16px}.search-field input::placeholder{color:color-mix(in srgb, var(--md-on-primary-container) 70%, transparent)}.chat-list{scrollbar-width:thin;flex:auto;padding-bottom:88px;overflow:hidden auto}.chat-list__filters{scrollbar-width:none;gap:8px;padding:4px 12px 8px;display:flex;overflow-x:auto}.chat-list__filters::-webkit-scrollbar{display:none}.chip{background:var(--md-surface-container);height:32px;color:var(--md-on-surface);cursor:pointer;border:0;border-radius:18px;flex:none;padding:0 12px;font-size:14px}.chip[aria-pressed=true]{background:var(--md-secondary-container);color:var(--md-on-secondary-container)}.chat-tile{text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;border:0;padding:0 8px;text-decoration:none;display:block}.chat-tile__inner{border-radius:var(--border-radius);min-height:80px;transition:background var(--animation-duration) var(--animation-curve);align-items:center;gap:16px;padding:16px 8px;display:flex}.chat-tile:hover .chat-tile__inner,.chat-tile:focus-visible .chat-tile__inner{background:color-mix(in srgb, var(--md-on-surface) 8%, transparent)}.chat-tile.is-active .chat-tile__inner{background:var(--md-secondary-container)}.chat-tile__body{flex:auto;min-width:0}.chat-tile__row{align-items:baseline;gap:4px;display:flex}.chat-tile__name{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;font-size:16px;font-weight:400;overflow:hidden}.chat-tile__time{color:var(--md-on-surface-variant);flex:none;font-size:11px}.chat-tile__time.is-unread{color:var(--md-primary);font-weight:600}.chat-tile__preview{-webkit-line-clamp:1;line-clamp:1;color:var(--md-on-surface-variant);white-space:normal;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box;overflow:hidden}.chat-tile__preview.is-multiline{-webkit-line-clamp:2;line-clamp:2}.chat-tile__meta{align-items:center;gap:8px;margin-top:0;display:flex}.chat-tile__unread{background:var(--md-primary);min-width:20px;height:20px;color:var(--md-on-primary);text-align:center;border-radius:10px;flex:none;padding:0 7px;font-size:13px;font-weight:500;line-height:20px}.avatar{color:var(--md-on-primary-container);background:var(--md-primary-container);-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;place-items:center;font-family:Roboto Mono,ui-monospace,monospace;font-weight:700;display:grid;overflow:hidden}.empty{text-align:center;color:var(--md-secondary);flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:16px;padding:16px;display:flex}.empty__icon{opacity:.9;width:128px;height:128px}.empty__text{max-width:34ch;font-size:18px;line-height:1.4}.empty--pane img{opacity:.15;filter:grayscale();width:min(50vw,200px)}.fab{background:var(--md-primary);height:56px;color:var(--md-on-primary);cursor:pointer;transition:transform var(--animation-duration) var(--animation-curve);border:0;border-radius:16px;align-items:center;gap:10px;padding:0 20px;font-size:16px;display:flex;position:absolute;bottom:16px;right:16px;box-shadow:0 2px 6px #0003}.fab:hover{transform:scale(1.04)}.fab svg{width:24px;height:24px}.list-wrap,.chat{flex-direction:column;flex:auto;min-height:0;display:flex;position:relative}.timeline{scrollbar-width:thin;flex-direction:column;flex:auto;min-height:0;padding:8px 0 0;display:flex;overflow:hidden auto}.timeline__inner{width:100%;max-width:var(--max-timeline-width);flex-direction:column;gap:1px;margin:auto auto 0;padding:0 8px;display:flex}@media (max-width:840px){.timeline__inner{padding:0}}.date-divider{background:color-mix(in srgb, var(--md-inverse-surface) 78%, transparent);color:var(--md-inverse-on-surface);border-radius:36px;align-self:center;margin:8px 0 16px;padding:2px 8px;font-size:12px;font-weight:600}.state-message{background:color-mix(in srgb, var(--md-surface) 50%, transparent);color:var(--md-on-surface-variant);text-align:center;border-radius:6px;align-self:center;margin:8px 0;padding:4px 8px;font-size:11px}.message{align-items:flex-start;gap:8px;max-width:100%;padding:1px 0;display:flex}.message--own{flex-direction:row-reverse}.message__column{max-width:min(var(--bubble-max-width), 82%);flex-direction:column;min-width:0;display:flex}.message--own .message__column{align-items:flex-end}.message__sender{text-overflow:ellipsis;white-space:nowrap;max-width:200px;padding:0 2px 2px 8px;font-size:11px;font-weight:700;overflow:hidden}.bubble{font-size:var(--message-font-size);word-break:break-word;white-space:pre-wrap;border-radius:var(--border-radius);background:var(--md-surface-container-high);color:var(--md-on-surface);padding:8px 16px}.message--other .bubble{border-top-left-radius:3px}.message--other.is-grouped .bubble{border-bottom-left-radius:3px}.message--own .bubble{background:var(--md-primary);color:var(--md-on-primary);border-bottom-right-radius:3px}[data-theme=dark] .message--own .bubble{background:var(--md-primary-container);color:var(--md-on-primary-container)}.message--own.is-followed .bubble{border-top-right-radius:3px;border-bottom-right-radius:var(--border-radius)}.bubble:empty:after{content:""}.bubble--big-emoji{background:0 0;padding:4px 8px;font-size:80px;line-height:1.1}.message__timestamp{color:var(--md-on-surface-variant);padding:1px 8px 4px;font-size:11px}.message__status{color:var(--md-error);padding:0 8px 4px;font-size:11px}.message__placeholder{color:var(--md-on-surface-variant);font-style:italic}.composer-wrap{background:linear-gradient(to bottom, color-mix(in srgb, var(--md-surface) 0%, transparent), var(--md-surface) 22%, var(--md-surface));flex:none;padding:8px}.composer-wrap__inner{max-width:var(--max-timeline-width);margin:0 auto}.composer{min-height:var(--composer-height);background:var(--md-surface-container);border-radius:32px;align-items:flex-end;padding:0 4px;display:flex}.composer textarea{resize:none;min-width:0;max-height:40vh;color:var(--md-on-surface);background:0 0;border:0;outline:none;flex:auto;padding:17px 6px;font-size:16px;line-height:22px}.composer textarea::placeholder{color:var(--md-on-surface-variant)}.composer__send{background:var(--md-primary);width:48px;height:48px;color:var(--md-on-primary);cursor:pointer;border:0;border-radius:50%;flex:0 0 48px;place-items:center;margin:4px;display:grid}[data-theme=dark] .composer__send{background:var(--md-primary-container);color:var(--md-on-primary-container)}.composer__send:disabled{opacity:.4;cursor:default}.composer__encrypted{color:var(--md-on-surface-variant);align-items:center;gap:4px;padding:0 0 0 16px;font-size:11px;display:flex}.composer__encrypted svg{width:14px;height:14px}.backdrop{z-index:100;background:#0006;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.dialog{background:var(--md-surface-container-high);width:min(420px,100%);max-height:82dvh;color:var(--md-on-surface);border-radius:28px;padding:24px;overflow-y:auto;box-shadow:0 8px 24px #0000004d}.dialog h2{margin:0 0 8px;font-size:24px;font-weight:400}.dialog p{color:var(--md-on-surface-variant);margin:0 0 16px;font-size:14px}.dialog__actions{flex-direction:column;gap:8px;margin-top:16px;display:flex}.dialog__actions--row{flex-direction:row;justify-content:flex-end}.button{border-radius:var(--border-radius);background:var(--md-surface-bright);height:44px;color:var(--md-on-surface);cursor:pointer;border:0;padding:0 16px;font-size:15px}.button--primary{background:var(--md-primary);color:var(--md-on-primary)}.button--danger{color:var(--md-error);background:0 0}.button:disabled{opacity:.5;cursor:default}.field{border:1px solid var(--md-outline-variant);background:var(--md-surface-bright);width:100%;height:48px;color:var(--md-on-surface);border-radius:9px;padding:0 12px;font-size:16px}.field:focus{outline:2px solid var(--md-primary);outline-offset:-1px}label.field-label{color:var(--md-on-surface-variant);margin:12px 0 4px;font-size:12px;display:block}.form-error{color:var(--md-error);margin-top:8px;font-size:13px}.mono{word-break:break-all;-webkit-user-select:all;user-select:all;background:var(--md-surface-container);border-radius:12px;padding:12px;font-family:Roboto Mono,ui-monospace,monospace;font-size:13px;line-height:1.6}.auth{background:radial-gradient(circle at 20% 0%, color-mix(in srgb, var(--md-primary-container) 70%, transparent), transparent 45%), radial-gradient(circle at 90% 90%, color-mix(in srgb, var(--md-tertiary-container) 60%, transparent), transparent 45%), var(--md-surface);justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex;overflow-y:auto}.auth__card{flex-direction:column;width:min(420px,100%);display:flex}.auth__logo{border-radius:50%;align-self:center;width:96px;height:96px;margin-bottom:16px}.auth h1{text-align:center;margin:0 0 4px;font-size:28px;font-weight:500}.auth__tagline{text-align:center;color:var(--md-on-surface-variant);margin:0 0 24px;font-size:14px}.auth__tabs{background:var(--md-surface-container);border-radius:99px;gap:4px;margin-bottom:16px;padding:4px;display:flex}.auth__tab{height:40px;color:var(--md-on-surface-variant);cursor:pointer;background:0 0;border:0;border-radius:99px;flex:1;font-size:14px}.auth__tab[aria-selected=true]{background:var(--md-secondary-container);color:var(--md-on-secondary-container)}.auth__note{color:var(--md-on-surface-variant);margin-top:16px;font-size:12px;line-height:1.5}.auth__submit{border-radius:var(--border-radius);background:var(--md-primary);height:48px;color:var(--md-on-primary);cursor:pointer;border:0;margin-top:20px;font-size:16px}.auth__submit:disabled{opacity:.5}.link-button{color:var(--md-primary);cursor:pointer;text-align:left;background:0 0;border:0;padding:0;font-size:14px}.warn{background:var(--md-error-container);color:var(--md-on-error-container);border-radius:12px;gap:12px;padding:12px;font-size:13px;line-height:1.5;display:flex}.warn strong{margin-bottom:2px;display:block}.settings{flex:auto;padding-bottom:24px;overflow-y:auto}.settings__section{padding:8px 16px 16px}.settings__section h3{text-transform:uppercase;letter-spacing:.08em;color:var(--md-primary);margin:20px 0 4px;font-size:12px}.settings__row{border-bottom:1px solid var(--md-surface-container);justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:8px 0;display:flex}.settings__row-label{font-size:16px}.settings__row-hint{color:var(--md-on-surface-variant);font-size:12px}.switch{border:2px solid var(--md-outline);background:var(--md-surface-container-highest);cursor:pointer;border-radius:16px;flex:0 0 52px;width:52px;height:32px;position:relative}.switch:after{content:"";background:var(--md-outline);width:16px;height:16px;transition:left var(--animation-duration) var(--animation-curve);border-radius:50%;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.switch[aria-checked=true]{background:var(--md-primary);border-color:var(--md-primary)}.switch[aria-checked=true]:after{background:var(--md-on-primary);width:24px;height:24px;left:26px}.spinner{border:2px solid color-mix(in srgb, var(--md-primary) 30%, transparent);border-top-color:var(--md-primary);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.row{align-items:center;gap:8px;display:flex}.spacer{flex:auto}.toolbar{align-items:center;gap:8px;padding:8px 16px;display:flex}.badge-enc{color:var(--md-primary);align-items:center;gap:4px;font-size:11px;display:inline-flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
