body{width:100%;min-height:calc(100 * min(var(--vh,1vh), 1vh));margin:0;font-family:DM Sans,sans-serif}.app-backdrop{min-height:calc(100 * min(var(--vh,1vh), 1vh));background:radial-gradient(circle at 85% 12%,#123d7229,#0000 30%),linear-gradient(145deg,#eef0f3 0%,#f8f8f9 48%,#e4e8ed 100%);justify-content:center;align-items:center;padding:28px 16px;display:flex}.chat-shell{background:#fff;border:1px solid #cfd5dd;border-radius:24px;animation:.5s ease-out both rise-in;overflow:hidden;box-shadow:0 22px 60px #11182729}.brand-dot{background:var(--red);border-radius:999px;width:11px;height:11px;box-shadow:0 0 0 5px #d9454521}.progress-track{background:#e6e9ee;border-radius:999px;height:5px;overflow:hidden}.progress-fill{border-radius:inherit;background:var(--blue);width:50%;height:100%;transition:width .36s}.progress-fill.complete{width:100%}.step-chip{color:#7a8493;transition:color .25s,font-weight .25s}.step-chip.active{color:var(--blue);font-weight:700}.step-chip.done{color:#25364c;font-weight:600}.chat-area{background-color:#f9fafb;background-image:linear-gradient(#123d7209 1px,#0000 1px),linear-gradient(90deg,#123d7209 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:390px;padding:26px}.bot-row{align-items:flex-start;gap:11px;display:flex}.bot-avatar{color:#fff;background:var(--blue);border-radius:12px;flex:none;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 5px 12px #123d7238}.bubble{background:#fff;border:1px solid #e1e5ea;border-radius:4px 18px 18px;max-width:580px;box-shadow:0 4px 13px #1118270b}.category-option{color:#1f2937;text-align:left;background:#fff;border:1px solid #dce1e8;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:13px 15px;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:flex}.category-option:hover{background:#f7fbff;border-color:#789ac2;transform:translateY(-1px);box-shadow:0 5px 14px #123d721a}.category-option.is-selected{border-color:var(--blue);background:var(--blue-soft);box-shadow:inset 0 0 0 1px var(--blue)}.category-option .check-mark{opacity:0;color:var(--blue);transition:opacity .18s}.category-option.is-selected .check-mark{opacity:1}.input-panel{background:#fff;border-top:1px solid #e1e5ea;padding:20px 26px 24px}.town-input{color:#111827;background:#fff;border:1px solid #cbd2dc;border-radius:12px;outline:none;width:100%;padding:13px 14px;transition:border-color .18s,box-shadow .18s}.town-input:focus{border-color:var(--blue);box-shadow:0 0 0 4px #123d7221}.primary-action{border:1px solid var(--blue);color:#fff;background:var(--blue);border-radius:12px;transition:transform .18s,background .18s,box-shadow .18s}.primary-action:hover{background:var(--blue-dark);transform:translateY(-1px);box-shadow:0 7px 16px #123d7233}.secondary-action{color:#344054;background:#fff;border:1px solid #cbd2dc;border-radius:12px;transition:background .18s,border-color .18s}.secondary-action:hover{background:#f5f7f9;border-color:#8fa0b6}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #d945456b}.flow-panel{animation:.3s both fade-slide}.hidden-panel{display:none}.error-message{color:#b42318;font-size:.875rem;font-weight:500;display:none}.error-message.visible{display:block}.confirmation-card{background:#edf5ff;border:1px solid #bad0eb;border-radius:16px}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-slide{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.app-backdrop{align-items:stretch;padding:0}.chat-shell{min-height:calc(100 * min(var(--vh,1vh), 1vh));border-left:0;border-right:0;border-radius:0}.chat-area{min-height:420px;padding:20px 16px}.input-panel{padding:18px 16px 22px}.header-inner{padding:18px 16px}.mobile-stack{flex-direction:column}.mobile-stack>button{justify-content:center;width:100%}}