.ohmy-hc{border:1px solid var(--sl-color-hairline);border-radius:var(--ohmy-radius-panel,.75rem);background:var(--sl-color-bg-nav);grid-template-columns:17rem minmax(0,1fr);grid-template-areas:"roles roles""phone side";align-items:start;gap:1rem 1.75rem;margin:1.5rem 0;padding:1.25rem;font-size:.875rem;display:grid}.ohmy-hc-roles{flex-wrap:wrap;grid-area:roles;align-items:center;gap:.4rem;display:flex}.ohmy-hc-roles>span{color:var(--sl-color-gray-3);margin-right:.25rem;font-size:.75rem;font-weight:700}.ohmy-hc-roles button,.ohmy-hc-keys button,.ohmy-hc-reset{border:1px solid var(--sl-color-hairline-light);background:var(--sl-color-bg);color:var(--sl-color-gray-1);font:inherit;cursor:pointer;font-weight:600}.ohmy-hc-roles button{border-radius:999px;min-height:2.1rem;padding:.3rem .85rem}.ohmy-hc-roles button[aria-checked=true]{background:var(--ohmy-accent,var(--sl-color-accent));color:var(--ohmy-accent-contrast,#fff);border-color:#0000}.ohmy-hc-phone{grid-area:phone}.ohmy-hc-side{grid-area:side}.ohmy-hc-title{color:var(--sl-color-white);margin:0 0 .5rem;font-weight:700}.ohmy-hc-keys{flex-wrap:wrap;gap:.4rem;display:flex}.ohmy-hc-keys button{border-radius:var(--ohmy-radius-field,.5rem);min-height:2.1rem;padding:.25rem .6rem}.ohmy-hc-keys button code{color:inherit;background:0 0;padding:0;font-size:.8125rem}.ohmy-hc-keys button:not(:disabled):hover{border-color:var(--ohmy-accent,var(--sl-color-accent))}.ohmy-hc-keys button:disabled{color:var(--sl-color-gray-4);cursor:not-allowed;background:0 0;border-style:dashed}.ohmy-hc button:focus-visible{outline:2px solid var(--ohmy-ring,var(--sl-color-accent));outline-offset:2px}.ohmy-hc-hint{color:var(--sl-color-gray-3);margin:.75rem 0 0;font-size:.8125rem}.ohmy-hc-reset{border-radius:var(--ohmy-radius-field,.5rem);margin-top:.75rem;padding:.3rem .75rem;font-size:.8125rem}.ohmy-hc-mode{background:var(--phone-accent);color:var(--phone-accent-text);letter-spacing:.06em;border-radius:999px;margin-left:auto;padding:.05rem .45rem;font-size:.5625rem}.ohmy-hc-mode.is-new{animation:.4s ease-out ohmy-hc-pop}.ohmy-hc-log{scrollbar-width:thin;overflow-y:auto}.ohmy-hc-msg{border:1px solid var(--phone-line);background:var(--phone-surface);max-width:88%;color:var(--phone-text);font:inherit;white-space:pre-line;text-align:left;border-radius:.8rem .8rem .8rem .2rem;flex:none;padding:.4rem .6rem;animation:.25s ease-out ohmy-hc-in}.ohmy-hc-msg.is-bot,.ohmy-hc-msg.is-other{align-self:flex-start}.ohmy-hc-msg.is-card{border-color:var(--phone-accent);flex-direction:column;gap:.4rem;display:flex}.ohmy-hc-cardbtn{background:var(--phone-accent);color:var(--phone-accent-text);border-radius:999px;align-self:flex-start;padding:.15rem .6rem;font-weight:700}.ohmy-hc-msg.is-other{cursor:pointer;flex-direction:column;display:flex}.ohmy-hc-msg.is-other strong{color:oklch(70% .15 50);font-size:.6875rem}.ohmy-hc-msg.is-quoted{outline:2px solid var(--phone-accent)}.ohmy-hc-msg.is-recalled{color:var(--phone-muted);cursor:default;font-style:italic}.ohmy-hc-msg.is-out{background:var(--phone-accent);color:var(--phone-accent-text);font-family:var(--sl-font-mono,ui-monospace, monospace);border:0;border-radius:.8rem .8rem .2rem;flex-direction:column;align-self:flex-end;gap:.2rem;display:flex}.ohmy-hc-quote{font-family:var(--sl-font-system,system-ui);opacity:.9;background:oklch(0% 0 0/.15);border-left:2px solid;border-radius:.25rem;padding:.15rem .4rem;font-size:.625rem}.ohmy-hc-msg.is-buttons{background:0 0;border:0;flex-wrap:wrap;gap:.3rem;padding:0;display:flex}.ohmy-hc-msg.is-buttons button{color:#1296db;font:inherit;cursor:pointer;background:0 0;border:1px solid #1296db;border-radius:.4rem;padding:.25rem .6rem;font-weight:700}.ohmy-hc-msg.is-typing{color:var(--phone-muted);letter-spacing:.15em}.ohmy-hc-note{background:var(--phone-line);max-width:92%;color:var(--phone-muted);text-align:center;border-radius:999px;flex:none;align-self:center;padding:.2rem .55rem;font-size:.625rem;animation:.25s ease-out ohmy-hc-in}.ohmy-hc-quotebar{border-top:1px solid var(--phone-line);background:var(--phone-surface);flex:none;justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem .65rem;display:flex}.ohmy-hc-quotebar[hidden]{display:none}.ohmy-hc-quotebar button{color:var(--phone-accent);font:inherit;cursor:pointer;background:0 0;border:0;font-weight:700}@media (width<=44rem){.ohmy-hc{grid-template-columns:minmax(0,1fr);grid-template-areas:"roles""phone""side";padding:1rem .75rem}}@keyframes ohmy-hc-in{0%{opacity:0;transform:translateY(6px)}}@keyframes ohmy-hc-pop{50%{transform:scale(1.2)}}@media (prefers-reduced-motion:reduce){.ohmy-hc-msg,.ohmy-hc-note,.ohmy-hc-mode.is-new{animation:none}}