: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}html,body,#app{height:100%}body{min-width:320px;min-height:100svh;margin:0;background:#f5f7fb}button,input{font:inherit}button{border:0;touch-action:manipulation}button:disabled,input:disabled{cursor:not-allowed;opacity:.46}.app-shell{width:min(1040px,calc(100vw - 32px));min-height:var(--app-height, 100dvh);margin:0 auto;padding:28px 0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:18px}.topbar,.pairing-view,.pairing-panel,.chat-panel{min-width:0}.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{min-width:0;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}.status-pill{max-width:100%;overflow:hidden;text-overflow:ellipsis}.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;align-content:start;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:block;color:#344054;background:#f8fafc;border:1px solid #d9e1ec;font-size:.92rem;line-height:1.35;min-width:0;overflow-wrap:anywhere;white-space:normal}.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,.attach-button,.icon-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)}.copy-button:active:not(:disabled),.attach-button:active:not(:disabled),.icon-button:active:not(:disabled),.ghost-button:active:not(:disabled),.danger-button:active:not(:disabled),.send-button:active: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{height:100%;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}.chat-actions,.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}.image-message{margin:0;display:grid;gap:7px}.image-message img{display:block;max-width:min(320px,100%);max-height:280px;border-radius:8px;object-fit:contain;background:#f8fafc}.image-message figcaption,.file-message span,.attachment-preview-main span{color:#475467c7;font-size:.76rem}.image-message figcaption{display:grid;gap:2px}.message.local .image-message figcaption,.message.local .file-message span{color:#ffffffc7}.file-message{min-width:min(260px,100%);display:flex;align-items:center;gap:10px}.file-message div,.attachment-preview-main div{min-width:0;display:grid;gap:2px}.file-message strong,.attachment-preview-main strong{overflow-wrap:anywhere}.download-link{width:fit-content;min-height:32px;padding:0 9px;border-radius:8px;display:inline-flex;align-items:center;gap:6px;color:#005bff;background:#eef4ff;text-decoration:none;font-size:.8rem;font-weight:850}.message.local .download-link{color:#fff;background:#ffffff2e}.composer{padding:14px 18px 18px;display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:10px;border-top:1px solid #e5eaf1}.file-input{display:none}.attachment-preview{grid-column:1 / -1;padding:8px;border:1px solid #d9e1ec;border-radius:8px;display:grid;grid-template-columns:minmax(0,1fr) 36px;gap:8px;align-items:center;background:#f8fafc}.attachment-preview-main{min-width:0;display:flex;align-items:center;gap:10px}.attachment-preview-main img{width:48px;height:48px;border-radius:8px;object-fit:cover;background:#fff}.attach-button,.icon-button{color:#344054;background:#f8fafc;border:1px solid #cfd8e3}.attach-button:hover:not(:disabled),.icon-button:hover:not(:disabled){color:#005bff;border-color:#005bff}.icon-button{width:36px;min-height:36px}.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){body{height:var(--app-height, 100dvh);overflow:hidden}.app-shell{width:100%;height:var(--app-height, 100dvh);min-height:0;padding:0;gap:0}.topbar{padding:10px 12px 8px;align-items:flex-start;flex-direction:column;gap:9px;border-radius:0;border-left:0;border-right:0;box-shadow:none}.brand{width:100%}.brand-mark{width:36px;height:36px}.brand h1{font-size:1.08rem}.brand p{font-size:.8rem}.status-strip{width:100%;padding-bottom:2px;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.status-strip::-webkit-scrollbar{display:none}.status-pill,.language-button{min-height:32px;padding:0 9px;flex:0 0 auto;font-size:.78rem}.status-pill{max-width:76vw}.pairing-view{min-height:0;padding:12px;place-items:stretch;overflow:auto;-webkit-overflow-scrolling:touch}.pairing-panel,.chat-panel{border-radius:0;border-left:0;border-right:0;box-shadow:none}.pairing-panel{width:auto;max-width:100%;padding:18px}.invite-code{min-height:56px;font-size:1.32rem}input{min-height:50px;font-size:16px}.chat-panel{min-height:0}.chat-header{min-height:58px;padding:12px}.chat-header h2{font-size:1rem}.chat-actions,.host-actions{gap:6px}.ghost-button,.danger-button{min-height:38px;padding:0 10px}.message-list{padding:12px;gap:8px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.message{max-width:88%;padding:9px 11px 7px}.image-message img{max-height:240px}.composer{padding:10px 12px calc(10px + env(safe-area-inset-bottom));grid-template-columns:50px minmax(0,1fr) 50px;gap:8px;background:#fff}.attach-button,.send-button{width:50px;height:50px}}@media (max-width: 520px){.brand p{display:none}.brand-mark{width:34px;height:34px}.topbar{padding:9px 10px 7px}.status-strip{gap:6px}.status-pill,.language-button{min-height:30px;padding:0 8px;font-size:.75rem;justify-content:center}.pairing-view{padding:10px}.pairing-panel{padding:16px;gap:14px}.invite-card{grid-template-columns:1fr;gap:8px}.copy-button{min-height:46px;width:100%}.notice{min-height:40px;padding:10px 11px}.chat-header{align-items:center;flex-wrap:wrap}.chat-actions{width:100%;justify-content:space-between}.host-actions{margin-left:auto}}@media (max-width: 380px){.status-pill{max-width:68vw}.chat-header{gap:8px}.ghost-button,.danger-button{padding:0 9px}}