.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.dat-card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:0 18px 50px -24px #3b5bdb73}.dat-top{align-items:flex-end;gap:12px;display:flex}.dat{flex:none;width:132px;overflow:visible}.dat .dat-shadow{fill:#0003;transform-origin:110px 226px;animation:3.4s ease-in-out infinite dat-shadow}.dat .dat-float{animation:3.4s ease-in-out infinite dat-float}.dat .dat-stem{stroke:#2c43a8;stroke-width:5px;stroke-linecap:round}.dat .dat-bulb{fill:#ffd166;filter:drop-shadow(0 0 6px #ffd166);animation:2.4s ease-in-out infinite dat-bulb}.dat .dat-foot{fill:#2c43a8}.dat .dat-belly{fill:#ffffff24}.dat .dat-visor{fill:#0f1330}.dat .dat-white{fill:#fff}.dat .dat-pupil{fill:#0f1330}.dat .dat-cheek{fill:#ff8fa3;opacity:.55}.dat .dat-smile{fill:none;stroke:#fff;stroke-width:4px;stroke-linecap:round}.dat .dat-mouth{fill:#ff8fa3;opacity:0;transform-box:fill-box;transform-origin:50%}.dat .dat-arm path{fill:none;stroke:#4a67e8;stroke-width:12px;stroke-linecap:round}.dat .dat-arm circle{fill:#7a95ff}.dat .dat-arm{transform-box:view-box}.dat .dat-arm-left{transform-origin:52px 132px}.dat .dat-arm-right{transform-origin:168px 132px}.dat .dat-eye{transform-box:fill-box;transform-origin:50%;animation:5.5s infinite dat-blink}.dat .dat-eye-right{animation-delay:20ms}[data-dat][data-wave] .dat-arm-right{animation:1.9s ease-in-out dat-wave}[data-state=talking] .dat-arm-left{animation:1.1s ease-in-out infinite dat-gesture}[data-state=talking] .dat-smile{opacity:0}[data-state=talking] .dat-mouth{opacity:1;animation:.28s ease-in-out infinite alternate dat-talk}[data-state=thinking] .dat-bulb{animation:.5s ease-in-out infinite dat-bulb}[data-state=thinking] .dat-float{animation-duration:1.6s}.dat-bubble{background:var(--accent-soft);border-radius:18px;flex:1;min-width:0;min-height:76px;margin-bottom:36px;padding:14px 16px;position:relative}.dat-bubble:before{content:"";background:var(--accent-soft);border-radius:3px;width:16px;height:16px;position:absolute;bottom:22px;left:-8px;transform:rotate(45deg)}.dat-text{min-height:1.5em;margin:0;font-size:16px;line-height:1.5}.dat-dots{gap:5px;padding-block:8px;display:none}.dat-dots i{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite dat-dot}.dat-dots i:nth-child(2){animation-delay:.15s}.dat-dots i:nth-child(3){animation-delay:.3s}[data-state=thinking] .dat-dots{display:inline-flex}[data-state=thinking] .dat-text{display:none}.dat-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.dat-actions:empty{display:none}.dat-actions a{background:var(--accent);color:var(--accent-fg);border-radius:999px;padding:6px 12px;font-size:14px;font-weight:600;text-decoration:none}.dat-chips{flex-wrap:wrap;gap:8px;margin:4px 0 14px;display:flex}.chip{font:inherit;border:1px solid var(--field-line);background:var(--bg);color:var(--fg);cursor:pointer;border-radius:999px;padding:7px 13px;font-size:14px;transition:border-color .15s,transform .15s}.chip:hover{border-color:var(--accent);transform:translateY(-1px)}.dat-form{gap:8px;display:flex}.dat-form input{min-width:0;font:inherit;border:1px solid var(--field-line);background:var(--bg);color:var(--fg);border-radius:999px;flex:1;padding:11px 14px}.dat-form input:focus{outline:2px solid var(--accent);outline-offset:1px}.dat-form .btn{padding:11px 20px}.dat-form[data-busy] .btn{opacity:.55;pointer-events:none}.dat-note{color:var(--muted);margin:10px 2px 0;font-size:12px;line-height:1.4}@keyframes dat-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes dat-shadow{0%,to{opacity:1;transform:scaleX(1)}50%{opacity:.7;transform:scaleX(.86)}}@keyframes dat-bulb{0%,to{opacity:1}50%{opacity:.45}}@keyframes dat-blink{0%,93%,to{transform:scaleY(1)}96%{transform:scaleY(.08)}}@keyframes dat-wave{0%,to{transform:rotate(0)}12%{transform:rotate(-150deg)}28%{transform:rotate(-120deg)}44%{transform:rotate(-155deg)}60%{transform:rotate(-120deg)}76%{transform:rotate(-150deg)}90%{transform:rotate(0)}}@keyframes dat-gesture{0%,to{transform:rotate(0)}50%{transform:rotate(16deg)}}@keyframes dat-talk{0%{transform:scaleY(.35)}to{transform:scaleY(1.15)}}@keyframes dat-dot{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}@media (width<=480px){.dat{width:96px}.dat-top{gap:8px}.dat-bubble{margin-bottom:26px;padding:12px 14px}.dat-text{font-size:15px}}@media (prefers-reduced-motion:reduce){.dat *,.dat-dots i{animation:none!important}.chip{transition:none}}