.aiphone{aspect-ratio:9 / 19.2;padding:5px;border-radius:34px;background:#1c1d21;box-shadow:0 26px 44px #10141d4d,inset 0 0 0 1.5px #3a3c42;container-type:inline-size}.aiphone__screen{display:flex;flex-direction:column;height:100%;overflow:hidden;border-radius:29px;background:#fff;font-family:var(--font-display)}.aiphone__status{position:relative;display:flex;align-items:center;justify-content:space-between;padding:9px 16px 4px;color:var(--ink);font-size:max(9px,5.4cqi);font-weight:700}.aiphone__island{position:absolute;left:50%;top:6px;width:34%;height:15px;border-radius:10px;background:#111;transform:translate(-50%)}.aiphone__icons{display:flex;align-items:flex-end;gap:2px}.aiphone__icons b{width:3px;border-radius:1px;background:var(--ink)}.aiphone__icons b:nth-child(1){height:4px}.aiphone__icons b:nth-child(2){height:6px}.aiphone__icons b:nth-child(3){height:8px}.aiphone__head{display:flex;align-items:center;gap:7px;padding:6px 10px 8px;border-bottom:1px solid var(--rule)}.aiphone__head b{display:block;color:var(--ink);font-size:max(10px,5.8cqi);line-height:1.2}.aiphone__head small{display:block;color:#22a35a;font-size:max(8px,4.6cqi)}.aiphone__avatar{display:grid;place-items:center;width:24px;height:24px;flex:none;border-radius:50%;background:var(--red);color:var(--white)}.aiphone__avatar svg{width:14px;height:14px}.aiphone__msgs{display:flex;flex:1;flex-direction:column;gap:5px;min-height:0;padding:8px 8px 6px;overflow:hidden;background:#f6f7f9;transition:opacity .4s}.aiphone__msgs.is-fading{opacity:0}.aiphone__msgs>:first-child{margin-top:auto}.aiphone__msg{max-width:84%;padding:6px 9px;border-radius:13px;font-size:max(9px,5.6cqi);line-height:1.32;animation:aiphone-msg .3s ease-out both}@keyframes aiphone-msg{0%{opacity:0;transform:translateY(6px) scale(.97)}}.aiphone__msg--me{align-self:flex-end;border-bottom-right-radius:4px;background:#2f6bff;color:var(--white)}.aiphone__msg--bot{align-self:flex-start;border-bottom-left-radius:4px;background:var(--white);box-shadow:0 1px 2px #10141d14;color:var(--ink)}.aiphone__msg--typing{display:flex;gap:3px;padding:8px 10px}.aiphone__msg--typing i{width:5px;height:5px;border-radius:50%;background:#9aa0aa;animation:aiphone-dot 1s infinite}.aiphone__msg--typing i:nth-child(2){animation-delay:.15s}.aiphone__msg--typing i:nth-child(3){animation-delay:.3s}@keyframes aiphone-dot{50%{transform:translateY(-3px);opacity:.4}}.aiphone__input{display:flex;align-items:center;justify-content:space-between;margin:6px 8px 14px;padding:5px 5px 5px 10px;border:1px solid var(--rule);border-radius:999px;color:#9aa0aa;font-size:max(9px,5cqi)}.aiphone__input i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--red);color:var(--white)}.aiphone__input svg{width:10px;height:10px}@media(prefers-reduced-motion:reduce){.aiphone__msg{animation:none}}
