.onui-narration{opacity:.6;color:var(--muted-foreground);font-style:italic;transition:opacity .3s,filter .3s;position:relative}.onui-narration-exit{animation:onui-narration-fade-out var(--onui-narration-duration,3s)ease forwards;pointer-events:none}@keyframes onui-narration-fade-out{0%{opacity:.6;filter:blur();max-height:200px;transform:translateY(0)}60%{opacity:.4;filter:blur();max-height:200px;transform:translateY(0)}80%{opacity:.1;filter:blur(2px);max-height:200px;transform:translateY(-6px)}95%{opacity:0;filter:blur(4px);max-height:0;margin:0;padding:0;transform:translateY(-12px)}to{opacity:0;filter:blur(4px);max-height:0;margin:0;padding:0;overflow:hidden;transform:translateY(-12px)}}@media (prefers-reduced-motion:reduce){.onui-narration-exit{opacity:0;max-height:0;margin:0;padding:0;animation:none;overflow:hidden}}
.onui-suggestions{flex-wrap:wrap;justify-content:center;gap:8px;padding:0 1rem;display:flex}.onui-suggestion-chip{border:1px solid var(--border);background:var(--background);color:var(--foreground);cursor:pointer;white-space:break-spaces;border-radius:9999px;align-items:center;padding:6px 14px;font-family:inherit;font-size:.8125rem;line-height:1.4;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.onui-suggestion-chip:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-foreground)}.onui-suggestion-chip:active{opacity:.8}.onui-card-in{opacity:0;animation:onui-card-in .5s ease calc(.1s + var(--i)*70ms)forwards}@keyframes onui-card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.onui-mini-orb-btn{cursor:pointer;color:var(--primary);background:0 0;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;padding:4px;transition:opacity .15s;display:flex}.onui-mini-orb-btn:hover{opacity:.7}.onui-mini-orb-btn:focus-visible{box-shadow:0 0 0 2px var(--primary)}.onui-mini-orb-icon-loading{animation:1s linear infinite onui-spin}@keyframes onui-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.onui-mini-orb-icon-loading{animation:none!important}}.onui-chat-input-form{background-color:var(--background);padding:12px 16px}.onui-chat-input-bar{background-color:var(--card);border:1px solid var(--input);border-radius:calc(var(--radius) + 4px);align-items:center;gap:8px;padding:4px 4px 4px 14px;transition:border-color .2s,box-shadow .2s;display:flex}.onui-chat-input-bar:focus-within{border-color:var(--ring);box-shadow:0 0 0 2px color-mix(in srgb,var(--ring)20%,transparent)}.onui-chat-input-textarea{color:var(--foreground);font-size:var(--text-base);resize:none;field-sizing:content;background:0 0;border:none;outline:none;flex:1;min-height:36px;max-height:160px;padding:8px 0;font-family:inherit;line-height:1.5;overflow-y:auto}.onui-chat-input-textarea::placeholder{color:var(--muted-foreground)}.onui-chat-input-textarea.is-listening::placeholder{color:var(--primary);opacity:.7}.onui-chat-input-orb{flex-shrink:0;justify-content:center;align-items:center;padding:2px;display:flex;position:relative}.onui-chat-input-countdown{pointer-events:none;z-index:20;border-radius:50%;position:absolute;inset:-2px}.onui-chat-input-countdown svg{width:100%;height:100%;transform:rotate(-90deg)}.onui-chat-input-countdown circle{fill:none;stroke:var(--primary);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:113;stroke-dashoffset:0;transition:stroke-dashoffset 50ms linear}.onui-chat-input-select{appearance:none;border:1px solid var(--input);border-radius:calc(var(--radius) + 2px);background-color:var(--card);color:var(--muted-foreground);font-size:var(--text-sm);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23888' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;outline:none;max-width:160px;padding:3px 24px 3px 8px;font-family:inherit;transition:border-color .2s,color .2s}.onui-chat-input-select:hover{border-color:var(--ring);color:var(--foreground)}.onui-chat-input-select:focus{border-color:var(--ring);color:var(--foreground);box-shadow:0 0 0 2px color-mix(in srgb,var(--ring)20%,transparent)}