:root{color-scheme:dark light;--bg: #0d0f0e;--surface: #131614;--surface-raised: #191d1a;--surface-soft: #202521;--text: #f2f5f1;--muted: #a6aea8;--faint: #737c76;--line: #2a302c;--accent: #2bc794;--accent-ink: #06140f;--warning: #e9b85b;--danger: #ef766d;--focus: #77e4c0;--shadow: 0 12px 32px rgba(0, 0, 0, .28);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg: #f5f6f3;--surface: #fff;--surface-raised: #f9faf7;--surface-soft: #eef1ec;--text: #171a18;--muted: #5c655f;--faint: #78817b;--line: #dce1dc;--accent: #087c5b;--accent-ink: #fff;--warning: #96610d;--danger: #b9362f;--focus: #096c51;--shadow: 0 12px 32px rgba(31, 42, 35, .1)}}:root[data-theme=light]{--bg: #f5f6f3;--surface: #fff;--surface-raised: #f9faf7;--surface-soft: #eef1ec;--text: #171a18;--muted: #5c655f;--faint: #78817b;--line: #dce1dc;--accent: #087c5b;--accent-ink: #fff;--warning: #96610d;--danger: #b9362f;--focus: #096c51;--shadow: 0 12px 32px rgba(31, 42, 35, .1)}:root[data-theme=dark]{color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-size:15px;line-height:1.5;overflow:hidden}button,input,textarea{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent}button,label{touch-action:manipulation}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--focus);outline-offset:3px}h1,h2,p{margin:0}h1{font-size:clamp(28px,4vw,40px);line-height:1.08;letter-spacing:-.025em}h2{font-size:17px;line-height:1.25;letter-spacing:-.01em}.auth-page{min-height:100dvh;overflow-y:auto;display:grid;place-items:center;padding:max(28px,env(safe-area-inset-top)) 20px max(28px,env(safe-area-inset-bottom));background:var(--bg)}.auth-panel{width:min(100%,430px);animation:settle .17s cubic-bezier(.2,.8,.2,1)}.auth-panel.compact{width:min(100%,390px)}.auth-brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:720;margin-bottom:64px}.auth-panel h1{font-size:35px;margin-bottom:14px}.lead{color:var(--muted);max-width:46ch;margin-bottom:34px}.auth-panel form{display:grid;gap:18px}.field{display:grid;gap:8px}.field>span{color:var(--muted);font-size:13px;font-weight:650}.field input{width:100%;min-height:50px;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:0 15px;transition:border-color .14s ease,background .14s ease}.field input:hover{border-color:var(--faint)}.field input::placeholder,.composer textarea::placeholder{color:var(--faint);opacity:1}.strength{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px;margin-top:-8px}.strength-line{display:block;width:64px;height:3px;background:var(--line);border-radius:2px;overflow:hidden}.strength-line:after{content:"";display:block;width:100%;height:100%;background:var(--danger);transform:scaleX(0);transform-origin:left;transition:transform .16s ease,background .16s ease}.strength-line.s1:after{transform:scaleX(.25)}.strength-line.s2:after{transform:scaleX(.5);background:var(--warning)}.strength-line.s3:after{transform:scaleX(.75);background:var(--accent)}.strength-line.s4:after{transform:scaleX(1);background:var(--accent)}.field-note,.auth-footnote,.settings-note{color:var(--faint);font-size:13px;line-height:1.5}.auth-footnote{margin-top:26px}.form-error{color:var(--danger);font-size:13px}.primary-button,.warning-button,.danger-button{border:0;border-radius:12px;min-height:48px;padding:0 18px;font-weight:720;cursor:pointer;transition:background .14s ease,transform .14s ease}.primary-button{background:var(--accent);color:var(--accent-ink)}.primary-button:hover:not(:disabled){filter:brightness(1.08)}.primary-button:active:not(:disabled),.warning-button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.48;cursor:not-allowed}.lock-emblem{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);margin-bottom:28px}.boot-wordmark{font-size:24px;font-weight:760;letter-spacing:-.03em}.app-shell{display:grid;grid-template-columns:82px minmax(0,1fr);height:100dvh;background:var(--bg)}.rail{display:flex;flex-direction:column;align-items:center;gap:28px;padding:20px 12px max(18px,env(safe-area-inset-bottom));border-right:1px solid var(--line);background:var(--surface)}.rail nav{display:grid;gap:10px;width:100%}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:12px;background:var(--accent);color:var(--accent-ink);font-weight:820;cursor:pointer}.brand-mark.static{display:inline-grid}.nav-button,.rail-lock{display:grid;place-items:center;gap:3px;width:100%;min-height:54px;border:0;border-radius:12px;color:var(--faint);background:transparent;cursor:pointer}.nav-button span{font-size:11px}.nav-button:hover,.rail-lock:hover{color:var(--text);background:var(--surface-soft)}.nav-button.active{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.rail-lock{margin-top:auto}.workspace{min-width:0;height:100dvh;overflow:hidden}.inbox-screen,.settings-screen,.detail-screen{height:100%;overflow-y:auto}.page-header{min-height:150px;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;max-width:900px;margin:0 auto;padding:42px 42px 28px;border-bottom:1px solid var(--line)}.page-header p{color:var(--muted);margin-top:8px}.conversation-list{max-width:900px;margin:0 auto}.conversation-row{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;min-height:88px;padding:15px 42px;border:0;border-bottom:1px solid var(--line);text-align:left;background:transparent;cursor:pointer;transition:background .13s ease}.conversation-row:hover{background:var(--surface)}.conversation-copy{min-width:0;display:grid;gap:5px}.conversation-title{display:flex;justify-content:space-between;gap:14px}.conversation-title strong{font-size:16px}.conversation-title time{color:var(--faint);font-size:12px}.conversation-preview{color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{position:relative;display:inline-grid;place-items:center;flex:0 0 auto;width:44px;height:44px;border-radius:14px;background:var(--surface-soft);color:var(--text);font-size:13px;font-weight:740}.avatar.large{width:78px;height:78px;border-radius:22px;font-size:21px}.avatar-warning{position:absolute;right:-4px;bottom:-3px;display:grid;place-items:center;width:18px;height:18px;border:2px solid var(--bg);border-radius:50%;background:var(--warning);color:#171006;font-size:11px}.unread{min-width:22px;height:22px;display:grid;place-items:center;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:11px;font-weight:760}.connection{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;color:var(--faint);font-size:12px}.connection>span{width:7px;height:7px;border-radius:50%;background:currentColor}.connection.online{color:var(--accent)}.connection.connecting{color:var(--warning)}.empty-state{min-height:350px;display:grid;place-items:center;align-content:center;text-align:center;gap:12px;color:var(--faint);padding:30px}.empty-state svg{width:28px;height:28px}.empty-state p{max-width:38ch}.chat-screen{height:100%;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto}.chat-header{min-height:74px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:max(12px,env(safe-area-inset-top)) 24px 12px;border-bottom:1px solid var(--line);background:var(--surface);z-index:2}.icon-button{display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:11px;background:transparent;color:var(--muted);cursor:pointer}.icon-button:hover{background:var(--surface-soft);color:var(--text)}.contact-heading{display:flex;align-items:center;min-width:0;gap:12px;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}.contact-heading>span:last-child{min-width:0;display:grid}.contact-heading strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-heading small{font-size:12px}.verified{color:var(--accent)}.unverified{color:var(--warning)}.identity-block{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:15px 24px;background:color-mix(in srgb,var(--warning) 12%,var(--bg));border-bottom:1px solid color-mix(in srgb,var(--warning) 40%,var(--line))}.identity-block>svg{color:var(--warning)}.identity-block h2{color:var(--warning);margin-bottom:3px}.identity-block p{color:var(--muted);font-size:13px;max-width:72ch}.warning-button{min-height:42px;background:var(--warning);color:#201707;font-size:13px}.message-viewport{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.message-track{position:relative;width:min(100%,880px);margin:0 auto}.virtual-row{position:absolute;inset:0 20px auto;display:flex;align-items:center}.virtual-row.day-row{min-height:48px}.virtual-row.message-row{min-height:78px;padding:5px 0}.day-separator{width:100%;display:flex;align-items:center;gap:12px;color:var(--faint);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.day-separator:before,.day-separator:after{content:"";height:1px;flex:1;background:var(--line)}.message-line{width:100%;display:flex}.message-line.outgoing{justify-content:flex-end}.bubble{position:relative;width:fit-content;max-width:min(72%,620px);padding:10px 13px 8px;border-radius:14px;background:var(--surface-soft);box-shadow:0 4px 16px #00000014}.outgoing .bubble{background:var(--accent);color:var(--accent-ink);border-bottom-right-radius:5px}.incoming .bubble{border-bottom-left-radius:5px}.grouped .bubble{margin-top:-4px}.bubble p{white-space:pre-wrap;overflow-wrap:anywhere}.message-meta{display:flex;justify-content:flex-end;align-items:center;gap:5px;min-width:64px;margin:3px 0 -2px 16px;color:color-mix(in srgb,currentColor 66%,transparent);font-size:10px}.delivery{min-width:17px;display:inline-flex;align-items:center;color:currentColor}.delivery svg{width:13px;height:13px;margin-left:-5px}.delivery svg:first-child{margin-left:0}.delivery.read{color:#003f2e}.delivery.failed{font-weight:850;color:#7e100b}.pending-dot{width:7px;height:7px;border:1px solid currentColor;border-radius:50%}.attachment-content{display:flex;align-items:center;gap:10px;min-width:210px}.attachment-content>span{display:grid}.attachment-content small{opacity:.7}.composer{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:end;padding:12px max(20px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));border-top:1px solid var(--line);background:var(--surface)}.composer textarea{width:100%;min-height:44px;max-height:132px;resize:none;border:1px solid var(--line);border-radius:14px;background:var(--bg);padding:10px 14px;line-height:22px}.composer.blocked{opacity:.58}.attach-button{position:relative}.attach-button input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.send-button{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:13px;background:var(--accent);color:var(--accent-ink);cursor:pointer}.detail-header{min-height:74px;display:flex;align-items:center;gap:10px;padding:12px 24px;border-bottom:1px solid var(--line)}.detail-header h1{font-size:19px}.contact-profile{display:grid;justify-items:center;gap:10px;padding:50px 24px 42px;border-bottom:1px solid var(--line)}.contact-profile h2{font-size:24px}.contact-profile p{font-size:13px}.safety-section{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px 18px;width:min(100% - 40px,620px);margin:44px auto}.safety-section>svg{color:var(--accent)}.safety-section p{color:var(--muted);margin-top:7px}.safety-number{grid-column:1 / -1;display:block;padding:22px;border-radius:14px;background:var(--surface);color:var(--text);font:620 18px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.035em;text-align:center;overflow-wrap:anywhere}.compare-check{grid-column:1 / -1;display:flex;align-items:flex-start;gap:10px;color:var(--muted);cursor:pointer}.compare-check input{width:18px;height:18px;accent-color:var(--accent)}.safety-section .primary-button{grid-column:1 / -1}.settings-body{width:min(100% - 48px,760px);margin:38px auto 80px;display:grid;gap:44px}.settings-group{display:grid;gap:16px}.settings-group h2{color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.07em}.segmented{width:fit-content;display:flex;padding:3px;border-radius:12px;background:var(--surface-soft)}.segmented button{min-width:82px;min-height:38px;padding:0 14px;border:0;border-radius:9px;background:transparent;color:var(--muted);cursor:pointer}.segmented button.active{background:var(--surface);color:var(--text);box-shadow:0 3px 10px #0000001f}.settings-action{display:flex;align-items:center;justify-content:space-between;min-height:68px;padding:10px 16px;border:0;border-radius:14px;background:var(--surface);cursor:pointer;text-align:left}.settings-action>span:first-child{display:flex;gap:13px;align-items:center}.settings-action>span:last-child{color:var(--accent);font-weight:700}.settings-action small{display:block;color:var(--muted)}.truth-panel{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;padding:20px;border-radius:14px;background:var(--surface)}.truth-panel>svg{color:var(--accent)}.truth-panel p{margin-top:8px;color:var(--muted);max-width:68ch}.danger-zone{border-top:1px solid var(--line);padding-top:32px}.danger-button{width:fit-content;color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent)}.wipe-confirm{padding:18px;border-radius:14px;background:color-mix(in srgb,var(--danger) 8%,var(--surface))}.wipe-confirm p{color:var(--muted)}.wipe-confirm>div{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.wipe-confirm button:not(.danger-button){border:0;background:transparent;cursor:pointer;padding:0 14px}@media(max-width:680px){.app-shell{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.workspace{grid-row:1;height:calc(100dvh - 64px - env(safe-area-inset-bottom))}.rail{grid-row:2;flex-direction:row;justify-content:center;width:100%;height:calc(64px + env(safe-area-inset-bottom));padding:5px 12px env(safe-area-inset-bottom);border:0;border-top:1px solid var(--line);z-index:10}.rail .brand-mark,.rail-lock{display:none}.rail nav{display:flex;justify-content:space-evenly;width:min(100%,320px)}.nav-button{width:112px;min-height:51px}.chat-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:20}.page-header{min-height:130px;padding:34px 20px 22px}.page-header h1{font-size:31px}.page-header p{font-size:13px}.conversation-row{min-height:82px;padding:13px 20px;gap:13px}.chat-header{min-height:66px;padding-left:10px;padding-right:16px}.chat-header .avatar{width:38px;height:38px;border-radius:12px}.chat-header .connection{font-size:0;gap:0}.identity-block{grid-template-columns:auto 1fr;padding:14px 16px}.identity-block .warning-button{grid-column:1 / -1;width:100%}.virtual-row{inset-left:10px;inset-right:10px}.bubble{max-width:86%}.composer{padding-left:10px;padding-right:10px}.detail-header{padding-left:10px}.contact-profile{padding-top:34px}.safety-section{margin-top:32px}.settings-body{width:calc(100% - 40px);margin-top:30px}.segmented{width:100%}.segmented button{flex:1;min-width:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@keyframes settle{0%{opacity:.7;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.header-actions{display:flex;align-items:center;gap:14px}.primary-button.compact{min-height:38px;padding:0 16px;font-size:14px}.text-field{width:100%;min-height:50px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);padding:0 15px;transition:border-color .14s ease}.text-field:hover{border-color:var(--faint)}.text-field::placeholder{color:var(--faint);opacity:1}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.identity-code{padding:16px;border-radius:12px;background:var(--surface);color:var(--text);font-size:14px;letter-spacing:.02em;overflow-wrap:anywhere}.ghost-button{display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:var(--muted);font-size:14px;cursor:pointer;padding:0 0 8px}.ghost-button:hover{color:var(--text)}.empty-state .primary-button{margin-top:20px;min-height:42px;padding:0 20px}.admin-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.admin-row-copy{display:grid;gap:3px;min-width:0}.admin-row-copy small{color:var(--muted);font-size:13px;overflow-wrap:anywhere}.admin-confirm{display:flex;gap:8px;flex-shrink:0}.admin-confirm button{border:1px solid var(--line);background:none;color:var(--text);border-radius:9px;padding:6px 12px;cursor:pointer;font-size:13px}.admin-confirm .danger-button{border-color:transparent}.avatar.photo{padding:0;overflow:hidden;background:var(--surface-soft)}.avatar.photo img{width:100%;height:100%;object-fit:cover;display:block}.avatar-editor{display:grid;justify-items:center;gap:14px;padding:8px 0 4px}.avatar-preview{width:96px;height:96px;border-radius:50%;object-fit:cover;display:block}.avatar-actions{display:flex;gap:16px}.avatar-actions .ghost-button{padding:0}.picture-bubble{position:relative;display:block;width:min(260px,62vw);border-radius:12px;overflow:hidden;background:var(--surface-soft)}.picture-bubble img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.picture-preview{filter:blur(12px);transform:scale(1.08)}.picture-full{opacity:0;transition:opacity .18s ease}.picture-full.ready{opacity:1}