/* Поле ввода и иконки */
/* ===== input ===== */
.input{
  flex:none;min-height:66.315px;border-radius:14px;border:1px solid rgba(255,255,255,.14);padding:22px 24px;
  background:radial-gradient(ellipse 36% 31% at 50% 100%,rgba(139,0,14,.3),rgba(139,0,14,0)),rgba(0,0,0,.7);
  display:flex;align-items:center;gap:14.877px;position:relative;
  transition:transform .4s var(--spring),border-color .25s,box-shadow .25s;
}
.input:focus-within{border-color:rgba(255,255,255,.3);transform:translateY(-1px);box-shadow:0 0 0 3px rgba(253,0,47,.08),0 8px 28px rgba(139,0,14,.28)}
.input.kick{animation:kick .35s var(--spring)}
@keyframes kick{0%{transform:scale(.985)}100%{transform:none}}
.input.shake{animation:shake .35s}
@keyframes shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
.field{flex:1;min-width:0;max-height:120px;overflow-y:auto;outline:none;font-size:16px;line-height:20px;color:#fff;caret-color:#fff;
  white-space:pre-wrap;overflow-wrap:anywhere;scrollbar-width:none}
.field:empty::before{content:attr(data-ph);color:rgba(255,255,255,.5);pointer-events:none}
.field .q{display:block;border-left:2px solid rgba(255,255,255,.35);padding-left:10px}
.field .c{font-family:ui-monospace,Menlo,monospace;font-size:14px;background:rgba(255,255,255,.09);padding:1px 6px;border-radius:5px}
.field .sp{background:rgba(255,255,255,.15);border-radius:4px}
.field a{color:#7db4ff}
.ibtn{width:22.315px;height:22.315px;flex:none;color:rgba(255,255,255,.6);display:grid;place-items:center;
  transition:transform .3s var(--spring),color .2s}
.ibtn svg{width:100%;height:100%;display:block}
.ibtn:hover{color:#fff;transform:translateY(-2px) scale(1.1)}
.ibtn:active{transform:scale(.82)}
.ibtn:focus-visible,.seg button:focus-visible,.tb button:focus-visible,.emo button:focus-visible{outline:2px solid #fff;outline-offset:2px}