.input-area{position:relative;width:100%}.voice-hint{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;color:#334155;display:inline-flex;font-size:12px;gap:6px;line-height:1.6;margin:0 0 8px;padding:7px 10px}.voice-hint.error{background:#e11d4814;color:#be123c}.input-bar{align-items:flex-end;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffc7;border:1px solid #ffffffb3;border-radius:26px;box-shadow:0 16px 40px #0f172a1f,inset 0 1px 0 #ffffffbf;display:flex;gap:10px;overflow:visible;padding:10px}.input-bar textarea{background:#0000;border:0;color:#0f172a;flex:1 1;font:inherit;line-height:1.7;max-height:130px;min-width:0;outline:none;padding:11px 8px;resize:none}.input-bar textarea::placeholder{color:#94a3b8}.input-bar .send{background:linear-gradient(135deg,#28a7ea,#1e88c7);border:0;border-radius:18px;box-shadow:0 10px 22px #28a7ea47,inset 0 1px 0 #ffffff38;color:#fff;cursor:pointer;font:inherit;font-weight:700;padding:12px 18px;transition:transform .16s ease,opacity .16s ease,box-shadow .16s ease}.input-bar .send:hover:not(:disabled){transform:translateY(-1px)}.input-bar .send:active:not(:disabled){transform:scale(.98)}.input-bar .send:disabled{box-shadow:none;cursor:not-allowed;opacity:.45}.mic-wrapper{place-items:center}.mic,.mic-wrapper{display:grid;position:relative}.mic{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background:linear-gradient(180deg,#2ba9e5,#1d84c0);border:0;border-radius:999px;box-shadow:0 12px 26px #2ba9e54d,inset 0 1px 0 #ffffff40;color:#fff;cursor:pointer;height:54px;place-items:center;touch-action:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,filter .18s ease;user-select:none;-webkit-user-select:none;width:54px}.mic:hover:not(:disabled){transform:translateY(-1px) scale(1.03)}.mic.pressing,.mic:active:not(:disabled){transform:translateY(-2px) scale(1.08)}.mic.listening{background:linear-gradient(180deg,#ff5d6c,#e62e45);box-shadow:0 12px 28px #e62e454d,inset 0 1px 0 #ffffff40}.mic.locked{background:linear-gradient(180deg,#ff4558,#d9263b)}.mic:disabled{box-shadow:none;cursor:not-allowed;opacity:.45;transform:none}.mic:focus-visible{outline:3px solid #2ba9e552;outline-offset:3px}.mic svg{height:23px;width:23px}.mic.listening:after{animation:micPulse 1.5s ease-out infinite;border:2px solid #ffffff5c;border-radius:999px;content:"";inset:-8px;pointer-events:none;position:absolute}@keyframes micPulse{0%{opacity:.9;transform:scale(.84)}to{opacity:0;transform:scale(1.22)}}.mic-badge{background:#fff;border-radius:999px;box-shadow:0 6px 16px #0f172a38;color:#e62e45;display:grid;height:20px;place-items:center;pointer-events:none;position:absolute;right:-4px;top:-4px;width:20px}.mic-badge svg{height:11px;width:11px}.mic-guide{align-items:center;animation:micGuideIn .18s ease;bottom:calc(100% + 12px);display:flex;flex-direction:column;gap:7px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);width:max-content;z-index:40}@keyframes micGuideIn{0%{opacity:0;transform:translateX(-50%) translateY(8px) scale(.94)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.mic-guide-lock{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172ac7;border:1px solid #ffffff29;border-radius:999px;box-shadow:0 12px 28px #0f172a47;color:#fff;display:grid;height:42px;opacity:.72;opacity:calc(.72 + var(--drag, 0)*.28);place-items:center;transform:translateY(10px) scale(.88);transform:translateY(calc((1 - var(--drag, 0))*10px)) scale(calc(.88 + var(--drag, 0)*.12));transition:transform .08s linear,opacity .08s linear;width:42px}.mic-guide.is-locked .mic-guide-lock{background:linear-gradient(180deg,#fff,#f8fafc);border-color:#e62e4529;box-shadow:0 12px 26px #e62e4538;color:#e62e45;opacity:1;transform:translateY(0) scale(1.07)}.mic-guide-lock svg{height:18px;width:18px}.mic-guide-label{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172ac7;border-radius:999px;box-shadow:0 10px 24px #0f172a33;color:#fff;font-size:11px;font-weight:800;opacity:.72;opacity:calc(.72 + var(--drag, 0)*.28);padding:6px 10px;transform:translateY(6px);transform:translateY(calc((1 - var(--drag, 0))*6px));white-space:nowrap}.mic-guide.is-locked .mic-guide-label{background:#ffffffeb;color:#0f172a;opacity:1;transform:none}.mic-guide-arrow{animation:micGuideArrow 1s ease-in-out infinite;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172a80;border-radius:999px;color:#fff;display:grid;height:25px;place-items:center;width:25px}.mic-guide.is-locked .mic-guide-arrow{display:none}.mic-guide-arrow svg{height:13px;width:13px}@keyframes micGuideArrow{0%,to{opacity:.55;transform:translateY(2px)}50%{opacity:1;transform:translateY(-4px)}}