:root{--brand-400: #7b93ff;--brand-500: #5b7cff;--brand-600: #3d5afe;--brand-700: #2f47d8;--brand-800: #2434a8;--accent-teal: #12b3a8;--accent-amber: #f5a524;--accent-rose: #f43f5e;--accent-green: #21c55d;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI Variable Display", "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Ubuntu, Cantarell, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1rem;--text-lg: 1.0625rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.25;--leading-normal: 1.45;--leading-relaxed: 1.6;--tracking-tight: -.015em;--tracking-normal: 0;--space-1: .25rem;--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-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 28px;--radius-bubble: 20px;--radius-bubble-tail: 6px;--radius-full: 999px;--ease-out: cubic-bezier(.22, .61, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .12s;--duration-base: .2s;--duration-slow: .32s;--sidebar-width: 360px;--header-height: 60px;--composer-min-height: 36px;--content-max-width: 780px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--z-base: 1;--z-sticky: 100;--z-header: 200;--z-dropdown: 300;--z-modal: 400;--z-toast: 500;--z-lightbox: 600}:root,:root[data-theme=light]{color-scheme:light;--bg: #ffffff;--bg-subtle: #f6f7f9;--bg-sunken: #eef0f4;--bg-chat: #f7f8fa;--surface: #ffffff;--surface-raised: #ffffff;--surface-overlay: rgba(255, 255, 255, .86);--surface-hover: rgba(15, 23, 42, .04);--surface-active: rgba(15, 23, 42, .07);--surface-selected: rgba(61, 90, 254, .09);--border: rgba(15, 23, 42, .09);--border-strong: rgba(15, 23, 42, .16);--text: #0f172a;--text-secondary: #55607a;--text-tertiary: #8a93a8;--text-inverse: #ffffff;--text-brand: var(--brand-600);--bubble-in-bg: #ffffff;--bubble-in-text: #0f172a;--bubble-in-border: rgba(15, 23, 42, .07);--bubble-out-bg: linear-gradient(180deg, var(--brand-500) 0%, var(--brand-600) 100%);--bubble-out-text: #ffffff;--bubble-out-meta: rgba(255, 255, 255, .75);--shadow-xs: 0 1px 2px rgba(15, 23, 42, .05);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .07), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 12px rgba(15, 23, 42, .08), 0 1px 3px rgba(15, 23, 42, .05);--shadow-lg: 0 12px 32px rgba(15, 23, 42, .12), 0 2px 8px rgba(15, 23, 42, .06);--shadow-bubble: 0 1px 1px rgba(15, 23, 42, .05);--scrim: rgba(15, 23, 42, .42);--skeleton: linear-gradient(90deg, #eef0f4 25%, #f7f8fa 50%, #eef0f4 75%)}:root[data-theme=dark]{color-scheme:dark;--bg: #0b0d12;--bg-subtle: #12151d;--bg-sunken: #080a0e;--bg-chat: #0e1118;--surface: #151821;--surface-raised: #1b1f2a;--surface-overlay: rgba(21, 24, 33, .88);--surface-hover: rgba(255, 255, 255, .05);--surface-active: rgba(255, 255, 255, .08);--surface-selected: rgba(91, 124, 255, .16);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--text: #e8eaf0;--text-secondary: #a3abbd;--text-tertiary: #6b7488;--text-inverse: #0f172a;--text-brand: var(--brand-400);--bubble-in-bg: #1e222d;--bubble-in-text: #e8eaf0;--bubble-in-border: rgba(255, 255, 255, .06);--bubble-out-bg: linear-gradient(180deg, var(--brand-600) 0%, var(--brand-700) 100%);--bubble-out-text: #ffffff;--bubble-out-meta: rgba(255, 255, 255, .7);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .45);--shadow-md: 0 4px 14px rgba(0, 0, 0, .5);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .6);--shadow-bubble: 0 1px 1px rgba(0, 0, 0, .25);--scrim: rgba(0, 0, 0, .62);--skeleton: linear-gradient(90deg, #171b24 25%, #1e222d 50%, #171b24 75%)}@media (prefers-color-scheme: dark){:root:not([data-theme]){color-scheme:dark;--bg: #0b0d12;--bg-subtle: #12151d;--bg-sunken: #080a0e;--bg-chat: #0e1118;--surface: #151821;--surface-raised: #1b1f2a;--surface-overlay: rgba(21, 24, 33, .88);--surface-hover: rgba(255, 255, 255, .05);--surface-active: rgba(255, 255, 255, .08);--surface-selected: rgba(91, 124, 255, .16);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--text: #e8eaf0;--text-secondary: #a3abbd;--text-tertiary: #6b7488;--text-inverse: #0f172a;--text-brand: var(--brand-400);--bubble-in-bg: #1e222d;--bubble-in-text: #e8eaf0;--bubble-in-border: rgba(255, 255, 255, .06);--bubble-out-bg: linear-gradient(180deg, var(--brand-600) 0%, var(--brand-700) 100%);--bubble-out-text: #ffffff;--bubble-out-meta: rgba(255, 255, 255, .7);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .45);--shadow-md: 0 4px 14px rgba(0, 0, 0, .5);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .6);--shadow-bubble: 0 1px 1px rgba(0, 0, 0, .25);--scrim: rgba(0, 0, 0, .62);--skeleton: linear-gradient(90deg, #171b24 25%, #1e222d 50%, #171b24 75%)}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{height:100%;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow:hidden;overscroll-behavior:none}#root{height:100%;isolation:isolate}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}a{color:var(--text-brand);text-decoration:none}a:hover{text-decoration:underline}ul,ol{list-style:none}h1,h2,h3,h4{font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}:focus{outline:none}:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:color-mix(in srgb,var(--brand-500) 28%,transparent);color:var(--text)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--border-strong);border:3px solid transparent;background-clip:content-box;border-radius:var(--radius-full)}*::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary);background-clip:content-box}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root[data-reduce-motion=true] *,:root[data-reduce-motion=true] *:before,:root[data-reduce-motion=true] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes slide-in-right{0%{transform:translate(100%)}to{transform:none}}@keyframes slide-out-right{0%{transform:none}to{transform:translate(100%)}}@keyframes slide-up-sheet{0%{transform:translateY(100%)}to{transform:none}}@keyframes bubble-in{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-ring{0%{transform:scale(.9);opacity:.8}70%{transform:scale(1.6);opacity:0}to{opacity:0}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.clamp-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.skeleton{background:var(--skeleton);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:var(--radius-sm)}#boot-splash{position:fixed;inset:0;display:grid;place-items:center;background:var(--bg);z-index:var(--z-toast);animation:fade-in var(--duration-base) var(--ease-out)}#boot-splash.leaving{animation:fade-in var(--duration-base) var(--ease-out) reverse forwards;pointer-events:none}.boot-mark{width:44px;height:44px;border-radius:var(--radius-full);border:3px solid var(--border);border-top-color:var(--brand-600);animation:spin .7s linear infinite}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;height:100dvh;background:var(--bg);overflow:hidden}.app-shell--single{grid-template-columns:1fr}.keyboard-bridge{position:fixed;left:0;bottom:0;width:1px;height:1px;padding:0;border:none;opacity:0;overflow:hidden;resize:none;z-index:-1}@media (max-width: 860px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-4);height:40px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:.01em;white-space:nowrap;transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--bubble-out-bg);color:#fff;box-shadow:var(--shadow-sm)}.btn--primary:hover:not(:disabled){filter:brightness(1.06)}.btn--secondary{background:var(--surface-hover);color:var(--text)}.btn--secondary:hover:not(:disabled){background:var(--surface-active)}.btn--ghost{background:transparent;color:var(--text-secondary)}.btn--ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.btn--danger{background:color-mix(in srgb,var(--accent-rose) 12%,transparent);color:var(--accent-rose)}.btn--danger:hover:not(:disabled){background:var(--accent-rose);color:#fff}.btn--full{width:100%}.btn--lg{height:48px;font-size:var(--text-md);border-radius:var(--radius-lg)}.btn--sm{height:32px;padding:0 var(--space-3);font-size:var(--text-xs)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);color:var(--text-secondary);flex-shrink:0;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.icon-btn:hover{background:var(--surface-hover);color:var(--text)}.icon-btn:active{transform:scale(.92)}.icon-btn--active{color:var(--brand-600);background:var(--surface-selected)}@media (hover: none) and (pointer: coarse){.icon-btn{width:44px;height:44px}.avatar-btn:after{content:"";position:absolute;inset:-6px}}.avatar-btn{display:flex;position:relative;flex-shrink:0}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary)}.input{width:100%;height:46px;padding:0 var(--space-4);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-md);color:var(--text);transition:border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.input::placeholder{color:var(--text-tertiary)}.input:focus{background:var(--surface);border-color:var(--brand-500);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-500) 18%,transparent)}.input--invalid{border-color:var(--accent-rose)}.input--invalid:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-rose) 18%,transparent)}textarea.input{height:auto;min-height:92px;padding:var(--space-3) var(--space-4);resize:vertical;line-height:var(--leading-normal)}.field__error{font-size:var(--text-sm);color:var(--accent-rose)}.field__hint{font-size:var(--text-sm);color:var(--text-tertiary)}.strength{display:flex;gap:4px;margin-top:var(--space-1)}.strength__bar{height:4px;flex:1;border-radius:var(--radius-full);background:var(--border);transition:background var(--duration-base) var(--ease-out)}.strength__bar--1{background:var(--accent-rose)}.strength__bar--2{background:var(--accent-amber)}.strength__bar--3{background:var(--accent-teal)}.strength__bar--4{background:var(--accent-green)}.switch{position:relative;width:46px;height:28px;border-radius:var(--radius-full);background:var(--border-strong);transition:background var(--duration-base) var(--ease-out);flex-shrink:0}.switch[data-on=true]{background:var(--brand-600)}.switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:var(--radius-full);background:#fff;box-shadow:var(--shadow-sm);transition:transform var(--duration-base) var(--ease-spring)}.switch[data-on=true]:after{transform:translate(18px)}.avatar{position:relative;display:grid;place-items:center;width:46px;height:46px;border-radius:var(--radius-full);background:var(--bg-sunken);color:#fff;font-weight:var(--weight-semibold);font-size:var(--text-base);letter-spacing:.02em;flex-shrink:0;overflow:hidden;user-select:none}.avatar img{width:100%;height:100%;object-fit:cover}.avatar--sm{width:32px;height:32px;font-size:var(--text-sm)}.avatar--lg{width:64px;height:64px;font-size:var(--text-xl)}.avatar--xl{width:104px;height:104px;font-size:var(--text-2xl)}.presence{position:absolute;right:-1px;bottom:-1px;width:13px;height:13px;border-radius:var(--radius-full);background:var(--text-tertiary);border:2.5px solid var(--surface);transition:background var(--duration-base) var(--ease-out)}.presence--online{background:var(--accent-green)}.avatar-wrap{position:relative;flex-shrink:0}.sidebar{display:flex;flex-direction:column;min-height:0;background:var(--surface);border-right:1px solid var(--border);padding-top:var(--safe-top);padding-left:var(--safe-left)}.sidebar__header{display:flex;align-items:center;gap:var(--space-2);height:var(--header-height);padding:0 var(--space-3) 0 var(--space-4);flex-shrink:0}.sidebar__title{flex:1;font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight)}.sidebar__search{padding:0 var(--space-3) var(--space-3);flex-shrink:0}.search{position:relative;display:flex;align-items:center}.search__icon{position:absolute;left:var(--space-3);color:var(--text-tertiary);pointer-events:none}.search__input{width:100%;height:38px;padding:0 var(--space-3) 0 38px;background:var(--bg-subtle);border:1px solid transparent;border-radius:var(--radius-full);font-size:var(--text-md);color:var(--text)}.search__input:focus{background:var(--surface);border-color:var(--border)}.chat-list{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:0 var(--space-2) var(--space-4);padding-bottom:calc(var(--space-4) + var(--safe-bottom))}.skeleton-list{list-style:none;display:flex;flex-direction:column}.skeleton-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3)}.skeleton-row__lines{flex:1;display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.skeleton--avatar{width:44px;height:44px;border-radius:var(--radius-full);flex-shrink:0}.skeleton--line{height:11px;border-radius:var(--radius-full)}.skeleton--line-sm{height:9px;opacity:.7}.banner{margin:0 var(--space-3) var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.banner--warning{background:color-mix(in srgb,var(--accent-amber) 16%,transparent);color:var(--accent-amber)}.chat-row{position:relative}.chat-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border-radius:var(--radius-lg);text-align:left;transition:background var(--duration-fast) var(--ease-out)}.chat-item:hover{background:var(--surface-hover)}.chat-item[data-active=true]{background:var(--surface-selected)}.chat-item__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.chat-item__top{display:flex;align-items:baseline;gap:var(--space-2)}.chat-item__name{flex:1;font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-item__time{font-size:var(--text-xs);color:var(--text-tertiary);flex-shrink:0;font-variant-numeric:tabular-nums}.chat-item[data-unread=true] .chat-item__time{color:var(--brand-600);font-weight:var(--weight-semibold)}.chat-item__bottom{display:flex;align-items:center;gap:var(--space-2)}.chat-item__preview{flex:1;font-size:var(--text-sm);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-item[data-unread=true] .chat-item__preview{color:var(--text);font-weight:var(--weight-medium)}.chat-item__icons{display:flex;align-items:center;gap:4px;color:var(--text-tertiary);flex-shrink:0}.badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-full);background:var(--brand-600);color:#fff;font-size:var(--text-xs);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;animation:scale-in var(--duration-base) var(--ease-spring)}.badge--muted{background:var(--text-tertiary)}.conversation{display:flex;flex-direction:column;min-height:0;height:100dvh;background:var(--bg-chat);position:relative}@media (max-width: 860px){.conversation{position:fixed;left:0;right:0;width:100%;z-index:var(--z-modal);animation:slide-in-right var(--duration-slow) var(--ease-out)}:root:not([data-keyboard-open=true]) .conversation{top:0;bottom:0;height:auto}:root[data-keyboard-open=true] .conversation{top:var(--viewport-offset-top-chat, var(--viewport-offset-top, 0px));bottom:auto;height:var(--viewport-height-chat, var(--viewport-height, 100dvh))}.conversation--leaving{animation:slide-out-right var(--duration-slow) var(--ease-out) forwards;pointer-events:none}.conversation--empty{display:none}}.conv-header{display:flex;align-items:center;gap:10px;min-height:calc(52px + var(--safe-top));padding:calc(var(--safe-top) + 6px) calc(var(--space-3) + var(--safe-right)) 8px calc(var(--space-2) + var(--safe-left));background:var(--surface-overlay);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--border);box-shadow:0 1px color-mix(in srgb,var(--text) 4%,transparent);flex-shrink:0;z-index:var(--z-header)}.conv-header .avatar-wrap{width:40px;height:40px}.conv-header__info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:1px;cursor:pointer;text-align:left;padding:2px 0}.conv-header__name{font-size:1.0625rem;font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.conv-header__status{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-header__status--online{color:var(--accent-green);font-weight:var(--weight-medium)}.conv-header__actions{position:relative;flex-shrink:0}.conv-header__menu-scrim{position:fixed;inset:0;z-index:5}.conv-header__menu{position:absolute;right:0;top:calc(100% + 4px);z-index:6}.back-btn{display:none;margin-left:-2px}@media (max-width: 860px){.back-btn{display:inline-flex}}.message-list{flex:1;overflow-y:auto;overscroll-behavior-y:contain;padding:var(--space-4) var(--space-4) var(--space-2);display:flex;flex-direction:column;gap:2px;overflow-anchor:auto;scroll-behavior:auto}@media (max-width: 640px){.message-list{padding-inline:var(--space-3)}}.message-list__inner{width:100%;max-width:var(--content-max-width);margin:0 auto;display:flex;flex-direction:column;gap:2px}.message-list__jump{position:absolute;right:var(--space-4);bottom:calc(56px + var(--safe-bottom));background:var(--surface-raised);border:1px solid var(--border);box-shadow:var(--shadow-md);z-index:var(--z-sticky)}:root[data-keyboard-open=true] .message-list__jump{bottom:56px}.date-sep{display:flex;align-items:center;justify-content:center;margin:var(--space-5) 0 var(--space-3);position:sticky;top:var(--space-2);z-index:var(--z-sticky);pointer-events:none}.date-sep__label{padding:4px var(--space-3);border-radius:var(--radius-full);background:var(--surface-overlay);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary);box-shadow:var(--shadow-xs)}.msg{display:flex;gap:var(--space-2);max-width:100%}.msg--fresh{animation:bubble-in var(--duration-base) var(--ease-out)}.msg--out{flex-direction:row-reverse}.msg--grouped{margin-top:0}.msg--first-of-group{margin-top:var(--space-3)}.msg__spacer{width:32px;flex-shrink:0}.msg__stack{position:relative;max-width:min(68ch,78%)}.bubble{position:relative;max-width:100%;padding:8px 12px 10px;border-radius:var(--radius-bubble);font-size:var(--text-base);line-height:var(--leading-normal);overflow-wrap:anywhere;white-space:pre-wrap;box-shadow:var(--shadow-bubble)}@media (max-width: 640px){.msg__stack{max-width:84%}}.msg--in .bubble{background:var(--bubble-in-bg);color:var(--bubble-in-text);border:1px solid var(--bubble-in-border);border-bottom-left-radius:var(--radius-bubble-tail)}.msg--out .bubble{background:var(--bubble-out-bg);color:var(--bubble-out-text);border-bottom-right-radius:var(--radius-bubble-tail)}.msg--grouped.msg--in .bubble{border-bottom-left-radius:var(--radius-bubble);border-top-left-radius:var(--radius-bubble-tail)}.msg--grouped.msg--out .bubble{border-bottom-right-radius:var(--radius-bubble);border-top-right-radius:var(--radius-bubble-tail)}.msg--last-of-group.msg--in .bubble{border-bottom-left-radius:var(--radius-bubble-tail)}.msg--last-of-group.msg--out .bubble{border-bottom-right-radius:var(--radius-bubble-tail)}.bubble--jumbo{background:transparent!important;border:none!important;box-shadow:none!important;font-size:2.75rem;line-height:1.15;padding:var(--space-1) var(--space-2)}.bubble--media{padding:2px;overflow:hidden;background:transparent;border:0;box-shadow:none}.bubble--media.bubble{padding:2px}.msg--in .bubble--media{background:transparent;border:0}.msg--out .bubble--media{background:transparent}.bubble--with-media{padding:3px 3px 8px}.bubble__caption{display:block;padding:8px 12px 6px;white-space:pre-wrap}.bubble--deleted{font-style:italic;opacity:.65}.bubble__meta{position:absolute;right:var(--space-3);bottom:var(--space-2);display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);line-height:1;color:var(--text-tertiary);user-select:none;font-variant-numeric:tabular-nums;white-space:nowrap}.bubble--media .bubble__meta{right:10px;bottom:10px;padding:3px 7px;border-radius:var(--radius-full);background:#0f172a8c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fffffff2}.bubble--media .bubble__meta-ghost{display:none}.bubble__meta-ghost{display:inline-flex;align-items:center;gap:4px;margin-left:var(--space-3);font-size:var(--text-xs);line-height:1;visibility:hidden;user-select:none;font-variant-numeric:tabular-nums;white-space:nowrap}.msg--out .bubble__meta{color:var(--bubble-out-meta)}.msg--out .bubble--media .bubble__meta{color:#fffffff2}.bubble__edited{font-style:italic;opacity:.8}.ticks{display:inline-flex;align-items:center}.ticks--read{color:#7fd4ff}.msg--in .ticks{display:none}.quote{display:block;margin-bottom:var(--space-2);padding:var(--space-2) var(--space-3);border-left:3px solid currentColor;border-radius:var(--radius-sm);background:color-mix(in srgb,currentColor 10%,transparent);font-size:var(--text-sm);opacity:.9;cursor:pointer}.quote__author{display:block;font-weight:var(--weight-semibold);margin-bottom:1px}.quote__text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:-6px;padding-inline:var(--space-2);position:relative;z-index:var(--z-base)}.msg--out .reactions{justify-content:flex-end}.reaction{display:inline-flex;align-items:center;gap:3px;height:26px;padding:0 8px;border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-xs);font-size:var(--text-xs);color:var(--text-secondary);transition:transform var(--duration-fast) var(--ease-spring)}.reaction:active{transform:scale(.9)}.reaction[data-mine=true]{background:var(--surface-selected);border-color:var(--brand-500);color:var(--text-brand);font-weight:var(--weight-semibold)}.reaction__emoji{font-size:14px;line-height:1}.msg__actions{display:flex;align-items:center;gap:2px;align-self:center;opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.msg:hover .msg__actions,.msg__actions:focus-within{opacity:1}@media (hover: none){.msg__actions{display:none}}.media-grid{display:grid;gap:3px;justify-items:start}.media-grid--multi{grid-template-columns:1fr 1fr;justify-items:stretch}.media{position:relative;display:block;width:fit-content;max-width:100%;border:0;padding:0;line-height:0;border-radius:calc(var(--radius-bubble) - 4px);overflow:hidden;background:color-mix(in srgb,var(--text) 8%,transparent);cursor:pointer;box-shadow:var(--shadow-bubble)}.media-grid--multi .media{width:100%;aspect-ratio:1}.media img,.media video,.media__img{display:block;width:auto;height:auto;max-width:min(72vw,280px);max-height:min(52vh,400px);object-fit:contain;object-position:center}.media-grid--multi .media img,.media-grid--multi .media video,.media-grid--multi .media__img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover}.media__placeholder{position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(14px);transform:scale(1.1)}.media__play{position:absolute;inset:0;display:grid;place-items:center;background:#00000040;color:#fff;pointer-events:none}.media__duration{position:absolute;right:8px;bottom:8px;padding:2px 6px;border-radius:var(--radius-sm);background:#0009;color:#fff;font-size:var(--text-xs);font-variant-numeric:tabular-nums}.file-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);min-width:220px;max-width:320px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;width:100%;border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-out)}.file-card:hover{background:color-mix(in srgb,currentColor 8%,transparent)}.file-card__icon{display:grid;place-items:center;width:42px;height:42px;border-radius:var(--radius-md);background:color-mix(in srgb,currentColor 16%,transparent);flex-shrink:0}.file-card__meta{min-width:0;display:flex;flex-direction:column}.file-card__name{font-size:var(--text-sm);font-weight:var(--weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-card__size{font-size:var(--text-xs);opacity:.75}.voice{display:flex;align-items:center;gap:var(--space-3);min-width:220px;padding:var(--space-1) var(--space-2)}.voice__wave{display:flex;align-items:center;gap:2px;height:26px;flex:1}.voice__bar{width:3px;border-radius:var(--radius-full);background:currentColor;opacity:.4;transition:opacity var(--duration-fast) var(--ease-out)}.voice__bar--played{opacity:1}.typing{display:inline-flex;align-items:center;gap:4px;padding:var(--space-3);border-radius:var(--radius-bubble);border-bottom-left-radius:var(--radius-bubble-tail);background:var(--bubble-in-bg);border:1px solid var(--bubble-in-border);width:fit-content;animation:bubble-in var(--duration-base) var(--ease-out)}.typing__dot{width:7px;height:7px;border-radius:var(--radius-full);background:var(--text-tertiary);animation:typing-bounce 1.3s infinite var(--ease-in-out)}.typing__dot:nth-child(2){animation-delay:.16s}.typing__dot:nth-child(3){animation-delay:.32s}.composer{flex-shrink:0;margin-top:auto;padding:6px calc(10px + var(--safe-right)) 0 calc(10px + var(--safe-left));background:var(--surface-overlay);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-top:1px solid var(--border)}.composer__inner{display:flex;align-items:flex-end;gap:6px;max-width:var(--content-max-width);margin:0 auto;padding-bottom:max(6px,env(safe-area-inset-bottom,0px))}:root[data-keyboard-open=true] .composer__inner{padding-bottom:6px}.composer__inner>.icon-btn,.composer__field .icon-btn{width:36px;height:36px}.composer__attach{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer}.composer__attach--disabled{opacity:.45;pointer-events:none}.composer__file-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px}.composer__attach-icon{display:inline-flex;pointer-events:none}.composer__camera{display:none}@media (hover: none) and (pointer: coarse){.composer__camera{display:inline-flex}}.composer__field{position:relative;flex:1;display:flex;align-items:center;gap:2px;min-height:var(--composer-min-height);min-width:0;margin:0;padding:0 4px 0 12px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-full);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.composer__field:focus-within{border-color:color-mix(in srgb,var(--brand-500) 55%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-500) 14%,transparent)}.composer__input{flex:1;border:none;background:none;outline:none;resize:none;max-height:120px;min-height:22px;padding:7px 0;font-size:var(--text-md);line-height:1.25;color:var(--text);font-family:inherit}.composer__input::placeholder{color:var(--text-tertiary)}.composer__send{width:36px;height:36px;border-radius:var(--radius-full);background:var(--bubble-out-bg);color:#fff;display:grid;place-items:center;flex-shrink:0;box-shadow:0 1px 2px #0f172a24;transition:transform var(--duration-base) var(--ease-spring),opacity var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.composer__send:not(:disabled):hover{box-shadow:0 2px 6px #0f172a2e}.composer__send:disabled{opacity:.35;transform:scale(.92);box-shadow:none}.composer__send:not(:disabled):active{transform:scale(.88)}.composer__context{display:flex;align-items:center;gap:var(--space-3);max-width:var(--content-max-width);margin:0 auto var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface);border-left:3px solid var(--brand-600);border-radius:var(--radius-sm);animation:fade-up var(--duration-base) var(--ease-out)}.composer__context-body{flex:1;min-width:0}.composer__context-title{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--brand-600)}.composer__context-text{font-size:var(--text-sm);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attach-strip{display:flex;flex-direction:row;justify-content:flex-end;gap:var(--space-2);max-width:var(--content-max-width);margin:0 auto var(--space-2);overflow-x:auto;padding-bottom:var(--space-1);scroll-behavior:smooth}.attach-chip{position:relative;width:72px;height:72px;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-sunken);border:1px solid var(--border);flex-shrink:0;display:grid;place-items:center;color:var(--text-secondary)}.attach-chip img{width:100%;height:100%;object-fit:contain;background:var(--bg-subtle)}.attach-chip__remove{position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:var(--radius-full);background:#000000a6;color:#fff;display:grid;place-items:center}.attach-chip__progress{position:absolute;inset:0;display:grid;place-items:center;background:#00000080;color:#fff;font-size:var(--text-xs);font-weight:var(--weight-semibold)}.recorder{display:flex;align-items:center;gap:var(--space-3);flex:1;height:var(--composer-min-height);padding:0 var(--space-3);background:var(--bg-subtle);border-radius:var(--radius-full)}.recorder__dot{position:relative;width:10px;height:10px;border-radius:var(--radius-full);background:var(--accent-rose)}.recorder__dot:after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--accent-rose);animation:pulse-ring 1.6s var(--ease-out) infinite}.recorder__time{font-variant-numeric:tabular-nums;font-size:var(--text-sm);color:var(--text-secondary)}.emoji-picker{position:absolute;bottom:calc(100% + var(--space-2));right:0;width:min(340px,calc(100vw - var(--space-6)));max-height:min(340px,50vh);display:flex;flex-direction:column;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);animation:scale-in var(--duration-fast) var(--ease-out);transform-origin:bottom right;overflow:hidden}.emoji-picker__scrim{position:fixed;inset:0;z-index:calc(var(--z-modal) + 1);background:#0000002e;border:none;cursor:default}.emoji-picker--sheet{position:fixed;left:0;right:0;bottom:calc(var(--keyboard-inset, 0px) + var(--composer-stack-height, 58px));width:100%;max-width:none;max-height:min(300px,42vh);border-radius:var(--radius-xl) var(--radius-xl) 0 0;transform-origin:bottom center;z-index:calc(var(--z-modal) + 2);animation:slide-up-sheet var(--duration-base) var(--ease-out)}.emoji-picker__tabs{display:flex;flex-shrink:0;align-items:center;gap:4px;min-height:48px;padding:8px 10px 6px;border-bottom:1px solid var(--border);overflow-x:auto;overflow-y:visible;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.emoji-picker__tabs::-webkit-scrollbar{display:none}.emoji-picker__tab{width:40px;height:40px;border-radius:var(--radius-md);display:grid;place-items:center;font-size:22px;line-height:1;flex-shrink:0;opacity:.55;padding:2px}.emoji-picker__tab[data-active=true]{background:var(--surface-selected);opacity:1}.emoji-picker__grid{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:10px 8px 12px;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:2px;align-content:start}@media (min-width: 861px){.emoji-picker__grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:4px}}.emoji-picker__item{width:40px;height:40px;display:grid;place-items:center;font-size:24px;line-height:1;border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-spring)}.emoji-picker__item:hover{background:var(--surface-hover);transform:scale(1.15)}.emoji-picker__section{grid-column:1 / -1;padding:var(--space-2) var(--space-1) var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em}.reaction-bar{display:flex;align-items:center;gap:2px;padding:var(--space-1);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);animation:scale-in var(--duration-fast) var(--ease-spring)}.reaction-bar__item{width:38px;height:38px;display:grid;place-items:center;font-size:21px;border-radius:var(--radius-full);transition:transform var(--duration-fast) var(--ease-spring)}.reaction-bar__item:hover{transform:scale(1.25);background:var(--surface-hover)}.scrim{position:fixed;inset:0;background:var(--scrim);z-index:var(--z-modal);animation:fade-in var(--duration-base) var(--ease-out);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.modal{position:fixed;inset:0;display:grid;place-items:center;padding:var(--space-4);z-index:var(--z-modal);pointer-events:none}.modal__panel{width:min(460px,100%);max-height:min(86dvh,720px);display:flex;flex-direction:column;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;pointer-events:auto;animation:scale-in var(--duration-base) var(--ease-out)}@media (max-width: 640px){.modal{place-items:end center;padding:0}.modal__panel{width:100%;max-height:90dvh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding-bottom:var(--safe-bottom);animation:slide-up-sheet var(--duration-slow) var(--ease-out)}}.modal__header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border);flex-shrink:0}.modal__title{flex:1;font-size:var(--text-lg);font-weight:var(--weight-semibold)}.modal__body{padding:var(--space-4);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-4)}.modal__footer{display:flex;gap:var(--space-2);justify-content:flex-end;padding:var(--space-4);border-top:1px solid var(--border);flex-shrink:0}.sheet-handle{width:38px;height:4px;border-radius:var(--radius-full);background:var(--border-strong);margin:var(--space-2) auto 0;flex-shrink:0}@media (min-width: 641px){.sheet-handle{display:none}}.menu{min-width:190px;padding:var(--space-1);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);animation:scale-in var(--duration-fast) var(--ease-out)}.menu__item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text);text-align:left;transition:background var(--duration-fast) var(--ease-out)}.menu__item:hover{background:var(--surface-hover)}.menu__item--danger{color:var(--accent-rose)}.menu__sep{height:1px;background:var(--border);margin:var(--space-1) 0}.lightbox{position:fixed;inset:0;width:100vw;height:100dvh;z-index:var(--z-lightbox);background:#000;display:flex;flex-direction:column;animation:fade-in var(--duration-base) var(--ease-out);overscroll-behavior:none}.lightbox__bar{display:flex;align-items:center;gap:var(--space-2);flex:0 0 auto;padding:calc(var(--safe-top) + var(--space-2)) var(--space-3) var(--space-2);color:#fff;background:linear-gradient(to bottom,rgba(0,0,0,.55),transparent);z-index:1}.lightbox__title{flex:1;min-width:0;font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lightbox__bar .icon-btn{color:#ffffffe6}.lightbox__bar .icon-btn:hover{background:#ffffff1f;color:#fff}.lightbox__stage{flex:1 1 0;min-height:0;min-width:0;position:relative}.lightbox__frame{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0 var(--space-3) calc(var(--safe-bottom) + var(--space-3))}.lightbox__frame img,.lightbox__frame video{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center;background:transparent;user-select:none;-webkit-user-drag:none;animation:fade-in var(--duration-base) var(--ease-out)}.toast-stack{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--space-6) + var(--safe-bottom));display:flex;flex-direction:column;gap:var(--space-2);z-index:var(--z-toast);pointer-events:none;width:min(420px,calc(100vw - var(--space-8)))}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--text-sm);pointer-events:auto;animation:fade-up var(--duration-base) var(--ease-out)}.toast--error{border-color:color-mix(in srgb,var(--accent-rose) 45%,transparent)}.toast--success{border-color:color-mix(in srgb,var(--accent-green) 45%,transparent)}.toast__icon{flex-shrink:0}.toast--error .toast__icon{color:var(--accent-rose)}.toast--success .toast__icon{color:var(--accent-green)}.auth{display:grid;place-items:center;height:100dvh;padding:var(--space-6);background:radial-gradient(1000px 500px at 50% -10%,color-mix(in srgb,var(--brand-600) 16%,transparent),transparent),var(--bg)}.auth__card{width:min(400px,100%);display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-8);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);animation:fade-up var(--duration-slow) var(--ease-out)}.auth__brand{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}.auth__logo{width:60px;height:60px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.auth__title{font-size:var(--text-2xl);font-weight:var(--weight-bold)}.auth__subtitle{font-size:var(--text-sm);color:var(--text-secondary)}.auth__form{display:flex;flex-direction:column;gap:var(--space-4)}.auth__error{padding:var(--space-3);border-radius:var(--radius-md);background:color-mix(in srgb,var(--accent-rose) 12%,transparent);color:var(--accent-rose);font-size:var(--text-sm);animation:fade-up var(--duration-fast) var(--ease-out)}.auth__footer{text-align:center;font-size:var(--text-xs);color:var(--text-tertiary);line-height:var(--leading-relaxed)}.page{display:flex;flex-direction:column;height:100dvh;background:var(--bg);overflow:hidden}.page__header{display:flex;align-items:center;gap:var(--space-3);height:calc(var(--header-height) + var(--safe-top));padding:var(--safe-top) var(--space-4) 0;border-bottom:1px solid var(--border);flex-shrink:0}.page__title{flex:1;font-size:var(--text-xl);font-weight:var(--weight-bold)}.page__body{flex:1;overflow-y:auto;padding:var(--space-5) var(--space-4);padding-bottom:calc(var(--space-10) + var(--safe-bottom))}.page__inner{width:100%;max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-6)}.section{display:flex;flex-direction:column;gap:var(--space-2)}.section__title{font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);padding-inline:var(--space-1)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.row{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);text-align:left;transition:background var(--duration-fast) var(--ease-out)}.row+.row{border-top:1px solid var(--border)}button.row:hover{background:var(--surface-hover)}.row__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.row__label{font-size:var(--text-md);color:var(--text)}.row__hint{font-size:var(--text-sm);color:var(--text-tertiary)}.row__value{font-size:var(--text-sm);color:var(--text-secondary);flex-shrink:0}.row--danger .row__label{color:var(--accent-rose)}.profile-hero{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);text-align:center}.profile-hero__name{font-size:var(--text-xl);font-weight:var(--weight-bold)}.profile-hero__handle{font-size:var(--text-sm);color:var(--text-secondary)}.profile-hero__about{font-size:var(--text-sm);color:var(--text-secondary);max-width:46ch;line-height:var(--leading-relaxed)}.table-wrap{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border)}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm);background:var(--surface)}.table th{text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);background:var(--bg-subtle);border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--surface-hover)}.pill{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);background:var(--surface-hover);color:var(--text-secondary);white-space:nowrap}.pill--success{background:color-mix(in srgb,var(--accent-green) 16%,transparent);color:var(--accent-green)}.pill--danger{background:color-mix(in srgb,var(--accent-rose) 16%,transparent);color:var(--accent-rose)}.pill--warn{background:color-mix(in srgb,var(--accent-amber) 18%,transparent);color:var(--accent-amber)}.pill--brand{background:var(--surface-selected);color:var(--text-brand)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-3)}.stat{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.stat__label{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary)}.stat__value{font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);font-variant-numeric:tabular-nums}.stat__hint{font-size:var(--text-xs);color:var(--text-tertiary)}.secret{padding:var(--space-3);background:var(--bg-sunken);border:1px dashed var(--border-strong);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm);word-break:break-all;user-select:all}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);height:100%;padding:var(--space-8);text-align:center;color:var(--text-tertiary)}.empty__icon{width:68px;height:68px;display:grid;place-items:center;border-radius:var(--radius-full);background:var(--bg-subtle);color:var(--text-tertiary)}.empty__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-secondary)}.empty__text{font-size:var(--text-sm);max-width:40ch;line-height:var(--leading-relaxed)}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--brand-600);border-radius:var(--radius-full);animation:spin .64s linear infinite}.spinner--lg{width:34px;height:34px;border-width:3px}.center-fill{display:grid;place-items:center;height:100%;width:100%}.connection-banner{position:absolute;top:calc(var(--header-height) + var(--safe-top) + var(--space-2));left:50%;transform:translate(-50%);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:var(--accent-amber);color:#1a1206;font-size:var(--text-xs);font-weight:var(--weight-semibold);box-shadow:var(--shadow-md);z-index:var(--z-sticky);animation:fade-up var(--duration-base) var(--ease-out)}.install-prompt{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-2) var(--space-3);padding:var(--space-3);background:var(--surface-selected);border:1px solid color-mix(in srgb,var(--brand-500) 30%,transparent);border-radius:var(--radius-lg);animation:fade-up var(--duration-base) var(--ease-out)}.install-prompt__body{flex:1;min-width:0}.install-prompt__title{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.install-prompt__text{font-size:var(--text-xs);color:var(--text-secondary)}@media (max-width: 860px) and (orientation: landscape){.conv-header,.composer,.message-list{padding-left:calc(var(--space-3) + var(--safe-left));padding-right:calc(var(--space-3) + var(--safe-right))}}