.oc-chat{--oc-ink: #0c2524;--oc-on-ink: #fff;--oc-surface: #f4f2e9;--oc-line: #d6d9d4;--oc-muted: #4a5e5c;--oc-error: #b42318;display:flex;flex-direction:column;gap:1.25rem;max-width:42rem;color:var(--oc-ink)}.oc-bar{display:flex;justify-content:flex-end}.oc-lines{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.oc-lines li{width:fit-content;max-width:80%;border-radius:.75rem;padding:.5rem 1rem}.oc-assistant{background:var(--oc-surface)}.oc-you{margin-left:auto;background:var(--oc-ink);color:var(--oc-on-ink)}.oc-heard{display:grid;grid-template-columns:auto 1fr;gap:.25rem 1rem;margin:0;padding:.75rem;border:1px solid var(--oc-line);border-radius:.5rem;font-size:.875rem}.oc-heard>div{display:contents}.oc-heard dt{color:var(--oc-muted)}.oc-heard dd{margin:0}.oc-answer{display:flex;flex-direction:column;gap:.5rem}.oc-row{display:flex;gap:.5rem}.oc-row input{flex:1;min-width:0;padding:.5rem .75rem;border:1px solid var(--oc-line);border-radius:.5rem;font:inherit}.oc-status{display:flex;align-items:center;gap:.5rem;margin:0;font-size:.875rem;color:var(--oc-muted)}.oc-error{margin:0;font-size:.875rem;color:var(--oc-error)}.oc-primary,.oc-secondary,.oc-quiet{width:fit-content;border-radius:999px;padding:.5rem 1rem;font:inherit;font-size:.875rem;cursor:pointer}.oc-primary{border:0;background:var(--oc-ink);color:var(--oc-on-ink);font-weight:700}.oc-primary:disabled{opacity:.5;cursor:default}.oc-secondary{border:1px solid var(--oc-line);background:none;color:inherit}.oc-quiet{border:0;background:none;color:var(--oc-muted)}.oc-mic{width:.6rem;height:.6rem;border-radius:50%;background:var(--oc-ink);animation:oc-pulse 1.2s ease-in-out infinite}.oc-spinner{width:.9rem;height:.9rem;border:2px solid var(--oc-line);border-top-color:var(--oc-ink);border-radius:50%;animation:oc-spin .8s linear infinite}@keyframes oc-pulse{50%{opacity:.3}}@keyframes oc-spin{to{transform:rotate(1turn)}}