:root{font-family:Arial,Helvetica,sans-serif;color:#242b36;background:#f7f8fa;font-synthesis:none;--ink:#242b36;--muted:#959ba5;--line:#e9ebef;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #8da8ce;outline-offset:4px}[hidden]{display:none!important}a{color:inherit}.site-header{height:84px;max-width:1180px;margin:auto;padding:0 30px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:21px;font-weight:700;text-decoration:none;letter-spacing:-.6px}.mark{display:grid;place-items:center;background:var(--ink);color:white;width:29px;height:29px;border-radius:7px}.mark svg{width:23px;height:23px}.brand-label{font-size:9px;color:#a0a5ad;font-weight:400;letter-spacing:1.5px;margin-left:5px;border-left:1px solid #dde0e5;padding-left:13px}.help-link{background:none;border:0;font-size:11px;color:#848b97;padding:10px 0}.help-link span{margin-left:7px}.app-shell{max-width:1120px;margin:6px auto 0;display:grid;grid-template-columns:300px 1fr;height:calc(100dvh - 156px);min-height:640px;max-height:900px;background:white;border:1px solid #e0e4e9;border-radius:12px;overflow:hidden;box-shadow:0 3px 12px #27314003}.pair-card{padding:25px 23px;border-right:1px solid var(--line);background:#fdfdfe;display:flex;flex-direction:column;overflow-y:auto}.sidebar-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.sidebar-title h1{font-size:12px;font-weight:600;margin:0}.private-label{font-size:9px;color:#a2a8b2;display:flex;gap:4px;align-items:center}.private-label svg{width:12px;height:12px}.pair-intro{margin:37px 0 23px}.pair-intro h2{font-size:18px;font-weight:500;letter-spacing:-.5px;margin:0 0 11px}.pair-intro p{font-size:11px;line-height:1.8;color:#9096a0;margin:0}.primary,.secondary{border:0;border-radius:6px;min-height:42px;padding:12px 14px;font-size:11px;font-weight:500}.primary{background:#29313d;color:#fff}.primary:hover:not(:disabled){background:#414b5a}.primary span,.secondary span,.copy-button span{float:right}.setup-controls>.primary{width:100%}.secondary{background:#f2f4f7;color:#657080;border:1px solid #e7eaf0}.secondary:hover{background:#e9edf3}.or{display:flex;align-items:center;gap:9px;color:#b1b6bf;font-size:9px;margin:21px 0}.or:before,.or:after{content:"";height:1px;background:var(--line);flex:1}label{display:block;font-size:10px;color:#8b929f;margin-bottom:8px}textarea{border:1px solid #e0e4ea;border-radius:6px;background:#fff;padding:11px;outline:none;color:#566173;font-size:11px;line-height:1.6;resize:vertical}textarea:focus{border-color:#9caec7;box-shadow:0 0 0 2px #9caec70a}#room-input,#local-link{width:100%;font:10px/1.65 var(--mono);min-height:82px;overflow-wrap:anywhere}#room-input::placeholder{font-family:Arial,sans-serif;color:#b2b7c0}#join-form>.secondary{width:100%;margin-top:8px}.room-label{display:flex;justify-content:space-between;gap:5px;font-size:7px;letter-spacing:.4px;color:#8993a3;margin:24px 0 10px}.room-label span:last-child{letter-spacing:0;color:#b0b5be}#local-link{background:#f7f9fc;color:#8b97aa;min-height:74px;max-height:130px}.copy-button{min-height:36px;width:100%;background:#eef2f8;color:#7d90ae;border:0;border-radius:5px;margin-top:6px;font-size:10px;padding:9px 11px}.link-help{font-size:10px;color:#a5adba;line-height:1.7;margin:10px 0 0}.connection{display:flex;gap:8px;align-items:flex-start;border-top:1px solid var(--line);padding-top:18px;margin-top:25px}.dot{width:6px;height:6px;border-radius:50%;background:#c4c9d2;margin-top:3px;flex:none}.dot.active{background:#5b9f80}.dot.working{background:#bc9c65}.connection strong{display:block;font-size:10px;font-weight:500;color:#768192}.connection p{font-size:9px;line-height:1.8;color:#a6adba;margin:5px 0 0}#verification{margin-top:25px;padding-top:18px;border-top:1px solid var(--line)}.verification-label{font-size:9px;color:#8b95a6}#verification strong{display:block;font:19px/2 var(--mono);letter-spacing:3px;color:#657d9b}#verification p{font-size:9px;line-height:1.6;color:#a9b0bc;margin:0}.disconnect-button{margin-top:17px;min-height:36px;border:1px solid #efdddd;border-radius:5px;color:#ba8f8f;background:#fff;font-size:10px}.session-note{display:flex;gap:8px;margin-top:auto;padding-top:30px}.note-dot{width:4px;height:4px;border-radius:50%;background:#c1c9d5;flex:none;margin-top:6px}.session-note p{font-size:9px;line-height:1.8;color:#b3b9c3;margin:0}.conversation{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#fff}.conversation-header{height:76px;min-height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:11px;padding:0 25px}.peer-avatar{width:34px;height:34px;background:#f1f4f8;border-radius:10px;display:grid;place-items:center;color:#a0acbe}.peer-avatar svg{width:23px;height:23px}.peer-heading h2{font-size:12px;font-weight:500;margin:0}.peer-heading p{font-size:9px;color:#b0b7c2;margin:5px 0 0}.badge{margin-left:auto;font-size:8px;color:#b4bbc6;white-space:nowrap}.badge:before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:#cdd3dc;margin-right:5px;vertical-align:middle}.badge.connected{color:#77a48d}.badge.connected:before{background:#7ba68e}.clear-button{background:none;border:0;color:#b8bfcb;padding:8px;margin-left:4px}.clear-button svg{width:16px;height:16px}.messages-area{flex:1;overflow:auto;min-height:0;scroll-behavior:smooth;display:flex;flex-direction:column;padding:25px}.chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1;padding:35px 12px;color:#a0aab9}.empty-icon{width:66px;height:66px;display:grid;place-items:center;border-radius:20px;background:#f5f7fa;color:#b7c1d0;margin-bottom:20px}.empty-icon svg{width:38px;height:38px}.chat-empty h2{font-size:16px;font-weight:400;letter-spacing:-.4px;margin:0 0 11px;color:#7d899b}.chat-empty p{font-size:11px;line-height:1.9;color:#abb4c1;margin:0}.empty-footnote{font-size:9px;color:#c1c8d2;margin-top:24px}.message-list{display:flex;flex-direction:column;gap:18px}.message-row{display:flex;flex-direction:column;align-items:flex-start;max-width:83%;align-self:flex-start}.message-row.outgoing{align-items:flex-end;align-self:flex-end}.message-meta{display:flex;align-items:center;gap:9px;font-size:8px;color:#b1bac6;margin-bottom:6px}.message-row.outgoing .message-meta{flex-direction:row-reverse}.message-bubble{padding:12px 15px;background:#f1f4f8;border-radius:3px 13px 13px 13px;max-width:100%}.message-row.outgoing .message-bubble{background:#303a49;color:#f5f7fa;border-radius:13px 3px 13px 13px}.message-bubble p{font-size:12px;line-height:1.65;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;max-height:400px;overflow:auto}.message-copy{border:0;background:none;color:#aeb8c7;font-size:8px;padding:6px 0;min-height:26px;opacity:.65}.message-row:hover .message-copy{opacity:1}.activity-item{align-self:flex-start;max-width:85%;min-width:220px;background:#fff;border:1px solid #e4e9f1;border-radius:10px;padding:14px}.activity-item.outgoing{align-self:flex-end;background:#f9fafc}.file-label{font-size:8px;letter-spacing:.5px;color:#a8b3c5;display:flex;align-items:center;gap:5px;margin-bottom:10px}.file-label svg{width:12px;height:12px}.activity-item strong{font-size:11px;font-weight:500;overflow-wrap:anywhere}.activity-item p{font-size:9px;color:#9ca9bb;line-height:1.7;margin:7px 0;white-space:pre-wrap;overflow-wrap:anywhere}.activity-item progress{width:100%;height:4px;accent-color:#758cae}.activity-item a,.activity-item button{display:inline-block;margin:8px 12px 0 0;color:#8296b4;font-size:10px;min-height:28px}.activity-item button{background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:3px}.compose{border-top:1px solid var(--line);padding:17px 22px 14px;background:#fff}.composer-row{display:flex;align-items:flex-end;gap:10px;background:#f8f9fb;border:1px solid #e8ecf2;border-radius:10px;padding:7px}.composer-row textarea{background:transparent;border:0;box-shadow:none;resize:none;flex:1;min-width:0;min-height:38px;max-height:140px;padding:9px 2px;font-size:12px;color:#647187}.composer-row textarea::placeholder{color:#b2bccb}.attach-button{background:transparent;border:0;border-radius:6px;color:#9eaac0;min-width:38px;height:38px;display:grid;place-items:center}.attach-button svg{width:20px;height:20px}.attach-button:hover{background:#edf0f6}.send-button{border:0;background:#303a49;color:white;width:38px;height:38px;border-radius:7px;display:grid;place-items:center;flex:none}.send-button svg{width:21px;height:21px}.composer-note{display:flex;justify-content:space-between;gap:10px;margin-top:10px;font-size:8px;color:#b7bfcd}.offline-note{font-size:9px;color:#bbc3cf;border-top:1px solid var(--line);padding:20px 25px;text-align:center;background:#fcfdfe}.conversation.dragging{outline:2px dashed #9dabc0;outline-offset:-6px;background:#f7f9fc}.connected .pair-intro,.connected .setup-controls,.connected #room-panel{display:none}.connected .connection{margin-top:30px}.connected .peer-avatar{background:#eef5f0;color:#86a695}footer{max-width:1120px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;height:58px;color:#b0b8c4;font-size:9px}footer nav{display:flex;gap:22px}footer a{text-decoration:none}footer a:hover{color:#748197}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#303a49;color:white;border-radius:7px;padding:13px 18px;font-size:11px;line-height:1.5;max-width:90%;z-index:30;display:none;text-align:center}#toast.show{display:block}dialog{max-width:440px;width:calc(100% - 32px);border:1px solid #e0e6ef;border-radius:12px;background:white;color:var(--ink);padding:30px;box-shadow:0 20px 90px #1722371a}dialog::backdrop{background:#19233260;backdrop-filter:blur(3px)}dialog h2{font-size:19px;font-weight:500;margin:15px 0;overflow-wrap:anywhere}.eyebrow{font-size:8px;letter-spacing:1.2px;color:#a5b0c2}dialog>p,.muted{font-size:11px;color:#97a3b5;line-height:1.8}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.dialog-close{position:absolute;top:10px;right:15px;border:0;background:none;color:#b0b9c6;font-size:24px;padding:5px}.help-steps{list-style:decimal;padding-left:18px;color:#8495ad;font-size:11px}.help-steps li{padding:8px 0 3px}.help-steps strong{font-weight:500;color:#63758e}.help-steps p{font-size:11px;line-height:1.7;color:#a1aec0;margin:6px 0}.help-note{font-size:10px!important;color:#aab5c5!important}#help-done{width:100%;margin-top:15px}@media(max-width:1180px){.app-shell,footer{margin-left:24px;margin-right:24px}.site-header{padding:0 26px}}@media(max-width:700px){.site-header{height:68px;padding:0 18px}.brand{font-size:20px}.help-link{font-size:10px}.app-shell{display:flex;flex-direction:column;margin:0 12px;height:auto;min-height:0;border-radius:10px}.pair-card{padding:22px;border-right:0}.pair-intro{margin-top:26px}.session-note{padding-top:22px}.conversation{min-height:520px;border-top:1px solid var(--line)}body:not(.connected) .conversation{display:none}body.connected .pair-card{padding:17px 20px;display:grid;grid-template-columns:1fr auto;gap:0 18px;align-items:center}body.connected .sidebar-title{grid-column:1/-1;margin-bottom:16px}body.connected .connection{margin:0;padding:0;border:0}body.connected .connection p{display:none}body.connected #verification{margin:0;padding:0;border:0;grid-column:2;grid-row:2;text-align:right}body.connected #verification .verification-label,body.connected #verification p{display:none}body.connected #verification strong{font-size:14px;line-height:1.5;letter-spacing:2px}body.connected .disconnect-button{grid-column:1/-1;min-height:32px;margin-top:14px;font-size:9px}body.connected .session-note{display:none}body.connected .conversation{height:calc(100dvh - 265px);min-height:390px}.conversation-header{height:65px;min-height:65px;padding:0 17px;gap:9px}.peer-heading p{font-size:8px}.peer-avatar{width:30px;height:30px}.badge{font-size:7px}.clear-button{margin-left:0;padding:7px}.messages-area{padding:20px 15px}.message-list{gap:17px}.message-row{max-width:90%}.message-bubble p{font-size:12px}.activity-item{max-width:90%;min-width:200px}.compose{padding:12px}.composer-row{gap:5px}.composer-note{font-size:7px}.composer-note span:last-child{display:none}.send-button,.attach-button{height:40px;width:40px}.composer-row textarea{min-height:40px}.empty-icon{width:56px;height:56px}.chat-empty h2{font-size:15px}.chat-empty p{font-size:10px}.chat-empty{padding:25px 10px}footer{margin:0 18px;height:52px;font-size:8px}footer nav{gap:15px}#room-input,#local-link{font-size:10px}}

@media(max-width:700px){body.has-history .conversation{display:flex}body.has-history:not(.connected) .conversation{min-height:300px;max-height:600px}}