:root{--color-avatar-caramel: #C9761F;--color-avatar-blue: #3A6FD8;--color-avatar-violet: #7A5AE0;--color-avatar-green: #1F9A63;--color-avatar-rose: #D04A6B;--color-avatar-teal: #1E8C9E;--space-0: 0px;--space-2: 2px;--space-4: 4px;--space-6: 6px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-32: 32px;--space-40: 40px;--space-48: 48px;--space-64: 64px;--radius-none: 0px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 999px;--size-avatar-xs: 28px;--size-avatar-sm: 40px;--size-avatar-md: 52px;--size-avatar-xl: 96px;--size-icon-sm: 16px;--size-icon-md: 20px;--size-icon-lg: 24px;--size-touch: 44px;--size-row-chat: 76px;--size-nav-bar: 52px;--size-tab-bar: 56px;--size-field: 40px;--size-fab: 56px;--size-bubble-max: 300px;--elevation-1: 0 1px 2px rgba(11, 14, 19, 0.06);--elevation-2: 0 1px 3px rgba(11, 14, 19, 0.08), 0 6px 16px rgba(11, 14, 19, 0.12);--elevation-3: 0 -8px 32px rgba(0, 0, 0, 0.28);--blur-bar: 24px;--duration-instant: 80ms;--duration-fast: 140ms;--duration-base: 220ms;--duration-slow: 360ms;--ease-standard: cubic-bezier(0.2, 0, 0, 1);--ease-decelerate: cubic-bezier(0, 0, 0, 1);--ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);--font-family-base: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Inter", "Segoe UI", Roboto, system-ui, sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--keyboard-offset: 0px}:root,[data-theme=dark]{color-scheme:dark;--color-bg-base: #0B0E13;--color-bg-surface: #11151B;--color-bg-elevated: #161B23;--color-bg-grouped: #0B0E13;--color-bg-field: #1E242E;--color-bg-pressed: #1E242E;--color-bg-selected: #131F3A;--color-bg-chat: #07090D;--color-bg-overlay: rgba(0, 0, 0, 0.64);--color-text-primary: #F1F3F6;--color-text-secondary: #AEB6C2;--color-text-muted: #7C8594;--color-text-on-accent: #FFFFFF;--color-text-accent: #5E95FF;--color-text-danger: #FF6B6B;--color-icon-default: #AEB6C2;--color-icon-muted: #6B7482;--color-icon-accent: #5E95FF;--color-icon-on-accent: #FFFFFF;--color-accent-primary: #2B6BE8;--color-accent-primary-pressed: #2257C7;--color-accent-primary-subtle: #131F3A;--color-accent-toet: #F2A541;--color-accent-toet-subtle: #2A1D0E;--color-status-online: #3DD68C;--color-status-read: #3DD68C;--color-status-muted-badge: #333B47;--color-feedback-success: #3DD68C;--color-feedback-danger: #FF6B6B;--color-bubble-out-bg: #2257C7;--color-bubble-out-text: #FFFFFF;--color-bubble-out-meta: rgba(255, 255, 255, 0.8);--color-bubble-out-read: #A6F4D5;--color-bubble-in-bg: #1E242E;--color-bubble-in-text: #F1F3F6;--color-bubble-in-meta: #939CAA;--color-border-subtle: #1E242E;--color-border-default: #29303B;--color-border-focus: #5E95FF;--shadow-bubble-in: none}[data-theme=light]{color-scheme:light;--color-bg-base: #FFFFFF;--color-bg-surface: #F7F8FA;--color-bg-elevated: #FFFFFF;--color-bg-grouped: #F1F3F6;--color-bg-field: #F1F3F6;--color-bg-pressed: #E8ECF1;--color-bg-selected: #EEF4FF;--color-bg-chat: #E8ECF1;--color-bg-overlay: rgba(11, 14, 19, 0.4);--color-text-primary: #0B0E13;--color-text-secondary: #4E5664;--color-text-muted: #6B7482;--color-text-on-accent: #FFFFFF;--color-text-accent: #2B6BE8;--color-text-danger: #C93A3E;--color-icon-default: #4E5664;--color-icon-muted: #7C8594;--color-icon-accent: #2B6BE8;--color-icon-on-accent: #FFFFFF;--color-accent-primary: #2B6BE8;--color-accent-primary-pressed: #2257C7;--color-accent-primary-subtle: #EEF4FF;--color-accent-toet: #E38B1F;--color-accent-toet-subtle: #FFF7EC;--color-status-online: #1FB873;--color-status-read: #1FB873;--color-status-muted-badge: #AEB6C2;--color-feedback-success: #1FB873;--color-feedback-danger: #E5484D;--color-bubble-out-bg: #2257C7;--color-bubble-out-text: #FFFFFF;--color-bubble-out-meta: rgba(255, 255, 255, 0.8);--color-bubble-out-read: #A6F4D5;--color-bubble-in-bg: #FFFFFF;--color-bubble-in-text: #0B0E13;--color-bubble-in-meta: #6B7482;--color-border-subtle: #E2E6EC;--color-border-default: #CDD3DC;--color-border-focus: #2B6BE8;--shadow-bubble-in: var(--elevation-1)}@media(prefers-color-scheme: light){[data-theme=system]{color-scheme:light;--color-bg-base: #FFFFFF;--color-bg-surface: #F7F8FA;--color-bg-elevated: #FFFFFF;--color-bg-grouped: #F1F3F6;--color-bg-field: #F1F3F6;--color-bg-pressed: #E8ECF1;--color-bg-selected: #EEF4FF;--color-bg-chat: #E8ECF1;--color-bg-overlay: rgba(11, 14, 19, 0.4);--color-text-primary: #0B0E13;--color-text-secondary: #4E5664;--color-text-muted: #6B7482;--color-text-on-accent: #FFFFFF;--color-text-accent: #2B6BE8;--color-text-danger: #C93A3E;--color-icon-default: #4E5664;--color-icon-muted: #7C8594;--color-icon-accent: #2B6BE8;--color-icon-on-accent: #FFFFFF;--color-accent-primary: #2B6BE8;--color-accent-primary-pressed: #2257C7;--color-accent-primary-subtle: #EEF4FF;--color-accent-toet: #E38B1F;--color-accent-toet-subtle: #FFF7EC;--color-status-online: #1FB873;--color-status-read: #1FB873;--color-status-muted-badge: #AEB6C2;--color-feedback-success: #1FB873;--color-feedback-danger: #E5484D;--color-bubble-out-bg: #2257C7;--color-bubble-out-text: #FFFFFF;--color-bubble-out-meta: rgba(255, 255, 255, 0.8);--color-bubble-out-read: #A6F4D5;--color-bubble-in-bg: #FFFFFF;--color-bubble-in-text: #0B0E13;--color-bubble-in-meta: #6B7482;--color-border-subtle: #E2E6EC;--color-border-default: #CDD3DC;--color-border-focus: #2B6BE8;--shadow-bubble-in: var(--elevation-1)}}*,*::before,*::after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100%}img,picture,svg,video,canvas{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit;letter-spacing:inherit}button{padding:0;border:0;background:none;cursor:pointer;text-align:inherit}ul,ol{padding:0;list-style:none}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}fieldset{min-width:0;padding:0;border:0}legend{padding:0}a{color:inherit;text-decoration:none}[hidden]{display:none !important}html{height:100%;background-color:var(--color-bg-base);color:var(--color-text-primary);font-family:var(--font-family-base);font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:rgba(0,0,0,0);font-size:16px;line-height:22px;font-weight:400;letter-spacing:normal}body{height:100%;background-color:var(--color-bg-base);color:var(--color-text-primary);overscroll-behavior:none}.is-app,.is-app body{overflow:hidden}::selection{background-color:var(--color-accent-primary);color:var(--color-text-on-accent)}:focus{outline:none}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.icon{display:block;flex:none;width:var(--size-icon-lg);height:var(--size-icon-lg);pointer-events:none}.icon--sm{width:var(--size-icon-sm);height:var(--size-icon-sm)}.icon--md{width:var(--size-icon-md);height:var(--size-icon-md)}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.visually-hidden{position:absolute !important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}@keyframes fade-in{from{opacity:0}}.t-display{font-size:32px;line-height:38px;font-weight:700;letter-spacing:normal}.t-title-large{font-size:28px;line-height:34px;font-weight:700;letter-spacing:normal}.t-title-medium{font-size:22px;line-height:28px;font-weight:700;letter-spacing:normal}.t-title-small{font-size:17px;line-height:22px;font-weight:600;letter-spacing:normal}.t-headline{font-size:16px;line-height:21px;font-weight:600;letter-spacing:normal}.t-body{font-size:16px;line-height:22px;font-weight:400;letter-spacing:normal}.t-callout{font-size:15px;line-height:20px;font-weight:400;letter-spacing:normal}.t-callout-strong{font-size:15px;line-height:20px;font-weight:600;letter-spacing:normal}.t-footnote{font-size:13px;line-height:18px;font-weight:400;letter-spacing:normal}.t-caption{font-size:12px;line-height:16px;font-weight:500;letter-spacing:normal}.t-caption-strong{font-size:12px;line-height:16px;font-weight:600;letter-spacing:normal}.t-micro{font-size:11px;line-height:13px;font-weight:500;letter-spacing:normal}.t-micro-caps{font-size:11px;line-height:13px;font-weight:600;letter-spacing:.6px;text-transform:uppercase}.t-tabular{font-variant-numeric:tabular-nums}.t-truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.t-primary{color:var(--color-text-primary)}.t-secondary{color:var(--color-text-secondary)}.t-muted{color:var(--color-text-muted)}.t-accent{color:var(--color-text-accent)}.t-danger{color:var(--color-text-danger)}.avatar{--avatar-size: var(--size-avatar-md);--avatar-ring: var(--color-bg-base);--avatar-ring-width: 2px;position:relative;display:inline-grid;place-items:center;flex:none;width:var(--avatar-size);height:var(--avatar-size);border-radius:var(--radius-full);background-color:var(--avatar-fill, var(--color-avatar-blue));color:var(--color-text-on-accent);font-size:calc(var(--avatar-size)*.4);font-weight:600;line-height:1;letter-spacing:normal;user-select:none}.avatar__initials{pointer-events:none}.avatar__img{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;object-fit:cover}.avatar__status{display:none;position:absolute;right:0;bottom:0;width:calc(var(--avatar-size)*.27);height:calc(var(--avatar-size)*.27);border-radius:var(--radius-full);background-color:var(--color-status-online);box-shadow:0 0 0 var(--avatar-ring-width) var(--avatar-ring)}.avatar--online .avatar__status{display:block}.avatar--xs{--avatar-size: var(--size-avatar-xs)}.avatar--sm{--avatar-size: var(--size-avatar-sm)}.avatar--md{--avatar-size: var(--size-avatar-md)}.avatar--xl{--avatar-size: var(--size-avatar-xl);--avatar-ring-width: 3px}.avatar--caramel{--avatar-fill: var(--color-avatar-caramel)}.avatar--blue{--avatar-fill: var(--color-avatar-blue)}.avatar--violet{--avatar-fill: var(--color-avatar-violet)}.avatar--green{--avatar-fill: var(--color-avatar-green)}.avatar--rose{--avatar-fill: var(--color-avatar-rose)}.avatar--teal{--avatar-fill: var(--color-avatar-teal)}.badge{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:20px;height:20px;padding-inline:var(--space-6);border-radius:var(--radius-full);background-color:var(--color-accent-primary);color:var(--color-text-on-accent);font-size:12px;line-height:16px;font-weight:600;letter-spacing:normal;font-variant-numeric:tabular-nums;white-space:nowrap}.badge--muted{background-color:var(--color-status-muted-badge)}.badge--mention{background-color:var(--color-accent-toet)}.badge--pop{animation:badge-pop var(--duration-base) var(--ease-spring) both}@media(prefers-reduced-motion: reduce){.badge--pop{animation:fade-in 120ms linear both}}@keyframes badge-pop{from{opacity:0;transform:scale(0.6)}}.msg-status{display:inline-flex;flex:none;width:var(--size-icon-sm);height:var(--size-icon-sm);color:var(--color-text-muted);transition:color var(--duration-base) var(--ease-standard)}.msg-status .icon{width:100%;height:100%}.msg-status--read{color:var(--color-status-read)}.msg-status--failed{color:var(--color-feedback-danger)}.msg-status--on-bubble{color:var(--color-bubble-out-meta)}.msg-status--on-bubble.msg-status--read{color:var(--color-bubble-out-read)}@media(prefers-reduced-motion: reduce){.msg-status{transition-duration:120ms}}.chat-list{margin:0;padding:0;list-style:none}.chat-list__item:last-child .chat-item__content{border-bottom-color:rgba(0,0,0,0)}.chat-item{position:relative;display:flex;align-items:center;gap:var(--space-12);width:100%;min-height:var(--size-row-chat);padding-inline:var(--space-16);background-color:var(--color-bg-base);color:var(--color-text-primary);text-align:left;user-select:none;-webkit-touch-callout:none;transition:background-color var(--duration-instant) var(--ease-standard)}.chat-item:active{background-color:var(--color-bg-pressed)}@media(hover: hover)and (pointer: fine){.chat-item:hover{background-color:var(--color-bg-pressed)}}.chat-item:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:-2px}.chat-item__content{display:flex;flex:1;flex-direction:column;justify-content:center;align-self:stretch;gap:var(--space-2);min-width:0;padding-block:10px;border-bottom:1px solid var(--color-border-subtle)}.chat-item__top{display:flex;align-items:center;gap:var(--space-4);min-width:0}.chat-item__name{flex:1;min-width:0;color:var(--color-text-primary);font-size:16px;line-height:21px;font-weight:600;letter-spacing:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chat-item__muted-icon{color:var(--color-icon-muted)}.chat-item__time{flex:none;color:var(--color-text-muted);font-size:12px;line-height:16px;font-weight:500;letter-spacing:normal;font-variant-numeric:tabular-nums;transition:color var(--duration-base) var(--ease-standard)}.chat-item__bottom{display:flex;align-items:flex-start;gap:var(--space-8);min-width:0}.chat-item__preview{flex:1;min-width:0;color:var(--color-text-secondary);font-size:15px;line-height:20px;font-weight:400;letter-spacing:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.chat-item__preview--typing{color:var(--color-text-accent)}.chat-item__pin{margin-top:var(--space-2);color:var(--color-accent-toet)}.chat-item__status-line{color:var(--color-text-muted);font-size:13px;line-height:18px;font-weight:400;letter-spacing:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chat-item__status-line--online{color:var(--color-text-accent)}.chat-item--unread .chat-item__time{color:var(--color-text-accent)}.chat-item--muted.chat-item--unread .chat-item__time{color:var(--color-text-muted)}.chat-item--selected,.chat-item[aria-current=true]{background-color:var(--color-bg-selected)}.chat-item--selected:active,.chat-item[aria-current=true]:active{background-color:var(--color-bg-selected)}@media(hover: hover)and (pointer: fine){.chat-item--selected:hover,.chat-item[aria-current=true]:hover{background-color:var(--color-bg-selected)}}.chat-item--compact{min-height:60px}.chat-item--compact .chat-item__name{flex:none}.bubble{display:flex;align-items:flex-end;gap:var(--space-8);max-width:min(var(--size-bubble-max),85%);margin-top:var(--space-8);padding:var(--space-8) var(--space-12);border-radius:var(--radius-lg);font-size:16px;line-height:22px;font-weight:400;letter-spacing:normal;transition:border-radius var(--duration-fast) var(--ease-standard)}.bubble__text{min-width:0;white-space:pre-wrap;overflow-wrap:anywhere}.bubble__meta{display:inline-flex;flex:none;align-items:center;gap:var(--space-2);font-size:11px;line-height:13px;font-weight:500;letter-spacing:normal;font-variant-numeric:tabular-nums;white-space:nowrap}.bubble--in{align-self:flex-start;background-color:var(--color-bubble-in-bg);color:var(--color-bubble-in-text);box-shadow:var(--shadow-bubble-in);transform-origin:bottom left}.bubble--in .bubble__meta{color:var(--color-bubble-in-meta)}.bubble--out{align-self:flex-end;background-color:var(--color-bubble-out-bg);color:var(--color-bubble-out-text);transform-origin:bottom right}.bubble--out .bubble__meta{color:var(--color-bubble-out-meta)}.bubble--pos-middle,.bubble--pos-last{margin-top:var(--space-2)}.bubble--out.bubble--pos-first{border-bottom-right-radius:var(--radius-xs)}.bubble--out.bubble--pos-middle{border-top-right-radius:var(--radius-xs);border-bottom-right-radius:var(--radius-xs)}.bubble--out.bubble--pos-last{border-top-right-radius:var(--radius-xs)}.bubble--in.bubble--pos-first{border-bottom-left-radius:var(--radius-xs)}.bubble--in.bubble--pos-middle{border-top-left-radius:var(--radius-xs);border-bottom-left-radius:var(--radius-xs)}.bubble--in.bubble--pos-last{border-top-left-radius:var(--radius-xs)}.bubble--animate-in{animation:bubble-in var(--duration-base) var(--ease-spring) both}@media(prefers-reduced-motion: reduce){.bubble--animate-in{animation:fade-in 120ms linear both}}@keyframes bubble-in{from{opacity:0;transform:translateY(8px) scale(0.96)}}.typing-indicator__dots{display:inline-flex;align-items:center;gap:var(--space-4);height:22px;padding-inline:var(--space-2)}.typing-indicator__dot{width:7px;height:7px;border-radius:var(--radius-full);background-color:var(--color-icon-muted);animation:typing-dot 1.2s var(--ease-standard) infinite}.typing-indicator__dot:nth-child(2){animation-delay:150ms}.typing-indicator__dot:nth-child(3){animation-delay:300ms}@media(prefers-reduced-motion: reduce){.typing-indicator__dot{animation:none}}.typing-indicator.is-hidden{display:none}@keyframes typing-dot{0%,50%,100%{transform:translateY(0);opacity:.6}25%{transform:translateY(-3px);opacity:1}}.date-separator{position:sticky;top:calc(var(--size-nav-bar) + var(--safe-top) + var(--space-8));z-index:1;display:flex;justify-content:center;margin-block:var(--space-12) var(--space-4);pointer-events:none}.date-separator__label{padding:var(--space-2) var(--space-8);border-radius:var(--radius-full);background-color:var(--color-bg-elevated);background-color:color-mix(in srgb, var(--color-bg-elevated) 90%, transparent);color:var(--color-text-secondary);font-size:12px;line-height:16px;font-weight:500;letter-spacing:normal;font-variant-numeric:tabular-nums}.composer{display:flex;align-items:flex-end;gap:var(--space-4);padding-top:var(--space-8);border-top:1px solid var(--color-border-subtle);padding-bottom:calc(var(--space-8) + var(--safe-bottom));padding-left:calc(var(--space-8) + var(--safe-left));padding-right:calc(var(--space-8) + var(--safe-right));background-color:var(--color-bg-surface)}@supports((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) and (background-color: color-mix(in srgb, white 50%, transparent)){.composer{background-color:color-mix(in srgb, var(--color-bg-surface) 88%, transparent);-webkit-backdrop-filter:blur(var(--blur-bar)) saturate(1.4);backdrop-filter:blur(var(--blur-bar)) saturate(1.4)}}.is-keyboard-open .composer{padding-bottom:var(--space-8)}.composer__field{position:relative;display:flex;flex:1;align-items:flex-end;min-width:0;min-height:var(--size-field);padding-left:var(--space-16);padding-right:var(--space-4);border-radius:calc(var(--size-field)/2);background-color:var(--color-bg-field)}@media(hover: hover)and (pointer: fine){.composer__field:focus-within{box-shadow:0 0 0 2px var(--color-border-focus)}}.composer__input{display:block;flex:1;min-width:0;height:var(--size-field);max-height:150px;padding-block:9px;border:0;background:rgba(0,0,0,0);color:var(--color-text-primary);font-size:16px;line-height:22px;font-weight:400;letter-spacing:normal;resize:none;overflow-y:hidden;overscroll-behavior:contain;outline:none;caret-color:var(--color-text-accent)}.composer__input::placeholder{color:var(--color-text-muted);opacity:1}.composer__input.is-scrollable{overflow-y:auto}.composer__emoji{margin-bottom:var(--space-4)}.composer__action{position:relative;display:grid;flex:none;width:var(--size-field);height:var(--size-field)}.composer__action>*{grid-area:1/1;transition:opacity var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard),visibility 0s linear 0s}@media(prefers-reduced-motion: reduce){.composer__action>*{transition:opacity 120ms linear,visibility 0s linear 0s}}.composer__send{position:relative;display:grid;place-items:center;width:var(--size-field);height:var(--size-field);border-radius:var(--radius-full);background-color:var(--color-accent-primary);color:var(--color-icon-on-accent)}.composer__send:active{background-color:var(--color-accent-primary-pressed)}.composer__send .icon{width:var(--size-icon-md);height:var(--size-icon-md)}.composer[data-state=empty] .composer__send,.composer[data-state=typing] .composer__mic{opacity:0;transform:scale(0.6) rotate(-30deg);visibility:hidden;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard),visibility 0s linear var(--duration-fast)}@media(prefers-reduced-motion: reduce){.composer[data-state=empty] .composer__send,.composer[data-state=typing] .composer__mic{transform:none}}.pwa-banner{position:relative;display:flex;align-items:center;gap:var(--space-12);padding:var(--space-12) var(--space-8) var(--space-12) var(--space-12);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background-color:var(--color-bg-elevated);box-shadow:var(--elevation-2)}.pwa-banner__main{display:flex;flex:1;align-items:center;gap:var(--space-12);min-width:0;text-align:left}.pwa-banner__main::after{content:"";position:absolute;inset:-1px;border-radius:var(--radius-lg);transition:background-color var(--duration-instant) var(--ease-standard)}.pwa-banner__main:active::after{background-color:color-mix(in srgb, var(--color-text-primary) 6%, transparent)}.pwa-banner__main:focus-visible{outline:none}.pwa-banner__main:focus-visible::after{outline:2px solid var(--color-border-focus);outline-offset:2px}.pwa-banner__tile{display:grid;flex:none;place-items:center;width:40px;height:40px;border-radius:var(--radius-md);background-color:var(--color-accent-primary-subtle);color:var(--color-icon-accent)}.pwa-banner__text{display:flex;flex:1;flex-direction:column;gap:var(--space-2);min-width:0}.pwa-banner__title{color:var(--color-text-primary);font-size:15px;line-height:20px;font-weight:600;letter-spacing:normal}.pwa-banner__body{color:var(--color-text-secondary);font-size:13px;line-height:18px;font-weight:400;letter-spacing:normal}.pwa-banner__action{color:var(--color-text-accent);font-size:13px;line-height:18px;font-weight:400;letter-spacing:normal;font-weight:600}.pwa-banner__close{z-index:1}.pwa-banner--install .pwa-banner__tile{background-color:var(--color-accent-toet-subtle);color:var(--color-accent-toet)}.pwa-banner.is-leaving{opacity:0;transform:scale(0.98);transition:opacity var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-standard)}@media(prefers-reduced-motion: reduce){.pwa-banner.is-leaving{transform:none;transition:opacity 120ms linear}}.button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);flex:none;border-radius:var(--radius-full);white-space:nowrap;user-select:none;transition:background-color var(--duration-instant) var(--ease-standard),color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-spring)}.button:active{transform:scale(0.98)}.button:disabled,.button[aria-disabled=true]{opacity:.4;pointer-events:none}.button--large{min-height:50px;padding-inline:var(--space-24);font-size:16px;line-height:21px;font-weight:600;letter-spacing:normal}.button--small{min-height:32px;padding-inline:var(--space-12);font-size:15px;line-height:20px;font-weight:600;letter-spacing:normal}.button--small::after{content:"";position:absolute;inset:calc((32px - var(--size-touch))/2)}.button--block{width:100%}.button--primary{background-color:var(--color-accent-primary);color:var(--color-text-on-accent)}.button--primary:active{background-color:var(--color-accent-primary-pressed)}@media(hover: hover)and (pointer: fine){.button--primary:hover{background-color:var(--color-accent-primary-pressed)}}.button--secondary{background-color:var(--color-accent-primary-subtle);color:var(--color-text-accent)}.button--secondary:active{background-color:color-mix(in srgb, var(--color-accent-primary-subtle), var(--color-accent-primary) 18%)}@media(hover: hover)and (pointer: fine){.button--secondary:hover{background-color:color-mix(in srgb, var(--color-accent-primary-subtle), var(--color-accent-primary) 10%)}}.button--ghost{background-color:rgba(0,0,0,0);color:var(--color-text-accent)}.button--ghost:active{background-color:var(--color-bg-pressed)}@media(hover: hover)and (pointer: fine){.button--ghost:hover{background-color:var(--color-bg-pressed)}}@media(prefers-reduced-motion: reduce){.button:active{transform:none}}.icon-button{--ib-size: 40px;--ib-icon: var(--size-icon-lg);position:relative;display:inline-grid;place-items:center;flex:none;width:var(--ib-size);height:var(--ib-size);border-radius:var(--radius-full);color:var(--color-icon-default);transition:background-color var(--duration-instant) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.icon-button::after{content:"";position:absolute;inset:calc((var(--ib-size) - var(--size-touch))/2)}.icon-button:active{background-color:var(--color-bg-pressed)}@media(hover: hover)and (pointer: fine){.icon-button:hover{background-color:var(--color-bg-pressed)}}.icon-button .icon{width:var(--ib-icon);height:var(--ib-icon)}.icon-button--28{--ib-size: 28px;--ib-icon: var(--size-icon-sm)}.icon-button--32{--ib-size: 32px;--ib-icon: var(--size-icon-md)}.icon-button--40{--ib-size: 40px}.icon-button--44{--ib-size: var(--size-touch)}.icon-button--accent{color:var(--color-icon-accent)}.icon-button--muted{color:var(--color-icon-muted)}.toggle{-webkit-appearance:none;appearance:none;position:relative;flex:none;width:51px;height:31px;margin:0;border-radius:var(--radius-full);background-color:var(--color-border-default);cursor:pointer;transition:background-color var(--duration-base) var(--ease-standard)}.toggle::before{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:var(--radius-full);background-color:var(--color-text-on-accent);box-shadow:var(--elevation-2);transition:transform var(--duration-base) var(--ease-spring)}.toggle:checked{background-color:var(--color-accent-primary)}.toggle:checked::before{transform:translateX(20px)}.toggle:disabled{opacity:.4;cursor:default}@media(prefers-reduced-motion: reduce){.toggle{transition-duration:120ms}.toggle::before{transition:none}}.segmented{display:inline-flex;flex:none;gap:var(--space-2);min-width:0;margin:0;padding:var(--space-2);border:0;border-radius:var(--radius-full);background-color:var(--color-bg-field)}.segmented__option{position:relative;display:flex;flex:1 1 0}.segmented__input{position:absolute !important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.segmented__label{display:flex;flex:1;align-items:center;justify-content:center;gap:var(--space-6);min-height:32px;padding-inline:var(--space-12);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:15px;line-height:20px;font-weight:600;letter-spacing:normal;white-space:nowrap;cursor:pointer;user-select:none;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.segmented__input:checked+.segmented__label{background-color:var(--color-accent-primary);color:var(--color-text-on-accent)}.segmented__input:focus-visible+.segmented__label{outline:2px solid var(--color-border-focus);outline-offset:2px}@media(hover: hover)and (pointer: fine){.segmented__input:not(:checked)+.segmented__label:hover{color:var(--color-text-primary)}}.search-field{position:relative;display:flex;align-items:center;gap:var(--space-8);height:36px;padding-inline:var(--space-12);border-radius:var(--radius-full);background-color:var(--color-bg-field);color:var(--color-icon-muted)}@media(hover: hover)and (pointer: fine){.search-field:focus-within{box-shadow:0 0 0 2px var(--color-border-focus)}}.search-field__icon{width:var(--size-icon-md);height:var(--size-icon-md)}.search-field__input{flex:1;min-width:0;height:100%;padding:0;border:0;background:rgba(0,0,0,0);color:var(--color-text-primary);font-size:16px;line-height:22px;font-weight:400;letter-spacing:normal;outline:none;-webkit-appearance:none;appearance:none}.search-field__input::placeholder{color:var(--color-text-muted);opacity:1}.search-field__input::-webkit-search-decoration,.search-field__input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.fab{display:grid;place-items:center;width:var(--size-fab);height:var(--size-fab);border-radius:var(--radius-full);background-color:var(--color-accent-primary);color:var(--color-icon-on-accent);box-shadow:var(--elevation-2);transition:background-color var(--duration-instant) var(--ease-standard),transform var(--duration-fast) var(--ease-spring)}.fab:active{background-color:var(--color-accent-primary-pressed);transform:scale(0.94)}@media(hover: hover)and (pointer: fine){.fab:hover{background-color:var(--color-accent-primary-pressed)}}@media(prefers-reduced-motion: reduce){.fab:active{transform:none}}.tab-bar{border-top:1px solid var(--color-border-subtle);padding-bottom:calc(0px + var(--safe-bottom));padding-left:calc(0px + var(--safe-left));padding-right:calc(0px + var(--safe-right));background-color:var(--color-bg-surface)}@supports((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) and (background-color: color-mix(in srgb, white 50%, transparent)){.tab-bar{background-color:color-mix(in srgb, var(--color-bg-surface) 88%, transparent);-webkit-backdrop-filter:blur(var(--blur-bar)) saturate(1.4);backdrop-filter:blur(var(--blur-bar)) saturate(1.4)}}.tab-bar__list{display:flex;margin:0;padding:0;list-style:none}.tab-bar__item{flex:1;min-width:0}.tab-bar__link{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);width:100%;height:var(--size-tab-bar);color:var(--color-text-muted);font-size:11px;line-height:13px;font-weight:500;letter-spacing:normal;transition:color var(--duration-fast) var(--ease-standard)}.tab-bar__link:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:-4px}.tab-bar__link .icon{color:var(--color-icon-muted);transition:color var(--duration-fast) var(--ease-standard)}.tab-bar__link[aria-current=page]{color:var(--color-text-accent)}.tab-bar__link[aria-current=page] .icon{color:var(--color-icon-accent)}.tab-bar__icon-wrap{position:relative}.tab-bar__badge{position:absolute;top:-4px;left:calc(100% - 8px)}.view-header{position:sticky;top:0;z-index:3;padding-top:var(--safe-top);border-bottom:1px solid rgba(0,0,0,0);transition:border-color var(--duration-fast) var(--ease-standard);padding-left:calc(0px + var(--safe-left));padding-right:calc(0px + var(--safe-right));background-color:var(--color-bg-surface)}@supports((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) and (background-color: color-mix(in srgb, white 50%, transparent)){.view-header{background-color:color-mix(in srgb, var(--color-bg-surface) 88%, transparent);-webkit-backdrop-filter:blur(var(--blur-bar)) saturate(1.4);backdrop-filter:blur(var(--blur-bar)) saturate(1.4)}}.view-header.is-scrolled{border-bottom-color:var(--color-border-subtle)}.view-header__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);height:var(--size-nav-bar);padding-inline:var(--space-16)}.view-header__title{min-width:0;color:var(--color-text-primary);font-size:28px;line-height:34px;font-weight:700;letter-spacing:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.view-header__profile{position:relative;display:grid;flex:none;place-items:center;border-radius:var(--radius-full)}.view-header__profile::after{content:"";position:absolute;inset:calc((var(--size-avatar-sm) - var(--size-touch))/2)}.view-header__profile:active{opacity:.7}.view-header__search{padding:0 var(--space-16) var(--space-8)}.view-header--grouped{background-color:var(--color-bg-grouped)}@supports((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) and (background-color: color-mix(in srgb, white 50%, transparent)){.view-header--grouped{background-color:color-mix(in srgb, var(--color-bg-grouped) 88%, transparent);-webkit-backdrop-filter:blur(var(--blur-bar)) saturate(1.4);backdrop-filter:blur(var(--blur-bar)) saturate(1.4)}}.wordmark{display:inline-flex;align-items:center;gap:var(--space-6)}.wordmark__paw{width:var(--size-icon-lg);height:var(--size-icon-lg);color:var(--color-accent-toet)}.chat-header{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:var(--space-8);min-height:calc(var(--size-nav-bar) + var(--safe-top));padding-top:var(--safe-top);border-bottom:1px solid var(--color-border-subtle);padding-left:calc(var(--space-8) + var(--safe-left));padding-right:calc(var(--space-8) + var(--safe-right));background-color:var(--color-bg-surface)}@supports((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) and (background-color: color-mix(in srgb, white 50%, transparent)){.chat-header{background-color:color-mix(in srgb, var(--color-bg-surface) 88%, transparent);-webkit-backdrop-filter:blur(var(--blur-bar)) saturate(1.4);backdrop-filter:blur(var(--blur-bar)) saturate(1.4)}}.chat-header__back{position:relative;display:inline-flex;align-items:center;flex:none;min-width:var(--size-touch);height:var(--size-touch);padding-right:var(--space-4);border-radius:var(--radius-full);color:var(--color-text-accent);font-size:16px;line-height:21px;font-weight:600;letter-spacing:normal;font-variant-numeric:tabular-nums}.chat-header__back .icon{margin-right:calc(var(--space-2)*-1)}.chat-header__back:active{opacity:.6}.chat-header__avatar{--avatar-ring: var(--color-bg-surface)}.chat-header__title{display:flex;flex:1;flex-direction:column;min-width:0}.chat-header__name{color:var(--color-text-primary);font-size:17px;line-height:22px;font-weight:600;letter-spacing:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chat-header__status{color:var(--color-text-muted);font-size:13px;line-height:18px;font-weight:400;letter-spacing:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chat-header__status--online,.chat-header__status--typing{color:var(--color-text-accent)}.chat-header__actions{display:flex;flex:none;align-items:center}.profile-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-16) var(--space-8);text-align:center}.profile-card__avatar-wrap{position:relative;margin-bottom:var(--space-4)}.profile-card__camera{position:absolute;right:-2px;bottom:-2px;display:grid;place-items:center;width:32px;height:32px;border-radius:var(--radius-full);background-color:var(--color-accent-primary);color:var(--color-icon-on-accent);box-shadow:0 0 0 3px var(--color-bg-grouped)}.profile-card__camera::after{content:"";position:absolute;inset:calc((32px - var(--size-touch))/2)}.profile-card__camera:active{background-color:var(--color-accent-primary-pressed)}.profile-card__camera .icon{width:var(--size-icon-sm);height:var(--size-icon-sm)}.profile-card__identity{display:flex;flex-direction:column;gap:var(--space-2)}.profile-card__name{color:var(--color-text-primary);font-size:22px;line-height:28px;font-weight:700;letter-spacing:normal}.profile-card__handle{color:var(--color-text-secondary);font-size:15px;line-height:20px;font-weight:400;letter-spacing:normal}.profile-card__link{color:var(--color-text-accent);font-size:15px;line-height:20px;font-weight:400;letter-spacing:normal;border-radius:var(--radius-xs)}.profile-card__link:active{opacity:.6}.settings-section{margin-inline:var(--space-16);padding-left:calc(0px + var(--safe-left));padding-right:calc(0px + var(--safe-right))}.settings-section__title{padding:var(--space-24) var(--space-16) var(--space-8);color:var(--color-text-secondary);font-size:11px;line-height:13px;font-weight:600;letter-spacing:.6px;text-transform:uppercase}.settings-section__footer{padding:var(--space-8) var(--space-16) 0;color:var(--color-text-secondary);font-size:13px;line-height:18px;font-weight:400;letter-spacing:normal}.settings-section--spaced{margin-top:var(--space-32)}.settings-group{margin:0;padding:0;overflow:hidden;border-radius:var(--radius-lg);background-color:var(--color-bg-elevated);list-style:none}.settings-group__item{position:relative}.settings-group__item+.settings-group__item::before{content:"";position:absolute;top:0;right:0;left:56px;z-index:1;border-top:1px solid var(--color-border-subtle)}.settings-row{display:flex;align-items:center;flex-wrap:wrap;column-gap:var(--space-12);row-gap:var(--space-8);width:100%;min-height:52px;padding:var(--space-8) var(--space-16);background-color:var(--color-bg-elevated);color:var(--color-text-primary);font-size:15px;line-height:20px;font-weight:400;letter-spacing:normal;text-align:left}.settings-row:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:-2px}.settings-row--interactive{cursor:pointer;transition:background-color var(--duration-instant) var(--ease-standard)}.settings-row--interactive:active{background-color:var(--color-bg-pressed)}@media(hover: hover)and (pointer: fine){.settings-row--interactive:hover{background-color:var(--color-bg-pressed)}}.settings-row__tile{--tile-color: var(--color-avatar-blue);display:grid;flex:none;place-items:center;width:28px;height:28px;border-radius:var(--radius-sm);background-color:var(--tile-color);color:var(--color-icon-on-accent)}.settings-row__tile .icon{width:18px;height:18px}.settings-row__tile--violet{--tile-color: var(--color-avatar-violet)}.settings-row__tile--rose{--tile-color: var(--color-avatar-rose)}.settings-row__tile--green{--tile-color: var(--color-avatar-green)}.settings-row__tile--caramel{--tile-color: var(--color-avatar-caramel)}.settings-row__tile--teal{--tile-color: var(--color-avatar-teal)}.settings-row__tile--danger{--tile-color: var(--color-feedback-danger)}.settings-row__label{flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.settings-row__value{flex:0 1 auto;min-width:0;max-width:55%;color:var(--color-text-secondary);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.settings-row__chevron{margin-left:calc(var(--space-8)*-1);color:var(--color-icon-muted)}.settings-row__control{display:flex;flex:0 1 auto;justify-content:flex-end;margin-left:auto}.settings-row--destructive{color:var(--color-text-danger)}.settings-footnote{padding:var(--space-24) var(--space-16) var(--space-32);color:var(--color-text-muted);font-size:13px;line-height:18px;font-weight:400;letter-spacing:normal;text-align:center}.sheet{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-end;justify-content:center;visibility:hidden;pointer-events:none;transition:visibility 0s linear var(--duration-slow)}.sheet.is-open{visibility:visible;pointer-events:auto;transition:none}.sheet__scrim{position:absolute;inset:0;background-color:var(--color-bg-overlay);opacity:0;transition:opacity var(--duration-base) var(--ease-standard)}.sheet.is-open .sheet__scrim{opacity:1}.sheet__panel{position:relative;display:flex;flex-direction:column;gap:var(--space-20);width:100%;max-width:480px;max-height:calc(100% - var(--safe-top) - var(--space-24));overflow-y:auto;overscroll-behavior:contain;padding:var(--space-8) var(--space-24) calc(var(--space-24) + var(--safe-bottom));border-radius:var(--radius-xl) var(--radius-xl) 0 0;background-color:var(--color-bg-elevated);box-shadow:var(--elevation-3);transform:translateY(100%);transition:transform var(--duration-base) var(--ease-standard);outline:none}.sheet.is-open .sheet__panel{transform:translateY(0);transition:transform var(--duration-slow) var(--ease-decelerate)}@media(prefers-reduced-motion: reduce){.sheet__panel,.sheet.is-open .sheet__panel{transform:none;opacity:0;transition:opacity 120ms linear}.sheet.is-open .sheet__panel{opacity:1}.sheet__scrim{transition-duration:120ms}}.sheet__grabber{flex:none;align-self:center;width:36px;height:5px;margin-bottom:calc(var(--space-20)*-1 + var(--space-8));border-radius:var(--radius-full);background-color:var(--color-icon-muted);opacity:.6}.sheet__hero{position:relative;display:grid;place-items:center;align-self:center;margin-top:var(--space-8)}.sheet__text{display:flex;flex-direction:column;gap:var(--space-8);text-align:center}.sheet__title{color:var(--color-text-primary);font-size:22px;line-height:28px;font-weight:700;letter-spacing:normal}.sheet__body{color:var(--color-text-secondary);font-size:15px;line-height:20px;font-weight:400;letter-spacing:normal}.sheet__actions{display:flex;flex-direction:column;gap:var(--space-8)}.sheet__hint{display:flex;align-items:center;justify-content:center;gap:var(--space-6);margin-top:calc(var(--space-8)*-1);color:var(--color-text-muted);font-size:13px;line-height:18px;font-weight:400;letter-spacing:normal}.sheet__hint .icon{color:var(--color-icon-accent);animation:sheet-hint 1.6s var(--ease-standard) infinite}@media(prefers-reduced-motion: reduce){.sheet__hint .icon{animation:none}}@keyframes sheet-hint{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}.app-icon{display:grid;place-items:center;width:72px;height:72px;border-radius:var(--radius-lg);background-color:var(--color-accent-primary);color:var(--color-icon-on-accent);box-shadow:var(--elevation-2)}.app-icon .icon{width:40px;height:40px}.app-icon--sm{width:20px;height:20px;border-radius:var(--radius-xs);box-shadow:none}.app-icon--sm .icon{width:14px;height:14px}.app-icon__badge{position:absolute;top:-6px;right:-8px;min-width:24px;height:24px;box-shadow:0 0 0 3px var(--color-bg-elevated)}.bell-hero{position:relative;display:grid;place-items:center;width:72px;height:72px;border-radius:var(--radius-xl);background-color:var(--color-accent-toet-subtle);color:var(--color-accent-toet)}.bell-hero .icon{width:36px;height:36px}.bell-hero__waves{position:absolute;top:50%;width:24px;height:48px;margin-top:-24px;color:var(--color-accent-toet);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.bell-hero__waves--left{right:calc(100% + var(--space-6));transform:scaleX(-1)}.bell-hero__waves--right{left:calc(100% + var(--space-6))}.bell-hero__waves path{animation:toeter-wave 1.8s var(--ease-standard) infinite}.bell-hero__waves path:nth-child(2){animation-delay:150ms}@media(prefers-reduced-motion: reduce){.bell-hero__waves path{animation:none}}@keyframes toeter-wave{0%,100%{opacity:.35}40%{opacity:1}}.sheet-steps{display:flex;flex-direction:column;gap:var(--space-12);margin:0;padding:0;list-style:none}.sheet-step{display:flex;align-items:flex-start;gap:var(--space-12);padding:var(--space-12);border-radius:var(--radius-md);background-color:var(--color-bg-field);color:var(--color-text-primary);font-size:15px;line-height:20px;font-weight:400;letter-spacing:normal}.sheet-step__num{display:grid;flex:none;place-items:center;width:24px;height:24px;margin-top:-2px;border-radius:var(--radius-full);background-color:var(--color-accent-primary);color:var(--color-text-on-accent);font-size:12px;line-height:16px;font-weight:600;letter-spacing:normal;font-variant-numeric:tabular-nums}.sheet-step__text{flex:1;min-width:0}.sheet-step__text strong{font-weight:600}.sheet-step__icon{display:inline-block;width:18px;height:18px;margin-inline:1px;vertical-align:-3px;color:var(--color-icon-accent)}.sheet-step__note{display:block;margin-top:var(--space-2);color:var(--color-text-muted);font-size:13px;line-height:18px;font-weight:400;letter-spacing:normal}.notif-preview{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-12);border-radius:var(--radius-md);background-color:var(--color-bg-field);text-align:left}.notif-preview__head{display:flex;align-items:center;gap:var(--space-8)}.notif-preview__app{flex:1;color:var(--color-text-secondary);font-size:11px;line-height:13px;font-weight:600;letter-spacing:.6px;text-transform:uppercase}.notif-preview__time{color:var(--color-text-muted);font-size:12px;line-height:16px;font-weight:500;letter-spacing:normal}.notif-preview__title{color:var(--color-text-primary);font-size:15px;line-height:20px;font-weight:600;letter-spacing:normal}.notif-preview__body{color:var(--color-text-secondary);font-size:15px;line-height:20px;font-weight:400;letter-spacing:normal}:root{--sidebar-width: 320px;--chat-column-max: 760px}.app{position:relative;height:100%;height:calc(100dvh - var(--keyboard-offset));overflow:hidden;overflow:clip;background-color:var(--color-bg-base);isolation:isolate}.app__view{position:absolute;inset:0;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;overflow:clip;background-color:var(--color-bg-base)}.app__view--settings{background-color:var(--color-bg-grouped)}.app__scroll{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--size-tab-bar) + var(--safe-bottom))}.app__view--chats .app__scroll{padding-bottom:calc(var(--size-tab-bar) + var(--safe-bottom) + var(--size-fab) + var(--space-32))}.app__inner{width:100%;max-width:640px;margin-inline:auto}.app__banner{margin:0 var(--space-16) var(--space-8)}.app__view--contacts,.app__view--settings{display:none}.app[data-tab=contacts] .app__view--contacts,.app[data-tab=settings] .app__view--settings{display:flex}.app__fab{position:absolute;right:calc(var(--space-16) + var(--safe-right));bottom:calc(var(--size-tab-bar) + var(--safe-bottom) + var(--space-16));z-index:5}.app__tabbar{position:absolute;right:0;bottom:0;left:0;z-index:10}.chat{background-color:var(--color-bg-chat)}.chat__scroll{display:flex;flex:1;flex-direction:column;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.chat__composer{position:sticky;bottom:0;z-index:3;margin-top:auto}.messages{display:flex;flex:1 0 auto;flex-direction:column;padding-top:var(--space-8);padding-bottom:var(--space-12);padding-left:calc(var(--space-12) + var(--safe-left));padding-right:calc(var(--space-12) + var(--safe-right))}.messages__inner{display:flex;flex:1 0 auto;flex-direction:column;justify-content:flex-end;width:100%;max-width:var(--chat-column-max);margin-inline:auto}.messages__day{display:flex;flex-direction:column}@media(max-width: 767.98px){.app:not([data-tab=chats]) .app__view--chats{display:none}.app__view--chats,.app__tabbar{transition:transform var(--duration-slow) var(--ease-standard)}.app__view--chat{z-index:20;visibility:hidden;transform:translateX(100%);box-shadow:var(--elevation-3);transition:transform var(--duration-slow) var(--ease-standard),visibility 0s linear var(--duration-slow)}.app[data-chat-open=true] .app__view--chat{visibility:visible;transform:none;transition:transform var(--duration-slow) var(--ease-standard)}.app[data-chat-open=true] .app__view--chats,.app[data-chat-open=true] .app__tabbar{transform:translateX(-25%)}}@media(max-width: 767.98px)and (prefers-reduced-motion: reduce){.app__view--chats,.app__tabbar,.app[data-chat-open=true] .app__view--chats,.app[data-chat-open=true] .app__tabbar{transform:none;transition:none}.app__view--chat,.app[data-chat-open=true] .app__view--chat{transform:none;opacity:0;transition:opacity 120ms linear,visibility 0s linear 120ms}.app[data-chat-open=true] .app__view--chat{opacity:1;transition:opacity 120ms linear}}@media(min-width: 768px){.app{display:grid;grid-template-columns:var(--sidebar-width) minmax(0, 1fr);grid-template-rows:minmax(0, 1fr) auto;grid-template-areas:"sidebar main" "footer  main"}.app__view{position:relative;inset:auto}.app__view--chats{grid-area:sidebar;border-right:1px solid var(--color-border-subtle)}.app__tabbar{position:relative;grid-area:footer;border-right:1px solid var(--color-border-subtle)}.app__view--chat,.app__view--contacts,.app__view--settings{grid-area:main}.app:not([data-tab=chats]) .app__view--chat{display:none}.app__scroll{padding-bottom:var(--space-24)}.app__view--chats .app__scroll{padding-bottom:calc(var(--size-fab) + var(--space-32))}.app__fab{bottom:var(--space-16)}.chat-header{padding-left:var(--space-16)}.chat-header__back{display:none}.chat__composer{padding-left:max(var(--space-8) + var(--safe-left),(100% - var(--chat-column-max))/2);padding-right:max(var(--space-8) + var(--safe-right),(100% - var(--chat-column-max))/2)}}@media(min-width: 1024px){:root{--sidebar-width: 380px;--size-bubble-max: 480px}}@media(min-width: 1440px){:root{--sidebar-width: 400px}}.gallery{min-height:100%;background-color:var(--color-bg-grouped);color:var(--color-text-primary)}.gallery__bar{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-12) var(--space-16);padding:calc(var(--space-12) + var(--safe-top)) var(--space-16) var(--space-12);border-bottom:1px solid var(--color-border-subtle);background-color:var(--color-bg-surface)}@supports((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) and (background-color: color-mix(in srgb, white 50%, transparent)){.gallery__bar{background-color:color-mix(in srgb, var(--color-bg-surface) 88%, transparent);-webkit-backdrop-filter:blur(var(--blur-bar)) saturate(1.4);backdrop-filter:blur(var(--blur-bar)) saturate(1.4)}}.gallery__title{flex:1 1 auto;font-size:17px;line-height:22px;font-weight:600;letter-spacing:normal}.gallery__tools{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-8)}.gallery__main{max-width:1200px;margin-inline:auto;padding:var(--space-8) var(--space-16) var(--space-64)}.gallery__nav{display:flex;flex-wrap:wrap;gap:var(--space-4) var(--space-12);padding-block:var(--space-16) var(--space-8);font-size:13px;line-height:18px;font-weight:400;letter-spacing:normal}.gallery__nav a{color:var(--color-text-accent)}.gallery-section{padding-top:var(--space-40);scroll-margin-top:64px}.gallery-section__title{margin-bottom:var(--space-4);font-size:22px;line-height:28px;font-weight:700;letter-spacing:normal}.gallery-section__desc{max-width:70ch;margin-bottom:var(--space-16);color:var(--color-text-secondary);font-size:13px;line-height:18px;font-weight:400;letter-spacing:normal}.gallery-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-24)}.specimen{display:flex;flex-direction:column;gap:var(--space-8);min-width:0}.specimen__label{color:var(--color-text-muted);font-size:11px;line-height:13px;font-weight:600;letter-spacing:.6px;text-transform:uppercase}.specimen__stage{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-12);padding:var(--space-16);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background-color:var(--color-bg-base)}.specimen__stage--chat{flex-direction:column;align-items:stretch;gap:0;background-color:var(--color-bg-chat)}.specimen__stage--flush{display:block;padding:0;overflow:hidden}.specimen__stage--elevated{background-color:var(--color-bg-elevated)}.specimen__stage--bubble{background-color:var(--color-bubble-out-bg)}.gallery-phone{width:100%;max-width:393px}.swatch-themes{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 420px), 1fr));gap:var(--space-16)}.swatch-theme{padding:var(--space-16);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background-color:var(--color-bg-base);color:var(--color-text-primary)}.swatch-theme__title{margin-bottom:var(--space-12);font-size:16px;line-height:21px;font-weight:600;letter-spacing:normal}.swatch-group+.swatch-group{margin-top:var(--space-16)}.swatch-group__title{margin-bottom:var(--space-8);color:var(--color-text-secondary);font-size:11px;line-height:13px;font-weight:600;letter-spacing:.6px;text-transform:uppercase}.swatch-group__grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(180px, 1fr));gap:var(--space-8);margin:0;padding:0;list-style:none}.swatch{display:flex;align-items:center;gap:var(--space-8);min-width:0}.swatch__chip{flex:none;width:36px;height:36px;border:1px solid var(--color-border-default);border-radius:var(--radius-sm)}.swatch__meta{display:flex;flex-direction:column;min-width:0}.swatch__name{font-size:12px;line-height:16px;font-weight:500;letter-spacing:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.swatch__value{color:var(--color-text-muted);font-size:11px;line-height:13px;font-weight:500;letter-spacing:normal;font-variant-numeric:tabular-nums;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.type-ramp{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.type-ramp__row{display:grid;grid-template-columns:minmax(120px, 180px) 1fr;align-items:baseline;gap:var(--space-16);padding-block:var(--space-12);border-bottom:1px solid var(--color-border-subtle)}.type-ramp__meta{color:var(--color-text-muted);font-size:12px;line-height:16px;font-weight:500;letter-spacing:normal;font-variant-numeric:tabular-nums}.auth{display:grid;place-items:center;min-height:100dvh;padding:calc(var(--space-24) + env(safe-area-inset-top)) var(--space-16) calc(var(--space-24) + env(safe-area-inset-bottom));background-color:var(--color-bg-base);color:var(--color-text-primary)}.auth__inner{display:flex;flex-direction:column;gap:var(--space-24);width:min(100%,380px)}.auth__brand{display:flex;align-items:center;justify-content:center;gap:var(--space-8)}.auth__paw{width:44px;height:44px;color:var(--color-accent-toet)}.auth__title{margin:0;font-size:32px;line-height:38px;font-weight:700;letter-spacing:normal}.auth__tagline{margin:calc(-1*var(--space-12)) 0 0;color:var(--color-text-secondary);text-align:center;font-size:15px;line-height:20px;font-weight:400;letter-spacing:normal}.auth__form{display:flex;flex-direction:column;gap:var(--space-12)}.auth__form[hidden]{display:none}.auth__error{margin:0;color:var(--color-text-danger);font-size:13px;line-height:18px;font-weight:400;letter-spacing:normal}.auth__error[hidden]{display:none}.field{display:flex;flex-direction:column;gap:var(--space-6)}.field__label{padding-inline:var(--space-4);color:var(--color-text-secondary);font-size:13px;line-height:18px;font-weight:400;letter-spacing:normal}.field__input{min-height:48px;padding-inline:var(--space-16);border:1px solid rgba(0,0,0,0);border-radius:var(--radius-md);background-color:var(--color-bg-field);color:var(--color-text-primary);font-size:16px;line-height:22px;font-weight:400;letter-spacing:normal}.field__input::placeholder{color:var(--color-text-muted)}.field__input:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.field__input--code{letter-spacing:.12em;text-transform:uppercase;font-variant-numeric:tabular-nums}.field__hint{margin:0;padding-inline:var(--space-4);color:var(--color-text-muted);font-size:12px;line-height:16px;font-weight:500;letter-spacing:normal}.conn-status{margin:0 var(--space-16) var(--space-8);padding:var(--space-6) var(--space-12);border-radius:var(--radius-full);background-color:var(--color-accent-toet-subtle);color:var(--color-accent-toet);text-align:center;font-size:12px;line-height:16px;font-weight:500;letter-spacing:normal}.conn-status[hidden]{display:none}.empty-state{margin:0;padding:var(--space-48) var(--space-24);color:var(--color-text-muted);text-align:center;font-size:15px;line-height:20px;font-weight:400;letter-spacing:normal}.empty-state[hidden]{display:none}.empty-state__icon{width:48px;height:48px;margin:0 auto var(--space-12);color:var(--color-icon-muted);opacity:.6}.empty-state--chat{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center}.chat[data-empty=true] .chat-header,.chat[data-empty=true] .messages,.chat[data-empty=true] .chat__composer{display:none}.typing-indicator[hidden]{display:none}.bubble--failed{cursor:pointer}