: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}.connection-indicator{color:#475467;white-space:nowrap;align-items:center;gap:6px;min-width:0;margin-left:auto;font-size:12px;font-weight:700;display:inline-flex}.connection-dot{background:#98a2b3;border-radius:50%;flex:0 0 8px;width:8px;height:8px}.connection-indicator.connected .connection-dot{background:#16a34a}.connection-indicator.connecting .connection-dot{background:#f59e0b}.connection-indicator.offline,.connection-indicator.error{color:#b42318}.connection-indicator.offline .connection-dot,.connection-indicator.error .connection-dot{background:#dc2626}.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}.create-chat-button{color:#fff;background:#2563eb;transition:background-color .16s,box-shadow .16s,transform .16s;box-shadow:0 4px 12px #2563eb47}.create-chat-button:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 6px 16px #2563eb5c}.create-chat-button:focus-visible{outline-offset:2px;outline:3px solid #2563eb4d}.create-chat-button:active{background:#1e40af;transform:translateY(0)}.send-button{color:#fff;background:#1f7a8c}.warning-band{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;align-items:center;gap:10px;margin:0 18px 14px;padding:10px 12px;font-size:14px;display:flex}.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}.create-chat-panel{flex:1;min-height:0;padding:0 18px 24px;overflow:auto}.create-chat-intro{color:#1e3a8a;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;margin-bottom:22px;padding:14px}.create-chat-intro h2{color:#172554;margin-bottom:4px}.create-chat-intro p,.section-heading p{color:#475569;font-size:13px;line-height:1.45}.create-chat-form,.form-field{display:grid}.create-chat-form{gap:18px}.chat-image-upload{color:#1e3a8a;cursor:pointer;background:#f8fbff;border:1px dashed #93c5fd;border-radius:12px;align-items:center;gap:13px;padding:12px;display:flex;position:relative}.chat-image-upload:hover{background:#eff6ff;border-color:#2563eb}.chat-image-upload:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb21}.chat-image-upload>input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.chat-image-preview{color:#2563eb;background:#dbeafe;border-radius:12px;flex:0 0 64px;place-items:center;width:64px;height:64px;display:grid;overflow:hidden}.chat-image-preview img{object-fit:cover;width:100%;height:100%}.chat-image-copy{gap:4px;display:grid}.chat-image-copy strong{font-size:14px}.chat-image-copy small{color:#64748b;font-size:12px}.form-field{color:#344054;gap:7px;min-width:0;font-size:13px;font-weight:750}.form-field input,.form-field textarea,.form-field>select{color:#111827;background:#fff;border:1px solid #cbd5e1;border-radius:9px;outline:0;width:100%;min-width:0;padding:11px 12px;font-weight:500}.form-field textarea{resize:vertical;min-height:104px;line-height:1.45}.form-field input:focus,.form-field textarea:focus,.form-field>select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb21}.form-field>select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,#0000 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px);background-repeat:no-repeat;background-size:6px 6px;padding-right:38px}.form-field small{color:#94a3b8;justify-self:end;margin-top:-2px;font-size:11px;font-weight:500}.form-field-row{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.price-input-group{grid-template-columns:minmax(0,1fr) 86px;display:grid}.price-input-group input{border-radius:9px 0 0 9px}.price-input-group select{color:#1e3a8a;cursor:pointer;background:#eff6ff;border:1px solid #cbd5e1;border-left:0;border-radius:0 9px 9px 0;outline:0;min-width:0;padding:0 8px;font-weight:750}.price-input-group:focus-within select{border-color:#2563eb}.visibility-switch-field{color:#344054;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;justify-content:space-between;align-items:center;gap:18px;padding:13px 14px;display:flex}.visibility-switch-field>span{gap:4px;display:grid}.visibility-switch-field strong{font-size:14px}.visibility-switch-field small{color:#64748b;font-size:12px;line-height:1.4}.visibility-switch-field input{appearance:none;cursor:pointer;background:#cbd5e1;border-radius:999px;outline:0;flex:0 0 42px;width:42px;height:24px;transition:background-color .16s;position:relative}.visibility-switch-field input:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .16s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0f172a3d}.visibility-switch-field input:checked{background:#2563eb}.visibility-switch-field input:checked:after{transform:translate(18px)}.visibility-switch-field input:focus-visible{box-shadow:0 0 0 3px #2563eb33}.invite-section{border-top:1px solid #e2e8f0;gap:12px;margin-top:6px;padding-top:20px;display:grid}.section-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.section-heading h2{margin-bottom:4px}.selected-count{color:#fff;background:#2563eb;border-radius:999px;place-items:center;min-width:24px;height:24px;padding:0 7px;font-size:12px;font-weight:800;display:inline-grid}.contact-search{width:100%;margin:0}.contact-list{gap:4px;display:grid}.contact-row{width:100%;min-height:64px;color:inherit;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:11px;padding:8px;display:flex}.contact-row:hover{background:#f1f5f9}.contact-row.selected{background:#eff6ff;border-color:#bfdbfe}.contact-selector{color:#2563eb;background:#fff;border:1.5px solid #cbd5e1;border-radius:50%;flex:0 0 22px;place-items:center;width:22px;height:22px;display:grid}.contact-row.selected .contact-selector{border-color:#0000}.contacts-empty{color:#64748b;text-align:center;padding:16px 8px;font-size:13px}.create-chat-error{color:#b42318;background:#fef3f2;border-radius:9px;padding:11px 12px;font-size:13px;line-height:1.4}.create-chat-submit{color:#fff;cursor:pointer;background:#2563eb;border-radius:10px;min-height:48px;font-weight:800;box-shadow:0 6px 16px #2563eb3d}.create-chat-submit:hover:not(:disabled){background:#1d4ed8}.create-chat-submit:focus-visible{outline-offset:2px;outline:3px solid #2563eb4d}.create-chat-submit:disabled{color:#94a3b8;cursor:not-allowed;box-shadow:none;background:#e2e8f0}.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{aspect-ratio:1;color:#fff;background:linear-gradient(135deg,#14213d,#1f7a8c);border-radius:8px;flex:0 0 44px;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;font-weight:800;display:inline-grid;position:relative;overflow:hidden}.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>img{border-radius:inherit;object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.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}.group-badge{color:#0369a1;white-space:nowrap;background:#e0f2fe;border-radius:999px;align-items:center;margin-right:5px;padding:4px 7px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.conversation-group{color:#64748b;font-size:14px;font-weight:600}.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}.visibility-badge{color:#1d4ed8;background:#dbeafe;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:800}.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{color:#667085}.conversation-info .info-image-error{color:#b42318;max-width:360px;margin:-3px 0 2px;padding:0}.conversation-settings-form{text-align:left;gap:18px;width:min(100%,520px);margin-top:8px;display:grid}.conversation-settings-form .contact-list{max-height:232px;overflow:auto}.conversation-description{max-width:520px;line-height:1.5}.conversation-price{font-weight:800}.public-chat-gate{color:#475569;text-align:center;place-content:center;justify-items:center;gap:12px;min-height:0;padding:32px;display:grid}.public-chat-gate p{max-width:52ch;line-height:1.5}.public-chat-gate strong{color:#1e3a8a;font-size:18px}.public-chat-gate small{color:#64748b}.conversation-info .secondary-action{width:min(100%,520px)}.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%}}