#sapa{--sapa-bg:#fff;--sapa-text:#233e32;--sapa-soft:#eff7f2;--sapa-line:#dce9e1;color:var(--sapa-text);font-size:14px}
#sapa [hidden]{display:none!important}#sapa button{cursor:pointer}#sapa button:focus-visible,#sapa input:focus-visible{outline:3px solid #85bca1;outline-offset:3px}
#sapa-launch{position:fixed;right:20px;bottom:88px;z-index:1031;border:1px solid #bddbc9;border-radius:28px;padding:12px 17px;background:#dff1e6;color:#205e40;box-shadow:0 6px 22px #173d2520;font-weight:600;display:flex;gap:8px;align-items:center}
#sapa-panel{position:fixed;right:16px;bottom:84px;width:min(410px,calc(100vw - 24px));height:min(650px,calc(100dvh - 108px));z-index:1032;background:var(--sapa-bg);border:1px solid var(--sapa-line);border-radius:24px;box-shadow:0 18px 60px #193b2930;overflow:hidden;display:flex;flex-direction:column;animation:sapa-appear .18s ease-out}
.sapa-header{display:flex;align-items:center;gap:10px;padding:17px;background:var(--sapa-soft);border-bottom:1px solid var(--sapa-line);flex-shrink:0}.sapa-header strong{font-size:13px;letter-spacing:1px}.sapa-header small{display:block;font-size:11px;margin-top:3px}.sapa-mark{display:grid;place-items:center;width:38px;height:38px;background:#d8ebdf;border-radius:14px;color:#397755;font-size:24px}#sapa-close{margin-left:auto;border:0;background:transparent;color:inherit;font-size:28px;line-height:1;width:36px;height:36px}
#sapa-log{padding:16px;overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:80px}.sapa-bubble{padding:12px 14px;background:var(--sapa-soft);border-radius:16px 16px 16px 4px;margin-bottom:12px;line-height:1.6;overflow-wrap:anywhere;white-space:pre-line}.sapa-user{background:#dfeee4;margin-left:30px;border-radius:16px 16px 4px 16px}.sapa-examples{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}.sapa-examples button{border:1px solid var(--sapa-line);background:var(--sapa-bg);color:inherit;text-align:left;border-radius:14px;padding:8px 11px;font-size:12px}
.sapa-controls{padding:10px 14px 14px;border-top:1px solid var(--sapa-line);flex-shrink:0}.sapa-tools{display:flex;justify-content:space-between;gap:6px}.sapa-tools button{border:0;background:transparent;color:inherit;padding:5px 0;font-size:12px}.sapa-remember,.sapa-privacy{font-size:10px;line-height:1.4;opacity:.85;display:block;margin:5px 0}.sapa-remember input{vertical-align:middle}#sapa-form{display:flex;gap:8px;margin-top:8px}#sapa-message{flex:1;min-width:0;border:1px solid var(--sapa-line);border-radius:14px;padding:11px;background:var(--sapa-soft);color:inherit;font-size:16px}#sapa-send{border:0;border-radius:14px;width:44px;flex-shrink:0;background:#3d7c59;color:white}#sapa-send:disabled{opacity:.5}#sapa-status{font-size:11px;margin:0;color:#47765b;min-height:16px}
.sapa-card{border:1px solid var(--sapa-line);padding:12px;border-radius:16px;margin:8px 0 14px;overflow-wrap:anywhere}.sapa-card img{width:100%;height:120px;object-fit:cover;border-radius:10px;margin-bottom:8px}.sapa-card h3{font-size:15px;margin:4px 0}.sapa-card p{font-size:12px;margin:6px 0}.sapa-card-links{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.sapa-card a{font-size:12px;padding:7px 9px;background:var(--sapa-soft);color:var(--sapa-text);border:1px solid var(--sapa-line);border-radius:9px;text-decoration:none}.sapa-product{font-size:12px;margin:5px 0}
@media(min-width:992px){#sapa-panel{bottom:24px;height:min(650px,calc(100dvh - 48px))}#sapa-launch{bottom:24px}}
@media(max-width:400px){#sapa-panel{right:12px}.sapa-header{padding:12px}.sapa-controls{padding:8px 10px}.sapa-privacy{font-size:10px}}
@media(prefers-color-scheme:dark){#sapa{--sapa-bg:#1e2e26;--sapa-text:#e4f1e9;--sapa-soft:#2b4034;--sapa-line:#425c4b}.sapa-user{background:#34523d}#sapa-status{color:#badbc5}}
@keyframes sapa-appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){#sapa-panel{animation:none}}
/* SAPA home and welcome: one local mascot shared across all entry points. */
.sapa-home-card{display:grid;grid-template-columns:140px minmax(0,1fr) auto;gap:24px;align-items:center;background:linear-gradient(115deg,#fff 0%,#f0f8f2 65%,#e1f0e5);border:1px solid #93b99d55;border-radius:24px;padding:24px;box-shadow:0 8px 28px #31533e0b;transition:transform .18s,box-shadow .18s;color:#244834}
.sapa-home-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #31533e14}.sapa-home-mascot{width:140px;height:152px;object-fit:contain}.sapa-ai-badge{display:inline-block;border-radius:20px;background:#dceee1;padding:4px 10px;color:#34634a;font-size:10px;font-weight:700;letter-spacing:1px}.sapa-home-copy h2{font-size:25px;font-weight:800;margin:8px 0 3px;letter-spacing:.5px}.sapa-home-copy p{font-size:13px;line-height:1.65;margin:6px 0 0;max-width:560px}.sapa-home-copy .sapa-home-subtitle{font-size:12px;font-weight:600;color:#50755d}.sapa-home-actions{display:grid;gap:8px}.sapa-primary{border:0;border-radius:14px;background:#397853;color:#fff;padding:13px 18px;font-size:13px;font-weight:650;cursor:pointer;min-height:46px}.sapa-primary:hover{background:#2b6042}.sapa-text-button{background:none;border:0;color:#486b55;font-size:12px;padding:10px;cursor:pointer}.sapa-home-card button:focus-visible{outline:3px solid #74a989;outline-offset:3px}
#sapa .sapa-header{background:linear-gradient(120deg,#356c4d,#477e60);color:#fff}.sapa-avatar{width:48px;height:48px;object-fit:cover;object-position:top;background:#e7f1e9;border-radius:16px}.sapa-window-actions{display:flex;margin-left:auto;flex-shrink:0}#sapa .sapa-window-actions button{border:0;background:transparent;color:inherit;font-size:26px;width:32px;height:40px;padding:0}#sapa-log{background:var(--sapa-soft)}#sapa .sapa-bubble{background:var(--sapa-bg);border:1px solid var(--sapa-line)}#sapa .sapa-user{background:#dceee2;color:#244631;border-color:transparent}.sapa-card{background:var(--sapa-bg)}#sapa-message{resize:none;max-height:100px;line-height:1.4}#sapa-send{min-height:46px}#sapa-retry{border:1px solid var(--sapa-line);background:var(--sapa-soft);border-radius:10px;color:inherit;font-size:12px;padding:7px 12px;margin:4px 0}
#sapa-loading{display:flex;gap:4px;padding:5px 2px}#sapa-loading span{width:5px;height:5px;border-radius:50%;background:#64977b;animation:sapa-dot 1s infinite alternate}#sapa-loading span:nth-child(2){animation-delay:.2s}#sapa-loading span:nth-child(3){animation-delay:.4s}@keyframes sapa-dot{to{opacity:.3;transform:translateY(-3px)}}
#sapa-welcome{position:fixed;inset:auto 12px calc(84px + env(safe-area-inset-bottom)) auto;margin:0;width:min(430px,calc(100vw - 24px));max-height:calc(100dvh - 108px - env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain;border:1px solid var(--sapa-line);border-radius:24px;padding:24px;background:var(--sapa-bg);color:var(--sapa-text);box-shadow:0 18px 80px #15352230;text-align:center}#sapa-welcome::backdrop{background:#18332138;backdrop-filter:blur(2px)}.sapa-welcome-close{position:absolute;top:10px;right:12px;border:0;background:var(--sapa-soft);color:inherit;border-radius:50%;width:36px;height:36px;font-size:24px}.sapa-welcome-art{width:132px;height:132px;border-radius:50%;background:radial-gradient(circle,#e0f0e5,#f7faf7);margin:0 auto 14px}.sapa-welcome-art img{width:132px;height:143px;object-fit:contain;transform:translateY(-8px)}#sapa-welcome h2{font-size:21px;font-weight:750;line-height:1.4;margin:12px 0}#sapa-welcome p{font-size:13px;line-height:1.65;margin-bottom:20px}#sapa-welcome .sapa-primary,#sapa-welcome .sapa-text-button{width:100%}
@media(min-width:992px){#sapa-welcome{top:50%;bottom:auto;left:50%;right:auto;transform:translate(-50%,-50%);max-height:calc(100dvh - 48px)}}
@media(max-width:991px){.sapa-home-card{grid-template-columns:88px minmax(0,1fr);gap:12px;padding:18px}.sapa-home-mascot{width:88px;height:110px}.sapa-home-copy h2{font-size:20px}.sapa-home-copy p:not(.sapa-home-subtitle){display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:12px}.sapa-home-actions{grid-column:1/-1;grid-template-columns:1fr auto;align-items:center}.sapa-home-copy .sapa-home-subtitle{font-size:11px}#sapa-panel{bottom:calc(84px + env(safe-area-inset-bottom));height:calc(100dvh - 108px - env(safe-area-inset-bottom));max-height:820px}#sapa-launch{bottom:calc(88px + env(safe-area-inset-bottom))}}
@media(max-width:360px){.sapa-home-card{grid-template-columns:64px minmax(0,1fr);padding:14px}.sapa-home-mascot{width:64px;height:90px}.sapa-home-copy h2{font-size:18px}.sapa-home-actions{grid-template-columns:1fr;gap:0}#sapa-welcome{padding:20px}.sapa-header small{font-size:10px}.sapa-header strong{font-size:12px}}
@media(prefers-color-scheme:dark){.sapa-home-card{background:linear-gradient(115deg,#24392b,#314b39);color:#e7f1e9}.sapa-home-copy .sapa-home-subtitle,.sapa-text-button{color:#bad8c4}.sapa-ai-badge{background:#3c5b45;color:#d6eddd}#sapa .sapa-user{background:#3d6248;color:#edf6ee}}
@media(prefers-reduced-motion:reduce){.sapa-home-card{transition:none}.sapa-home-card:hover{transform:none}#sapa-loading span{animation:none}}
/* Refined centered welcome: white, sage and a CSS 3D orbit. */
#sapa-welcome{inset:50% auto auto 50%;transform:translate(-50%,-50%);margin:0;width:min(400px,calc(100vw - 32px));max-height:calc(100dvh - 32px);border:1px solid #e9eeeb;border-radius:26px;padding:26px;background:linear-gradient(155deg,#fff 65%,#f6f9f7);color:#33443a;box-shadow:0 20px 80px #273d3020}
#sapa-welcome::backdrop{background:#29352e24;backdrop-filter:blur(4px)}#sapa-welcome .sapa-welcome-close{background:#fafbf9;border:1px solid #eef1ee;color:#68796c;width:34px;height:34px;font-size:23px}
#sapa-welcome .sapa-ai-badge{background:#f3f6f3;color:#607667;font-size:9px;letter-spacing:1.2px;padding:6px 10px}#sapa-welcome h2{font-size:23px;font-weight:650;line-height:1.3;letter-spacing:-.5px;margin:14px 0 10px}#sapa-welcome p{font-size:13px;line-height:1.7;color:#65736a;margin:0 auto 20px;max-width:300px}#sapa-welcome .sapa-primary{background:#e1ebe3;color:#385844;border:1px solid #d5e2d8;box-shadow:0 3px 8px #36513c06;min-height:44px}#sapa-welcome .sapa-primary:hover{background:#d7e5da}#sapa-welcome .sapa-text-button{color:#68766e;font-size:12px;padding:10px;min-height:36px}#sapa-welcome button:focus-visible{outline:2px solid #8cae97;outline-offset:3px}
.sapa-orbit-art{height:112px;width:170px;margin:0 auto 14px;display:grid;place-items:center;perspective:600px;background:radial-gradient(ellipse at center,#edf3ee80,transparent 68%)}.sapa-orbit{position:relative;width:92px;height:92px;transform-style:preserve-3d;animation:sapa-orbit-float 7s ease-in-out infinite}.sapa-orbit-core{position:absolute;inset:16px;border-radius:50%;background:radial-gradient(circle at 28% 24%,#fff 7%,#f2f7f3 32%,#c9dbcc 68%,#a8bcae);box-shadow:inset -5px -5px 10px #92ad9d20,0 12px 20px #5a75601c;transform:translateZ(8px)}.sapa-orbit-ring{position:absolute;inset:0;border:6px solid #dfe9e0;border-top-color:#fafcf9;border-right-color:#c1d2c4;border-radius:50%;transform:rotateX(62deg) rotateY(-24deg);box-shadow:0 2px 2px #8ca49125,inset 0 2px 2px white;animation:sapa-ring-turn 16s linear infinite}.sapa-orbit-ring-two{inset:-6px;border-width:3px;border-color:#e7ede8 #d3ded5 #f7f9f6 #e7ede8;animation:sapa-ring-cross 20s linear infinite}.sapa-orbit-pearl{position:absolute;width:16px;height:16px;right:-9px;top:10px;background:radial-gradient(circle at 30% 25%,#fff,#c7d9cb 75%);border-radius:50%;box-shadow:0 4px 8px #607a6420;transform:translateZ(22px)}
@keyframes sapa-orbit-float{0%,100%{transform:translateY(3px) rotateZ(-6deg)}50%{transform:translateY(-4px) rotateZ(6deg)}}@keyframes sapa-ring-turn{from{transform:rotateX(62deg) rotateY(-24deg) rotateZ(0)}to{transform:rotateX(62deg) rotateY(-24deg) rotateZ(360deg)}}@keyframes sapa-ring-cross{from{transform:rotateY(66deg) rotateX(20deg) rotateZ(0)}to{transform:rotateY(66deg) rotateX(20deg) rotateZ(-360deg)}}
@media(max-height:600px){#sapa-welcome{padding:16px 22px}.sapa-orbit-art{height:56px;margin-bottom:8px}.sapa-orbit{scale:.6}#sapa-welcome h2{font-size:19px;margin:10px 0 8px}#sapa-welcome p{font-size:12px;line-height:1.55;margin-bottom:12px}#sapa-welcome .sapa-ai-badge{font-size:8px;padding:4px 8px}#sapa-welcome .sapa-text-button{padding:7px}}
@media(prefers-reduced-motion:reduce){.sapa-orbit,.sapa-orbit-ring{animation:none}.sapa-orbit-ring-two{transform:rotateY(66deg) rotateX(20deg)}}
/* Shared SAPA palette and orbit identity across home, welcome and chat. */
.sapa-home-card{background:linear-gradient(115deg,#fff 65%,#f6f9f7);border-color:#e9eeeb;box-shadow:0 8px 28px #273d300a;color:#33443a}.sapa-home-copy .sapa-home-subtitle{color:#65736a}.sapa-home-copy p{color:#65736a}.sapa-home-card .sapa-ai-badge{background:#f3f6f3;color:#607667}.sapa-home-card .sapa-primary{background:#e1ebe3;color:#385844;border:1px solid #d5e2d8}.sapa-home-card .sapa-primary:hover{background:#d7e5da}.sapa-home-card .sapa-text-button{color:#68766e}.sapa-home-orbit{width:140px;display:grid;place-items:center}.sapa-home-orbit .sapa-orbit-art{margin:0;width:140px;height:152px}
#sapa{--sapa-bg:#fff;--sapa-text:#33443a;--sapa-soft:#f6f9f7;--sapa-line:#e6ede8}#sapa-panel{background:#fff;border-color:#e9eeeb;box-shadow:0 18px 60px #273d301c}#sapa .sapa-header{background:linear-gradient(115deg,#fff 55%,#f6f9f7);color:#33443a;border-bottom-color:#e9eeeb}#sapa .sapa-header small{color:#65736a}#sapa-launch{background:#f6f9f7;border-color:#dce6de;color:#486652;box-shadow:0 6px 22px #273d3010}#sapa .sapa-user{background:#e7efe9;color:#385844}#sapa-send{background:#e1ebe3;color:#385844;border:1px solid #d5e2d8}#sapa-message{background:#fbfcfb}#sapa-status{color:#617569}#sapa .sapa-card-links a{background:#f3f7f4;color:#486652}#sapa .sapa-examples button{background:#fff;color:#586d60}#sapa .sapa-window-actions button{color:#68796c}
.sapa-avatar-orbit{width:48px;height:48px;flex-shrink:0;display:grid;place-items:center}.sapa-avatar-orbit .sapa-orbit-art{width:48px;height:48px;margin:0;perspective:300px}.sapa-avatar-orbit .sapa-orbit{scale:.42;flex-shrink:0}.sapa-avatar-orbit .sapa-orbit-ring{animation-duration:24s}
@media(max-width:991px){.sapa-home-orbit{width:88px;height:110px}.sapa-home-orbit .sapa-orbit-art{width:88px;height:110px}.sapa-home-orbit .sapa-orbit{scale:.8}}
@media(max-width:360px){.sapa-home-orbit{width:64px;height:90px}.sapa-home-orbit .sapa-orbit-art{width:64px;height:90px}.sapa-home-orbit .sapa-orbit{scale:.6}}
@media(prefers-color-scheme:dark){.sapa-home-card{background:linear-gradient(115deg,#28332c,#303e34);border-color:#445247;color:#e8eee9}.sapa-home-copy p,.sapa-home-copy .sapa-home-subtitle,.sapa-home-card .sapa-text-button{color:#c2cec5}.sapa-home-card .sapa-ai-badge{background:#37473b;color:#d3dfd6}#sapa{--sapa-bg:#28332c;--sapa-text:#e8eee9;--sapa-soft:#243027;--sapa-line:#445247}#sapa-panel{background:var(--sapa-bg);border-color:var(--sapa-line)}#sapa .sapa-header{background:linear-gradient(115deg,#28332c,#303e34);color:#e8eee9;border-color:#445247}#sapa .sapa-header small,#sapa .sapa-window-actions button{color:#c2cec5}#sapa-message{background:#253028}#sapa .sapa-examples button,#sapa .sapa-card-links a{background:#303f34;color:#dce7df}#sapa-status{color:#c2cec5}#sapa .sapa-user{background:#3c5041;color:#e8eee9}}

/* Keep the scaled orbit centered even when its artwork exceeds the avatar box. */
.sapa-orbit-art{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}