:root,:root[data-theme=dark]{--panel: #111b21;--panel-header: #202c33;--panel-raised: #2a3942;--border: #222d34;--divider: #182229;--text: #e9edef;--text-muted: #8696a0;--text-faint: #667781;--accent: #00a884;--accent-strong: #06cf9c;--accent-contrast: #111b21;--tick-read: #53bdeb;--danger: #f15c6d;--bubble-in: #202c33;--bubble-out: #005c4b;--bubble-text: #e9edef;--chat-bg: #0b141a;--chat-doodle: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'><g fill='none' stroke='rgba(233,237,239,0.05)' stroke-width='2' stroke-linecap='round'><path d='M20 24h22a6 6 0 0 1 6 6v10a6 6 0 0 1-6 6H30l-6 6v-6h-4a6 6 0 0 1-6-6V30a6 6 0 0 1 6-6z'/><circle cx='100' cy='34' r='10'/><path d='M92 92h20M102 82v20'/><path d='M24 104c6-8 14-8 20 0'/><circle cx='118' cy='112' r='6'/><path d='M60 66l10 10 14-18'/></g></svg>");--shadow: 0 2px 10px rgba(0, 0, 0, .35);--radius: 8px}:root[data-theme=light]{--panel: #ffffff;--panel-header: #f0f2f5;--panel-raised: #f0f2f5;--border: #e9edef;--divider: #f5f6f6;--text: #111b21;--text-muted: #667781;--text-faint: #8696a0;--accent: #008069;--accent-strong: #017561;--accent-contrast: #ffffff;--tick-read: #53bdeb;--danger: #d32f2f;--bubble-in: #ffffff;--bubble-out: #d9fdd3;--bubble-text: #111b21;--chat-bg: #efeae2;--chat-doodle: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'><g fill='none' stroke='rgba(11,20,26,0.05)' stroke-width='2' stroke-linecap='round'><path d='M20 24h22a6 6 0 0 1 6 6v10a6 6 0 0 1-6 6H30l-6 6v-6h-4a6 6 0 0 1-6-6V30a6 6 0 0 1 6-6z'/><circle cx='100' cy='34' r='10'/><path d='M92 92h20M102 82v20'/><path d='M24 104c6-8 14-8 20 0'/><circle cx='118' cy='112' r='6'/><path d='M60 66l10 10 14-18'/></g></svg>");--shadow: 0 2px 8px rgba(11, 20, 26, .13)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;overflow:hidden;background:var(--panel);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}h1,h2,h3,h4{margin:0;font-weight:500}p{margin:0}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text-faint) 45%,transparent);border-radius:4px}::-webkit-scrollbar-track{background:transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.splash{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:var(--accent)}.login{display:flex;min-height:100%;flex-direction:column;align-items:center;background:linear-gradient(var(--accent) 0 222px,var(--panel-header) 222px 100%);padding-bottom:40px}.login__banner{display:flex;align-items:center;gap:12px;width:min(100%,1000px);padding:30px 24px 24px;color:color-mix(in srgb,var(--accent-contrast) 85%,transparent);font-size:14px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.login__card{width:min(100%,560px);margin:0 20px;padding:36px 40px 40px;background:var(--panel);border-radius:4px;box-shadow:var(--shadow)}.login__card h1{font-size:26px;font-weight:400}.login__lede{margin:14px 0 28px;color:var(--text-muted);font-size:14px}.login__google{width:100%;justify-content:center;padding:12px;font-size:15px}.login__toggle{margin-top:20px;padding:0;background:none;border:0;color:var(--accent);cursor:pointer;font-size:14px}.login__form{display:grid;gap:14px;margin-top:18px;padding-top:18px;border-top:1px solid var(--border)}.login__error{margin-top:14px;color:var(--danger);font-size:13px}.login__footer{display:flex;align-items:center;gap:7px;margin-top:26px;color:var(--text-faint);font-size:13px}.app{display:grid;grid-template-columns:minmax(300px,30%) 1fr;grid-template-rows:minmax(0,1fr);height:100%;max-width:1600px;margin:0 auto;background:var(--panel);border-left:1px solid var(--border);border-right:1px solid var(--border)}.app:has(.info-panel){grid-template-columns:minmax(300px,26%) 1fr minmax(300px,24%)}.panel-header{display:flex;align-items:center;gap:10px;min-height:60px;padding:8px 16px;background:var(--panel-header);border-bottom:1px solid var(--border)}.panel-header__title{font-size:16px}.panel-header__me{padding:0;background:none;border:0;cursor:pointer;line-height:0}.panel-header__actions{display:flex;align-items:center;gap:2px;margin-left:auto;color:var(--text-muted)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;background:none;border:0;border-radius:50%;color:inherit;cursor:pointer}.icon-button:hover:not(:disabled){background:color-mix(in srgb,var(--text-faint) 22%,transparent)}.icon-button:disabled{opacity:.5;cursor:default}.sidebar{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:var(--panel);border-right:1px solid var(--border)}.sidebar__search{position:relative;padding:7px 12px;background:var(--panel);border-bottom:1px solid var(--divider)}.sidebar__search-icon{position:absolute;top:50%;left:26px;transform:translateY(-50%);color:var(--text-faint);line-height:0}.sidebar__search input{width:100%;padding:9px 12px 9px 44px;background:var(--panel-raised);border:0;border-radius:8px;outline-offset:-2px}.sidebar__search input::placeholder{color:var(--text-faint)}.sidebar__unread{padding:8px 16px 0;color:var(--accent);font-size:13px}.sidebar__list{flex:1;overflow-y:auto;overscroll-behavior:contain}.sidebar__placeholder{display:flex;flex-direction:column;align-items:center;gap:14px;padding:48px 24px;color:var(--text-muted);text-align:center;font-size:14px}.sidebar__placeholder--error{color:var(--danger)}.chat-row{display:flex;align-items:center;gap:14px;width:100%;padding:10px 16px;background:none;border:0;border-bottom:1px solid var(--divider);color:inherit;cursor:pointer;text-align:left}.chat-row:hover,.chat-row--active{background:var(--panel-raised)}.chat-row__body{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.chat-row__top,.chat-row__bottom{display:flex;align-items:center;gap:8px}.chat-row__name{flex:1;overflow:hidden;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.chat-row__time{color:var(--text-faint);font-size:12px;white-space:nowrap}.chat-row--active .chat-row__time{color:var(--text-muted)}.chat-row__preview{display:flex;flex:1;min-width:0;align-items:center;gap:4px;color:var(--text-muted);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-row__preview em{opacity:.75}.chat-row__globe{flex:none;color:var(--text-faint)}.badge{display:inline-flex;min-width:20px;height:20px;align-items:center;justify-content:center;padding:0 6px;background:var(--accent-strong);border-radius:10px;color:var(--accent-contrast);font-size:12px;font-weight:600}.ticks{display:inline-flex;flex:none;align-items:center;color:var(--text-faint);line-height:0}.ticks--read{color:var(--tick-read)}@media(max-width:840px){.app,.app:has(.info-panel){grid-template-columns:1fr}.app .chat,.app .info-panel,.app--chat-open .sidebar{display:none}.app--chat-open .chat{display:flex}.app--chat-open:has(.info-panel) .chat{display:none}.app--chat-open .info-panel{display:flex}.chat__back{display:inline-flex!important}}.chat{display:flex;min-width:0;min-height:0;flex-direction:column;overflow:hidden;background:var(--chat-bg);background-image:var(--chat-doodle);background-repeat:repeat}.chat--centered,.chat--empty{align-items:center;justify-content:center;gap:16px}.chat--empty{background-image:none;border-bottom:5px solid var(--accent)}.chat__error{color:var(--danger)}.chat__back{display:none;margin-left:-6px;color:var(--text-muted)}.chat__identity{display:flex;min-width:0;align-items:center;gap:12px;padding:0;background:none;border:0;color:inherit;cursor:pointer;text-align:left}.chat__identity-text{display:flex;min-width:0;flex-direction:column}.chat__name{font-size:16px}.chat__subtitle{overflow:hidden;color:var(--text-muted);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.chat__connection{color:var(--accent)}.empty{max-width:460px;padding:0 24px;color:var(--text-muted);text-align:center}.empty h2{margin:18px 0 10px;font-size:30px;font-weight:300;color:var(--text)}.empty p{font-size:14px;line-height:1.7}.messages{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:12px 0}.messages__inner{display:flex;flex-direction:column;gap:2px;width:min(100%,1000px);margin:0 auto;padding:0 6%}.messages__older{display:flex;justify-content:center;padding:8px 0 16px}.system-pill{display:flex;align-items:center;justify-content:center;gap:6px;max-width:520px;margin:6px auto 16px;padding:7px 14px;background:color-mix(in srgb,var(--bubble-in) 92%,var(--accent));border-radius:8px;box-shadow:var(--shadow);color:var(--text-muted);font-size:12.5px;text-align:center}.day-divider{display:flex;justify-content:center;margin:14px 0 10px}.day-divider span{padding:5px 12px;background:var(--bubble-in);border-radius:8px;box-shadow:var(--shadow);color:var(--text-muted);font-size:12.5px;text-transform:uppercase}.bubble-row{display:flex;padding:1px 0}.bubble-row--in{justify-content:flex-start}.bubble-row--out{justify-content:flex-end}.bubble-row--start{margin-top:10px}.bubble{--meta-space: 60px;position:relative;display:flex;max-width:min(75%,640px);flex-direction:column;padding:6px 9px 8px;border-radius:8px;box-shadow:var(--shadow);color:var(--bubble-text);font-size:14.5px}.bubble-row--in .bubble{background:var(--bubble-in);border-top-left-radius:8px}.bubble-row--out .bubble{--meta-space: 78px;background:var(--bubble-out)}.bubble-row--start.bubble-row--in .bubble{border-top-left-radius:0}.bubble-row--start.bubble-row--out .bubble{border-top-right-radius:0}.bubble-row--start .bubble:before{content:"";position:absolute;top:0;width:0;height:0;border:8px solid transparent}.bubble-row--start.bubble-row--in .bubble:before{left:-8px;border-top-color:var(--bubble-in);border-right-color:var(--bubble-in)}.bubble-row--start.bubble-row--out .bubble:before{right:-8px;border-top-color:var(--bubble-out);border-left-color:var(--bubble-out)}.bubble--failed{outline:1px solid color-mix(in srgb,var(--danger) 60%,transparent)}.bubble__sender{margin-bottom:2px;font-size:12.8px;font-weight:600}.bubble__text{white-space:pre-wrap;overflow-wrap:anywhere}.bubble__text:after{content:"";display:inline-block;width:var(--meta-space)}.bubble__note{display:inline-flex;align-items:center;gap:5px;margin-top:5px;padding:0 var(--meta-space) 0 0;background:none;border:0;color:color-mix(in srgb,var(--bubble-text) 62%,transparent);font-size:11.5px;text-align:left}.bubble__note--action{cursor:pointer}.bubble__note--action:hover{color:var(--bubble-text);text-decoration:underline}.bubble__note--warn{color:color-mix(in srgb,var(--danger) 80%,var(--bubble-text))}.bubble__meta{position:absolute;right:9px;bottom:6px;display:flex;align-items:center;gap:4px;line-height:1}.bubble__time{color:color-mix(in srgb,var(--bubble-text) 55%,transparent);font-size:11px;white-space:nowrap}.bubble__retry{margin-top:6px;padding:0 var(--meta-space) 0 0;background:none;border:0;color:var(--danger);cursor:pointer;font-size:12px;text-align:left}.composer{display:flex;align-items:flex-end;gap:8px;padding:8px max(6%,12px);background:var(--panel-header)}.composer__language select{max-width:130px;padding:9px 6px;background:var(--panel-raised);border:0;border-radius:8px;color:var(--text-muted);cursor:pointer;font-size:13px}.composer__input{flex:1;max-height:140px;min-height:42px;padding:10px 14px;background:var(--panel-raised);border:0;border-radius:8px;resize:none;outline-offset:-2px}.composer__input::placeholder{color:var(--text-faint)}.composer__send{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;padding:0;background:var(--accent);border:0;border-radius:50%;color:var(--accent-contrast);cursor:pointer}.composer__send:disabled{opacity:.45;cursor:default}@media(max-width:840px){.composer{padding:8px 10px}.composer__language select{max-width:92px}}.info-panel{display:flex;min-width:0;min-height:0;flex-direction:column;overflow:hidden;background:var(--panel);border-left:1px solid var(--border)}.info-panel__body{flex:1;overflow-y:auto}.info-panel__hero{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 20px;background:var(--panel);text-align:center}.info-panel__hero h3{font-size:19px}.info-panel__hero p{color:var(--text-muted);font-size:13px}.info-panel__section{padding:16px 20px;border-top:10px solid var(--divider)}.info-panel__section h4{margin-bottom:10px;color:var(--accent);font-size:14px}.info-panel__hint{margin:8px 0;color:var(--text-muted);font-size:13px}.info-panel__action{width:100%;justify-content:center;margin:6px 0}.info-panel__code{display:block;padding:8px 10px;background:var(--panel-raised);border-radius:6px;color:var(--text-muted);overflow-wrap:anywhere}.button{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;background:var(--panel-raised);border:0;border-radius:20px;color:var(--text);cursor:pointer;font-size:14px}.button:hover:not(:disabled){filter:brightness(1.08)}.button:disabled{opacity:.5;cursor:default}.button--primary{background:var(--accent);color:var(--accent-contrast);font-weight:500}.button--danger{background:none;color:var(--danger)}.button--ghost{background:var(--bubble-in);box-shadow:var(--shadow);color:var(--text-muted);font-size:13px}.field{display:flex;flex-direction:column;gap:6px}.field>span,.field__label{color:var(--text-muted);font-size:12.5px}.field input,.field textarea{width:100%;padding:9px 12px;background:var(--panel-raised);border:0;border-bottom:2px solid transparent;border-radius:6px 6px 0 0;outline:none}.field input:focus{border-bottom-color:var(--accent)}.field__row{display:flex;gap:8px}.field__hint{color:var(--text-faint);font-size:12px}.hint{color:var(--text-faint);font-size:13px}.form-error{color:var(--danger);font-size:13px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--panel-raised);border-radius:14px;color:var(--text-muted);font-size:12.5px}.chip--removable button{display:inline-flex;padding:0;background:none;border:0;color:inherit;cursor:pointer;line-height:0}.avatar{display:inline-flex;flex:none;align-items:center;justify-content:center;border-radius:50%;object-fit:cover}.avatar--initials{color:#0b141ab8;font-weight:600;letter-spacing:.02em}.people{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}.people__row{display:flex;width:100%;align-items:center;gap:12px;padding:8px 6px;background:none;border:0;border-radius:6px;color:inherit;text-align:left}.people__row--button{cursor:pointer}.people__row--button:hover{background:var(--panel-raised)}.people__row--selected{background:color-mix(in srgb,var(--accent) 18%,transparent)}.people__text{display:flex;min-width:0;flex-direction:column}.people__name{display:flex;align-items:center;gap:8px;font-size:15px}.people__languages{overflow:hidden;color:var(--text-muted);font-size:12.5px;text-overflow:ellipsis;white-space:nowrap}.modal-backdrop{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:20px;background:#0b141aa6}.modal{display:flex;max-width:100%;max-height:90vh;flex-direction:column;background:var(--panel);border-radius:8px;box-shadow:0 16px 40px #0006}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 12px 16px 22px;border-bottom:1px solid var(--border)}.modal__header h2{font-size:17px}.modal__body{overflow-y:auto;padding:20px 22px}.modal__footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 22px;border-top:1px solid var(--border)}.new-chat{display:grid;gap:18px}.new-chat__known{display:grid;gap:8px;max-height:240px;overflow-y:auto}.profile{display:grid;gap:20px}.profile__identity{display:flex;align-items:center;gap:16px}.profile__identity h3{font-size:18px}.profile__identity p{color:var(--text-muted);font-size:13px}.profile__code{display:block;padding:8px 10px;background:var(--panel-raised);border-radius:6px;color:var(--text-muted);overflow-wrap:anywhere}.toasts{position:fixed;bottom:24px;left:50%;z-index:60;display:flex;flex-direction:column;gap:8px;transform:translate(-50%)}.toast{padding:10px 18px;background:var(--panel-header);border-radius:20px;box-shadow:0 8px 24px #00000059;color:var(--text);font-size:13.5px}.toast--error{background:var(--danger);color:#fff}.spinner{display:inline-block;border:2px solid color-mix(in srgb,currentColor 30%,transparent);border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}