.margot-composer{display:block;width:100%;max-width:760px;text-align:left;line-height:1.55}.margot-composer :where(p){margin:0}.margot-composer :where(button){font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.margot-composer .composer-heading{margin:0 0 14px}.margot-composer .margot-lead{display:flex;align-items:center;gap:10px;font-size:14px;color:#3d3d38}.margot-composer .composer-headline{margin-top:10px;font-family:var(--serif);font-weight:400;font-size:26px;line-height:1.15;letter-spacing:-.03em;color:var(--ink)}.margot-composer .margot-mark{flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#e1ebf0;color:#15140f;line-height:0}.margot-composer .composer-wrap{position:relative;width:100%}.margot-composer .composer-card{background:#fffefa;border-radius:24px;box-shadow:0 24px 48px -20px rgba(16,35,50,.28),0 0 0 1px rgba(16,35,50,.06);overflow:hidden}.margot-composer .composer-example{padding:20px 24px 0;display:flex;flex-direction:column;gap:10px}.margot-composer .composer-caption{font-size:12px;color:#627079}.margot-composer .bubble-user{align-self:flex-end;max-width:78%;background:#f0f1eb;color:var(--ink);padding:11px 15px;border-radius:19px 19px 6px 19px;font-size:15px;line-height:1.45}.margot-composer .bubble-margot{display:flex;align-items:flex-start;gap:10px;max-width:86%;font-size:15px;line-height:1.5;color:var(--ink)}.margot-composer .composer-divider{margin:18px 24px 0;border-top:1px solid #ecefea}.margot-composer .composer-field{display:block;width:100%;box-sizing:border-box;min-height:58px;margin:16px 0 0;padding:0 24px;resize:none;border:0;border-radius:0;background:transparent;font-family:var(--sans);font-size:18px;line-height:1.55;color:var(--ink)}.margot-composer .composer-field::-moz-placeholder{color:#7b8890}.margot-composer .composer-field::placeholder{color:#7b8890}.margot-composer .composer-card .composer-field:focus,.margot-composer .composer-card .composer-field:focus-visible{outline:none;box-shadow:none}.margot-composer .composer-card:focus-within{box-shadow:rgba(16,35,50,.28) 0 24px 48px -20px,rgba(16,35,50,.06) 0 0 0 1px,var(--focus) 0 0 0 2px inset}.margot-composer .composer-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 16px 16px 24px}.margot-composer .composer-note{font-size:13px;color:#627079}.margot-composer .composer-send{display:flex;align-items:center;gap:18px;min-height:48px;padding:0 21px;border-radius:12px;background:var(--ink);color:var(--white);font-size:15px;line-height:1.45;transition:background .2s}.margot-composer .composer-send:hover{background:var(--action-hover)}.margot-composer .composer-send:disabled{background:#c9d3d9;color:var(--white);cursor:default}.margot-composer .composer-sent{padding:20px 24px 22px;display:flex;flex-direction:column;gap:14px}.margot-composer .bubble-user--sent{max-width:80%;background:var(--ink);color:var(--white);padding:13px 17px;font-size:16px;line-height:1.5;white-space:pre-wrap}.margot-composer .composer-reading,.margot-composer .reading-pill{display:flex;align-items:center;gap:10px}.margot-composer .reading-pill{background:#f0f1eb;padding:11px 15px;border-radius:19px 19px 19px 6px;font-size:14px;color:#556570}.margot-composer .reading-dots{display:flex;gap:5px}.margot-composer .reading-dots span{width:6px;height:6px;border-radius:50%;background:#627079;animation:margot-composer-dot 1.2s infinite}.margot-composer .reading-dots span:nth-child(2){animation-delay:.2s}.margot-composer .reading-dots span:nth-child(3){animation-delay:.4s}@keyframes margot-composer-dot{0%,80%,to{opacity:.25}40%{opacity:1}}.margot-composer .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (max-width:700px){.margot-composer .composer-headline{font-size:23px}.margot-composer .composer-card{border-radius:20px}.margot-composer .composer-example{padding:16px 16px 0}.margot-composer .bubble-user{max-width:88%;font-size:14px}.margot-composer .bubble-margot{max-width:100%;font-size:14px}.margot-composer .composer-divider{margin:14px 16px 0}.margot-composer .composer-field{padding:0 16px;font-size:16px}.margot-composer .composer-foot{padding:8px 12px 12px 16px}.margot-composer .composer-send{width:100%;justify-content:center}.margot-composer .composer-sent{padding:16px 16px 18px}}@media (prefers-reduced-motion:reduce){.margot-composer .reading-dots span{animation-duration:.001ms}.margot-composer .composer-send{transition-duration:.001ms}}