.forhor-flow{display:flex;flex-direction:column;gap:14px;margin-top:18px;padding-bottom:18px}
.forhor-progress{margin:0;color:#6b826c;font:700 .75rem "DM Sans",sans-serif;letter-spacing:.08em;text-transform:uppercase}
.forhor-bubble{align-self:flex-start;max-width:88%;padding:17px 18px;background:#fffdf8;border:1px solid var(--line);border-radius:20px 20px 20px 6px;box-shadow:0 3px 9px rgba(42,34,20,.06);line-height:1.55;color:var(--ink)}
.forhor-bubble p{margin:0}
.forhor-bubble.user{align-self:flex-end;background:#6756df;color:#fff;border:0;border-radius:20px 20px 6px 20px}
.forhor-bubble.thinking{color:var(--muted);font-style:italic}
.forhor-composer{display:flex;align-items:flex-end;gap:9px;position:sticky;bottom:12px;padding:10px;background:color-mix(in srgb,var(--canvas) 90%,transparent);border-top:1px solid var(--line)}
.forhor-composer textarea{flex:1;min-height:54px;max-height:125px;margin:0;resize:vertical;font:1rem "DM Sans",sans-serif;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px}
.forhor-composer .primary{position:relative;width:58px;height:58px;flex:0 0 58px;margin:0;padding:0;border-radius:50%;font-size:0}
.forhor-composer .primary:after{content:"";position:absolute;left:50%;top:50%;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:20px solid #fff;transform:translate(-42%,-50%)}
html[data-theme="dark"] .forhor-bubble{background:#262231;border-color:#3a3547}html[data-theme="dark"] .forhor-composer{background:color-mix(in srgb,var(--canvas) 90%,transparent)}html[data-theme="dark"] .forhor-composer textarea{background:#242130}
@media(max-width:600px){.forhor-bubble{max-width:94%;padding:14px}.forhor-composer{bottom:5px}.forhor-composer .primary{width:54px;height:54px;flex-basis:54px}}