:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans SC,sans-serif;color:#101828;background:#f5f7fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:#f5f7fb}button,input{font:inherit}button{border:0}button:disabled,input:disabled{cursor:not-allowed;opacity:.46}.app-shell{width:min(1040px,calc(100vw - 32px));min-height:100vh;margin:0 auto;padding:28px 0;display:grid;grid-template-rows:auto auto;align-content:start;gap:18px}.topbar,.pairing-panel,.chat-panel{border:1px solid #d9e1ec;border-radius:8px;background:#fff;box-shadow:0 14px 34px #10182814}.topbar{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{min-width:0;display:flex;align-items:center;gap:12px}.brand-mark{width:40px;height:40px;border-radius:8px;display:inline-grid;place-items:center;color:#fff;background:#005bff;flex:0 0 auto}.brand h1,.brand p,.pairing-panel h2,.chat-header h2{margin:0}.brand h1{font-size:1.18rem;line-height:1.1}.brand p{margin-top:3px;color:#667085;font-size:.88rem}.status-strip{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.status-pill,.language-button{min-height:34px;padding:0 10px;border-radius:8px;display:inline-flex;align-items:center;gap:7px;color:#344054;background:#f8fafc;border:1px solid #d9e1ec;font-size:.84rem;white-space:nowrap}.language-button{cursor:pointer;font-weight:800}.language-button:hover{color:#005bff;border-color:#005bff}.status-pill.secure{color:#007a2f;background:#ecfff1;border-color:#a8efbd}.pairing-view{min-height:0;display:grid;justify-items:center;align-items:start;padding-top:clamp(16px,4vh,36px)}.pairing-panel{width:min(520px,100%);padding:24px;display:grid;gap:16px}.eyebrow{display:block;color:#005bff;font-size:.72rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.pairing-panel h2,.chat-header h2{margin-top:2px;font-size:1.06rem}.notice{min-height:42px;border-radius:8px;padding:11px 12px;display:flex;align-items:center;color:#344054;background:#f8fafc;border:1px solid #d9e1ec;font-size:.92rem;line-height:1.35}.invite-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.invite-code{min-height:50px;border-radius:8px;padding:0 14px;display:flex;align-items:center;justify-content:center;color:#101828;background:#fff;border:2px solid #005bff;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1rem;font-weight:900;letter-spacing:0;overflow-wrap:anywhere;text-align:center}.field-label{color:#475467;font-size:.84rem;font-weight:800}input{width:100%;min-height:48px;border:1px solid #cfd8e3;border-radius:8px;padding:0 14px;color:#101828;background:#fff;outline:0;transition:border-color .16s ease,box-shadow .16s ease}input:focus{border-color:#005bff;box-shadow:0 0 0 4px #005bff29}#joinInviteInput{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-weight:800;letter-spacing:0}.copy-button,.ghost-button,.danger-button,.send-button{min-height:40px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-weight:850;transition:transform .16s ease,background .16s ease,border-color .16s ease}.copy-button{min-width:94px;padding:0 14px;color:#fff;background:#005bff}.copy-button:hover:not(:disabled),.send-button:hover:not(:disabled){transform:translateY(-1px)}.ghost-button,.danger-button{padding:0 12px;border:1px solid #cfd8e3;background:#fff;color:#344054}.ghost-button:hover:not(:disabled){color:#005bff;border-color:#005bff}.danger-button{color:#e00035}.danger-button:hover:not(:disabled){border-color:#e00035;background:#fff0f3}.chat-panel{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.chat-header{padding:18px 18px 14px;border-bottom:1px solid #e5eaf1;display:flex;align-items:center;justify-content:space-between;gap:12px}.host-actions{display:flex;align-items:center;gap:8px}.message-list{min-height:0;padding:18px;display:flex;flex-direction:column;gap:10px;overflow:auto}.empty-state{min-height:100%;display:grid;place-items:center;gap:8px;align-content:center;color:#667085}.empty-state svg{width:42px;height:42px;color:#98a2b3}.message{width:fit-content;max-width:min(70%,560px);border-radius:8px;padding:10px 12px 8px;display:grid;gap:6px;border:1px solid #e5eaf1}.message p{margin:0;line-height:1.45;overflow-wrap:anywhere}.message time{color:#475467b8;font-size:.72rem}.message.local{align-self:flex-end;color:#fff;background:#005bff;border-color:#005bff}.message.local time{color:#ffffffbd}.message.remote{align-self:flex-start;background:#fff}.message.system{align-self:center;max-width:88%;color:#007a2f;background:#ecfff1;border-color:#a8efbd}.composer{padding:14px 18px 18px;display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:10px;border-top:1px solid #e5eaf1}.send-button{width:48px;height:48px;color:#fff;background:#00a83b}svg{width:18px;height:18px;stroke-width:2.2;flex:0 0 auto}[hidden]{display:none!important}@media (max-width: 760px){.app-shell{width:min(100vw - 20px,720px);padding:10px 0}.topbar{align-items:flex-start;flex-direction:column}.status-strip{width:100%;justify-content:flex-start}.chat-panel{min-height:calc(100vh - 118px)}.message{max-width:86%}}@media (max-width: 520px){.app-shell{width:100%;padding:0}.topbar,.pairing-panel,.chat-panel{border-radius:0;border-left:0;border-right:0}.pairing-view{place-items:stretch;padding-top:0}.status-pill,.language-button{width:100%;justify-content:flex-start}.invite-card{grid-template-columns:1fr}.chat-header{align-items:flex-start;flex-direction:column}.host-actions{width:100%}.host-actions button{flex:1 1 0}}