.companion-guide{display:flex;gap:8px;position:fixed;bottom:12px;right:12px;z-index:8;width:max-content;max-width:calc(100% - 24px);margin:12px 12px 12px auto}.guide-open{display:flex;align-items:center;gap:8px;box-shadow:0 6px 24px #0e3c7d26;background:#fef2e1;font-size:.85rem}.guide-face{display:inline-block;width:38px;height:36px;background-size:192px 128px;background-repeat:no-repeat;border-radius:50%}.guide-face.milo-face{background-position:0 -8px}.guide-face.nora-face{background-position:0 -7px}.companion-guide dialog{max-width:min(620px,calc(100vw - 32px));max-height:85dvh;overflow:auto;padding:24px;border:1px solid #95b8e0;border-radius:20px;color:#0e3c7d;background:#fff}.companion-guide dialog::backdrop{background:#0e3c7d80}.guide-close{float:right}.guide-context{font-weight:700}.guide-milo{border-left:4px solid #95b8e0;padding-left:12px}.guide-nora{border-left:4px solid #fc6715;padding-left:12px}.guide-notice{font-size:.85rem}.companion-guide button:focus-visible{outline:3px solid #fc6715;outline-offset:3px}@media(prefers-reduced-motion:reduce){.companion-guide *{animation:none!important;transition:none!important}}@media(max-width:480px){.guide-open{padding:8px;font-size:.75rem;gap:4px}.guide-face{width:32px;flex-shrink:0}.companion-guide{right:4px;bottom:8px;max-width:calc(100% - 8px);margin:0}}

body:has(.companion-guide){padding-bottom:80px}

.guide-open-nora{background:#123e7b;color:#fff;border-color:#fc6715}.guide-open-nora:hover:not(:disabled){background:#1d4b87;color:#fff}.guide-open-milo{background:#fef2e1;color:#123e7b;border-color:#95b8e0}.record-guide-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.guide-dialog-nora{border-top:5px solid #fc6715!important}.guide-dialog-milo{border-top:5px solid #95b8e0!important}

/* Independent conversations: clear input and source links, responsive dialogs. */
.companion-conversation{display:grid;gap:.8rem;border-top:1px solid #94b9df;margin-top:1rem;padding-top:1rem}
.companion-conversation textarea{box-sizing:border-box;width:100%;font:inherit;padding:.8rem;border:2px solid #173f7d;border-radius:12px;background:white;color:#173f7d}
.companion-conversation [role=log]{max-height:35vh;overflow:auto;overflow-wrap:anywhere}
.companion-conversation [role=log] section{padding:.8rem;background:#fff3df;border-radius:12px;margin-bottom:.8rem}
.companion-conversation [role=log] a{display:block;margin:.5rem 0}
.companion-conversation button:disabled{opacity:.5;cursor:not-allowed}
