:root{color-scheme:light;font-family:Inter,system-ui,sans-serif;background:#fff7fb;color:#4a2c45}*{box-sizing:border-box}body,html,#root{height:100%;margin:0;padding:0}body{background:radial-gradient(circle at top,#ffe4f1,#fbe7f4 37%,#fff7fb);overflow:hidden}.page-shell{height:100dvh;display:flex;align-items:center;justify-content:center;padding:clamp(10px,2.5vw,24px);overflow:hidden}.chat-card{width:min(980px,100%);max-height:100%;background:#ffffffeb;border:1px solid rgba(226,169,213,.65);box-shadow:0 24px 80px #cebad12e;border-radius:32px;overflow:hidden;display:flex;flex-direction:column}.chat-card--active{height:100%}.chat-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:32px;background:linear-gradient(135deg,#ffd9ea,#ffd3f3)}.eyebrow{margin:0 0 12px;font-size:.9rem;letter-spacing:.12em;text-transform:uppercase;color:#9b4f7c}.chat-header h1{margin:0;font-size:clamp(2rem,2.7vw,2.8rem);line-height:1.05}.subtitle{margin:10px 0 0;color:#6f4864;max-width:540px}.status-pill{align-self:center;padding:10px 18px;border-radius:999px;font-weight:700;font-size:.94rem}.status-pill.idle{background:#ffbddb5c;color:#7d4a66}.status-pill.connecting{background:#ff94b940;color:#8f3f6a}.status-pill.connected{background:#ffcee6bf;color:#7c3f5f}.status-pill.disconnected{background:#ff9db24d;color:#a83f61}.status-pill.error{background:#f49ac180;color:#8f3f58}.login-panel,.chat-panel{padding:30px}.login-panel label{display:block;margin-bottom:12px;font-weight:700}.login-panel .recaptcha-container{margin-bottom:18px;display:flex;justify-content:flex-start}.login-panel .recaptcha-container>div{width:max-content}.login-panel button{width:100%;margin-top:12px}input,textarea{width:100%;border:1px solid #f0c9dc;border-radius:18px;padding:14px 16px;background:#fffafff2;color:#4a2c45;font-size:1rem;resize:vertical}input:focus,textarea:focus{outline:2px solid rgba(217,132,183,.8)}button{cursor:pointer;border:none;border-radius:18px;padding:14px 20px;background:linear-gradient(135deg,#ff8bc4,#ff6399);color:#fff;font-weight:700;transition:transform .2s ease,filter .2s ease}button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.04)}button:disabled{opacity:.65;cursor:not-allowed}.chat-panel{display:flex;flex:1;min-height:0;overflow:hidden;flex-direction:column;gap:24px}.session-info{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;padding:18px 20px;background:#ffecf5e0;border-radius:24px;border:1px solid rgba(239,173,208,.8)}.small-button{background:#d15a91;padding:10px 16px}.messages-box{flex:1 1 auto;min-height:0;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;padding:20px;background:#fff9fcf2;border-radius:26px;border:1px solid rgba(247,210,227,.8);box-shadow:inset 0 0 0 1px #ffffff80}.empty-state{color:#8b4f6d;text-align:center;padding:46px 0}.message-item{max-width:76%;padding:14px 16px;margin-bottom:16px;border-radius:22px;position:relative;word-wrap:break-word}.message-item.mine{margin-left:auto;background:linear-gradient(135deg,#ffd4e8,#fff0f7)}.message-item.other{margin-right:auto;background:linear-gradient(135deg,#ffe9f3,#ffdcee)}.message-meta{margin-top:10px;display:flex;justify-content:space-between;gap:10px;font-size:.82rem;color:#7a4c65}.message-content+.message-image-link,.message-content+.message-file{margin-top:10px}.message-image-link{display:block}.message-image{display:block;width:min(280px,100%);max-height:320px;object-fit:cover;border-radius:14px;border:1px solid rgba(208,126,170,.28)}.message-file,.attachment-preview{display:flex;align-items:center;gap:12px;min-width:0;padding:12px;border-radius:14px;background:#ffffff9e;border:1px solid rgba(239,173,208,.65)}.file-icon,.attachment-icon{flex:0 0 auto;min-width:44px;padding:8px 6px;border-radius:10px;background:#d15a91;color:#fff;text-align:center;font-size:.72rem;font-weight:800}.file-details,.attachment-summary{min-width:0;flex:1}.attachment-summary{display:flex;align-items:center;gap:12px}.file-name,.attachment-name{color:#79365c;font-weight:700;overflow-wrap:anywhere}.file-meta,.attachment-size{margin-top:3px;color:#8b4f6d;font-size:.82rem}.download-link{flex:0 0 auto;color:#b94279;font-weight:800;text-decoration:none}.composer{flex:0 0 auto;display:grid;gap:16px}.composer textarea{min-height:120px;max-height:180px}.composer-actions{display:flex;gap:10px;justify-content:flex-end;align-items:center;flex-wrap:wrap}.file-input{display:none}.secondary-button,.icon-button{background:#d15a91}.icon-button{padding:9px 12px;border-radius:12px}.error-box{padding:14px 18px;border-radius:18px;background:#ffebf2f2;border:1px solid rgba(247,176,205,.9);color:#a64168}@media (max-width: 720px){.page-shell{align-items:stretch;padding:0}.chat-header,.chat-card{border-radius:0}.chat-header{padding:18px 24px;gap:16px}.chat-header h1{font-size:clamp(1.85rem,8vw,2.25rem);line-height:1.08;overflow-wrap:anywhere}.subtitle,.eyebrow{margin-bottom:8px}.chat-panel{padding:18px;gap:16px}.session-info{padding:14px 16px;border-radius:20px;gap:12px}.messages-box{padding:16px;border-radius:20px}.message-item{max-width:88%;padding:12px 14px;margin-bottom:12px}.composer{gap:12px}.composer textarea{min-height:82px;max-height:112px;border-radius:16px}.composer-actions button{padding:11px 16px}}@media (max-width: 430px){.chat-header{padding:16px 22px}.status-pill{padding:9px 16px}.chat-panel{padding:14px;gap:14px}.session-info{align-items:center;border-radius:18px;text-align:center}.messages-box{padding:14px;border-radius:18px}.message-meta{flex-wrap:wrap}.composer textarea{min-height:72px}}