:root{--paper:#f3f0e8;--ink:#171717;--muted:#6b675f;--line:#171717;--yellow:#ffd43b;--blue:#1f6feb;--blue-panel:#dfeaff;--red:#ff5a36;--green:#69db7c;--panel:#fffdf7;--soft:#e9e5db;--shadow:6px 6px 0 var(--ink);color:var(--ink);background:var(--paper);font-synthesis:none;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-width:320px;min-height:100%;overflow-x:hidden}body{background:var(--paper);min-height:100vh;margin:0;overflow-x:hidden}button,input,textarea{color:inherit;font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}button:disabled:hover{box-shadow:none;transform:none}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--blue);outline-offset:3px}input,textarea{border:2px solid var(--line);background:#fff;border-radius:0;width:100%;min-width:0;padding:12px 14px}textarea{resize:vertical}h1,h2,p{margin-top:0}h2{letter-spacing:-.055em;margin-bottom:2rem;font-size:clamp(2rem,5vw,4.5rem);line-height:.95}.boot{place-items:center;min-height:100vh;padding:2rem;font:800 .9rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}.boot[data-state=failed]{color:var(--panel);background:var(--ink)}.shell{min-height:100vh}.topbar{z-index:10;border-bottom:2px solid var(--line);background:color-mix(in srgb, var(--paper) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;gap:24px;min-height:76px;padding:0 clamp(18px,4vw,56px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;display:flex}.brand-mark{border:2px solid var(--line);background:var(--yellow);border-radius:50%;flex:none;width:18px;height:18px}.brand h1{letter-spacing:-.06em;margin:0;font-size:clamp(1.4rem,4vw,2rem);font-weight:950;line-height:1}.brand p{color:var(--muted);margin:3px 0 0;font:700 .72rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}.button{border:2px solid var(--line);background:#fff;border-radius:0;min-height:46px;padding:10px 16px;font-weight:800}.button:not(:disabled):hover{box-shadow:3px 3px 0 var(--ink);transform:translate(-2px,-2px)}.button:not(:disabled):active{box-shadow:none;transform:translate(1px,1px)}.button-primary{color:#fff;background:var(--ink)}.button-secondary{background:var(--yellow)}.button-quiet{background:0 0}.button-quiet:not(:disabled):hover{box-shadow:none;background:var(--soft);transform:none}.control-label{gap:7px;margin-bottom:1rem;display:grid}.control-label>span,.eyebrow{letter-spacing:.11em;text-transform:uppercase;font:800 .75rem/1.1 ui-monospace,SFMono-Regular,Menlo,monospace}.eyebrow{margin-bottom:1rem}.status{white-space:nowrap;align-items:center;gap:7px;font:700 .78rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-flex}.status-dot{border:2px solid var(--line);background:var(--yellow);border-radius:50%;width:11px;height:11px}.status-ready .status-dot{background:var(--green)}.status-offline .status-dot{background:var(--red)}.panel{border:2px solid var(--line);background:var(--panel);box-shadow:var(--shadow)}.panel-paper{background:var(--panel)}.panel-blue{background:var(--blue-panel)}.panel-yellow{background:var(--yellow)}.panel-red{background:var(--red)}.topbar-actions,.row,.call-actions{align-items:center;gap:10px;display:flex}.center-state{place-items:center;min-height:calc(100vh - 76px);display:grid}.identity-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;width:min(1040px,100% - 36px);margin:clamp(2.5rem,9vh,6.5rem) auto;display:grid}.identity-grid--recovery{grid-template-columns:minmax(0,760px);justify-content:center}.incoming-contact{border:2px solid var(--line);background:var(--yellow);grid-column:1/-1;margin:0;padding:12px 14px;font-weight:800}.identity-card{padding:clamp(1.25rem,4vw,3rem)}.identity-card h2{min-height:1.9em}.identity-card--recovery h2{min-height:0}.identity-card--recovery>.button-quiet{margin-bottom:1.5rem}.security-picker,.recovery-words{border:0;min-width:0;margin:0 0 1rem;padding:0}.security-picker legend,.recovery-words legend{letter-spacing:.11em;text-transform:uppercase;margin-bottom:8px;font:800 .75rem/1.1 ui-monospace,SFMono-Regular,Menlo,monospace}.security-picker>div{border-top:2px solid var(--line);border-left:2px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.security-option{border:0;border-right:2px solid var(--line);border-bottom:2px solid var(--line);background:#fff;place-items:center;gap:3px;min-width:0;min-height:52px;padding:7px 6px;display:grid}.security-option.is-active{background:var(--yellow)}.security-option strong{font-size:.82rem}.security-option small{color:var(--muted);font:700 .65rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}.recovery-word-grid{border-top:2px solid var(--line);border-left:2px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.recovery-word{border-right:2px solid var(--line);border-bottom:2px solid var(--line);background:#fff;grid-template-columns:auto minmax(0,1fr);align-items:center;min-width:0;display:grid}.recovery-word>span{min-width:2rem;color:var(--muted);padding-left:8px;font:700 .66rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}.recovery-word input{border:0;min-height:44px;padding:8px 8px 8px 2px;font:750 .82rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.recovery-word input:focus-visible{z-index:1;outline-offset:-3px;position:relative}.recovery-progress{color:var(--muted);margin-top:7px;font:700 .72rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.messenger{grid-template-columns:minmax(260px,340px) minmax(0,1fr);min-height:calc(100vh - 76px);display:grid}.sidebar{border-right:2px solid var(--line);background:var(--panel);min-width:0}.sidebar-section{border-bottom:2px solid var(--line);padding:18px}.sidebar-section>header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.sidebar-section h2{letter-spacing:-.025em;margin:0;font-size:1rem;line-height:1}.sidebar-section .button-quiet{min-height:36px;padding:6px 8px;font-size:.82rem}.sidebar-empty{color:var(--muted);margin:0;font:700 .78rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.list-search{border:2px solid var(--line);background:var(--paper);width:100%;min-height:40px;color:var(--ink);border-radius:0;margin:0 0 12px;padding:7px 10px;font:700 .82rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.list-pager{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-top:12px;display:grid}.list-pager span{text-align:center;min-width:2ch;font:800 .75rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}.list-pager .button:last-child{justify-self:end}.stack,.contact-list,.room-list{gap:8px;margin:0;padding:0;display:grid}.request-card{box-shadow:3px 3px 0 var(--ink);padding:12px}.request-card p{margin:8px 0 12px;font-size:.9rem;line-height:1.35}.request-card .button{min-height:36px;padding:6px 9px;font-size:.78rem}.contact-list{list-style:none}.contact-list li{grid-template-columns:auto 1fr auto;align-items:center;gap:9px;min-height:38px;display:grid}.contact-list small{color:var(--muted);font:700 .7rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}.presence{border:2px solid var(--line);background:var(--soft);border-radius:50%;width:11px;height:11px}.presence.is-online{background:var(--green)}.room-button{text-align:left;background:0 0;border:2px solid #0000;gap:5px;width:100%;min-height:54px;padding:9px 11px;display:grid}.room-button:hover{border-color:var(--line)}.room-button.is-active{border-color:var(--line);background:var(--blue-panel)}.room-button small{color:var(--muted);font:700 .72rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}.thread{grid-template-rows:auto minmax(260px,1fr) auto auto auto;min-width:0;max-height:calc(100vh - 76px);display:grid}.thread>header{border-bottom:2px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:18px 22px;display:flex}.thread h2{margin:0;font-size:clamp(1.8rem,4vw,3.5rem)}.thread .eyebrow{margin-bottom:7px}.video-grid{grid-template-columns:minmax(0,1fr);gap:10px;display:grid;position:relative}.video-frame{margin:0;position:relative}.video-frame video{border:2px solid var(--line);background:var(--ink);object-fit:contain;width:100%;min-height:240px;max-height:min(62vh,620px);display:block}.video-frame figcaption{color:#fff;text-transform:uppercase;background:#171717d1;padding:5px 8px;font:800 .72rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;bottom:10px;left:10px}.video-frame-local{width:clamp(110px,25%,190px);position:absolute;bottom:12px;right:12px}.video-frame-local video{min-height:90px;max-height:150px}.call-dialog{width:min(920px,100%);overflow:hidden}.call-dialog>header{background:var(--yellow)}.call-dialog>header .eyebrow{margin-bottom:6px}.call-dialog-body{gap:16px;padding:20px;display:grid}.call-dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.audio-call-person{justify-items:center;gap:14px;padding:34px 12px;display:grid}.audio-call-person span{border:2px solid var(--line);background:var(--yellow);border-radius:50%;place-items:center;width:92px;height:92px;font-size:2.4rem;font-weight:950;display:grid}.room-empty{color:var(--muted);place-items:center;font:700 .9rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}.messages{flex-direction:column;gap:.75rem;min-height:0;padding:22px;display:flex;overflow-y:auto}.empty{color:var(--muted);margin:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.message{border:2px solid var(--line);background:var(--panel);width:fit-content;max-width:min(72ch,82%);padding:.9rem 1rem}.message--mine{background:var(--yellow);align-self:flex-end}.message p{white-space:pre-wrap;margin-bottom:.35rem}.message small{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.attachment{gap:7px;margin:7px 0;font:750 .78rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}.attachment img,.attachment video{border:2px solid var(--line);object-fit:contain;background:var(--ink);width:min(420px,100%);max-height:320px;display:block}.attachment audio{width:min(360px,100%)}.attachment a{width:fit-content;color:inherit;font-weight:850}.composer{border-top:2px solid var(--line);background:var(--soft);grid-template-columns:auto minmax(0,1fr) auto;gap:.75rem;padding:18px 22px;display:grid}.composer .control-label{margin:0}.composer .button{align-self:end;min-width:7rem}.attach-button{border:2px solid var(--line);background:var(--panel);cursor:pointer;align-self:end;place-items:center;min-height:48px;padding:9px 12px;font-weight:850;display:grid;position:relative;overflow:hidden}.attach-button input{opacity:0;width:1px;height:1px;position:absolute}.attachment-selection,.composer-error{border-top:2px solid var(--line);background:var(--panel);margin:0;padding:8px 22px;font:750 .78rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}.composer-error{color:#b22c17}.dialog-backdrop{z-index:30;background:#1717179e;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.dialog{width:min(680px,100%);max-height:calc(100vh - 36px);overflow-y:auto}.dialog>header{border-bottom:2px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;display:flex}.dialog h2{margin:0;font-size:clamp(1.5rem,5vw,2.4rem)}.dialog-body{padding:20px}.dialog-body>.button:last-child{margin-top:8px}.key-panel{box-shadow:none;margin:14px 0;padding:14px}.key-panel code{overflow-wrap:anywhere;font:800 1rem/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}.identity-security-label{border:2px solid var(--line);background:var(--yellow);text-transform:uppercase;width:fit-content;margin:0 0 12px;padding:5px 8px;font:800 .72rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}.recovery-upgrade{border:2px solid var(--ink);background:var(--yellow);gap:10px;padding:14px;display:grid}.recovery-upgrade p{margin:0}.recovery-key-grid{border-top:2px solid var(--line);border-left:2px solid var(--line);counter-reset:recovery-word;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 14px;padding:0;list-style:none;display:grid}.recovery-key-grid li{border-right:2px solid var(--line);border-bottom:2px solid var(--line);background:var(--panel);counter-increment:recovery-word;align-items:center;gap:6px;min-width:0;padding:8px;display:flex}.recovery-key-grid li:before{color:var(--muted);content:counter(recovery-word);font:700 .65rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}.recovery-key-grid code{overflow-wrap:anywhere;min-width:0;font:750 .78rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.contact-share{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;display:grid}#twang-contact-qr{border:2px solid var(--line);background:var(--panel);width:min(320px,48vw);height:auto;display:block}.contact-share>div{justify-items:start;gap:10px;min-width:0;display:grid}.twang-id{gap:5px;min-width:0;margin:0;display:grid}.twang-id span{letter-spacing:.1em;text-transform:uppercase;font:800 .72rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}.twang-id code{text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:100%;font:700 .72rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;display:block;overflow:hidden}.contact-link{border-bottom:2px solid var(--line);color:inherit;font-weight:850;text-decoration:none}.dialog details{margin-top:18px}.dialog summary{cursor:pointer;width:fit-content;color:var(--muted);font:750 .75rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.dialog details .breakable{margin:10px 0}.breakable{overflow-wrap:anywhere;border:2px solid var(--line);background:var(--soft);max-height:9rem;padding:12px;font:600 .72rem/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.check-list{gap:8px;margin:14px 0;display:grid}.check{border:2px solid var(--line);background:#fff;align-items:center;gap:10px;padding:10px;font-weight:750;display:flex}.check input{width:20px;height:20px;accent-color:var(--ink);margin:0}.error{z-index:40;border:2px solid var(--line);color:#fff;background:var(--ink);max-width:min(520px,100% - 36px);box-shadow:var(--shadow);margin:0;padding:1rem;position:fixed;bottom:18px;right:18px}.field-error{border-left:4px solid var(--blue);color:var(--ink);margin:-2px 0 0;padding-left:12px;font-size:.9rem;font-weight:750;line-height:1.35}hr{border:0;border-top:2px solid var(--line);margin:24px 0}@media (width<=760px){.topbar{align-items:flex-start;min-height:68px;padding-block:12px}.topbar-actions{flex-direction:column-reverse;align-items:flex-end;gap:7px}.topbar-actions .button{min-height:32px;padding:4px 7px}.identity-grid{grid-template-columns:1fr}.identity-card h2{min-height:0}.recovery-word-grid,.recovery-key-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-share{grid-template-columns:1fr}#twang-contact-qr{justify-self:center;width:min(320px,100%)}.messenger{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:2px solid var(--line)}.thread{min-height:70vh;max-height:none}.call-actions{display:none}.composer{grid-template-columns:1fr}.composer .button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}