#companion-launch{display:flex;align-items:center;gap:10px;width:100%;margin:12px 0 0;padding:11px 13px;background:#244849;color:#edf4e9;border:1px solid #83b7aa66;border-radius:12px;cursor:pointer;text-align:left;font-family:inherit;font-size:13px;font-weight:600;line-height:1.4;min-height:44px}#companion-launch>span:last-child{margin-left:auto}#companion-launch small{font-weight:400;color:#bfd4c8;margin-left:10px}.companion-spark{color:#e7c58c;font-size:23px}
#companion-panel{box-sizing:border-box;width:min(900px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;color:#edf3e9;background:#172f33;border:1px solid #8caaa477;border-radius:24px;box-shadow:0 30px 100px #071a2788;overflow:auto}#companion-panel[open]{display:grid;grid-template-columns:300px minmax(0,1fr)}#companion-panel::backdrop{background:#091e2b80;backdrop-filter:blur(5px)}#companion-panel *{box-sizing:border-box}#companion-panel [hidden]{display:none!important}#companion-panel button,#companion-panel input,#companion-panel select,#companion-panel textarea{font:inherit;font-size:15px;min-height:44px;border-radius:10px}#companion-panel button{cursor:pointer;padding:10px 15px;background:#315252;color:#f0f4ec;border:1px solid #91b0a666}#companion-panel button:hover{background:#3c6461}#companion-panel button:disabled{opacity:.5;cursor:wait}#companion-panel :focus-visible,#companion-launch:focus-visible{outline:3px solid #e7c58c;outline-offset:3px}#companion-close{position:absolute;top:12px;right:12px;z-index:2;width:44px;font-size:24px!important;padding:0!important}#companion-panel h2{font-size:38px;line-height:1.2;letter-spacing:-1px;margin:8px 0 12px}#companion-panel h3{font-size:24px;letter-spacing:-.5px;line-height:1.3;margin:24px 0 10px}#companion-panel p{font-size:15px;line-height:1.6;color:#c4d6cd;margin:10px 0 20px}#companion-panel small{font-size:12px;line-height:1.5;color:#b9d0c7}.companion-intro{padding:34px 26px;background:radial-gradient(ellipse at 50% 35%,#38675c 0,transparent 65%),linear-gradient(160deg,#214b48,#18383d);text-align:center}.companion-intro .eyebrow{font-size:10px;letter-spacing:2px;color:#e7c58c;justify-content:center}.companion-portrait{width:180px;margin:20px auto 0}.companion-portrait svg{display:block;width:100%}.companion-pill{display:inline-block;font-size:11px;line-height:1.5;color:#d2e9da;border:1px solid #a0cbbb55;border-radius:30px;padding:7px 12px}#companion-panel .companion-primary{display:flex;justify-content:space-between;align-items:center;width:100%;margin:26px 0 16px;background:#e7c58c;color:#193537;border:0;font-weight:600}.companion-temporary{display:flex;justify-content:center;gap:9px;align-items:center;font-size:13px;margin-bottom:12px}#companion-panel input[type=checkbox]{width:19px;height:19px;min-height:19px;accent-color:#d9bb84}.companion-content{padding:30px 30px 22px;min-width:0}.companion-content nav{display:flex;gap:6px;padding-right:28px;border-bottom:1px solid #b8cbbc22;padding-bottom:14px}#companion-panel nav button{border:0;border-radius:9px;background:transparent;font-size:14px;padding:10px 14px;color:#b7d0c6}#companion-panel nav button[aria-selected=true]{background:#dbe8dc;color:#1f3f3e}.companion-fields{display:grid;grid-template-columns:1fr 1.2fr;gap:14px}#companion-settings label,#companion-add label{display:block;font-size:13px;color:#e1e9de;margin:16px 0 7px}#companion-panel input:not([type=checkbox]),#companion-panel select,#companion-panel textarea{width:100%;color:#ecf4eb;background:#10292d;border:1px solid #91b0a666;padding:11px 12px;margin-top:7px}#companion-panel textarea{resize:vertical;line-height:1.5}#companion-settings .companion-toggle{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #b8cbbc22;padding-top:20px;margin-top:23px}.companion-toggle small{display:block;margin-top:5px}#companion-panel p.companion-note{font-size:12px;margin-bottom:16px}.companion-info{display:flex;gap:12px;border-top:1px solid #b8cbbc22;margin-top:25px;padding-top:16px}.companion-info>span{color:#e7c58c;font-size:26px}#companion-panel .companion-info p{font-size:12px;margin:0}.companion-memory-card,.companion-history-card{padding:16px;background:#203d40;border:1px solid #9bb6a433;border-radius:14px;margin:14px 0}.companion-memory-card>small{color:#dbbd86!important;letter-spacing:1px;font-size:10px!important}.companion-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}#companion-panel .companion-quiet{background:transparent}#companion-panel .companion-danger{background:transparent;color:#ffbeb0;border-color:#e59e8b55;margin-top:14px}#companion-add button{margin-top:10px}.companion-empty{padding:18px;border:1px dashed #9bb6a455;border-radius:12px}#companion-status{font-size:12px!important;margin:20px 0 0!important;min-height:20px}#companion-transcript p{white-space:pre-wrap;overflow-wrap:anywhere;background:#244346;padding:12px;border-radius:9px}#companion-transcript b{color:#e5c68e}#companion-confirm{padding:16px;border:1px solid #e5bc8766;border-radius:12px;margin-top:16px}#companion-confirm button{margin:0 8px 0 0}.companion-history-card p{overflow-wrap:anywhere}#companion-save-status{font-size:11px;line-height:1.5;color:#d4c193;margin:0 0 10px}
@media(max-width:760px){#companion-panel[open]{grid-template-columns:1fr}#companion-panel{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:18px}.companion-intro{padding:26px 24px 18px}.companion-portrait{width:95px;margin:10px auto 0}#companion-panel h2{font-size:29px;margin:0 0 5px}.companion-intro>p{margin:5px 0 10px!important;font-size:13px!important}.companion-intro>p br{display:none}#companion-panel .companion-primary{margin:16px 0 10px}.companion-content{padding:18px}.companion-content nav{padding-right:0}#companion-panel nav button{flex:1;padding:10px}#companion-panel h3{font-size:22px}.companion-fields{gap:10px}#companion-panel input:not([type=checkbox]),#companion-panel select,#companion-panel textarea{font-size:16px}#companion-launch{margin-top:8px;padding:8px 12px}.companion-intro>small{display:block;font-size:11px!important}.companion-temporary{margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){#companion-panel *{scroll-behavior:auto}}

/* Keep the close control reachable while long history/memory lists scroll. */
#companion-panel{overflow:hidden}#companion-panel[open]{display:block}.companion-scroll{display:grid;grid-template-columns:300px minmax(0,1fr);overflow:auto;max-height:calc(100dvh - 34px)}
@media(max-width:760px){.companion-scroll{grid-template-columns:1fr;max-height:calc(100dvh - 22px)}}
#companion-title{overflow-wrap:anywhere}
@media(max-width:760px){.touch-actions{bottom:196px}}