.ai-q{--ai:#A4F000}
.btn.ai-btn{gap:8px;background:var(--ai);color:#000;-webkit-tap-highlight-color:transparent}
@media (hover:hover){.btn.ai-btn:hover{background:#B7FF1F}}
.btn.ai-btn:active{background:#93D900}
@keyframes ai-up{from{opacity:0;transform:translateY(24px)}} 
.ai-q{display:flex;flex-direction:column;justify-content:center;padding:var(--s-40);border-radius:var(--r-card);background:#161617;box-shadow:inset 0 0 0 1px #2c2c2e}
.ai-qh{display:block;font:var(--text-title3);letter-spacing:var(--track-title3);text-wrap:balance}
.ai-qs{margin-top:var(--s-8);font:var(--text-callout);letter-spacing:var(--track-callout);color:var(--ink2,#a1a1a6);text-wrap:pretty}
.ai-ta,.ai-in{display:block;width:100%;border:0;border-radius:var(--r-inner);background:#1c1c1e;box-shadow:inset 0 0 0 1px #2c2c2e;font:var(--text-body);letter-spacing:var(--track-body);color:#f5f5f7;
  outline:none;transition:box-shadow .2s ease}
.ai-taw{position:relative;margin-top:var(--s-20)}
.ai-ta{box-sizing:border-box;height:104px;padding:14px 16px;resize:none}
.ai-ta-cnt{padding-bottom:34px} 
.ai-cnt{position:absolute;right:16px;bottom:10px;font:var(--text-footnote);letter-spacing:var(--track-footnote);font-variant-numeric:tabular-nums;color:#86868b;pointer-events:none}
.ai-cnt[hidden]{display:none}
.ai-cnt-end{color:#FF6961}
.ai-ta::placeholder,.ai-in::placeholder{color:#86868b;opacity:1}
.ai-ta:focus-visible,.ai-in:focus-visible{box-shadow:inset 0 0 0 2px var(--ai)}
.ai-ql{display:block;margin-top:var(--s-24);font:var(--text-body);font-weight:600;letter-spacing:var(--track-body)}
.ai-ql span{font-weight:400;color:#86868b;white-space:nowrap} 
.ai-q .btn{justify-content:center;border:0;padding:0 18px;white-space:nowrap}
.ai-btn:focus-visible{outline:2px solid var(--ai);outline-offset:3px}
.ai-btn:disabled{opacity:.5;cursor:default}
.ai-mail{display:flex;gap:var(--s-12);margin-top:var(--s-12)}
.ai-in{flex:1;min-width:0;height:44px;padding:0 16px}
.ai-mail .btn{flex:none}
.ai-hp{position:absolute;left:-10000px;width:1px;height:1px;opacity:0}
.ai-err{margin-top:var(--s-8);font:var(--text-callout);letter-spacing:var(--track-callout);color:#FF6961}
.ai-err[hidden]{display:none}
.ai-note{margin-top:var(--s-20);font:var(--text-footnote);letter-spacing:var(--track-footnote);color:#86868b;text-wrap:pretty}
.ai-ok{display:flex;flex-direction:column;align-items:flex-start;animation:ai-up .6s var(--ease-reveal)}
.ai-ok[hidden],.ai-qf[hidden]{display:none}
.ai-okm{display:grid;place-items:center;width:52px;height:52px;margin-bottom:var(--s-20);border-radius:50%;background:var(--ai);color:#000}.ai-okm svg{width:28px;height:28px}

@media (max-width:734px){.ai-q{padding:var(--s-24)}}
@media (max-width:374px){.ai-mail{flex-direction:column}.ai-in{flex:none}.ai-mail .btn{justify-content:center}} 
