@keyframes caret-blink{50%{opacity:0}}.chat-panel{background:var(--bg-elev);width:100%;max-width:560px;box-shadow:var(--shadow-lg);border-radius:20px;overflow:hidden}.chat-panel__tabs{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.chat-panel__tab{color:var(--fg);align-items:center;gap:6px;font-size:13px;font-weight:500;display:inline-flex}.chat-panel__tab-dots{gap:6px;display:flex}.chat-panel__tab-dots span{background:var(--hairline-strong);border-radius:999px;width:6px;height:6px}.chat-panel__caret{vertical-align:text-bottom;background:var(--fg);width:7px;height:14px;margin-left:2px;animation:1s step-end infinite caret-blink;display:inline-block}.chat-panel__user{opacity:0;justify-content:flex-end;max-height:0;padding:0 18px;transition:max-height .36s cubic-bezier(.2,.7,.2,1),padding .36s cubic-bezier(.2,.7,.2,1),opacity .36s cubic-bezier(.2,.7,.2,1);display:flex;overflow:hidden}.chat-panel__user[data-visible=true]{opacity:1;max-height:80px;padding:14px 18px 0}.chat-panel__user-bubble{max-width:85%;color:var(--fg);background:var(--bg-2);border-radius:14px;padding:8px 14px;font-size:13px}.chat-panel__status{max-height:0;color:var(--fg-muted);opacity:0;align-items:center;gap:8px;padding:0 18px;font-size:12px;transition:max-height .32s,padding .32s,opacity .32s;display:flex;overflow:hidden}.chat-panel__status[data-visible=true]{opacity:1;max-height:40px;padding:14px 18px 0}.chat-panel__status-dot{background:var(--status-green);width:6px;height:6px;box-shadow:0 0 0 3px var(--ok-ring);border-radius:999px}.chat-panel__agent{max-height:0;color:var(--fg);opacity:0;padding:0 18px;font-size:14px;line-height:1.55;transition:max-height .36s,padding .36s,opacity .36s;overflow:hidden}.chat-panel__agent[data-visible=true]{opacity:1;max-height:100px;padding:12px 18px 4px}.chat-panel__plan{background:var(--bg);opacity:0;border:1px solid #0000;border-radius:14px;max-height:0;margin:0 18px;padding:0 16px;transition:max-height .42s cubic-bezier(.2,.7,.2,1),padding .42s cubic-bezier(.2,.7,.2,1),margin .42s cubic-bezier(.2,.7,.2,1),border-color .42s cubic-bezier(.2,.7,.2,1),opacity .42s cubic-bezier(.2,.7,.2,1);overflow:hidden}.chat-panel__plan[data-visible=true]{border-color:var(--hairline);opacity:1;max-height:360px;margin:12px 18px 0;padding:16px}.chat-panel__plan-head{color:var(--fg);align-items:center;gap:8px;margin-bottom:10px;font-size:12px;font-weight:500;display:flex}.chat-panel__plan-list{color:var(--fg-muted);margin:0;padding:0 0 0 22px;font-size:13px;line-height:1.85;list-style:decimal}.chat-panel__plan-list li::marker{color:var(--fg-muted)}.chat-panel__plan-list li{opacity:0;transition:opacity .28s,transform .28s;transform:translateY(4px)}.chat-panel__plan-list li[data-visible=true]{opacity:1;transform:translateY(0)}.chat-panel__plan-list li span{color:var(--fg-muted);font-weight:400}.chat-panel__plan-list li[data-current=true] span{color:var(--fg);font-weight:500}.chat-panel__plan-list li[data-done=true] span{text-decoration:line-through;-webkit-text-decoration-color:var(--ink-30);text-decoration-color:var(--ink-30)}.chat-panel__thinking{opacity:0;max-height:0;padding:0 18px;transition:max-height .36s,padding .36s,opacity .36s;overflow:hidden}.chat-panel__thinking[data-visible=true]{opacity:1;max-height:168px;padding:14px 18px 16px}.chat-panel__composer{border:1px solid var(--hairline);border-radius:14px;align-items:center;gap:10px;margin:12px 18px 18px;padding:10px 12px;display:flex}.chat-panel__composer-text{color:var(--fg-soft);white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.chat-panel__composer-text[data-typing=true]{color:var(--fg)}.chat-panel__composer-model{color:var(--fg-muted);background:var(--bg-2);border-radius:8px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;display:inline-flex}@media (prefers-reduced-motion:reduce){.chat-panel__user,.chat-panel__status,.chat-panel__agent,.chat-panel__plan,.chat-panel__thinking{transition-duration:.001ms}.chat-panel__caret{animation:none}}