:root{color:#17201d;background:#f5f3ec;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;min-width:320px;background:radial-gradient(circle at 85% 0%,#e6efe8 0,#f5f3ec 42rem)}button,textarea,input{font:inherit}button{cursor:pointer}.shell{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:28px 0 32px}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:42px}.account-area{display:flex;align-items:center;gap:14px}.brand{color:#124b3a;font-size:28px;font-weight:800;letter-spacing:-.07em;text-decoration:none}.brand span{color:#d26b3f}.eyebrow{color:#698078;font-size:10px;font-weight:800;letter-spacing:.16em}.shell-home{min-height:100vh;display:flex;flex-direction:column}.hero-card{width:min(760px,100%);margin:auto;padding:72px 0 54px}.hero-kicker{color:#d26b3f;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}h1,h2{margin:14px 0 18px;color:#124b3a;letter-spacing:-.055em;line-height:1.02}.hero-card h1{font-size:clamp(56px,9vw,94px)}h1 em{color:#d26b3f;font-family:Georgia,serif;font-weight:400}.hero-copy{max-width:520px;margin:0 0 32px;color:#52615a;font-size:18px;line-height:1.6}.auth-card{width:min(620px,100%);margin-left:0;padding-top:42px}.auth-card h1{font-size:clamp(48px,8vw,76px)}.auth-form{display:grid;max-width:440px;gap:14px;margin-top:28px}.auth-form label{display:grid;gap:7px;color:#52615a;font-size:12px;font-weight:800}.auth-form input{width:100%;border:1px solid #d8e1da;border-radius:9px;padding:12px 13px;outline:0;color:#25352e;background:#fffefa}.auth-form .auth-remember{display:flex;align-items:center;gap:8px;font-weight:600}.auth-form .auth-remember input{width:auto;margin:0;padding:0}.auth-form input:focus{border-color:#6dba7b;box-shadow:0 0 0 3px #6dba7b20}.auth-form .primary-button{justify-self:start;margin-top:6px}.auth-message{margin:1px 0 0;color:#a45538;font-size:12px;line-height:1.5}.auth-switch,.auth-back{margin-top:20px}.auth-back{display:block;margin-top:10px;color:#89968f;font-weight:600}.primary-button{border:0;border-radius:999px;padding:15px 22px;color:#fff;background:#124b3a;box-shadow:0 12px 30px #124b3a24;font-weight:800;transition:transform .15s ease,background .15s ease}.primary-button:hover{background:#1b654e;transform:translateY(-1px)}.primary-button span{margin-left:22px;color:#f3cdb7;font-size:20px}.compact-button{padding:8px 14px;font-size:11px;box-shadow:none}.trust-row{display:flex;flex-wrap:wrap;gap:18px;margin-top:42px;color:#7b8982;font-size:12px}.fine-print{margin-top:auto;color:#89948e;font-size:12px}.bot-card{width:min(760px,100%);margin:0 auto 26px;padding:25px 28px}.bot-card h2{margin:7px 0 12px;font-size:28px}.bot-warning{max-width:680px;margin:0 0 16px;color:#6f5144;font-size:13px;line-height:1.55;white-space:pre-line}.bot-ack{display:flex;align-items:center;gap:8px;margin-bottom:14px;color:#52615a;font-size:12px}.bot-connected{display:inline-block;margin:0 16px 0 0;color:#23634d;font-size:12px;font-weight:800}.pairing-code{margin:14px 0 10px;color:#124b3a;font:700 clamp(30px,7vw,44px)/1 Georgia,serif;letter-spacing:.16em}.pairing-actions{display:flex;align-items:center;gap:18px;margin-bottom:8px}.bot-countdown{color:#89968f;font-size:11px}.room-meta{display:flex;align-items:center;gap:9px;color:#718079;font-size:12px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6dba7b;box-shadow:0 0 0 4px #6dba7b24}.separator{color:#bac4be}.shell-room{width:min(1120px,calc(100% - 40px));height:100dvh;min-height:100dvh;max-height:100dvh;display:flex;flex-direction:column;overflow:hidden;overscroll-behavior:none}.shell-room .topbar,.shell-room .room-footer{flex:0 0 auto;min-width:0}.room-grid{display:grid;min-height:0;flex:1 1 auto;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:18px;margin-top:52px;overflow:hidden}.card{border:1px solid #dfe5dd;border-radius:20px;background:#fffefa;box-shadow:0 16px 38px #273d3410}.clipboard-card{min-height:0;height:100%;display:flex;flex-direction:column;overflow:hidden;padding:28px}.attachments-card{align-self:stretch;min-height:0;max-height:100%;overflow-y:auto;padding:28px}.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.card h1,.card h2{margin:7px 0 0;font-size:24px;letter-spacing:-.04em}.quiet-button,.text-button,.icon-button{border:0;background:transparent;color:#23634d;font-weight:700}.quiet-button{padding:7px 0;font-size:12px;white-space:nowrap}.quiet-button span{margin-left:5px;color:#d26b3f}textarea{flex:0 0 auto;width:100%;height:120px;min-height:92px;max-height:180px;margin:18px 0;overflow-y:auto;border:0;outline:0;resize:vertical;background:transparent;color:#25352e;font:18px/1.6 Georgia,serif}textarea::placeholder{color:#bdc8c1}.message-stream{display:flex;min-height:0;flex:1 1 auto;flex-direction:column;gap:10px;margin-top:22px;overflow-y:auto;overscroll-behavior:contain;padding:4px 2px}.clipboard-message{max-width:84%;border:1px solid #dfe8e1;border-radius:16px 16px 16px 5px;padding:10px 13px;color:#294239;background:#f1f5ef;box-shadow:0 5px 14px #273d3408}.clipboard-message.sent{align-self:flex-end;border-color:#c9e0d0;border-radius:16px 16px 5px;background:#e5f2e8}.message-label,.attachment-direction{display:block;margin-bottom:4px;color:#789085;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.message-text{overflow-wrap:anywhere;white-space:pre-wrap;font:16px/1.5 Georgia,serif}.message-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:7px}.message-expiry{display:block;margin-top:7px;color:#98a49d;font-size:10px}.message-copy{color:#789085;font-size:10px}.message-empty{align-self:center;margin:auto 0}.composer-actions{display:flex;align-items:center;gap:14px}.clipboard-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #e6ebe5;padding-top:15px;color:#9ba69f;font-size:11px}.text-button{padding:3px 0;font-size:12px}.text-button:hover,.quiet-button:hover{color:#d26b3f}.limit-label{color:#9aa79f;font-size:11px}.dropzone{min-height:188px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:26px;border:1px dashed #bdcec2;border-radius:14px;color:#6a7c72;text-align:center;transition:background .15s ease,border-color .15s ease}.dropzone:hover,.dropzone.dragging{border-color:#d26b3f;background:#fff7f0}.dropzone input{display:none}.drop-icon{display:grid;width:36px;height:36px;place-items:center;margin-bottom:10px;border-radius:50%;color:#fff;background:#d26b3f;font-size:23px;font-weight:300}.dropzone strong{color:#315c4b;font-size:13px}.dropzone small{margin-top:4px;color:#a0aaa4;font-size:11px}.upload-progress{margin-top:15px;padding:10px 12px;border-radius:9px;color:#8b583e;background:#fff3e9;font-size:11px}.attachment-list{display:flex;flex-direction:column;gap:10px;margin-top:18px}.attachment-item{width:88%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #dfe8e1;border-radius:15px 15px 15px 5px;padding:11px 12px;background:#f1f5ef}.attachment-item.sent{align-self:flex-end;border-color:#c9e0d0;border-radius:15px 15px 5px;background:#e5f2e8}.attachment-item.received{align-self:flex-start}.bot-inbox{margin-top:28px;border-top:1px solid #e6ebe5;padding-top:22px}.bot-inbox-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.bot-inbox h3{margin:6px 0 0;color:#315c4b;font-size:17px;letter-spacing:-.03em}#room-bot-status{display:flex;align-items:center;gap:12px;min-height:28px;margin-top:7px;color:#89968f;font-size:11px}.bot-item{width:100%}.bot-file-warning{color:#a45538!important;font-size:10px!important}.bot-caption{overflow-wrap:anywhere;white-space:pre-wrap}.attachment-label{display:flex;min-width:0;flex-direction:column;gap:3px}.attachment-label strong{overflow:hidden;color:#385b4c;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.attachment-label small,.attachment-actions small{color:#98a49d;font-size:11px}.attachment-actions{display:flex;align-items:center;gap:12px}.icon-button{width:22px;padding:0;color:#abb6af;font-size:20px;font-weight:400;line-height:1}.icon-button:hover{color:#d26b3f}.empty-state{color:#a2aca5;font-size:12px;line-height:1.5}.room-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;color:#89968f;font-size:11px}.error-card{margin-left:0}@media(max-width:760px){.shell{width:min(100% - 28px,600px);padding-top:18px}.hero-card{padding:72px 0 44px}.shell-room{width:100%;padding:12px 14px max(12px,env(safe-area-inset-bottom))}.shell-room .topbar{align-items:flex-start;gap:8px}.shell-room .brand{flex:0 0 auto;font-size:25px}.room-meta{min-width:0;flex:1 1 auto;flex-wrap:wrap;justify-content:flex-end;gap:4px 6px;font-size:11px;line-height:1.25;text-align:right}.room-meta>*{min-width:0}.room-meta #clipboard-countdown{overflow-wrap:anywhere}.room-meta .text-button{font-size:11px}.room-grid{grid-template-columns:1fr;grid-template-rows:minmax(0,1.15fr) minmax(0,.85fr);gap:10px;margin-top:14px}.clipboard-card,.attachments-card{padding:16px}.bot-card{padding:20px}.card-heading{gap:8px}.card h1,.card h2{font-size:20px}.limit-label{max-width:112px;flex:0 0 auto;font-size:10px;line-height:1.35;text-align:right}textarea{height:76px;min-height:60px;margin:9px 0;font-size:16px;line-height:1.45}.clipboard-footer{flex-wrap:wrap;align-items:center;gap:8px 10px;padding-top:10px}.clipboard-footer>span{min-width:0;flex:1 1 100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-actions{width:100%;justify-content:flex-end;gap:10px}.composer-actions .text-button{font-size:11px}.dropzone{min-height:128px;margin-top:14px}.attachments-card{overflow-y:auto;overscroll-behavior:contain}.clipboard-message{max-width:92%}.room-footer{align-items:center;gap:10px;margin-top:10px;font-size:10px;line-height:1.35}.room-footer>span{min-width:0;display:-webkit-box;flex:1 1 auto;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.room-footer .text-button{flex:0 0 auto;white-space:nowrap}.account-area .eyebrow{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:760px)and (max-height:700px){.shell-room{padding-top:8px}.room-grid{gap:8px;margin-top:8px}.clipboard-card,.attachments-card{padding:13px}textarea{height:60px;min-height:52px;margin:6px 0}.dropzone{min-height:100px;margin-top:10px}.room-footer{margin-top:7px}}