:root{color:#18202f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{border:0}#app{min-height:100svh}.onboarding-shell{background:radial-gradient(circle at 0 0,#1f7a8c2e,#0000 40%),#f5f7fb;place-items:center;min-height:100svh;padding:24px;display:grid}.onboarding-card{background:#fffffff5;border:1px solid #dce3ee;border-radius:16px;gap:16px;width:min(100%,440px);padding:36px;display:grid;box-shadow:0 24px 64px #14213d1f}.brand-mark{color:#fff;background:linear-gradient(135deg,#14213d,#1f7a8c);border-radius:14px;place-items:center;width:52px;height:52px;display:grid}.onboarding-card h1{max-width:14ch;font-size:clamp(30px,7vw,42px)}.onboarding-copy,.onboarding-card small{color:#667085;line-height:1.55}.primary-action,.secondary-action,.text-action{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-height:48px;font-weight:750;text-decoration:none;display:flex}.primary-action{color:#fff;background:#14213d}.primary-action:disabled{opacity:.65;cursor:wait}.secondary-action{color:#14213d;background:#e7eef6}.text-action{color:#1f7a8c;background:0 0}.onboarding-back{color:#1f7a8c;cursor:pointer;background:0 0;align-items:center;gap:4px;width:fit-content;margin-left:-6px;padding:6px;font-weight:750;text-decoration:none;display:inline-flex}.onboarding-field{color:#27344a;gap:7px;font-size:13px;font-weight:700;display:grid}.onboarding-form{gap:16px;display:grid}.onboarding-field input,.onboarding-field textarea{background:#f8fafc;border:1px solid #d8e1ec;border-radius:10px;outline:0;width:100%;min-height:48px;padding:0 14px}.onboarding-field textarea{resize:vertical;min-height:104px;padding-block:12px}.onboarding-field input:focus,.onboarding-field textarea:focus{border-color:#1f7a8c;box-shadow:0 0 0 3px #1f7a8c1f}.onboarding-field input[aria-invalid=true],.onboarding-field textarea[aria-invalid=true]{border-color:#dc2626}.field-meta{justify-content:space-between;gap:12px;min-height:18px;display:flex}.field-error,.form-error{color:#b42318;font-size:13px;font-weight:600;line-height:1.4}.character-counter{color:#667085;margin-left:auto;font-size:12px;font-weight:500}.form-error{background:#fef3f2;border-radius:8px;padding:10px 12px}.app-shell{background:linear-gradient(90deg,#14213d0a,#1f7a8c0f),#f5f7fb;grid-template-columns:minmax(320px,390px) minmax(0,1fr);min-height:100svh;display:grid}.sidebar,.thread{background:#ffffffeb;min-height:100svh}.sidebar{border-right:1px solid #dce3ee;flex-direction:column;display:flex}.topbar,.thread-header,.composer{align-items:center;gap:12px;display:flex}.topbar{justify-content:flex-start;padding:18px 18px 12px}.create-chat-button{margin-left:auto}.eyebrow{color:#1f7a8c;letter-spacing:0;text-transform:uppercase;margin:0;font-size:12px;font-weight:800}h1,h2,p{margin:0}h1{color:#111827;letter-spacing:0;font-size:24px;line-height:1.1}h2{color:#111827;letter-spacing:0;font-size:16px;line-height:1.25}.icon-button,.send-button{color:#27344a;cursor:pointer;background:#edf2f7;border-radius:8px;flex:0 0 40px;place-items:center;width:40px;height:40px;display:inline-grid}.icon-button:disabled,.send-button:disabled{color:#94a3b8;cursor:not-allowed}.send-button{color:#fff;background:#1f7a8c}.status-strip,.warning-band{color:#14532d;background:#ecfdf3;border:1px solid #c7eadf;border-radius:8px;align-items:center;gap:10px;margin:0 18px 14px;padding:10px 12px;font-size:14px;display:flex}.status-strip{cursor:pointer;text-align:left;width:calc(100% - 36px)}.status-strip.offline,.warning-band{color:#9a3412;background:#fff7ed;border-color:#fed7aa}.search-field{color:#64748b;background:#fff;border:1px solid #d8e1ec;border-radius:8px;align-items:center;gap:10px;height:44px;margin:0 18px 14px;padding:0 12px;display:flex}.search-field input{color:#111827;background:0 0;border:0;outline:0;width:100%;min-width:0}.chat-list,.settings-panel{flex:1;min-height:0;padding:0 10px 12px;overflow:auto}.chat-row,.setting-row,.device-row{width:100%;min-height:72px;color:inherit;text-align:left;background:0 0;border-radius:8px;align-items:center;gap:12px;padding:12px 8px;display:flex}.chat-row{cursor:pointer}.chat-row:hover,.setting-row:hover{background:#eef4f8}.avatar{color:#fff;background:linear-gradient(135deg,#14213d,#1f7a8c);border-radius:8px;flex:0 0 44px;place-items:center;width:44px;height:44px;font-weight:800;display:inline-grid}.avatar.large{flex-basis:58px;width:58px;height:58px}.avatar-upload{cursor:pointer;position:relative;overflow:hidden}.avatar-upload input{z-index:2;opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.avatar-upload img{object-fit:cover;width:100%;height:100%}.chat-row .avatar img,.thread-header .avatar img,.info-avatar img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.avatar-upload-icon{color:#fff;background:#14213dd1;border-radius:7px;place-items:center;width:24px;height:24px;display:grid;position:absolute;bottom:3px;right:3px}.avatar-upload:focus-within{box-shadow:0 0 0 3px #1f7a8c3d}.avatar-upload.is-uploading{opacity:.65;cursor:wait}.chat-copy,.thread-title,.device-row span{flex:1;min-width:0}.row-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.row-title time,.preview,.thread-title p,.profile-block p,.device-row small{color:#667085;font-size:13px}.preview{text-overflow:ellipsis;white-space:nowrap;margin-top:4px;display:block;overflow:hidden}.badge{color:#fff;background:#e11d48;border-radius:999px;place-items:center;min-width:22px;height:22px;font-size:12px;font-weight:800;display:inline-grid}.profile-block{align-items:center;gap:14px;padding:16px 8px 22px;display:flex}.profile-description{max-width:30ch;margin-top:7px;line-height:1.4}.setting-row{justify-content:flex-start}.setting-row strong{color:#1f7a8c;margin-left:auto;font-size:13px}.logout-row{color:#b42318;cursor:pointer;background:#fef3f2;min-height:52px}.logout-row:hover{background:#fee4e2}.logout-row:disabled{opacity:.65;cursor:wait}.settings-error{color:#b42318;padding:10px 8px 0;font-size:13px;line-height:1.4}.avatar-error{margin:-12px 8px 10px;padding:0}.device-list{padding:18px 8px}.empty-state{color:#667085;text-align:center;justify-items:center;gap:10px;padding:56px 24px;display:grid}.empty-state h2{font-size:20px}.empty-state.compact{padding-block:36px}.device-list h2{margin-bottom:8px}.device-empty{color:#667085;padding:12px 0;font-size:14px}.device-row{min-height:58px;padding-inline:0}.device-row small{margin-top:2px;display:block}.tabbar{background:#fff;border-top:1px solid #dce3ee;grid-template-columns:repeat(2,1fr);gap:4px;padding:8px;display:grid}.tabbar button{color:#64748b;cursor:pointer;background:0 0;border-radius:8px;place-items:center;gap:4px;min-height:52px;font-size:12px;display:grid}.tabbar button.active{color:#14213d;background:#e7eef6}.thread{grid-template-rows:auto auto minmax(0,1fr) auto;display:grid}.thread-header{border-bottom:1px solid #dce3ee;min-height:72px;padding:14px 18px}.thread-empty{color:#667085;text-align:center;grid-row:1/-1;place-content:center;justify-items:center;gap:10px;padding:32px;display:grid}.back-button{display:none}.thread-title p{align-items:center;gap:5px;margin-top:3px;display:flex}.conversation-info{text-align:center;align-content:start;justify-items:center;gap:12px;padding:48px 24px;display:grid;overflow:auto}.info-avatar{width:72px;height:72px;font-size:22px}.conversation-info>p,.safety-card p{color:#667085}.safety-card{color:#14532d;text-align:left;background:#f0fdf4;border:1px solid #d8e1ec;border-radius:12px;gap:12px;width:min(100%,520px);margin-top:18px;padding:18px;display:flex}.safety-card div{min-width:0}.safety-card p{overflow-wrap:anywhere;margin-top:5px}.conversation-info .secondary-action,.danger-action{width:min(100%,520px)}.danger-action{color:#b91c1c;cursor:pointer;background:#fee2e2;border-radius:10px;min-height:48px;font-weight:750}.warning-band{margin-top:12px}.message-list{flex-direction:column;gap:10px;min-height:0;padding:22px;display:flex;overflow:auto}.message{color:#172033;background:#e8eef5;border-radius:8px;width:fit-content;max-width:min(68ch,72%);padding:10px 12px 8px}.message.mine{color:#fff;background:#14213d;align-self:flex-end}.message.failed{color:#7f1d1d;background:#fee2e2}.message p{overflow-wrap:anywhere}.message footer{opacity:.76;justify-content:flex-end;align-items:center;gap:5px;margin-top:6px;font-size:12px;display:flex}.retry-action{color:inherit;cursor:pointer;background:0 0;padding:0;font-size:12px;font-weight:800;text-decoration:underline}.composer{background:#fff;border-top:1px solid #dce3ee;padding:12px 18px 18px}.composer textarea{resize:none;color:#111827;background:#f8fafc;border:1px solid #d8e1ec;border-radius:8px;outline:0;width:100%;min-height:42px;max-height:120px;padding:10px 12px}@media (width<=760px){.onboarding-shell{align-items:stretch;padding:0}.onboarding-card{box-shadow:none;border:0;border-radius:0;align-content:center}.app-shell{display:block}.sidebar.is-hidden,.thread{display:none}.thread.is-active{display:grid}.back-button{display:inline-grid}.message{max-width:86%}}