#spai-root{--spai-paper:#fffdf7;--spai-ink:#19354a;--spai-accent:#225d61;--spai-line:#c8d4ce;font-family:Inter,system-ui,sans-serif;font-size:18px;line-height:1.5;color:var(--spai-ink)}
[data-theme=dark] #spai-root{--spai-paper:#172a3b;--spai-ink:#f7f2e7;--spai-accent:#e8ce98;--spai-line:#6c8291}
#spai-root [hidden]{display:none!important}#spai-root *{box-sizing:border-box}#spai-root button,#spai-root input,#spai-root select,#spai-root textarea{font:inherit}#spai-root button,#spai-root a{touch-action:manipulation}#spai-root button{cursor:pointer;border:1px solid var(--spai-line);border-radius:8px;padding:10px 12px;min-height:44px;color:var(--spai-ink);background:var(--spai-paper);font-size:16px;line-height:1.4}#spai-root button:disabled{opacity:.65;cursor:wait}#spai-root :focus-visible{outline:3px solid #c59029;outline-offset:3px}#spai-root a{color:var(--spai-accent);text-decoration:underline;overflow-wrap:anywhere}
#spai-open{position:fixed;right:20px;bottom:20px;z-index:10001;box-shadow:0 3px 18px #0003;border:2px solid var(--spai-accent)!important;font-weight:600}#spai-panel{position:fixed;right:20px;bottom:82px;width:min(430px,calc(100vw - 24px));height:min(670px,calc(100dvh - 110px));z-index:10002;background:var(--spai-paper);border:1px solid var(--spai-line);border-radius:16px;box-shadow:0 8px 32px #0004;display:flex;flex-direction:column;overflow:hidden;text-align:left}#spai-root .spai-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:14px 16px;border-bottom:1px solid var(--spai-line);background:var(--spai-paper);color:var(--spai-ink)}#spai-title{font-size:20px}#spai-root .spai-head span{display:block;font-size:13px;margin-top:3px}#spai-close{font-size:25px!important;min-width:44px}#spai-root .spai-body{padding:16px;overflow-y:auto;overscroll-behavior:contain;flex:1}#spai-root p{font-size:inherit;line-height:1.5;margin:0 0 14px;color:inherit}#spai-root .spai-small{font-size:13px;line-height:1.5;margin-top:12px}#spai-root label{display:block;margin:10px 0 6px;font-size:16px;color:inherit}#spai-root input:not([type=checkbox]):not([type=radio]),#spai-root textarea,#spai-root select{display:block;width:100%;max-width:100%;border:1px solid var(--spai-line);border-radius:6px;background:var(--spai-paper);color:var(--spai-ink);padding:10px;min-height:44px;font-size:18px}#spai-root textarea{resize:vertical;max-height:180px}#spai-root .spai-controls,#spai-root .spai-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0}#spai-send,#spai-start,#spai-followup-send{border:2px solid var(--spai-accent)!important;font-weight:600}#spai-root .spai-message{border-left:3px solid var(--spai-line);padding:8px 10px;margin:12px 0;overflow-wrap:anywhere}#spai-root .spai-message strong{font-size:13px}#spai-root .spai-message p{white-space:pre-wrap;margin:5px 0 0}#spai-root .spai-assistant{border-color:var(--spai-accent)}#spai-status:empty{display:none}#spai-status{font-size:15px!important}#spai-followup{border-top:1px solid var(--spai-line);margin-top:16px;padding-top:10px}#spai-followup h3{font:600 21px/1.3 Inter,system-ui,sans-serif;color:inherit;margin:10px 0}#spai-root .spai-consent{display:flex;align-items:flex-start;gap:10px;font-size:15px;margin:18px 0}#spai-contact-consent{width:22px;height:22px;flex:none}#spai-root .spai-honey{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important}#spai-root ::placeholder{color:var(--spai-ink);opacity:.7}
@media(max-width:480px){#spai-panel{right:12px;bottom:76px;height:calc(100dvh - 100px)}#spai-open{right:12px;bottom:14px}#spai-root .spai-head{padding:12px}#spai-root .spai-body{padding:12px}}
@media(prefers-reduced-motion:reduce){#spai-root *{scroll-behavior:auto!important}}

#spai-method{border:0;padding:0;margin:12px 0;display:flex;flex-wrap:wrap;gap:12px}#spai-method legend{font-size:16px;margin-bottom:6px}#spai-method label{display:flex;align-items:center;gap:7px;margin:0;min-height:44px}#spai-root input[type=radio]{width:22px;height:22px;flex:none}#spai-root summary{cursor:pointer;font-size:15px;min-height:44px;padding:10px 0}

/* Ask Silver: approved illustrated guide, concept four. */
#spai-root .spai-avatar{display:block;width:48px;height:48px;flex:none;object-fit:cover;border-radius:50%;background:#fffdf7;border:1px solid #e6d8bd}
#spai-root #spai-open{display:flex;align-items:center;gap:10px;padding:6px 17px 6px 6px;border-radius:999px;background:#193f46;color:#fffdf7;border-color:#193f46!important;font-size:18px;min-height:62px}
#spai-root .spai-head{align-items:center;gap:10px;background:#193f46;color:#fffdf7}
#spai-root .spai-identity{flex:1;min-width:0}
#spai-root .spai-head .spai-identity span{line-height:1.4}
#spai-root #spai-close{background:transparent;color:#fffdf7;border-color:#ffffff60;flex:none}
#spai-panel{bottom:96px;height:min(670px,calc(100dvh - 122px))}
#spai-preview-voice{margin-top:10px}
@media(max-width:480px){#spai-panel{left:12px;right:12px;width:auto;bottom:90px;height:calc(100dvh - 114px)}body.admin-bar #spai-panel{max-height:calc(100dvh - 148px)}#spai-root .spai-head .spai-identity span{font-size:12px}}