:root{--ht-red:#f11610;--ht-red-dark:#cf0f0a;--ht-red-soft:#fef1f0;--ht-ink:#0f1013;--ht-ink-soft:#6b6f76;--ht-surface:#ffffff;--ht-bubble:#f4f4f5;--ht-line:#ececee}@keyframes ht-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ht-dot{0%,60%,to{transform:translateY(0);opacity:.35}30%{transform:translateY(-4px);opacity:1}}.ht-shell{display:flex;flex-direction:column;height:100vh;height:100dvh;background:var(--ht-surface);color:var(--ht-ink);overflow:hidden;-webkit-font-smoothing:antialiased}.ht-header{display:flex;align-items:center;gap:12px;padding:14px 18px;background:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--ht-line);flex-shrink:0}.ht-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--ht-red),var(--ht-red-dark));color:#fff;display:grid;place-items:center;font-size:19px;font-weight:700;box-shadow:0 3px 10px rgba(241,22,16,.28)}.ht-title{font-weight:700;font-size:16px;letter-spacing:-.01em;color:var(--ht-ink)}.ht-subtitle{font-size:11.5px;color:var(--ht-ink-soft)}.ht-counter{margin-left:auto;font-size:11px;font-weight:600;color:var(--ht-red);background:var(--ht-red-soft);border:1px solid #fbd9d7;border-radius:999px;padding:4px 11px;white-space:nowrap}.ht-scroll{flex:1 1;overflow-y:auto;padding:18px 16px;scroll-behavior:smooth}.ht-scroll::-webkit-scrollbar{width:6px}.ht-scroll::-webkit-scrollbar-thumb{background:#dcdcdf;border-radius:999px}.ht-messages{display:flex;flex-direction:column;gap:10px}.ht-bubble{max-width:85%;padding:11px 15px;border-radius:18px;font-size:14px;line-height:1.55;white-space:pre-wrap;word-break:break-word;animation:ht-rise .25s ease-out both}.ht-agent{align-self:flex-start;background:var(--ht-bubble);color:var(--ht-ink);border-bottom-left-radius:6px}.ht-user{align-self:flex-end;background:linear-gradient(135deg,var(--ht-red),var(--ht-red-dark));color:#fff;border-bottom-right-radius:6px;box-shadow:0 2px 10px rgba(241,22,16,.22)}.ht-typing{display:inline-flex;align-items:center;gap:4px;padding:14px 16px}.ht-typing span{width:6px;height:6px;border-radius:50%;background:var(--ht-ink-soft);animation:ht-dot 1.1s infinite}.ht-typing span:nth-child(2){animation-delay:.15s}.ht-typing span:nth-child(3){animation-delay:.3s}.ht-card{background:var(--ht-surface);border:1px solid var(--ht-line);border-radius:20px;padding:24px;margin:8px 0 0;display:flex;flex-direction:column;gap:13px;box-shadow:0 6px 24px rgba(15,16,19,.06);animation:ht-rise .3s ease-out both}.ht-card h2{margin:0;font-size:19px;font-weight:700;letter-spacing:-.02em}.ht-card p{margin:0;font-size:13px;line-height:1.6;color:var(--ht-ink-soft)}.ht-card input{font:inherit;font-size:14px;padding:12px 14px;border:1.5px solid var(--ht-line);border-radius:12px;background:#fafafa;color:inherit;outline:none;transition:border-color .18s,background .18s,box-shadow .18s}.ht-card input:focus{border-color:var(--ht-red);background:#fff;box-shadow:0 0 0 3px rgba(241,22,16,.1)}.ht-code{text-align:center;font-size:22px!important;letter-spacing:10px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ht-card button[type=submit],.ht-composer button{font:inherit;font-weight:600;border:none;cursor:pointer}.ht-card button[type=submit]{padding:13px;border-radius:12px;background:linear-gradient(135deg,var(--ht-red),var(--ht-red-dark));color:#fff;font-size:14px;box-shadow:0 4px 14px rgba(241,22,16,.25);transition:transform .15s,box-shadow .15s,opacity .15s}.ht-card button[type=submit]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px rgba(241,22,16,.32)}.ht-card button[type=submit]:disabled{opacity:.5;cursor:default;box-shadow:none}.ht-link{background:none;border:none;color:var(--ht-ink-soft);font-size:12.5px;text-decoration:underline;cursor:pointer;padding:0;transition:color .15s}.ht-link:hover{color:var(--ht-red)}.ht-done{text-align:center}.ht-done,.ht-wa{align-items:center}.ht-wa{display:inline-flex;gap:9px;background:#25d366;color:#063d1e;font-weight:700;font-size:14.5px;padding:13px 22px;border-radius:999px;text-decoration:none;box-shadow:0 4px 14px rgba(37,211,102,.35);transition:transform .15s,box-shadow .15s}.ht-wa:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(37,211,102,.45)}.ht-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:2px}.ht-chip{font:inherit;font-size:12px;line-height:1.35;text-align:left;padding:8px 12px;border-radius:999px;border:1px solid var(--ht-line);background:var(--ht-surface);color:var(--ht-ink);cursor:pointer;transition:border-color .15s,background .15s,color .15s,transform .15s}.ht-chip:hover{border-color:var(--ht-red);color:var(--ht-red);transform:translateY(-1px)}.ht-chip-active{border-color:var(--ht-red);background:var(--ht-red);color:#fff}.ht-chip-active:hover{color:#fff}.ht-chip-note{margin:0;font-size:11.5px;color:var(--ht-ink-soft);font-style:italic}.ht-composer{display:flex;gap:9px;padding:12px 16px 10px;background:var(--ht-surface);border-top:1px solid var(--ht-line);flex-shrink:0}.ht-composer input{flex:1 1;font:inherit;font-size:14px;padding:12px 16px;border:1.5px solid var(--ht-line);border-radius:999px;background:#fafafa;outline:none;transition:border-color .18s,background .18s,box-shadow .18s}.ht-composer input:focus{border-color:var(--ht-red);background:#fff;box-shadow:0 0 0 3px rgba(241,22,16,.1)}.ht-composer button{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--ht-red),var(--ht-red-dark));color:#fff;font-size:15px;box-shadow:0 3px 12px rgba(241,22,16,.28);transition:transform .15s,box-shadow .15s,opacity .15s}.ht-composer button:hover:not(:disabled){transform:scale(1.06)}.ht-composer button:disabled{opacity:.35;cursor:default;box-shadow:none}.ht-error{margin:0 16px 8px;padding:9px 13px;font-size:12.5px;border-radius:12px;background:var(--ht-red-soft);border:1px solid #fbd9d7;color:#a5140f;flex-shrink:0;animation:ht-rise .2s ease-out both}.ht-footer{text-align:center;font-size:10.5px;font-style:italic;color:#9a9ea6;padding:6px 0 9px;flex-shrink:0}@media (min-width:560px){.ht-scroll{padding:26px 24px}.ht-card,.ht-messages{width:100%;max-width:680px;margin-left:auto;margin-right:auto}.ht-bubble{max-width:75%;font-size:14.5px}.ht-chip{font-size:13px;padding:9px 14px}.ht-composer{justify-content:center;padding:14px 24px 12px}.ht-composer input{max-width:630px}}