@layer legacy {
.thinking-indicator.aiko-thinking, .aw-thinking.aiko-thinking { display: flex; align-items: center; gap: 12px; margin: 4px 0; padding: 0; min-width: 0; background: none; border: 0; box-shadow: none; }
.aiko-thinking .aiko-thinking-character { flex: 0 0 94px; width: 94px; height: 72px; display: block; }
.aiko-thinking-character svg { display: block; width: 100%; height: 100%; overflow: visible; }
.aiko-thinking .aiko-thinking-copy { display: grid; gap: 5px; min-width: 0; white-space: normal; }
.aiko-thinking .aiko-thinking-label { display: block; color: var(--aios-text); font-size: 14px; font-weight: 550; line-height: 1.5; }
.thinking-indicator.aiko-thinking .aiko-thinking-detail, .aw-thinking.aiko-thinking .aiko-thinking-detail { color: var(--aios-text-muted); -webkit-text-fill-color: currentColor; background: none; animation: none; font-size: 12px; font-weight: 400; line-height: 1.5; white-space: normal; }
.aiko-thinking-detail:empty { display: none; }
.aiko-thinking-body { transform-origin: 60px 108px; }
.aiko-thinking-hand { transform-origin: 72px 96px; }
.aiko-thought-bubble { fill: var(--aios-surface); stroke: var(--aios-border); stroke-width: 1.5; transform-origin: 120px 42px; }
.aiko-thought-dots { fill: var(--aios-text-muted); }
.aiko-thinking .aios-inline-orbit, .aiko-thinking .aios-brand-progress, .aiko-thinking .aios-brand-dots { display: none; }
.chat-message.ai.thinking:has(.aiko-thinking) .message-body { grid-column: 1 / -1; animation: none; background: transparent; }
.aiko-dictation-status { grid-column: 1 / -1; width: 100%; color: var(--aios-text-muted); font-size: 12px; padding: 4px 12px 8px; line-height: 1.4; }
#aios-mic-button.recording, [data-aw="dictate"].recording { color: var(--aios-danger); background: var(--aios-danger-soft); outline: 2px solid var(--aios-danger); }
.aiko-transcribing { color: var(--aios-accent-strong); background: var(--aios-accent-soft); }
[data-aw="dictate"] { min-width: 44px; min-height: 44px; }
[data-aw="dictate"] svg { width: 20px; height: 20px; }
[data-aiko-motion-paused="true"] .aiko-thinking * { animation-play-state: paused; }
@media (prefers-reduced-motion: reduce) { .aiko-thinking * { animation: none; transition: none; } .aiko-thinking-body { transform: rotate(-4deg); } }
}