@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Inter,sans-serif;background:#f8fafc;color:#111827}.web-layout{display:flex;flex-direction:column;min-height:100vh;background:#f8fafc}.web-header{background:#fff;border-bottom:1px solid #E2E8F0;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:40}.web-main{flex:1;display:flex;flex-direction:column;align-items:center;padding:40px 20px;text-align:center}.web-footer{background:#fff;border-top:1px solid #E2E8F0;padding:32px 24px;text-align:center;color:#64748b;font-size:14px;margin-top:auto}.footer-links{display:flex;justify-content:center;gap:24px;margin-bottom:16px;flex-wrap:wrap}.footer-link{color:#475569;text-decoration:none;font-weight:500;cursor:pointer;transition:color .2s}.footer-link:hover{color:#006aff}.hero-title{font-size:48px;font-weight:800;color:#111827;margin:0 0 16px;letter-spacing:-1px}.hero-subtitle{font-size:18px;color:#475569;max-width:600px;margin:0 auto 32px;line-height:1.6}.btn-huge{background:#006aff;color:#fff;border:none;border-radius:999px;font-size:18px;font-weight:700;padding:16px 40px;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px #006aff4d}.btn-huge:hover{transform:translateY(-2px);background:#0056d6;box-shadow:0 6px 20px #006aff66}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s}.modal{background:#fff;border-radius:24px;padding:32px;width:100%;max-width:480px;box-shadow:0 25px 50px -12px #00000040}.modal-title{margin:0 0 16px;font-size:24px;font-weight:800}.modal-text{color:#475569;margin:0 0 24px;line-height:1.5;font-size:15px}.checkbox-group{display:flex;align-items:flex-start;gap:12px;margin-bottom:24px;text-align:left}.checkbox-group input{margin-top:4px;width:18px;height:18px;accent-color:#006AFF;cursor:pointer}.checkbox-label{font-size:14px;color:#111827;cursor:pointer;-webkit-user-select:none;user-select:none;line-height:1.5}.checkbox-label a{color:#006aff;text-decoration:underline}.cookie-banner{position:fixed;bottom:20px;left:20px;right:20px;max-width:800px;margin:0 auto;background:#fff;border:1px solid #E2E8F0;padding:16px 24px;border-radius:16px;box-shadow:0 10px 25px #0000001a;display:flex;align-items:center;justify-content:space-between;gap:24px;z-index:90;animation:slideUp .3s;flex-wrap:wrap}.chat-layout{display:flex;flex-direction:column;height:100dvh;width:100vw;background:#f8fafc;overflow:hidden}.desktop-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#fff;border-bottom:1px solid #E2E8F0;z-index:10;height:64px;flex-shrink:0}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border-bottom:1px solid #E2E8F0;z-index:10;height:60px;flex-shrink:0}.chat-main{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:12px;position:relative;background:#fff}.desktop-bottom{padding:16px 24px;background:#fff;border-top:1px solid #E2E8F0;display:flex;gap:12px;align-items:stretch;height:90px;flex-shrink:0}.mobile-bottom{padding:12px 16px 24px;background:#f8fafc;display:flex;flex-direction:column;gap:12px;flex-shrink:0}.locked-banner{margin:12px;padding:12px 16px;border-radius:12px;background:#fef2f2;border:1px solid #FCA5A5;color:#dc2626;font-size:14px;text-align:center}.brand-logo-container{display:flex;align-items:center;gap:8px;cursor:pointer}.brand-logo-text{font-size:24px;font-weight:800;color:#111827;letter-spacing:-.5px}.online-pill{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid #E2E8F0;padding:6px 16px;border-radius:999px;font-size:13px;font-weight:600;color:#475569}.dot-green{width:8px;height:8px;border-radius:50%;background:#10b981}.icon-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:transparent;border:none;cursor:pointer;transition:background .2s;color:#64748b}.icon-btn:hover:not(:disabled){background:#f1f5f9;color:#111827}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.searching-text{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);color:#94a3b8;font-style:italic;font-size:15px}.chat-banner{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.chat-banner-text{display:flex;flex-direction:column;gap:4px}.stranger-title{font-weight:700;color:#475569;font-size:15px;display:flex;align-items:center;gap:6px}.location-text{font-size:12px;font-weight:700;color:#94a3b8;letter-spacing:.5px}.msg-wrapper{display:flex;flex-direction:column;max-width:75%}.msg-wrapper.me{align-self:flex-end}.msg-wrapper.them{align-self:flex-start}.msg-wrapper.sys{align-self:center;text-align:center;max-width:90%;margin:8px 0}.msg-bubble{padding:12px 16px;border-radius:16px;font-size:15px;line-height:1.4;word-wrap:break-word;position:relative}.msg-wrapper.me .msg-bubble{background:#006aff;color:#fff;border-bottom-right-radius:4px}.msg-wrapper.them .msg-bubble{background:#f1f5f9;color:#111827;border-bottom-left-radius:4px;border:1px solid #E2E8F0}.msg-wrapper.sys .msg-bubble{background:transparent;color:#94a3b8;font-size:13px;font-weight:500;padding:4px 12px;font-style:italic}.msg-time{font-size:11px;margin-left:10px;float:right;margin-top:6px;-webkit-user-select:none;user-select:none}.msg-wrapper.me .msg-time{color:#ffffffbf}.msg-wrapper.them .msg-time{color:#94a3b8}.typing-indicator{font-size:13px;color:#94a3b8;padding:0 20px;margin-bottom:10px;font-style:italic;animation:fadeIn .3s ease}.btn-large{flex:0 0 100px;border:none;border-radius:12px;background:#006aff;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:background .2s}.btn-large:hover:not(:disabled){background:#0056d6}.btn-large:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed}.btn-large .main-text{font-size:16px;font-weight:700}.btn-large .sub-text{font-size:11px;opacity:.8}.desktop-input{flex:1;border:1px solid #E2E8F0;border-radius:12px;background:#f8fafc;padding:0 20px;font-size:16px;color:#111827;outline:none;transition:border-color .2s}.desktop-input:focus{border-color:#006aff;background:#fff}.mobile-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.mobile-input{width:100%;border:1px solid #E2E8F0;border-radius:999px;background:#fff;padding:0 54px 0 20px;height:52px;font-size:15px;color:#111827;outline:none;box-shadow:0 2px 4px #00000005}.mobile-input:focus{border-color:#006aff}.mobile-send-btn{position:absolute;right:6px;width:40px;height:40px;border-radius:50%;background:#006aff;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s}.mobile-send-btn:active:not(:disabled){transform:scale(.95)}.mobile-send-btn:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:60;display:flex;align-items:flex-end;animation:fadeIn .2s ease-out}.sheet-content{background:#fff;width:100%;border-top-left-radius:28px;border-top-right-radius:28px;padding:24px;box-shadow:0 -10px 25px -5px #0000001a;animation:slideUp .3s cubic-bezier(.16,1,.3,1) forwards}.sheet-handle{width:48px;height:5px;border-radius:3px;background:#e2e8f0;margin:0 auto 24px}.btn-outline{width:100%;padding:14px;background:transparent;border:1px solid #E2E8F0;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;color:#475569;transition:background .2s}.btn-outline:hover{background:#f8fafc}.btn-filled{width:100%;padding:14px;background:#006aff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;color:#fff;transition:background .2s}.btn-filled:hover{background:#0056d6}.btn-danger{background:#fef2f2;color:#dc2626;border:1px solid #FCA5A5}.btn-danger:hover{background:#fee2e2}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#fff;border-bottom:1px solid #E2E8F0;z-index:10;height:60px;flex-shrink:0;width:100%}.mobile-header-left,.mobile-header-right,.brand-logo-container{display:flex!important;flex-direction:row!important;align-items:center!important;flex-wrap:nowrap!important}.mobile-header-left{gap:12px}.mobile-header-right{gap:4px}.brand-logo-container{gap:8px;cursor:pointer}.online-pill{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid #E2E8F0;padding:6px 16px;border-radius:999px;font-size:13px;font-weight:600;color:#475569;white-space:nowrap}.btn-outline-huge{background:transparent;color:#006aff;border:2px solid #006AFF;border-radius:999px;font-size:18px;font-weight:700;padding:14px 40px;cursor:pointer;transition:all .2s}.btn-outline-huge:hover{background:#006aff0d;transform:translateY(-2px)}