:root{--font-heading: "Manrope", sans-serif;--font-serif: "Italiana", Georgia, serif;--font-mono: "DM Mono", monospace;--ink: #101312;--charcoal: #171918;--smoke: #252826;--bone: #e7e5df;--mist: #c8cfcd;--acid: #c8ddba;--line: rgba(230, 229, 223, .18);--text-primary: #e7e5df;--text-secondary: #91988f;--radius-phone: 24px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{background:#080b0a;color:var(--text-primary);font-family:var(--font-heading);display:flex;justify-content:center;align-items:center;min-height:100vh;min-height:100dvh}.mobile-app-wrapper{width:100%;max-width:520px;height:100vh;height:100dvh;max-height:920px;background:var(--ink);display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 30px 80px #000000d9;border:1px solid var(--line);border-radius:var(--radius-phone);margin:0 auto}@media (max-width: 640px){body{align-items:stretch;justify-content:stretch;background:var(--ink)}.mobile-app-wrapper{width:100vw;max-width:100%;height:100vh;height:100dvh;max-height:none;border-radius:0;border:none;box-shadow:none}}.chat-header{padding:max(16px,env(safe-area-inset-top)) 20px 16px 20px;background:#101312f2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;z-index:10}.brand-wordmark-header{font:500 11px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mist)}.brand-wordmark-header strong{font:700 11px/1 var(--font-heading);letter-spacing:-.06em;color:var(--bone)}.avatar-container{width:38px;height:38px;border-radius:50%;background:var(--bone);color:var(--ink);display:flex;align-items:center;justify-content:center;font:700 13px var(--font-mono);position:relative}.online-dot{position:absolute;bottom:0;right:0;width:10px;height:10px;background:var(--acid);border:2px solid var(--ink);border-radius:50%}.header-info h2{font-size:.95rem;font-weight:600;letter-spacing:-.03em;font-family:var(--font-heading);color:var(--bone)}.header-info p{font:400 9px var(--font-mono);letter-spacing:.1em;color:var(--acid);text-transform:uppercase}.chat-messages{flex:1;padding:20px 16px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;scroll-behavior:smooth;background:radial-gradient(circle at 50% 0%,rgba(200,221,186,.02) 0%,transparent 60%)}.chat-messages::-webkit-scrollbar{width:3px}.chat-messages::-webkit-scrollbar-thumb{background:var(--line)}.message-row{display:flex;flex-direction:column;width:100%;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message-row.bot{align-self:center;width:100%}.message-row.user{align-self:flex-end;max-width:85%}.bubble-bot{background:#191c1a;border:1px solid var(--line);color:var(--bone);border-radius:16px;padding:18px 20px;font-size:.95rem;line-height:1.55;width:100%;box-sizing:border-box}.bubble-user{background:var(--bone);color:var(--ink);border-radius:16px 16px 4px;padding:12px 18px;font-size:.92rem;font-weight:500}.time-stamp{font:400 9px var(--font-mono);letter-spacing:.1em;color:var(--text-secondary);margin-top:6px;align-self:flex-end;text-transform:uppercase}.interactive-card{background:var(--charcoal);border:1px solid var(--line);border-radius:16px;padding:20px;margin-top:12px;width:100%;box-sizing:border-box}.offer-card-img{width:100%;height:140px;object-fit:cover;border-radius:8px;margin-bottom:12px;filter:contrast(1.05) saturate(.9)}.card-index{font:500 10px var(--font-mono);letter-spacing:.15em;color:var(--acid);text-transform:uppercase;margin-bottom:4px}.card-badge{background:#c8ddba1f;color:var(--acid);border:1px solid rgba(200,221,186,.25);padding:3px 9px;border-radius:999px;font:500 9px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;display:inline-block;margin-bottom:8px}.quick-replies{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.pill-btn{background:var(--bone);color:var(--ink);border:none;padding:12px 18px;border-radius:4px;font:500 10px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.pill-btn:hover,.pill-btn:active{background:var(--acid);color:var(--ink)}.pill-btn-outline{background:transparent;color:var(--bone);border:1px solid var(--line)}.chat-input-bar{padding:14px 16px max(14px,env(safe-area-inset-bottom)) 16px;background:#101312f2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line);display:flex;gap:10px;align-items:center}.chat-input{flex:1;background:#0a0d0ccc;border:1px solid var(--line);border-radius:6px;padding:12px 16px;color:var(--bone);font-family:inherit;font-size:.92rem;outline:none;box-sizing:border-box;min-width:0}.chat-input::placeholder{color:#8f948d}.chat-input:focus{border-color:var(--bone)}.chat-input.form-input{border-radius:6px;width:100%;padding:12px 14px}.send-btn{width:42px;height:42px;border-radius:6px;background:var(--bone);border:none;color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s}.send-btn:active{transform:scale(.94)}.typing-dots{display:flex;align-items:center;gap:5px;padding:6px 10px}.typing-dot{width:5px;height:5px;background:var(--acid);border-radius:50%;animation:pulse 1.2s infinite ease-in-out}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,80%,to{transform:scale(.6);opacity:.3}40%{transform:scale(1);opacity:1}}.slots-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.slot-item{background:#0a0d0c99;border:1px solid var(--line);border-radius:6px;padding:12px 10px;text-align:center;cursor:pointer;transition:all .2s}.slot-item:hover,.slot-item.selected{background:#c8ddba1f;border-color:var(--acid)}